Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, konuşmacı internette bulduğu bir web sitesi temasının nasıl düzenleneceğini adım adım göstermektedir.
- Video, Dreamweaver programında bir web sitesi temasının nasıl düzenleneceğini anlatmaktadır. İçerikte anasayfa, hakkımızda, logo, menü, slider ve diğer bölümlerin nasıl değiştirileceği, resimlerin nasıl güncelleneceği ve sayfaların nasıl oluşturulacağı detaylı olarak gösterilmektedir. Özellikle index.html, contact.html ve ebat.html gibi sayfaların nasıl düzenlenmesi gerektiği, slider'ların nasıl eklenip değiştirileceği ve butonların nasıl ayarlanacağı açıklanmaktadır.
- 00:02Web Teması Tanıtımı
- İnternette bulunan bir web teması paylaşılacak ve bu temayı birçok yerde kullanabilirsiniz.
- Tema anasayfa, hakkımızda, yeni bölüm, logo bölümü ve manşet gibi bölümlerden oluşmaktadır.
- Temayı düzenlemek için Dreamweaver programı kullanılıyor.
- 00:53Temanın Yapısı
- Yazılar, menüler ve manşetteki yazılar div'lerle ayrılmış bulunmakta.
- Design bölümüne geçildiğinde temanın tamamı görsel olarak görülebiliyor.
- Kod bölümü sadece kodları gösterirken, split görünümü hem kod hem de tasarım görünümünü aynı anda gösterir.
- 01:44Logo ve Menü Düzenlemesi
- Temada index.html sayfasında logo değiştirilebilir, image klasöründe logo.gif resmi değiştirilebilir.
- Menü kısmında anasayfa, hakkımızda gibi bağlantılar bulunmakta ve bu bağlantılar belirli sayfalara yönlendirilebilir.
- Projeler gibi yeni bir sayfa eklemek istendiğinde, projeler.html sayfası oluşturulup menüdeki bağlantıya yönlendirilebilir.
- 04:32Slider Düzenlemesi
- Slider bölümünde dört adet resim bulunmakta ve bu resimler image klasöründe yer alıyor.
- Resimlerin boyutları genişlik 965 ve yükseklik 280 olarak belirlenmiş, bu boyutlara uygun olması gerekiyor.
- Yeni bir slider eklemek için mevcut kod kopyalanıp yeni bir resim eklenerek listeleme etiketi başlatılmalıdır.
- 07:12Slider Butonları ve İçerik Düzenlemesi
- Slider'a yeni bir resim eklendiğinde buton sayısı da artırılmalıdır.
- "What we do", "How are special", "Service" gibi bölümlerdeki resimler ve yazılar değiştirilebilir.
- Resimler image klasöründe bulunmakta ve yazılar kalın (bold) olarak düzenlenebilir.
- 10:30Sayfa Düzenlemesi
- Silmek istediğiniz herhangi bir şeyi div ile "write block" silerek bitirebilirsiniz.
- Ana sayfa, iletişim ve diğer sayfalar ayrı ayrı düzenlenebilir.
- Sayfalar Dreamweaver programında açılarak kendiniz güzel bir şekilde düzenlenebilir.