SlideShare a Scribd company logo
MacroMedia
Dreamweaver 8
MacroMedia Dreamweaver програмыг эхлүүлэхр р үү
Start->All Programs-> MacroMedia-> MacroMedia Dreamweaver 8
Дараахь байдлаар эхэлнэ.Дараахь байдлаар эхэлнэ.
Дээрхи хэсгээс бид HTML гэсэн хэсгийг сонгоно.
Дараахь HTML хуудас үүснэ.
Ажлын талбарыг 3 янзаар харж болно.л албар 3 заар ар бол о
1. Зөвхөн HTML кодын
хэсгийг харах
2. Код болон дизайныг зэрэг
харахр р
3. Зөвхөн дизайны хэсэг
Дээрхи хэсэгт сонгогдох хэсгийг улаанДээрхи хэсэгт сонгогдох хэсгийг улаан
өнгөөр тэмдэглэсэн. Эхний Кодын хэсэгт
та бүхэн HTML код бичвэл тухайн
бичигдсэн кодын команд дизайны хэсэгтд д д д
шууд биелэнэ. Хоёрдугаар хэсэгт кодын
хэсэг болон дизайнаа зэрэг хийххэсэг болон дизайнаа зэрэг хийх
боломжтой. Харин хамгийн сүүлийн хэсэгт
HTML код ашиглалгүй шууд дизайныHTML код ашиглалгүй шууд дизайны
хэсгээр бэлэн компонентууд ашиглан
бхуудсаа хийж болно. Энэ үед код нь таны
хийсэн үйлдлийн дагуу код автоматаарү уу р
бичигдэнэ.
Энэ хэсэгт та бүхэн бичих текстэндээ өөрийн
хүссэнээр хэлбэржүүлэлт хийж болно. Link гэсэн
й й бхэсэгт тухайн текстийн өөр нэг хуудас болон
файлтай холбогдох эсэхийг зааж өгч болно.
Үүний тулд Link гэсэн хэсгийн текст бичих хэсэгтҮүний тулд Link гэсэн хэсгийн текст бичих хэсэгт
дарагдах холбоосыг зааж өгөөд түүний ард
байрлахбайрлах
дүрслэл дээр дарсанаар дараахь харилцах
цонх гарч ирнэ.цонх гарч ирнэ.
Энэ хэсэгт тухайн холбогдох хуудсаа зааж өгөх
боломжтой. Энэ нь нэг бол танай компьютер дээр
хадгалагдаж байгаа хуудас байж болно, үгүй бол
ямар нэгэн веб сайт байж болно.
Бэлэн компонентуудБэлэн компонентууд
Эхний common хэсгийн компонентуудыг тайлбарлъя.
-> Энэ нь холболт үүсгэнэ> Энэ нь холболт үүсгэнэ.
Энэ хэсэгт Hyperlink
нэртэй харилцах цонхр р
гарч ирнэ. Үүний text
гэсэн хэсэгт дарагдах
бхолбоос текстээ зааж
өгөөд link гэсэн хэсэгт
аль хуудас эсвэл вебаль хуудас эсвэл веб
хуудастай
холбогдохыг зааж
өгнө.
Т й Т й ht lТүүнийг хадгалсан газраасаа ажиллуулж үзье. Түүнийг html
өргөтгөлтэй хадгалахаа мартуузай. Ажиллуулбал
Мэдээ мэдээлэл гэсэн текст үүсгэн түүнийгээМэдээ мэдээлэл гэсэн текст үүсгэн түүнийгээ
нэг зурагтай холбосон учраас мэдээ,
мэдээлэл гэсэн хэсэгт дарахад дээрхи зурагмэдээлэл гэсэн хэсэгт дарахад дээрхи зураг
гарч ирж байна.
-> Энэ нь зааж өгсөн mail хаяг руу майл бичих
боломжыг олгоно. Түүнийг сонгосноор Email Link
гэсэн нэртэй харилцах цонр гарч ирнэ. Түүн дээр
дараахь тохиргоог хийж өгьедараахь тохиргоог хийж өгье.
Үүнээс харахад туслах багш гэсэн link дээр дарахад NewҮүнээс харахад туслах багш гэсэн link дээр дарахад New
message нэртэй цонх гарч ирэх ба энэ нь тухайн
компьютерийн outlook дээр ямар хэрэглэгч бүртгэлтэй
ббайгаагаас хамааран тухайн хэрэглэгчээс зааж өгсөн
майл хаяг руу майл илгээх боломжтой болно.
Э б й-> Энэ хэсэгт бид тухайн хуудсандаа хүснэгт
оруулж ирэх боломжтой болно.
Table гэсэн цонхонд
тухайн хүснэгтийнтухайн хүснэгтийн
мөр багана, хүрээ
йөндрийг зааж өгөх
боломжтой.
> энэ нь зураг оруулж ирэх боломж олгоно-> энэ нь зураг оруулж ирэх боломж олгоно.
Select image source
гэсэн хэсгээс дуртай
зургаа оруулж ирэх
б йболомжтой.
Дараагийн media гэсэн энэ хэсэгт хөдөлгөөнт
зураг текст видео оруулж ирэх боломжтойзураг, текст, видео оруулж ирэх боломжтой.
(flash)
-> Энэ хэсэгт тухайн өдрийн сар өдрийг өөрийн
хүссэн форматаар оруулж ирэх боломжтой.
-> Энэ хэсэгт тухайн цонхыг
дараахь хэлбэрт хуваан frame
үүсгэнэ.
Form- ийн компонентуудууд
-> Шинэ форм үүсгэнэ.
Ингэснээр түүн дээр формын
компонентуудыг ашиглах
б й бболомжтой болно.
-> Текст талбар
үүсгэнэ. Үүнийг ихэвчлэн
бөглөх үйлдэлд хэрэглэнэ.
-> Нуугдсан текст.
Үүнийг ихэвчлэн Password
хийхэд ашиглэнэхийхэд ашиглэнэ.
-> TextArea үүсгэнэ.
Үүнийг ихэвчлэн олон мөр
Текст оруулахад ашиглана.
-> CheckBox үүсгэнэ.CheckBox үүсгэнэ.
Үүнийг сонголт хийх үед
хэрэглэнэ. Үүгээр олонр ү р
сонголт хийж болно.
-> RadioButton үүсгэнэ> RadioButton үүсгэнэ.
Checkbox-s зөвхөн нэг
сонголт хийж болдогоороосонголт хийж болдогоороо
ялгаатай. Олныг сонговол
автоматаар хамгийн сүүлд
сонгосныг идэвхижүүлнэ.

