Agar veb-dizayn va oldingi rivojlanish uchun yangi (HTML, CSS, Javascript) bo'lsangiz, siz WYSIWYG muharriri bilan ishlashni boshlashingiz mumkin. Ushbu qisqartma, siz "nima ko'rgan narsangiz" degan ma'noni anglatadi va asosan, yaratilayotgan narsaga asoslangan holda dasturiy ta'minotni sahnalar orqasidagi ba'zi kodlarni yozganda, ingl. Vositalar yordamida veb-sahifani yaratishga imkon beruvchi dasturga ishora qiladi. Mavjud bo'lgan eng ommabop WYSIWYG vositasi, Adobe Dreamweaver deb nomlanadi .
Dreamweaver - bu Ishga tushganlar uchun yaxshi imkoniyat
Ko'plab nozik qobiliyatlar bilan tajribali web-professionallar Dreamweaver-ga va shaffof HTML formatlash va CSS-uslublarini ishlab chiqarishga moyil bo'lsa-da, oddiy haqiqat shundaki, platforma faqat veb-sayt dizayni bilan ishlashni boshlaganlar uchun yaxshi tanlovdir. Veb-sahifa yaratish uchun Dreamweaver-ning "dizayn ko'rinishi" ni qo'llashni boshlaganingizda, sizda ehtimol bo'lgan savollardan biri bu ko'rinishda kontent uchun yagona qator uzilishini yaratishdir.
HTML-matnni veb-sahifaga qo'shsangiz, veb-brauzer bu matnni brauzer oynasining chekkasiga yoki uning konteyneriga yaqinlashguncha uzoq satr sifatida ko'rsatadi. Shu nuqtada matn keyingi qatorga o'tadi. Bu Microsoft Word yoki Google Docs kabi har qanday so'zni qayta ishlash dasturida nima sodir bo'lishiga o'xshaydi. Matn chizig'i gorizontal chiziqda ko'proq joyga ega bo'lmaganda, u boshqa qatorni boshlash uchun sariladi. Xatning qayerdaligini belgilashni istasangiz, nima bo'ladi?
Dreamweaver dizayn ko'rinishida [ENTER] tugmachasini bosganingizda, joriy paragraf yopiladi va yangi xat boshlanadi. Vizual ravishda, bu ikki satr biroz vertikal oraliq bilan ajratilgan degan ma'noni anglatadi. Buning sababi shundaki, HTML xatboshilarida bo'shliqni qo'shadigan paragrafning pastki qismiga tatbiq etilgan padding yoki chekkalari (brauzerning o'ziga bog'liq) mavjud.
Bu CSS bilan sozlanishi mumkin, ammo haqiqat shundaki, u erda paragraflar o'rtasida veb-saytlar okunabilirliği uchun masofa bo'lishini xohlaysiz. Agar bir qatorni istasangiz va chiziqlar orasidagi keng vertikal oraliqni xohlasangiz, [ENTER] chunki siz ushbu satrlarni alohida paragraflar bo'lishini xohlamaysiz.
Yangi paragraf boshlashni istamasligingiz uchun, HTML tagidagi tagni qo'shasiz. Bu ba'zan
yoziladi. barcha elementlarning yopilishini talab qiladigan XHTML versiyalari uchun. Ushbu sintaktikada trailing / tagida o'z-o'zidan yopiladi, chunki Google tagida o'z yopilish yorlig'i yo'q. Bu yaxshi va yaxshi, lekin Dreamweaver'da Design View'da ishlayapsiz. Siz kodga sakrash va bu tanaffuslarni qo'shishni xohlamasligingiz mumkin. Bu yaxshi, chunki siz, albatta, Dreamweaver'da kod ko'rinishini qo'llamasdan, bir qator oralig'ini qo'shishingiz mumkin.
Dreamweaver & # 39; ning Tasvirlar ko'rinishida chiziqli break qo'shish:
- Kursorni yangi liniyani boshlashni xohlagan joyga qo'ying.
- Shift tugmachasini bosing va ushlab turing [ENTER].
Bo'ldi shu! [ENTER] bilan birgalikda "shift" tugmachasining oddiy qo'shilishi yangi paragraf o'rniga bitta qo'shimchani qo'shadi. Shunday qilib, bu qanday ekanligini bilib oldingiz, qaerdan foydalanishingiz va qaerdan qochish kerakligini o'ylab ko'rishingiz kerak. Esda tuting, HTML saytning ko'rinishini emas, balki sayt tuzilishini yaratadi. Dizayningizda elementlarning tagida vertikal oraliqni yaratish uchun bir nechta teglar ishlatmaslik kerak.
CSS-ning to'ldirish va cheklovlar uchun xossalari shu. Agar siz taglavhani qaerdan foydalansangiz, faqatgina bitta yo'nalish tanaffusiga kerak bo'lganda. Misol uchun, agar siz pochta manzilini kodlamoqchi bo'lsangiz va siz paragrafdan foydalanishga qaror qilsangiz, bunday teglarni qo'shishingiz mumkin:
Kompaniya nomi
Manzil yo'nalishi
Shahar, Shtat, ZIP
Manzil uchun ushbu kod bitta xatboshi, lekin ingl. Sifatida alohida satrlardagi uchta chiziqni ular orasidagi kichik bo'shliqni ko'rsatishi kerak edi.