Web Sitesi Geliştirme Dersi Notları

Genel Bilgiler

Web sitesi yapımı sadece HTML ile gerçekleştirilecek.
CSS ve Notepad++ gibi kod editörleri kullanılmayacak.
Kaynak kodları sadece katıl üyeleri için erişilebilir.

Web Sitesinin Yapısı

Ana Sayfa: Logo, menüler ve içerik.
Hakkımda Sayfası: Kişisel bilgiler.
İletişim Sayfası: İletişim bilgileri ve sosyal medya bağlantıları.
Her sayfada menüler değişmektedir.

Gerekli Adımlar

Klasör Oluşturma: Proje için yeni bir klasör oluştur.
HTML Dosyası Oluşturma: Metin belgesi oluştur ve adını index.html olarak kaydet.
- Dosya uzantılarını görmek için "Görünüm" kısmından ayar yapılmalıdır.
HTML Kodları Yazma:
- HTML yapısı için temel etiketler kullanılır:
  - <!DOCTYPE html>: HTML5 dokümanı tanımlaması.
  - <html>, <head>, <body> etiketleri.
- Başlık kısmında sayfa bilgisi verilecektir. Örnek: <title>Portfolio</title>
- Tablo oluşturmak için <table> etiketi kullanılacak.

Tablo Yapısı

3 Satırdan oluşacak:
- 1. satır: Logo ve menü.
- 1. satır: İçerik (resim ve açıklama).
- 1. satır: Telif hakkı ve sosyal medya ikonları.

Kod Örnekleri

Tablo başlangıcı:

<table border="1">
   <tr>
       <td>Logo</td>
       <td>Menüler</td>
   </tr>
   <tr>
       <td>Resim</td>
       <td>Açıklama</td>
   </tr>
   <tr>
       <td>Telif Hakkı</td>
       <td>Sosyal Medya</td>
   </tr>
</table>

Resim eklemek için:

<img src="img/portfolio_logo.jpg" alt="Logo">

Linkler ve Navigasyon

Menüler için bağlantılar kullanılacak:

<a href="index.html">Ana Sayfa</a>
<a href="hakkimda.html">Hakkımda</a>
<a href="iletisim.html">İletişim</a>

Sosyal Medya İkonları

Her sosyal medya için bir bağlantı oluşturulacak:

<a href="https://facebook.com"><img src="img/facebook.jpg" alt="Facebook"></a>

Sonuç

Oluşturulan web sitesi temel düzeyde görünmektedir.
Gelecek aşamalarda kullanıcı deneyimi ve stil geliştirmeler yapılabilir.
Uzman ve normal kullanıcılar için öneriler ve kaynaklar paylaşılacaktır.

Katıl Üyeleri Teşekkürleri

Videoları destekleyen katıl üyelerine teşekkür edilmiştir.
Sırasıyla katıl üyeleri anılmıştır.

İletişim ve Sosyal Medya

İletişim sayfasına yönlendiren ve sosyal medya bağlantıları içeren bilgiler sağlanmıştır.

Videoların devamını izlemek ve kaynak kodlarına ulaşmak için kanala abone olmaya davet edilmektedir.

HTML İle Temel Web Sitesi Oluşturma