Video: Ders 4: Adobe Dreamweaver Kodlamaya Giriş 1.Bölüm: Html Temel Kodları 2024
Adobe Creative Suite 5 (Adobe CS5)'de yeni bir web sayfası oluşturduğunuzda Dreamweaver çok sayıda web tarayıcınızın HTML'yi ve hangi HTML sürümünü kullandığını tanımaya yardımcı olması için oluşturulmuştur. Dreamweaver, sayfanızın Firefox, Internet Explorer ve Safari gibi yaygın web tarayıcılarının en yeni sürümlerinin çoğunda çalıştığından emin olmak için arka planda çalışır.
HTML kodu, kolay olsa da, sözdizimini () (kodun düzgün sırası ve oluşumu) ve kelime dağarcıklarını (birçok etiketi ezberlemelisiniz) anlamanız gerektiğinden, başka herhangi bir dil gibi. İyi, temiz web sayfaları oluşturmak için gözlüğünüzde birtakım şeritler bulunmasına gerek yok, ancak aşağıdaki HTML temellerini gözden geçirmeniz gerekiyor.
Deneyimli bir kullanıcıysanız, kod kopyalayıp yapıştırarak HTML kodu hakkında çok şey öğreneceğinizi bilirsiniz. Yeni bir kullanıcıysanız, kopyalama ve yapıştırma kodu, başkalarının sayfalarında uyguladığı kodu anlamanıza ve belki de size bazı fikirler vermenize yardımcı olabilir.
Genel olarak, HTML etiketleri üç bölümden oluşur:
-
Etiket: Yazı tipi etiketi için HTML bilgisinin ana kısmı, örneğin , yazı tipi etiketi veya
bir HTML tablosu için. Bir etiket daima
veya
gibi parantez içine alınmış bir anahtar kelimeyle oluşturulmuştur.
Çoğu etiket çift olarak geldiğinden, bir açılış etiketi (
) ve bir kapanış etiketi (
) girmelisiniz. XHTML 1.0'da Geçiş (Dreamweaver'da oluşturulan tüm yeni sayfalar için kullanılan standart) tüm etiketler kapalı olmalıdır. Kapanış ayraçından önce eğik çizgi ekleyerek bir etiketi kapatabilir veya kendinden kapanma etiketi oluşturabilirsiniz:Örneğin, etiketini ekleyerek metni koyu hale getirirseniz metne bir kapanış etiketi ekleyerek kalın yazı uygulamanın nereden durdurulacağını söyleyin. Aksi takdirde, metin sayfanın geri kalanında cesur görünmeye devam eder.
Özellik: Belirli bir HTML etiketinin görünümünü ince ayar yapmanıza olanak tanır. Bir özellik her zaman bir açılış etiketine eklenir ve bağlantı rengi, boyutu ve hedef gibi özellikleri kontrol etmek için farklı değerler alabilir. Örneğin, hizalama, paragrafın içindeki metnin hizalamasını belirten
(paragraf) etiketinin bir özniteliğidir.
İşte bir öznitelik eklenmiş bir paragraf (
) etiketine bir örnek:
Bu merkezli metin
Değer: Örneğin, renk, boyut ve bağlantı hedefi bağlıyor. Örneğin, bir renk niteliği değeri olarak onaltılık bir sayı belirleyebilirsiniz. Etiketin bgcolor özniteliği için (genel sayfa görünümünü kontrol eden) bir değer örneği "kırmızı" veya "# CC0000" olabilir.
İç içe yerleştirme, etiketlerin görüntülenme sırasıdır. Bir etiketi uygulanırsa, aşağıdaki gibi görünür: Bu metin kalın . Bir italik etiket ekleyin ve görürsünüz Bu metin kalın ve italiktir. . Etiketlerin içeriye yerleştirilmesine dikkat edin: Etiketleri kapatırken içeriden dışarıya doğru yolunuzu çalışın.