More Related Content

PPT
Lecture 2
PPTX
Ключевая роль метотрексата в лечение ревматоидного артрита
PPTX
Вебинар "Как правильная система контроля сотрудников помогает пережить кризис"
PDF
Наказ про положення та склад комітету
PDF
Russia forum buzz
PPT
Vuglevodi
PPSX
Presentación informatica
PPSX
показ 3 б
Lecture 2
Ключевая роль метотрексата в лечение ревматоидного артрита
Вебинар "Как правильная система контроля сотрудников помогает пережить кризис"
Наказ про положення та склад комітету
Russia forum buzz
Vuglevodi
Presentación informatica
показ 3 б

Viewers also liked (11)

PPT
история денег.бут
PPT
день знания
PDF
La tecnologia come fattore abilitante - Lorenzo Brambille - Sharing School
PPT
Першодрукар Іван Федоров
PPT
Разавіднасці тэстаў
ODT
амжилттай сурах зөвөлгөө
PPTX
Способы инновационного развития предприятия
PPTX
БИБЛИОТЕКА МЕНЕДЖЕРА
PDF
The Russia Forum 2012 quarter page advertisement
PPT
история денег.бут
день знания
La tecnologia come fattore abilitante - Lorenzo Brambille - Sharing School
Першодрукар Іван Федоров
Разавіднасці тэстаў
амжилттай сурах зөвөлгөө
Способы инновационного развития предприятия
БИБЛИОТЕКА МЕНЕДЖЕРА
The Russia Forum 2012 quarter page advertisement
Ad

Similar to Dreamweaver 8 lesson (20)

DOCX
оршил
DOCX
оршил
DOCX
оршил
DOCX
оршил
DOCX
оршил
PPS
Html хичээл
DOCX
Powerpoint2007lecture
DOCX
Its150 l10powerpoint2007
DOCX
Its150 l10powerpoint2007
PPTX
цэс командууд
DOCX
Ppt hutulbur
DOCX
Ppt hutulbur
ODP
энхсаран цахим2
ODP
энхсаран цахим2
PDF
Lecture 2. html
PPTX
Dadlaga khicheel 3 word home
оршил
оршил
оршил
оршил
оршил
Html хичээл
Powerpoint2007lecture
Its150 l10powerpoint2007
Its150 l10powerpoint2007
цэс командууд
Ppt hutulbur
Ppt hutulbur
энхсаран цахим2
энхсаран цахим2
Lecture 2. html
Dadlaga khicheel 3 word home
Ad

