Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, HTML5 ile web tasarımı dersinin ikinci bölümüdür. Eğitmen, önceki derste oluşturulan section ve navigation menülerinin CSS ile nasıl düzenleneceğini anlatmaktadır.
- Videoda, navigation menüsünün link halindeki özelliklerinin nasıl ayarlanacağı adım adım gösterilmektedir. Eğitmen, a etiketi kullanarak blog tarzında menü oluşturma, yazı boyutu, renk, arka plan, padding ve margin gibi CSS özellikleri ile menüyü düzenleme tekniklerini uygulamalı olarak anlatmaktadır. Ayrıca, içerik alanlarının menü butonlarının arkasına nasıl yerleştirileceği de gösterilmektedir. Video, bir sonraki derste jQuery ekleneceği bilgisiyle sonlanmaktadır.
- 00:01HTML5 Web Tasarımı Dersinin Devamı
- HTML5 ile web tasarımı dersi iki üç video şeklinde anlatılacak.
- Önceki bölümde content alanları (section) oluşturulmuş, özellikler tanımlanmış ve her sayfaya id atayarak içeriklere erişilmiş.
- Navigation (menü) oluşturulmuş ve tüm sayfalarda görüntülenmesi için position fix özelliği verilmiş.
- 01:47Menü Özelliklerinin Ayarlanması
- Menünün link halindeki özelliklerini ayarlamak için CSS uygulamasına geçiliyor.
- Menü için "a" etiketi kullanılarak blog tarzında görünüm sağlanıyor.
- Yazı boyutu, rengi, konumu ve arka plan rengi CSS ile ayarlanıyor.
- 05:04Menü Düzenlemeleri
- Butonlar arasındaki mesafeyi ayarlamak için padding (iç boşluk) 10 piksel olarak belirleniyor.
- Butonlar arasındaki dış boşluk için margin ayarı yapılıyor.
- Yazıların altındaki çizgileri kaldırmak için text-decoration özelliği kullanılıyor.
- 07:16İçerik Düzenlemesi
- İçeriklerin butonların arkasında kalması sorunu için CSS kodu giriliyor.
- İçerik için soldan 100 piksel, yukarıdan 50 piksel boşluk ayarlanıyor.
- Bu ders menü içeriği düzenlemesiydi ve bir sonraki derste jQuery eklenecek.