Adobe Dreamweaver MX yordamida illyustratsiyalar bo'yicha qo'llanma.

Golovna Endi butun sayt faqat bitta sahifadan iborat - indeks

.

Lekin sizning saytingiz bir tomondan iborat bo'lmaydi, to'g'rimi?

Keyin boshqa sahifalarni yaratishga o'tamiz. E'tibor bering, sizning boshingizda allaqachon saytingizdagi boshqa sahifalarni vizual almashtirish tasviri mavjud. Sizda hali ham bu yo'q ekan, umid qilamanki, siz ushbu tasvirni boshingizga olasiz, shunda keyingi ishingizda u sizga ko'proq yordam beradi. Aytgancha, sizda bo'lim va bo'linmalarning nomlari bormi? Ushbu ijoddan boshlash mantiqan to'g'ri.

Dreamweaver indeks sahifasini hozir oching.

Endi buyruqni tanlash orqali ularni saqlang Fayl | Sifatida saqlash Aytgancha, sizda bo'lim va bo'linmalarning nomlari bormi? balki boshqa nomlar ostida ham.

Aytaylik, sizning boshqa tomoningiz chaqiriladi davlatlar(Statti). Eksa va indeks sahifasini davlat nomi ostida saqlang. Endi sizda turli nomlarga ega ikkita bir xil egizak sahifalar mavjud. +Saytda turli nomlar ostida bo'lsa-da, butunlay boshqa ikkita sahifa borligini nima bilasiz? Menimcha, bu umuman muhim emas. Dreamweaver-ni yopmasdan, siz o'zingizning dasturingizga o'zgartirishlar kiritishingiz mumkin yangi tomoni.

, Nega men ham shunday qilayotganimni aytaman . Barcha rasmlarni kiriting, matnni yozing ... Ushbu sahifa haqida bayonotlaringizni kiriting. Albatta, hozir u erda faqat bir nechta paragraflar bo'lishi mumkin edi, lekin birinchi variant haqida nima deyish mumkin? Tayyormisiz? Keling, boraylik

Sahifa xususiyatlari . Qanday qilib tashvishlanishni eslaysizmi?

Menyu buyrug'i

Sahifa xususiyatlarini o'zgartirish

O'qituvchilaringiz ham bir bo'limdan ikkinchisiga o'tishlari kerak bo'ladi.

Va buni qilmasdan qanday yashash mumkin? Endi siz menyu buyrug'ini tanlashingiz mumkin Bog'lanishni o'zgartirish
(muloqot oynasi ochiladi) yoki sevimli Xususiyatlar paneliga o'ting. Agar boshqa variantni tanlagan bo'lsangiz, maydonda hurmatingizni oshiring Havola (Posilannya) . Jild tasviridan tugmani topish uchun o'ng qo'ldan foydalaning

Faylni ko'rib chiqing va biz unga bosamiz. Muloqot oynasini oching

Faylni tanlang , siz yuboriladigan faylni tanlashingiz kerak. OK tugmasini bosing, sahifani saqlang va brauzerda oching.

Keling, xabar qanday ishlashini tekshiramiz. Agar siz hamma narsani to'g'ri bajargan bo'lsangiz, uni bosgandan so'ng uni sarflaysiz zarur tomon . Ushbu versiyada asosiy sahifadan Statti sahifasiga o'ting. Hammasi shundaymi?.

Shunday qilib, siz sirdan muvaffaqiyatli qutuldingiz! Hammasi shundaymi?.

Gipertenziya birinchi so'z yoki so'zni ko'rmasdan, noldan yaratilishi mumkin. Agar boshqa variantni tanlagan bo'lsangiz, maydonda hurmatingizni oshiring Tabni ochish Umumiy asboblar paneli va biz unga bosamiz..

Kiritish . Tugma yirtilgan

Giperhavola Unga bosish dialog oynasini ochadi Maydon Siz allaqachon sayt uchun URL manzillar bo'lishi mumkinligini bilasiz, shuning uchun siz xabar yuborishingiz kerak. O'ng tomondagi tugma bosilganda Ko‘rib chiqish Jilddagi rasmlardan oyna ochiladi va biz unga bosamiz. Kirish maydoniga qaytish Sarlavha.

Bu erda siz kursorni xabar ustiga olib borganingizda ko'rsatiladigan tushuntirish matnini kiritishingiz mumkin. Bu maydon mahalliy sifatida to'ldirilishi mumkin va bir qator takliflarni kiritish mumkin. Yaratilgan xabarning manzilini o'zgartirish uchun siz uni ko'rishingiz va maydonga kiritilgan qiymatni tuzatishingiz mumkin Havola panellar

Xususiyatlari .

Abo viconati menyu buyrug'i

O'zgartirish havolasini o'zgartirish

, bu oynani ochadi

Siz "Hujjat yaratish" dialog oynasidan foydalanishingiz mumkin.

Dreamweaver tomonidan belgilangan istalgan saytdan shablonni tanlash yoki aktivlar paneliga tezda kirish uchun.

