Web tasarımında ve ön uç geliştirmede (HTML, CSS, Javascript) yeniyseniz, bir WYSIWYG editör. Bu kısaltma, "ne görürsen onu alırsın" anlamına gelir ve temel olarak, Yazılım, ne olduğunuza bağlı olarak perde arkasında bazı kodlar yazarken görsel araçları kullanarak bir web sayfası oluşturun yaratmak. Mevcut en popüler WYSIWYG aracı tartışmasız Adobe'nin Dreamweaver'ı.
Yeni Başlayanlar İçin İyi Bir Seçenek
Daha birçok deneyimli web uzmanı rafine beceriler Dreamweaver'ı ve onun şişirilmiş HTML işaretlemesi üretme eğilimini küçümseyin ve CSS stilleri, basit gerçek şu ki, platform web sitesi tasarımına yeni başlayanlar için iyi bir seçenek olmaya devam ediyor. Bir web sayfası oluşturmak için Dreamweaver'ın "tasarım görünümü" seçeneğini kullanmaya başladığınızda, aklınıza gelebilecek sorulardan biri, o görünümdeki içerik için tek satır sonu nasıl oluşturulacağıdır.
Bir web sayfasına HTML metni eklerken, web tarayıcısı bu metni tarayıcı penceresinin veya kapsayıcı öğesinin kenarına ulaşana kadar uzun bir satır olarak görüntüler. Bu noktada, metin bir sonraki satıra kaydırılacaktır. Bu, Microsoft Word veya Google Docs gibi herhangi bir kelime işlemci yazılımında olanlara benzer. Bir metin satırının yatay bir satırda daha fazla yeri kalmadığında, başka bir satıra başlamak için kaydırılır. Peki, bir satırın nerede kesildiğini dikte etmek isterseniz ne olur?
Dreamweaver'ın Tasarım Görünümünde ENTER'a Bastığınızda
vurduğunda GİRİŞ Dreamweaver'ın tasarım görünümünde geçerli paragraf kapatılır ve yeni bir paragraf başlatılır. Görsel olarak bu, bu iki satırın biraz dikey boşlukla ayrıldığı anlamına gelir. Bunun nedeni, varsayılan olarak HTML paragraflarda dolgu veya kenar boşlukları var (hangisi tarayıcının kendisine bağlıdır), bu aralığı ekleyen paragrafın altına uygulanır.
Bu, CSS ile ayarlanabilir, ancak gerçek şu ki, web sitesinin okunabilirliğine izin vermek için paragraflar arasında boşluk olmasını istersiniz. Tek bir satır ve satırlar arasında geniş dikey boşluk olmamasını istiyorsanız, bu satırların ayrı paragraflar olmasını istemediğiniz için ENTER tuşunu kullanmak istemezsiniz.
Yeni Bir Paragrafın Başlamasını İstemiyorsanız
Yeni bir paragrafın başlamasını istemediğiniz bu zamanlar için,
HTML'de etiket. Bu bazen şu şekilde de yazılır:
. özellikle tüm öğelerin kapatılmasını gerektiren XHTML sürümleri için. Bu sözdizimindeki sondaki /, öğeyi kendi kendine kapatır çünkü
etiketinin kendi kapanış etiketi yoktur. Her şey yolunda ve güzel ama Dreamweaver'da Tasarım Görünümü'nde çalışıyorsunuz. Koda atlamak ve bu araları eklemek istemeyebilirsiniz. Bu sorun değil, çünkü gerçekten de kod görünümüne başvurmadan Dreamweaver'da bir satır sonu ekleyebilirsiniz.
Dreamweaver'ın Tasarım Görünümüne Satır Sonu Ekleyin:
- İmlecinizi yeni satırın başlamasını istediğiniz yere getirin.
- basılı tutun Shift tuşu ve bas Giriş.
Bu kadar! [ENTER] ile birlikte "shift" tuşunun basit bir şekilde eklenmesi, bir
yeni bir paragraf yerine Artık bunun nasıl olduğunu bildiğinize göre, onu nerede kullanacağınızı ve nerede kaçınacağınızı düşünmelisiniz. Hatırlamak, HTML görsel görünümü değil, bir sitenin yapısını oluşturmak içindir. birden fazla kullanmamalısın
tasarımınızdaki öğelerin altında dikey boşluk oluşturmak için etiketler.
Dolgu ve kenar boşlukları için CSS özellikleri bunun içindir. nerede kullanacağını
etiketi, yalnızca tek satır sonuna ihtiyacınız olduğu zamandır. Örneğin, bir posta adresini kodlıyorsanız ve bir paragraf kullanmaya karar verdiyseniz,
bunun gibi etiketler:
Şirket Adı
Adres satırı
Şehir posta kodu.
Adres için bu kod tek bir paragraftır, ancak görsel olarak üç satırı, aralarında küçük bir boşluk olacak şekilde ayrı satırlarda görüntüler.