Dreamweaver 8 lesson

15
MacroMedia Dreamweaver 8

Transcript of Dreamweaver 8 lesson

Page 1: Dreamweaver 8 lesson

MacroMedia Dreamweaver 8

Page 2: Dreamweaver 8 lesson

MacroMedia Dreamweaver програмыг эхлүүлэхр р үүStart->All Programs-> MacroMedia-> MacroMedia Dreamweaver 8

Дараахь байдлаар эхэлнэ.Дараахь байдлаар эхэлнэ.

Page 3: Dreamweaver 8 lesson

Дээрхи хэсгээс бид HTML гэсэн хэсгийг сонгоно. Дараахь HTML хуудас үүснэ.

Page 4: Dreamweaver 8 lesson

Ажлын талбарыг 3 янзаар харж болно.л албар 3 заар ар бол о1. Зөвхөн HTML кодын

хэсгийг харах2. Код болон дизайныг зэрэг

харахр р

3. Зөвхөн дизайны хэсэг

Page 5: Dreamweaver 8 lesson

Дээрхи хэсэгт сонгогдох хэсгийг улаанДээрхи хэсэгт сонгогдох хэсгийг улаанөнгөөр тэмдэглэсэн. Эхний Кодын хэсэгтта бүхэн HTML код бичвэл тухайнбичигдсэн кодын команд дизайны хэсэгтд д д дшууд биелэнэ. Хоёрдугаар хэсэгт кодынхэсэг болон дизайнаа зэрэг хийххэсэг болон дизайнаа зэрэг хийхболомжтой. Харин хамгийн сүүлийн хэсэгтHTML код ашиглалгүй шууд дизайныHTML код ашиглалгүй шууд дизайныхэсгээр бэлэн компонентууд ашиглан

бхуудсаа хийж болно. Энэ үед код нь таныхийсэн үйлдлийн дагуу код автоматаарү уу рбичигдэнэ.

Page 6: Dreamweaver 8 lesson

Энэ хэсэгт та бүхэн бичих текстэндээ өөрийнхүссэнээр хэлбэржүүлэлт хийж болно. Link гэсэн

й й бхэсэгт тухайн текстийн өөр нэг хуудас болонфайлтай холбогдох эсэхийг зааж өгч болно.Үүний тулд Link гэсэн хэсгийн текст бичих хэсэгтҮүний тулд Link гэсэн хэсгийн текст бичих хэсэгтдарагдах холбоосыг зааж өгөөд түүний ардбайрлахбайрлах

дүрслэл дээр дарсанаар дараахь харилцахцонх гарч ирнэ.цонх гарч ирнэ.

Page 7: Dreamweaver 8 lesson

Энэ хэсэгт тухайн холбогдох хуудсаа зааж өгөх боломжтой. Энэ нь нэг бол танай компьютер дээр хадгалагдаж байгаа хуудас байж болно, үгүй бол ямар нэгэн веб сайт байж болно.

Page 8: Dreamweaver 8 lesson

Бэлэн компонентуудБэлэн компонентууд

Эхний common хэсгийн компонентуудыг тайлбарлъя. -> Энэ нь холболт үүсгэнэ> Энэ нь холболт үүсгэнэ.

Энэ хэсэгт Hyperlink нэртэй харилцах цонх р ргарч ирнэ. Үүний text гэсэн хэсэгт дарагдах

бхолбоос текстээ зааж өгөөд link гэсэн хэсэгт аль хуудас эсвэл вебаль хуудас эсвэл веб хуудастай холбогдохыг зааж өгнө.

Page 9: Dreamweaver 8 lesson

Т й Т й ht lТүүнийг хадгалсан газраасаа ажиллуулж үзье. Түүнийг html өргөтгөлтэй хадгалахаа мартуузай. Ажиллуулбал

Мэдээ мэдээлэл гэсэн текст үүсгэн түүнийгээМэдээ мэдээлэл гэсэн текст үүсгэн түүнийгээ нэг зурагтай холбосон учраас мэдээ, мэдээлэл гэсэн хэсэгт дарахад дээрхи зурагмэдээлэл гэсэн хэсэгт дарахад дээрхи зураг гарч ирж байна.

Page 10: Dreamweaver 8 lesson

-> Энэ нь зааж өгсөн mail хаяг руу майл бичих боломжыг олгоно. Түүнийг сонгосноор Email Link гэсэн нэртэй харилцах цонр гарч ирнэ. Түүн дээр дараахь тохиргоог хийж өгьедараахь тохиргоог хийж өгье.

Page 11: Dreamweaver 8 lesson

Үүнээс харахад туслах багш гэсэн link дээр дарахад NewҮүнээс харахад туслах багш гэсэн link дээр дарахад Newmessage нэртэй цонх гарч ирэх ба энэ нь тухайнкомпьютерийн outlook дээр ямар хэрэглэгч бүртгэлтэйббайгаагаас хамааран тухайн хэрэглэгчээс зааж өгсөнмайл хаяг руу майл илгээх боломжтой болно.

Э б й-> Энэ хэсэгт бид тухайн хуудсандаа хүснэгторуулж ирэх боломжтой болно.

Table гэсэн цонхондтухайн хүснэгтийнтухайн хүснэгтийнмөр багана, хүрээ

йөндрийг зааж өгөхболомжтой.

Page 12: Dreamweaver 8 lesson

> энэ нь зураг оруулж ирэх боломж олгоно-> энэ нь зураг оруулж ирэх боломж олгоно.

Select image sourceгэсэн хэсгээс дуртайзургаа оруулж ирэхб йболомжтой.

Дараагийн media гэсэн энэ хэсэгт хөдөлгөөнтзураг текст видео оруулж ирэх боломжтойзураг, текст, видео оруулж ирэх боломжтой.(flash)

Page 13: Dreamweaver 8 lesson

-> Энэ хэсэгт тухайн өдрийн сар өдрийг өөрийн хүссэн форматаар оруулж ирэх боломжтой.

-> Энэ хэсэгт тухайн цонхыг дараахь хэлбэрт хуваан frame үүсгэнэ.

Page 14: Dreamweaver 8 lesson

Form- ийн компонентуудууд

-> Шинэ форм үүсгэнэ.Ингэснээр түүн дээр формын компонентуудыг ашиглах б й бболомжтой болно.

-> Текст талбар үүсгэнэ. Үүнийг ихэвчлэн бөглөх үйлдэлд хэрэглэнэ.

-> Нуугдсан текст. Үүнийг ихэвчлэн Password хийхэд ашиглэнэхийхэд ашиглэнэ.

Page 15: Dreamweaver 8 lesson

-> TextArea үүсгэнэ.Үүнийг ихэвчлэн олон мөр Текст оруулахад ашиглана.

-> CheckBox үүсгэнэ. CheckBox үүсгэнэ.Үүнийг сонголт хийх үед хэрэглэнэ. Үүгээр олон р ү рсонголт хийж болно.

-> RadioButton үүсгэнэ> RadioButton үүсгэнэ.Checkbox-s зөвхөн нэг сонголт хийж болдогоороосонголт хийж болдогоороо ялгаатай. Олныг сонговол автоматаар хамгийн сүүлд сонгосныг идэвхижүүлнэ.