bir xil shablon yordamida yangi hujjat yaratish uchun.

Shablonning yon tomoni

1. “Fayl” > “Yaratish” ni tanlang. 2. “Hujjat yaratish” dialog oynasida “Shablon tomoni” toifasini tanlang. 3. "Veb-sayt" opsiyasidan kerakli shablonni o'z ichiga olgan Dreamweaver saytini tanlang va keyin ro'yxatdan shablonni tanlang.

4. Agar sahifani yangilashni istamasangiz, "Shablonni o'zgartirishdan oldin sahifani yangilang" qoidasiga e'tibor bering.

bu tomon

Hozirda, agar siz asosiy shablonga o'zgartirish kiritsangiz.

5. Hujjat turi, kod va fayl kengaytmasi kabi hujjat parametrlarini o'rnatish uchun "Parameters" tugmasini bosing.

6. Dreamweaver Exchange-ni ochish uchun "Qo'shimcha tarkibni o'chirish..." tugmasini bosing, bu erda sahifangizni bezash uchun ko'proq tarkibni tanlashingiz mumkin.
7. “Yaratish” tugmasini bosing va hujjatni saqlang (“Fayl” > “Saqlash”).
Aktivlar panelidan shablon hujjatini yaratish (“Resurslar”)
1. Agar u hali ochilmagan bo'lsa, aktivlar panelini (“Resurslar”) oching (“Oyna” > “Resurslar” menyusi).
2. Oqimli saytdagi shablonlar ro‘yxatini ko‘rish uchun Assets (Resurslar) panelida “Shablonlar” belgisini chap tugmasini bosing.
Agar siz yaratishingiz kerak bo'lgan shablon ehtiyotkorlik bilan yaratilgan bo'lsa, uni yakunlash uchun "Yangilash" tugmasini bosishingiz kerak bo'ladi.

3. Muzlatmoqchi bo'lgan shablonning orqasida sichqonchaning o'ng tugmachasini bosing (Windows) yoki Boshqarish tugmachasini (Macintosh) bosgan holda yangisini bosing va so'ng "Shablondan yaratish" ni tanlang.

Hujjat "Hujjatni ko'rish" maydonida ochiladi. 4. Hujjatni saqlang. Yon ko'rinish

Dreamweaver ombori bir qator professional ishlab chiqilgan CSS fayllari va veb-sahifalarini o'z ichiga oladi mobil qo'shimchalar.

Dreamweaver tomonidan belgilangan istalgan saytdan shablonni tanlash yoki aktivlar paneliga tezda kirish uchun.

Rasm fayllarini saytingiz sahifalarini ishlab chiqish uchun boshlang'ich nuqta sifatida ko'rib chiqishingiz mumkin.

3. "Folder View" opsiyasidan "CSS Style Sheet" yoki "Earth Pages Mobile" ni tanlang va keyin o'ng qo'llar ro'yxatidan rasmni tanlang.
4. “Yaratish” tugmasini bosing.

