Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından sunulan kapsamlı bir HTML ve CSS eğitim içeriğidir. Eğitmen, öğrencilere adım adım web sayfası oluşturma sürecini göstermektedir.
- Video, web sayfası oluşturma için gerekli klasör ve dosya yapısının oluşturulmasıyla başlayıp, HTML etiketlerinin kullanımı, tablo oluşturma (table, tr, td, colspan, rowspan), CSS stilleri (arka plan rengi, yazı tipi, yazı rengi, hizalama) ve liste oluşturma gibi temel konuları kapsamaktadır. Eğitmen, konuları pratik örneklerle göstererek ve adım adım anlatarak izleyicilere rehberlik etmektedir.
- Videoda ayrıca Excel'de tablo oluşturma, hücrelerin birleştirilmesi, gereksiz hücrelerin silinmesi ve tablonun düzeltilmesi gibi teknikler de ele alınmaktadır. Eğitmen, web sayfalarının farklı tarayıcılarda test edilmesi gerektiğini vurgulamakta ve kodların daha düzenli görünmesi için açıklama satırları kullanımı da göstermektedir. Video yaklaşık 40 dakika sürmektedir.
- 00:01Web Sayfası Hazırlama
- Web sayfası oluşturmak için Notepad açılıp kaydedilmelidir.
- Bilgisayarda "temrin bir" adında bir klasör oluşturulmalı ve web sayfası bu klasörün içinde biriktirilmelidir.
- Ana sayfaya genellikle "index.html" veya "default.html" ismi verilir.
- 01:02HTML Etiketleri
- Web sayfası HTML etiketi ile başlar ve biter.
- Doğru yazılan etiketler program tarafından maviye bürünür, yanlış yazılanlar siyah bırakılır.
- HTML sayfası "head" ve "body" etiketleri arasında oluşturulur.
- 02:25Başlık ve Meta Parametreler
- "title" etiketi sayfaya başlık atar ve tarayıcıda mavi başlık çubuğuna yazılır.
- "meta" parametreleri açıklama ve tanımlama kısımları için kullanılır.
- Web sayfası tüm tarayıcılarda test edilmelidir çünkü kullanıcı hangi tarayıcıyı kullandığını bilinmez.
- 04:40Tablo Oluşturma
- Tablo oluşturmak için "table" etiketi kullanılır.
- Tabloda önce satırlar (tr) sonra sütunlar (td) oluşturulur.
- Satır ve sütun etiketleri arasında içerik yazılmalıdır, aksi takdirde tablo düzgün görünmez.
- 07:53Tablo Düzenleme
- Tablonun kenarlık eklemek için "border" özelliği kullanılır.
- HTML'de standart olarak içerikler sola hizalı gelir.
- Tabloyu ortaya hizalamak için "align" özelliği kullanılır, sağa hizalamak için "align=right" yazılır.
- 09:56HTML Tablo Düzenleme
- Tablonun konumunu ayarlamak için "br" etiketi kullanılır, bu etiket enter görevi görür ve belirtilen sayıda satır aşağı iner.
- İşletim sistemi de benzer şekilde çalışır; kullanıcı mouse ile tıkladığında arkada kodlar döner.
- Tablonun satır sayısını artırmak için mevcut satırı kopyalayıp yapıştırabilirsiniz.
- 12:48Hücre Boyutları ve Notlar
- Standart olarak hücreler otomatik olarak boyutlandırılır, ancak genişlik ve yükseklik değerleri manuel olarak ayarlanabilir.
- Programcılar kodların karışmaması için açıklama satırları eklerler, bu satırlar sayfada görünmez.
- Açıklama satırları tek satır veya birden fazla satır olabilir ve kodların anlamını açıklar.
- 15:20Hücre Birleştirme İşlemleri
- Sütunları birleştirmek için "colspan" etiketi kullanılır, örneğin "colspan=11" ifadesi 11 sütunu tek bir sütun haline getirir.
- Satırları birleştirmek için "rowspan" etiketi kullanılır, örneğin "rowspan=2" ifadesi 2 satırı tek bir satır haline getirir.
- Birleştirme işlemi yaparken gereksiz parçaları silmek önemlidir, aksi takdirde sayfa bozulabilir.
- 25:19Tablo Oluşturma ve Birleştirme İşlemleri
- Tabloda satır ve sütun birleştirme işlemleri yapılıyor, örneğin "row spawn" komutu kullanılarak satırlar birleştiriliyor.
- Tabloda farklı birleştirme türleri bulunuyor: satırlar, sütunlar veya hem satırlar hem sütunlar birleştirilebiliyor.
- Birleştirme işlemleri sırasında fazlalık hücreler siliniyor ve tablo düzeltiliyor.
- 33:36Tablo Oluşturma Süreci
- Önce tablo oluşturuluyor, sonra biçimlendirmeler ve renklendirmeler yapılıyor.
- Tablo oluşturulduktan sonra metin biçimlendirmeleri ve bağlantılar ekleniyor.
- Tablo oluşturma sırasında satır ve sütun sayısı kontrol ediliyor ve gerekirse düzeltmeler yapılıyor.
- 40:03Tablo Biçimlendirme
- Tablo oluşturulduktan sonra arka plan renkleri gibi biçimlendirmeler yapılıyor.
- Renkleri ezberlemek yerine, resim düzenleme programında damlalık aracı kullanılarak renkler alınabiliyor.
- 40:57HTML Biçimlendirme
- Arka plan rengi değiştirmek için "bg color" özelliği kullanılır.
- Yazı tipi belirlemek için "font face" etiketi kullanılır ve yazı tipi kısayolu kopyalanıp yapıştırılır.
- Yazı rengi belirlemek için "color" özelliği kullanılır.
- 43:46Yazı Hizalama ve Alt Satır
- Alt satıra geçmek için "br" etiketi kullanılır.
- Yazıları sağa hizalamak için "right" etiketi kullanılır.
- Tek hücrede işlem yapıldığında hizalama için CSS stil kullanmak gerekir.
- 46:53Sırasız Liste Oluşturma
- Sırasız liste oluşturmak için "ul" etiketi kullanılır.
- Liste tipi belirlemek için "type" özelliği kullanılır.
- İçi boş dairez için "type='circle'" kullanılır.