Əgər veb dizayn və ön uç inkişafı (HTML, CSS, Javascript) üçün yenisinizsə, bir WYSIWYG redaktoru ilə başlamağı seçə bilərsiniz. Bu abbreviaturadan "nə etdiyinizi görürsən" deməkdir və əsasən proqram yaratdığınıza əsaslanan səhnələrin arxasında bəzi kodu yazarkən əyani vasitələrdən istifadə edərək veb səhifəni yaratmağa imkan verən proqramdır. Mövcud olan ən populyar WYSIWYG vasitə, Adobe'nin Dreamweaver olduğunu iddia edir .
Dreamweaver, Başlayanlar üçün Yaxşı Seçimdir
Daha nəfis bacarıqları olan bir çox təcrübəli web peşəkarları Dreamweaver-a və şişirilmiş HTML formatlaşdırma və CSS üslubları yaratma meyllərinə baxarkən, sadə həqiqətdir ki, platforma yalnız veb-sayt dizaynı ilə başlayanlar üçün yaxşı bir seçimdir. Bir web page yaratmaq üçün Dreamweaver-ın "dizayn görünüşü" ni istifadə etməyə başladığınız kimi, ola biləcək suallardan biri o baxımdan məzmun üçün bir sıra fasilə yaratmaqdır.
Bir web page HTML mətn əlavə etdiyiniz zaman, veb brauzer brauzer pəncərəsinin və ya konteyner elementinin kənarına çatana qədər mətni uzun bir xətt kimi göstərəcəkdir. Bu nöqtədə, mətn növbəti xəttə keçiriləcək. Bu, Microsoft Word və ya Google Sənədləri kimi hər hansı bir sözlə işləmə proqramında nə baş verir. Bir mətn xəttinin üfüqi bir xəttdə daha çox yer olmadığı zaman başqa bir xəttə başlanacaqdır. Bir xəttin pozulduğu yerdə diktə etmək istəsən nə olur?
Dreamweaver'ın dizayn görünüşündə [ENTER] düyməsini vurduğunuzda, hazırkı paraqraf bağlanıb və yeni bir paraqraf başlayır. Görmə qabiliyyətinə görə, bu iki xətt bir qədər şaquli boşluq ilə ayrılır. Bunun səbəbi, həqiqi olaraq, HTML paraqraflarının boşluqları əlavə edən paraqrafın alt hissəsinə tətbiq olunan dolğunluq və ya marginlər (birinin brauzerin özünə bağlıdır) olmasıdır.
Bu, CSS ilə düzəldilə bilər, amma həqiqətdir ki, paraqraflar arasında veb sayını oxunaqlığa imkan verəcək dərəcədə aralığın olmasını istəyirik .Əgər bir xətt və xətlərin arasında geniş şaquli boşluq istəsən, [ENTER] istifadə etmək istəmirsinizsə, çünki bu xətlərin fərdi paraqraflar olmasını istəmirsiniz.
Yeni bir paraqrafın başlamasını istəmədiyiniz zamanlarda HTML etiketini əlavə edin. Bu da bəzən
yazılır. bütün elementlərin bağlanılmasını tələb edən XHTML versiyaları üçün xüsusi olaraq. Siqnalın arxasındakı / elementdə özünü örtən element, çünki etiketin öz bağlanma etiketi yoxdur. Bütün yaxşı və yaxşıdır, amma Dreamweaver Design View'da çalışırsınız. Koda atlayaraq bu fasilələri əlavə etmək istəmirsiniz. Bu, gözəldir, çünki həqiqətən, Dreamweaver-da kod görünüşünə müraciət etmədən bir xətt məğlub edə bilərsiniz.
Dreamweaver Design View'da Line Break'u əlavə edin:
- Yeni xəttin başlamasını istədiyiniz imleci yerləşdirin.
- Shift düyməsini basıb saxlayın və [ENTER] düyməsini basın.
Bu belədir! [ENTER] ilə birlikdə "shift" düyməsinin sadə əlavə olunması yeni bir paraqraf yerinə bir əlavə əlavə edəcək. İndi bu necə olduğunu bildiyiniz yerdən istifadə edəcəyi və qaçınmaq üçün harada olacağını düşünməlisiniz. Unutmayın, HTML saytın strukturunu yaratmaq üçün deyil, görmə görünüşüdür. Dizaynınızda elementlərin altında şaquli aralık yaratmaq üçün birdən çox etiket istifadə etməməlisiniz.
Padding və marginlərin CSS xüsusiyyətləri bunun üçündir. Bir etiket istifadə etdiyiniz yerdə tək xətt arağına ehtiyac duyduğunuzda. Məsələn, bir poçt ünvanı kodlaşdırır və bir paraqrafdan istifadə etməyi qərara aldıysanız, bu kimi etiket etiketləri əlavə edə bilərsiniz:
Firma Adı
Ünvanlı Xətt
Şəhər, Dövlət, Poçt
Ünvanın bu kodu bir paraqrafdır, lakin görməli olaraq fərdi xəttlərdə üç xəttini aralarında kiçik bir boşluq göstərəcəkdir.