More from E-Gazarchin Online University (20)

PPTX
ESON101-Хичээл 11 /20190325/
PPTX
ECON302-хичээл 10 /20190319/
PPT
ECON302-хичээл 9 /20190312/
PPTX
ESON101-Хичээл 8 /20190306/
PPT
ESON101-Хичээл 9 /20190313/
PPTX
ECON303-Хичээл 9 /20190311/
PPTX
ECON303-Хичээл 8 /20190304/
PPTX
ECON303-Хичээл 6 /20190218/
PPTX
ECON303-Хичээл 10 /20190318/
PPTX
ESON101-Хичээл 7 /20190227/
PPT
ESON101-Хичээл 6-1 /20190220/
PPTX
ECON303-Хичээл 7 /20190225/
PPTX
ESON101-Хичээл 5 /20190213/
PDF
KLON103-Хичээл-2 /20190125/
PPTX
ECON302-хичээл 4 /20190129/
PPT
ESON101-Хичээл 4 /20190130/
PDF
KLON102-Хичээл 3/20190122/
PPT
ESON101-Хичээл 3 /20190123/
PPTX
CPON411-Хичээл-2-1 /20190122/
PDF
KLON102-Хичээл 2 /2019015/
ESON101-Хичээл 11 /20190325/
ECON302-хичээл 10 /20190319/
ECON302-хичээл 9 /20190312/
ESON101-Хичээл 8 /20190306/
ESON101-Хичээл 9 /20190313/
ECON303-Хичээл 9 /20190311/
ECON303-Хичээл 8 /20190304/
ECON303-Хичээл 6 /20190218/
ECON303-Хичээл 10 /20190318/
ESON101-Хичээл 7 /20190227/
ESON101-Хичээл 6-1 /20190220/
ECON303-Хичээл 7 /20190225/
ESON101-Хичээл 5 /20190213/
KLON103-Хичээл-2 /20190125/
ECON302-хичээл 4 /20190129/
ESON101-Хичээл 4 /20190130/
KLON102-Хичээл 3/20190122/
ESON101-Хичээл 3 /20190123/
CPON411-Хичээл-2-1 /20190122/
KLON102-Хичээл 2 /2019015/

