Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, DJ Yılmaz tarafından sunulan bir web tasarım eğitim dersidir. DJ Yılmaz, oyunkodları.com adresi üzerinden web tasarım dersleri anlatmaktadır.
- Video, web tasarımın temel dili olan HTML'in tanıtımıyla başlıyor ve temel HTML yapılarını gösteriyor. İçerikte HTML'in ne olduğu, web sitelerinin head ve body bölümlerinden oluştuğu, tagların nasıl kullanıldığı, başlık etiketleri (h1, h2, h3), id ve class atama, meta tagları, link oluşturma ve font ayarları gibi temel konular ele alınıyor. DJ Yılmaz, tablo ile tasarım yapmanın artık uygun olmadığını ve HTML5 kullanmanın önemini vurguluyor.
- 00:02Web Tasarım Dersleri Tanıtımı
- DJ Yılmaz, oyunkodlari.com adresi üzerinden web tasarım dersleri anlatacak.
- Dersler HTML ile başlayıp, ilerleyen aşamalarda CSS, JavaScript ve PHP ile devam edecek.
- 00:25HTML Nedir?
- HTML en temel web tasarım ve kodlama dilidir.
- Web siteleri head (kafa) ve body (gövde) olmak üzere iki ana kısma ayrılır.
- Head kısmında linkler, meta taglar, formlar, tablalar, divler gibi kodlar yer alır.
- 01:08HTML Dosyası Oluşturma
- İlk ders için bir klasör oluşturulup, index.html adında bir metin belgesi oluşturulur.
- HTML dosyası Firefox veya Chrome gibi tarayıcılarda "Birlikte Aç" seçeneğiyle açılmalıdır.
- HTML dokümanının tipi belirtmek için <!DOCTYPE html> kullanılır.
- 02:29HTML Tagları
- HTML tagları küçüktür ve büyüktür işaretleri arasında yazılır.
- Taglar açılıp kapanır, aynı isim kullanılır ancak başına bir koyulur.
- Web siteleri head (kafa) ve body (gövde) olmak üzere iki ana kısma ayrılır.
- 03:11Body ve Başlıklar
- Body kısmında yapısal veriler ve kodlamalar yer alır, site tasarımları burada yer almaz.
- Title tagı ile site başlığı değiştirilebilir.
- Başlıklar için h1, h2, h3 gibi etiketler kullanılır, h3'e kadar bilinmesi yeterlidir.
- 05:03ID ve Class Kullanımı
- HTML'de tag'lara id atayabiliriz, ancak aynı id'yi birden fazla tag'a atayamayız.
- Class'lar atayabiliriz ve class'ları istediğimiz gibi çoğaltabiliriz.
- Google, hatalı kodlamaları sevmez, bu nedenle dikkatli olunmalıdır.
- 06:09Modern Web Tasarımı
- Tablo ile tasarım yapmak artık 2003-2004 yıllarından beri önerilmez.
- HTML5 ve CSS ile tasarım yapılmalıdır.
- Google'un ilk sayfaları çıkarması için modern teknolojiler kullanılmalıdır.
- 07:18Diğer HTML Tagları
- Bazı tag'lar kendi içinde kapanabilir, örneğin hr (çizgi) ve pr (alt satıra atla) tag'ları.
- Font tag'ı ile yazı tipi değiştirilebilir.
- A tag'ı ile link oluşturulabilir ve hedef belirtilebilir.