HTML 5 Menü Tasarımı Nasıl Yapılır

HTML 5 Menü Tasarımı Nasıl Yapılır ? HTML 5 ile menü tasarımı yapmak için makalemizi dikkatlice okumalı ve eksiksiz bir şekilde yapmalısınız.

1. Adım: İlk başta gereken klasör ve içindeki dosyaları oluşturacağız.

· Klasör (ismi “navi” veya “menü” olarak tercih edilir fakat her hangi bir isim koyabilirsiniz)

İçindeki Dosyalar

index html

· style css

HTML ve CSS Dosyalarını Nasıl Hazırlayabilirim?

Web tasarımcı iseniz mutlaka HTML, CSS ve bunun gibi birçok dosyayı Adobe Dreamweaver sayesinde kolaylıkla hazırlayabilirsiniz. Tek yapmanız gereken yeni bir belge oluşturmanız ve bu belgenin türünü seçmeniz olacaktır. Bundan sonra program otomatik olarak standart kodları yükleyecek ve size kolaylık sağlayacaktır.

HTML Dosya Örneği Nasıldır?

SAYFANIN BAŞLIĞINI BURAYA GİREBİLİRSİNİZ.

CSS Dosya Örneği Nasıldır?

@ charset “iso-8859-9 ” ;
/ * CSS Document * /

2. Adım: HTML sayfamıza style.css dosyasında yaptığımız kodlar etki göstersin diye dosya çağırma işlemi yapacağız.

HTML 5 Dosya Çağırma İşlemi Nasıl Yapılır?

· Eğer Adobe Dreamweaver kullanıyorsanız aşağıdaki yönergeleri takip edip rahatça yapabilirsiniz.

– Head bölümünde meta etiketinden sonra boş bir satıra sağ tıklayın.

– Açılan pencereden CSS Styles’ı ve ardından Attach Style Sheet’ i seçiniz.

– Önünüze dosya seçme penceresi çıkacak buradan bağlayacağız dosyayı seçiniz ve ok düğmesini tıklayınız.

– Bundan sonra program kendisi kodu oluşturacaktır.

· Eğer Adobe Dreamweaver kullanmıyorsanız vereceğimiz koddaki adresi değiştirerek de yapabilirsiniz.

Not: Dosya adresini koddaki kalın olarak yazılmış olan yere uzantısı ile yazmanız yeterlidir. Ayrıca bu yazacağınız adres ile bağlantı kuracağınız HTML sayfası aynı dosyada olması lazımdır.

3. Adım: Div içeriğini oluşturuyoruz ve html menü kodunu bu div içeriğinin arasına yerleştiriyoruz.