Dreamweaver 8 lesson

  • 2. MacroMedia Dreamweaver програмыг эхлүүлэхр р үү Start->All Programs-> MacroMedia-> MacroMedia Dreamweaver 8 Дараахь байдлаар эхэлнэ.Дараахь байдлаар эхэлнэ.
  • 3. Дээрхи хэсгээс бид HTML гэсэн хэсгийг сонгоно. Дараахь HTML хуудас үүснэ.
  • 4. Ажлын талбарыг 3 янзаар харж болно.л албар 3 заар ар бол о 1. Зөвхөн HTML кодын хэсгийг харах 2. Код болон дизайныг зэрэг харахр р 3. Зөвхөн дизайны хэсэг
  • 5. Дээрхи хэсэгт сонгогдох хэсгийг улаанДээрхи хэсэгт сонгогдох хэсгийг улаан өнгөөр тэмдэглэсэн. Эхний Кодын хэсэгт та бүхэн HTML код бичвэл тухайн бичигдсэн кодын команд дизайны хэсэгтд д д д шууд биелэнэ. Хоёрдугаар хэсэгт кодын хэсэг болон дизайнаа зэрэг хийххэсэг болон дизайнаа зэрэг хийх боломжтой. Харин хамгийн сүүлийн хэсэгт HTML код ашиглалгүй шууд дизайныHTML код ашиглалгүй шууд дизайны хэсгээр бэлэн компонентууд ашиглан бхуудсаа хийж болно. Энэ үед код нь таны хийсэн үйлдлийн дагуу код автоматаарү уу р бичигдэнэ.
  • 6. Энэ хэсэгт та бүхэн бичих текстэндээ өөрийн хүссэнээр хэлбэржүүлэлт хийж болно. Link гэсэн й й бхэсэгт тухайн текстийн өөр нэг хуудас болон файлтай холбогдох эсэхийг зааж өгч болно. Үүний тулд Link гэсэн хэсгийн текст бичих хэсэгтҮүний тулд Link гэсэн хэсгийн текст бичих хэсэгт дарагдах холбоосыг зааж өгөөд түүний ард байрлахбайрлах дүрслэл дээр дарсанаар дараахь харилцах цонх гарч ирнэ.цонх гарч ирнэ.
  • 7. Энэ хэсэгт тухайн холбогдох хуудсаа зааж өгөх боломжтой. Энэ нь нэг бол танай компьютер дээр хадгалагдаж байгаа хуудас байж болно, үгүй бол ямар нэгэн веб сайт байж болно.
  • 8. Бэлэн компонентуудБэлэн компонентууд Эхний common хэсгийн компонентуудыг тайлбарлъя. -> Энэ нь холболт үүсгэнэ> Энэ нь холболт үүсгэнэ. Энэ хэсэгт Hyperlink нэртэй харилцах цонхр р гарч ирнэ. Үүний text гэсэн хэсэгт дарагдах бхолбоос текстээ зааж өгөөд link гэсэн хэсэгт аль хуудас эсвэл вебаль хуудас эсвэл веб хуудастай холбогдохыг зааж өгнө.
  • 9. Т й Т й ht lТүүнийг хадгалсан газраасаа ажиллуулж үзье. Түүнийг html өргөтгөлтэй хадгалахаа мартуузай. Ажиллуулбал Мэдээ мэдээлэл гэсэн текст үүсгэн түүнийгээМэдээ мэдээлэл гэсэн текст үүсгэн түүнийгээ нэг зурагтай холбосон учраас мэдээ, мэдээлэл гэсэн хэсэгт дарахад дээрхи зурагмэдээлэл гэсэн хэсэгт дарахад дээрхи зураг гарч ирж байна.
  • 10. -> Энэ нь зааж өгсөн mail хаяг руу майл бичих боломжыг олгоно. Түүнийг сонгосноор Email Link гэсэн нэртэй харилцах цонр гарч ирнэ. Түүн дээр дараахь тохиргоог хийж өгьедараахь тохиргоог хийж өгье.
  • 11. Үүнээс харахад туслах багш гэсэн link дээр дарахад NewҮүнээс харахад туслах багш гэсэн link дээр дарахад New message нэртэй цонх гарч ирэх ба энэ нь тухайн компьютерийн outlook дээр ямар хэрэглэгч бүртгэлтэй ббайгаагаас хамааран тухайн хэрэглэгчээс зааж өгсөн майл хаяг руу майл илгээх боломжтой болно. Э б й-> Энэ хэсэгт бид тухайн хуудсандаа хүснэгт оруулж ирэх боломжтой болно. Table гэсэн цонхонд тухайн хүснэгтийнтухайн хүснэгтийн мөр багана, хүрээ йөндрийг зааж өгөх боломжтой.
  • 12. > энэ нь зураг оруулж ирэх боломж олгоно-> энэ нь зураг оруулж ирэх боломж олгоно. Select image source гэсэн хэсгээс дуртай зургаа оруулж ирэх б йболомжтой. Дараагийн media гэсэн энэ хэсэгт хөдөлгөөнт зураг текст видео оруулж ирэх боломжтойзураг, текст, видео оруулж ирэх боломжтой. (flash)
  • 13. -> Энэ хэсэгт тухайн өдрийн сар өдрийг өөрийн хүссэн форматаар оруулж ирэх боломжтой. -> Энэ хэсэгт тухайн цонхыг дараахь хэлбэрт хуваан frame үүсгэнэ.
  • 14. Form- ийн компонентуудууд -> Шинэ форм үүсгэнэ. Ингэснээр түүн дээр формын компонентуудыг ашиглах б й бболомжтой болно. -> Текст талбар үүсгэнэ. Үүнийг ихэвчлэн бөглөх үйлдэлд хэрэглэнэ. -> Нуугдсан текст. Үүнийг ихэвчлэн Password хийхэд ашиглэнэхийхэд ашиглэнэ.
  • 15. -> TextArea үүсгэнэ. Үүнийг ихэвчлэн олон мөр Текст оруулахад ашиглана. -> CheckBox үүсгэнэ.CheckBox үүсгэнэ. Үүнийг сонголт хийх үед хэрэглэнэ. Үүгээр олонр ү р сонголт хийж болно. -> RadioButton үүсгэнэ> RadioButton үүсгэнэ. Checkbox-s зөвхөн нэг сонголт хийж болдогоороосонголт хийж болдогоороо ялгаатай. Олныг сонговол автоматаар хамгийн сүүлд сонгосныг идэвхижүүлнэ.