SlideShare a Scribd company logo
1 of 15
Download to read offline
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

Viewers also liked

история денег.бут
история денег.бутистория денег.бут
история денег.бутmariageograf
 
день знания
день знаниядень знания
день знанияberezovka
 
La tecnologia come fattore abilitante - Lorenzo Brambille - Sharing School
La tecnologia come fattore abilitante - Lorenzo Brambille - Sharing SchoolLa tecnologia come fattore abilitante - Lorenzo Brambille - Sharing School
La tecnologia come fattore abilitante - Lorenzo Brambille - Sharing SchoolCasa Netural
 
Разавіднасці тэстаў
Разавіднасці тэстаўРазавіднасці тэстаў
Разавіднасці тэстаўinessa1332
 
амжилттай сурах зөвөлгөө
амжилттай сурах зөвөлгөөамжилттай сурах зөвөлгөө
амжилттай сурах зөвөлгөөzundarma
 
Способы инновационного развития предприятия
Способы инновационного развития предприятияСпособы инновационного развития предприятия
Способы инновационного развития предприятияInternational Business Development Alliance
 
БИБЛИОТЕКА МЕНЕДЖЕРА
БИБЛИОТЕКА МЕНЕДЖЕРАБИБЛИОТЕКА МЕНЕДЖЕРА
БИБЛИОТЕКА МЕНЕДЖЕРАMaxim Kudryavtsev
 
The Russia Forum 2012 quarter page advertisement
The Russia Forum 2012 quarter page advertisementThe Russia Forum 2012 quarter page advertisement
The Russia Forum 2012 quarter page advertisementThe Russia Forum
 

Viewers also liked (11)

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

Similar to Dreamweaver 8 lesson

вэбд мэдээ оруулах
вэбд мэдээ оруулахвэбд мэдээ оруулах
вэбд мэдээ оруулахLibrarian
 
Microsoft word программын туха  _ _ _}____-___ f 7
Microsoft word программын туха        _ _ _}____-___ f 7Microsoft word программын туха        _ _ _}____-___ f 7
Microsoft word программын туха  _ _ _}____-___ f 7anguuch
 
блог хийх зааварчилгаа
блог хийх зааварчилгааблог хийх зааварчилгаа
блог хийх зааварчилгааLha Bolorerdene
 
Html хэлний хичээл
Html хэлний хичээлHtml хэлний хичээл
Html хэлний хичээлOtgonzaya Maagshin
 
Html кодчлол гэж юу вэ
Html кодчлол гэж юу вэHtml кодчлол гэж юу вэ
Html кодчлол гэж юу вэFLux YT
 
лабораторийн ажил 2
лабораторийн ажил 2лабораторийн ажил 2
лабораторийн ажил 2ulziibaatar
 

Similar to Dreamweaver 8 lesson (12)

Webles10
Webles10Webles10
Webles10
 
вэбд мэдээ оруулах
вэбд мэдээ оруулахвэбд мэдээ оруулах
вэбд мэдээ оруулах
 
001 vba
001 vba001 vba
001 vba
 
Web intro
Web introWeb intro
Web intro
 
Web intro (1)
Web intro (1)Web intro (1)
Web intro (1)
 
Microsoft word программын туха  _ _ _}____-___ f 7
Microsoft word программын туха        _ _ _}____-___ f 7Microsoft word программын туха        _ _ _}____-___ f 7
Microsoft word программын туха  _ _ _}____-___ f 7
 
блог хийх зааварчилгаа
блог хийх зааварчилгааблог хийх зааварчилгаа
блог хийх зааварчилгаа
 
Vizual programchilal cu lekts
Vizual programchilal cu lektsVizual programchilal cu lekts
Vizual programchilal cu lekts
 
Html хэлний хичээл
Html хэлний хичээлHtml хэлний хичээл
Html хэлний хичээл
 
C++ суулгах
C++ суулгахC++ суулгах
C++ суулгах
 
Html кодчлол гэж юу вэ
Html кодчлол гэж юу вэHtml кодчлол гэж юу вэ
Html кодчлол гэж юу вэ
 
лабораторийн ажил 2
лабораторийн ажил 2лабораторийн ажил 2
лабораторийн ажил 2
 

