Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından sunulan HTML5 ve CSS3 dersinin ilk bölümüdür. Eğitmen, Visual Studio Code programı kullanarak web sayfası oluşturma sürecini adım adım göstermektedir.
- Video, HTML5'in ne olduğunu açıklayarak başlıyor ve ardından Visual Studio Code'nun nasıl indirileceğini gösteriyor. Daha sonra temel HTML yapısı (html, head, body etiketleri) ve meta tag'ların (UTF-8, viewport, title) kullanımı anlatılıyor. Eğitmen, bir paragraf oluşturma örneği vererek HTML etiketlerinin nasıl kullanılacağını gösteriyor ve bir sonraki derste CSS3 ile sayfa stilini nasıl düzenleyeceğini belirttiğini söylüyor.
- HTML5 ve CSS3 Tanıtımı
- Bu derste HTML5 ve CSS3'in ne olduğu, nasıl kodlandığı ve ne işe yaradığı anlatılacak.
- HTML5, hypertext marka language'dir ve web sayfalarının görüntülenmesine yardımcı olan bir iskelet yapıdır.
- HTML5 bir programlama dili değildir, sadece web projesi üstünde yürütülmesine yardımcı olan bir yapıdır.
- 00:59Visual Studio Code Kurulumu
- Ders için Visual Studio Code programı kullanılacak.
- Programı indirmek için Chrome'da "visual studio code" yazıp, çıkan linkten Windows, MacOS veya Linux için uygun sürümü indirmek gerekiyor.
- 01:42HTML Sayfası Oluşturma
- Visual Studio Code'da yeni bir pencere açıp, "File" menüsünden "Index.html" dosyası oluşturuluyor.
- Temel HTML yapısını oluşturmak için Shift+! tuşlarına basıp Tab tuşuna basarak iskelet yapı hazır olarak oluşturuluyor.
- HTML sayfası görüntülemek için en üst etikette "html" etiketi bulunmalıdır.
- 03:50HTML Etiketleri ve Özellikleri
- HTML hiyerarşisi "html" > "head" > "body" şeklindedir.
- "meta" tag'ı içinde "set utf-8" yazarak tüm dünya üzerinde yazı karakterlerinin ve işaretlerin doğru görülebilmesi sağlanır.
- "meta" tag'ı içinde "viewport" özelliği, mobil cihazlarda sayfanın düzgün görüntülenmesi için gerekli genişlik ve ölçek ayarlarını içerir.
- "title" etiketi, sayfanın tarayıcıda görülecek adını belirler.
- 06:48Body Kısmı ve İçerik Ekleme
- HTML sayfasının içeriğini görüntülemek için tüm kodlar "body" etiketi içerisinde yazılmalıdır.
- Tüm etiketler "lorem ipsum" olarak yazılmalı ve Türkçe karakter kullanılmamalıdır.
- Alt satıra geçmek için Enter tuşuna basmak yeterli değildir, her paragraf için ayrı "p" etiketi kullanılmalıdır.
- 09:39Dersin Sonu ve Gelecek Ders
- Bu derste HTML5 temel yapısı anlatılmıştır.
- Bir sonraki derste CSS3 style sheet'in index içerisinde nasıl ekleneceği ve sayfanın görünümü nasıl değiştirileceği gösterilecektir.