Yangi hujjat "Hujjatni ko'rish" maydonida ochiladi ("Kod" va "Dizayn" ko'rish rejimlari).

"CSS Style Sheet" bandini tanlaganingizda, uslublar jadvali "Kod" maydonida paydo bo'ladi.

6. "Eski fayllarni nusxalash" dialog oynasi paydo bo'lganda, parametrlarni o'rnating va tanlangan katalogga resurslarni nusxalash uchun "Nusxalash" tugmasini bosing.

Siz eskirgan fayllarni avtomatik ravishda olib tashlashni yoki Dreamweaver tomonidan yaratilgan fayllarni vikorizatsiya qilishni tanlashingiz mumkin (fayl nomiga asoslanib).

Har bir veb-sayt dizaynni talab qiladi, lekin o'zingiz dizayn yaratish uy egalari uchun juda qiyin bo'lishi mumkin.

Agar siz g'olib bo'lsangiz va original veb-sayt dizayni yaratmoqchi bo'lsangiz, sizga ba'zi ma'lumotlar kerak bo'ladi.

Boshlash uchun Internetda aniq naqsh izlashni boshlang. Variantlardan birini bilganingizdan so'ng (odatda fayllar bilan arxivlanadi), uni oching va kerakli papkalar va fayllarni, masalan, rasmlar, index.html, defaukt.css va boshqalarni topish uchun harakatlaning..

Ushbu fayllar arxivda yo'qligi sababli, siz darhol boshqa shablonni qidirishni boshlashingiz mumkin.

Shablonni kiritish bo'yicha ko'rsatmalar Agar barcha kerakli fayllar yo'q bo'lsa, shoshiling mavjud ko'rsatmalar

1. Arxivlar saytingiz katalogida yaratilishi kerak bo'lgan Shablonlar jildiga arxivlanishi kerak.

Bu ba'zi elementlarning noaniq ko'rinishining sababi bo'lishi mumkin.

2. Hozir

Dreamweaver-ni oching

Va Ctrl + N tugmalarini bosing yoki "Fayl" > "Yangi" ni tanlang. Oynada siz "Shablonlar" yorlig'iga o'tishingiz va chap ustunda saytingiz nomini tanlashingiz kerak. Shundan so'ng, chap ustunda siz Andozalar papkasiga ehtiyotkorlik bilan qo'shilgan shablon nomini ko'rasiz: Biz yashil rang bilan ko'rgan o'ng tomonda shablon qanday ko'rinishini o'rnatayotganini ko'rishingiz mumkin. Ushbu shablonning yon tomonini yaratish uchun "Yaratish" tugmasini bosing.

3. Shundan so'ng, sahifa sozlamalarini o'zgartirishingiz mumkin bo'lgan kodli sahifa paydo bo'ladi:
—
—
—

Dreamweaver shablonlari ko'plab kompaniyalar duch keladigan muammoni keltirib chiqaradi - saytni qanday qo'llab-quvvatlash va standart bo'limlarni standart bo'limlardan mahrum qilish.

Eng yaxshi yechim SSI (Server Insertion) dan foydalanishdir, ammo barcha veb-serverlar bu texnologiyani qo'llab-quvvatlamaydi.

Boshqa usullar mavjud, ularga qo'shimcha ravishda siz bitta HTML faylni boshqasiga qo'shishingiz mumkin, ammo ularning barchasi server tomonidagi dasturlar yoki server tomonidagi java skriptlari tomonidan qo'llaniladi.

Dreamweaver shablonlari sizga doimiy ravishda saytingizning bir hududida joylashgan sahifa shablonini yaratishga va keyin shu shablon asosida boshqa sahifalarni yaratishga imkon beradi. Keyinchalik, shablonga o'zgartirishlar kiritilganda, shablon o'zgartirilganda sahifalar ham o'zgartiriladi. 1. Keling, tartibdan boshlaylik

Dreamweaver-da shablon yaratishning eng oson yo'li shablonni yaratmoqchi bo'lgan narsaga asoslangan tartibdan boshlashdir.

Men vikoriyning batafsil versiyasiman

to'lovsiz shablon

: zliva - navigatsiya, vgor - shapka, shuningdek, fotosurat va rang.

Dreamweaver shablonini noldan yaratish mumkin bo'lganligi sababli, dizaynni boshidanoq yaratish osonroq bo'lishi va keyin yangi shablonda nimani o'zgartirish kerakligini va shablonning bir qismi bo'lishini aniqlash muhim.

Eslatma. Dreamweaver shablonlari Dreamweaver veb-saytining bir qismi sifatida yaratilgan.

Agar maxsus veb-saytingiz bo'lmasa, shablonni yaratishdan oldin Dreamweaver-da veb-sayt yaratishingiz kerak bo'ladi.

3. Shablonga tavsif yozing

Shablonni yaratmoqchi bo'lgan saytni tanlang.

• Men "Dreamweaver Examples" saytida g'olibman.
• Saytingiz nomi o'zgartiriladi.
• Shablonni tavsiflang.

Tavsif qisqa yoki kerakli darajada uzun bo'lishi mumkin.

Biroq, tafsilotlarni e'tiborsiz qoldirmang, chunki ular kelajakda muhim bo'lishi mumkin.

4. Shablonlarni saqlash uchun papka yarating

Mening saytimda shablonlar uchun papka allaqachon mavjud.

Agar siz tahrirlanadigan maydonlarni blok elementlari (masalan, sarlavhalar, paragraflar) o'rtasiga joylashtirishga harakat qilsangiz, Dreamweaver oldinga siljiydi.

Agar siz blok elementining o'rtasida joylashgan maydonni olib tashlasangiz, kontent mualliflari u erga boshqa HTML elementlarini kirita olmaydi.

Agar men konvertatsiya qilmoqchi bo'lsam, sarlavha o'z nomini yo'qotishini xohlamayman, chunki shablonda ma'lum miqdordagi paragraflar yoki boshqa elementlar kerak. Agar siz o'rtada boshqa blok elementlarini qo'shish qobiliyatini olib tashlashga qaror qilsangiz ushbu elementdan

Keyin element teglari orqasidagi tahrirlanadigan joylar o'rtasida harakat qilishingiz kerak. Siz HTML kodini ko'rish rejimida yoki avval ko'rgan maydonni qayta kiritish orqali ishlashingiz mumkin. U

tayyor shablon

Tahrirlanayotgan maydonlar yuqoridagi ramkalar bilan ko'rsatilgan.

• 9. Shablon asosida tomonni yarating
• Shablonni saqlaganingizdan so'ng uni saytda tahrirlashingiz mumkin: Fayl menyusidan "Yaratish" ni tanlang;
• "Shablon tomoni" yorlig'iga o'ting;
• Yaratish shablonini tanlang;

"Shablonni o'zgartirganda sahifani yangilash" opsiyasiga o'ting;

"Yaratish" tugmasini bosing.

Endi siz o'zgartirishlar kiritishingiz mumkin, lekin faqat tahrirlangan joylarda.

Dreamweaver shablonning boshqa qismlarini o'zgartirishga ruxsat bermaydi.