More from E-Gazarchin Online University

More from E-Gazarchin Online University (20)

ESON101-Хичээл 11 /20190325/
ESON101-Хичээл 11 /20190325/ESON101-Хичээл 11 /20190325/
ESON101-Хичээл 11 /20190325/
 
ECON302-хичээл 10 /20190319/
ECON302-хичээл 10 /20190319/ECON302-хичээл 10 /20190319/
ECON302-хичээл 10 /20190319/
 
ECON302-хичээл 9 /20190312/
ECON302-хичээл 9 /20190312/ECON302-хичээл 9 /20190312/
ECON302-хичээл 9 /20190312/
 
ESON101-Хичээл 8 /20190306/
ESON101-Хичээл 8 /20190306/ESON101-Хичээл 8 /20190306/
ESON101-Хичээл 8 /20190306/
 
ESON101-Хичээл 9 /20190313/
ESON101-Хичээл 9 /20190313/ESON101-Хичээл 9 /20190313/
ESON101-Хичээл 9 /20190313/
 
ECON303-Хичээл 9 /20190311/
ECON303-Хичээл 9 /20190311/ECON303-Хичээл 9 /20190311/
ECON303-Хичээл 9 /20190311/
 
ECON303-Хичээл 8 /20190304/
ECON303-Хичээл 8 /20190304/ECON303-Хичээл 8 /20190304/
ECON303-Хичээл 8 /20190304/
 
ECON303-Хичээл 6 /20190218/
ECON303-Хичээл 6 /20190218/ ECON303-Хичээл 6 /20190218/
ECON303-Хичээл 6 /20190218/
 
ECON303-Хичээл 10 /20190318/
ECON303-Хичээл 10 /20190318/ECON303-Хичээл 10 /20190318/
ECON303-Хичээл 10 /20190318/
 
ESON101-Хичээл 7 /20190227/
ESON101-Хичээл 7 /20190227/ESON101-Хичээл 7 /20190227/
ESON101-Хичээл 7 /20190227/
 
ESON101-Хичээл 6-1 /20190220/
 ESON101-Хичээл 6-1 /20190220/ ESON101-Хичээл 6-1 /20190220/
ESON101-Хичээл 6-1 /20190220/
 
ECON303-Хичээл 7 /20190225/
ECON303-Хичээл 7 /20190225/ECON303-Хичээл 7 /20190225/
ECON303-Хичээл 7 /20190225/
 
ESON101-Хичээл 5 /20190213/
ESON101-Хичээл 5 /20190213/ESON101-Хичээл 5 /20190213/
ESON101-Хичээл 5 /20190213/
 
KLON103-Хичээл-2 /20190125/
KLON103-Хичээл-2 /20190125/KLON103-Хичээл-2 /20190125/
KLON103-Хичээл-2 /20190125/
 
ECON302-хичээл 4 /20190129/
ECON302-хичээл 4 /20190129/ECON302-хичээл 4 /20190129/
ECON302-хичээл 4 /20190129/
 
ESON101-Хичээл 4 /20190130/
ESON101-Хичээл 4 /20190130/ESON101-Хичээл 4 /20190130/
ESON101-Хичээл 4 /20190130/
 
KLON102-Хичээл 3/20190122/
KLON102-Хичээл 3/20190122/KLON102-Хичээл 3/20190122/
KLON102-Хичээл 3/20190122/
 
ESON101-Хичээл 3 /20190123/
ESON101-Хичээл 3 /20190123/ ESON101-Хичээл 3 /20190123/
ESON101-Хичээл 3 /20190123/
 
CPON411-Хичээл-2-1 /20190122/
CPON411-Хичээл-2-1 /20190122/ CPON411-Хичээл-2-1 /20190122/
CPON411-Хичээл-2-1 /20190122/
 
KLON102-Хичээл 2 /2019015/
KLON102-Хичээл 2 /2019015/ KLON102-Хичээл 2 /2019015/
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 зөвхөн нэг сонголт хийж болдогоороосонголт хийж болдогоороо ялгаатай. Олныг сонговол автоматаар хамгийн сүүлд сонгосныг идэвхижүүлнэ.