Faqat WYSIWYG foydalanishga majbur emassiz
Dreamweaver - bu ajoyib WYSIWYG tahrirlovchisi , ammo veb-sahifalarni "nima ko'rasiz" degan muhitda yozishni istamasangiz, Dreamweaver-dan foydalanishingiz mumkin, chunki u ham ajoyib matn muharriri. Biroq, Dreamweaver kod muharriri ichidagi yo'l bilan ketadigan ko'plab xususiyatlar mavjud, chunki asosiy mavzu mahsulotning "dizayn ko'rinishi" yoki mahsulotning WYSIWYG muharriri qismida.
Dreamweaver kod ko'rinishiga qanday o'tish kerak
Hech qachon Dreamweaver HTML-tahrirlovchisi sifatida foydalanmagan bo'lsangiz, sahifaning yuqori qismidagi uchta tugmani hech qachon ko'rmagan bo'lishingiz mumkin: "Kod", "Split" va "Dizayn". Dreamweaver "Ustasi ko'rinishida" yoki "WYSIWYG" rejimida odatiy tarzda ishga tushadi. Lekin HTML kodini ko'rish va tahrirlashga o'tish oson. "Kod" tugmasini bosing. Yoki ko'rish menyusiga kiring va "Kod" ni tanlang.
Agar siz HTMLni qanday yozishni bilmoqchi bo'lsangiz yoki sizning o'zgarishlar hujjatingizga qanday ta'sir qilishini bilmoqchi bo'lsangiz, kod ko'rinishini va dizayn ko'rinishini bir vaqtning o'zida ochishingiz mumkin. Ushbu usulning go'zalligi siz ikkala derazada ham tahrir qilishingiz mumkin. Shunday qilib HTML-da tasvir yorlig'ingiz uchun kodni yozishingiz va keyin ularni ko'chirish va ochish bilan sahifadagi boshqa joyga ko'chirish uchun dizayn ko'rinishini ishlatishingiz mumkin.
Bir vaqtning o'zida ham ko'rish uchun:
- "Split" tugmasini bosing ("Kod" va "Dizayn")
- Tashqi ko'rinish menyusida "Kod va Ustasi" ni tanlang.
HTML kodingizni tahrirlash uchun Dreamweaver yordamida qulay bo'lgandan so'ng, Dreamweaver ilovasini sukut ko'rinishida ochish uchun afzal ko'rgan narsalarni o'zgartirishingiz mumkin. Kod ko'rinishini ish maydoni sifatida saqlash eng oson yo'li. Dreamweaver siz foydalanadigan so'nggi ish joyida ochiladi. Aks holda, oyna menyusiga o'ting va kerakli ish hajmini tanlang.
Kodni ko'rish imkoniyatlari
Dreamweaver juda moslashuvchan, chunki uni sozlash va uni xohlagan uslubda ishlash uchun juda ko'p usullar mavjud. Variantlar oynasida kod ranglarini, kodni formatlashni, kod maslahatlarini va sozlashingiz mumkin bo'lgan kodni qayta yozish variantlari mavjud. Biroq, siz kod ko'rinishining o'zi ichida ba'zi maxsus variantlarni o'zgartirishingiz mumkin.
Kod ko'rinishida bo'lganingizda asboblar panelidagi "Ko'rish imkoniyatiga ega" tugmasi mavjud. Bundan tashqari, ko'rish menyusiga kirib, "Kodni ko'rish imkoniyatlari" ni tanlab variantlarni ko'rishingiz mumkin. Tanlovlar:
- Word Wrap - HTML kodini gorizontal ravishda siljitsiz ko'rishingiz mumkin. Ushbu parametr kodingizda biron bir satr ma'lumoti kiritmasligiga e'tibor bering, faqat kodni o'qiy olish osonroq bo'ladi.
- Layn raqamlari - kodning yon tomonidagi chiziq raqamlarini ko'rsatadi. Ko'rinish oynasidan kattaroq chiziqlar uchun chiziqning sariq ramzini ko'rsatadi.
- Yashirin belgilar - veb-sahifada ko'rsatiladigan bo'sh joy o'rniga maxsus belgilarni ko'rsatadi. Nuqta kabi bo'shliqni almashtirsa, ikkilamchi chevron har bir tabning o'rnini egallaydi va har bir satr uzilishining o'rnini alangalanuvchi yoki xat belgisi o'zgartiradi.
- Yaroqsiz kodni ajratib ko'rsatish - sariq rangga mos bo'lmagan HTML-ni ta'kidlaydi. Agar sariq yorlig'i tanlasangiz, Xususiyat inspektori sizni qanday qilib tuzatish bo'yicha maslahatlar beradi.
- Sintaksis rangi - kodingizning rang kodini yoqadi yoki o'chiradi. Rang kodlashingizning ranglarini afzalliklar kodining rangini o'zgartirish qismida o'zgartirasiz.
- Avtomatik indent - agar siz yuqoridagi kod indentatsiya qilingan bo'lsa, kodni indeksni avtomatik ravishda qaytarishdan keyin oladi. Tushuntirishlar kodini formatlash bo'limidagi yorliq hajmini o'zgartirib chastotaning hajmini o'zgartirishingiz mumkin.
HTML kodini Dreamweaver kod ko'rinishida tahrirlash
HTML kodini Dreamweaver kod ko'rinishida tahrir qilish oson. HTML-ni yozishni bas qiling. Lekin Dreamweaver sizni asosiy HTML tahrirlovchisidan tashqariga uzatadigan ba'zi ilovalar bilan ta'minlaydi. HTML yorlig'i yozishni boshlaganingizda <. Agar ushbu belgidan keyin pauza qilsangiz, Dreamweaver sizga HTML teglar ro'yxatini ko'rsatadi. Bunga kod maslahatlar kiradi. Tanlovni qisqartirish uchun harflar yozishni boshlang - Dreamweaver ochiladigan ro'yxatni terayotgan narsaga mos keladigan yorliqni toraytiradi.
HTMLga yangi bo'lsangiz, HTML teglar ro'yxatini ko'rib chiqing va nima qilishlarini ko'rish uchun turli xil variantlarni tanlashingiz mumkin. Teg yozganingizdan so'ng Dreamweaver sizni attributes uchun so'rashni davom ettiradi. Misol uchun, " yorlig'iga tushiradi.
Biroq, kodlar bo'yicha ko'rsatmalar teglar bilan tugamaydi. Siz kiritmoqchi bo'lgan kod maslahatlaridan foydalanishingiz mumkin:
Agar kod ko'rsatmalari ko'rinmasa, siz ularni ko'rsatish uchun Ctrl-bo'sh joy (Windows) yoki Cmd-bo'sh joy (Macintosh) ni bosishingiz mumkin. Taglavhni tugatishdan oldin boshqa bir oynaga o'tayotgan bo'lsangiz, kodning ishorasi paydo bo'lishining eng keng tarqalgan sababi. Dreamweaver belgining yozilishini o'chirib qo'yganligi sababli, agar siz derazadan chiqsangiz va qaytarsangiz, kod maslahatlarini qayta ishga tushirishingiz kerak bo'ladi.
Siz qochish tugmachasini bosish orqali kod maslahatlarining menyusini o'chirib qo'yishingiz mumkin.
Siz ochgan HTML yorlig'i yozganingizdan so'ng uni yopishingiz kerak. Dreamweaver buni tabiiy ravishda bajaradi. Agar "Yopish yorlig'i" ni o'zingizning ehtiyojlaringizga eng mos ravishda yozsangiz.
Agar HTML-dagi sahifalaringizni tahrirlash uchun o'tishga tayyor bo'lmasangiz, lekin kodni yozilgandek tomosha qilishni xohlasangiz, kod inspektorini sinab ko'rishingiz kerak. Bu HTML kodini alohida oynada ochadi. Bu kod ko'rinishi kabi ishlaydi va aslida joriy hujjat uchun ajratiladigan kodni ko'rish oynasi hisoblanadi. Kod inspektorini ochish uchun Oyna menyusiga o'ting va "Kod inspektori" ni tanlang yoki klaviaturadagi F10 tugmachasini bosing.
Dreamweaver HTML kodini formatlashtiradi, ammo siz xohlagan bo'lsangiz. Misol uchun, agar siz 3 ta bo'sh joyni chertmoqchi bo'lsangiz, lekin hech qachon IMG belgilaridan indentifikatsiya qilmasangiz, kodni qayta yozish variantlarida bu formatlash ma'lumotlarini ko'rsatishingiz mumkin. Keyin buyruqlar menyusiga o'ting va "Resurs Formatlashtirishni qo'llash" -ni tanlang. Bu sizga tanish bo'lgan formatga boshqa birov tomonidan yozilgan kodni olishning ajoyib usuli.
Ko'pgina HTML kodeklari haqida bilmagan yoki foydalanmaslik xususiyati HTML kodini yiqitish qobiliyatidir. Bu teglarni hujjatdan olib tashlamaydi, lekin ularni ishdan olib tashlash uchun ularni olib tashlashingiz mumkin. Kodni yiqitish uchun:
- Yashirish kerakli kod qismini tanlang
- Yaratilgan menyusida "Kodni ixchamlashtirish" sub menyusidan "Selection Collapse" -ni tanlang
Oddiy usul kodni tanlash va undan keyin oltindan ko'rsatilgan kodni yiqitish belgilarini bosing. Bundan tashqari, siz tanlangan kodni o'ng tugmasini bosishingiz va "Selection Collapse" ni tanlashingiz mumkin.
Yuqorida ta'kidlanganlardan tashqari , hamma narsani yashirish zarur bo'lsa, yuqoridagi usullardan har qandayida "Tashqi tanlovni ixchamlashtirish" ni tanlang.
Chiqib ketgan kodni kengaytirish uchun faqatgina ikki marta bosing. Bu kodni ochadi va tanlaydi. Keyinchalik, bu tanlovni ko'chirishingiz yoki o'chirishingiz yoki atrofida qo'shimcha teglar qo'shishingiz mumkin.
Chetdan shablonni tahrirlashni istamagan sahifalarda qulab tushishini va kengaytirish xususiyatidan foydalanishingiz mumkin. Siz tashqaridan tartibga solish va tashqaridan ixchamlashtirish kerakli kontent maydonini tanlaysiz. So'ng HTML-ni yozing. Sahifani Ustasi ko'rinishida ko'rishingiz yoki brauzerda oldindan ko'rishingiz mumkin. Yig'ilgan kod hujjatdan o'chirilmaydi, faqat ko'rinishda yashirin. Siz shuningdek bir qator narsalar ustida ishlayotganingizda ham foydalanishingiz mumkin. Bitta tugagach, uni daralt. Siz ko'rsatadigan kod bo'lmasa, siz bajarilganingizni bilasiz.