1. HTML ve CSS Nedir?
- HTML (HyperText Markup Language): Web sayfalarının iskeletini oluşturan işaretleme dilidir.
- CSS (Cascading Style Sheets): Web sayfasının tasarımını ve stilini belirler. Örneğin, renkler, yazı tipi ve düzen.
2. Web Sitesi İçin Gerekli Araçlar
- Kod Editörü: Visual Studio Code, Sublime Text veya Notepad++ gibi.
- Web Tarayıcı: Chrome, Firefox veya Safari.
- Temel Bilgi: HTML ve CSS hakkında temel bilgiler.
3. Örnek Web Sitesi: Basit Bir Kişisel Sayfa
Bir kişisel web sitesi için HTML ve CSS kodlarını aşağıda bulabilirsiniz.
4. Adım 1: HTML Dosyasını Oluşturma
Bir dosya oluşturun ve adını index.html
olarak kaydedin. Aşağıdaki kodu yapıştırın:
5. Adım 2: CSS Dosyasını Oluşturma
Bir dosya oluşturun ve adını style.css
olarak kaydedin. Aşağıdaki kodu yapıştırın:
6. Adım 3: Dosyaları Çalıştırma
index.html
vestyle.css
dosyalarını aynı klasöre kaydedin.- Tarayıcınızda
index.html
dosyasını açarak sonucu görüntüleyin.
7. Sonuç
Bu basit HTML ve CSS örneğiyle kişisel bir web sitesi oluşturmayı öğrendiniz. SEO açısından, meta etiketleri ve düzenli kod yapısı kullanarak sitenizin arama motorları tarafından daha iyi taranmasını sağladık.
8. SEO İpuçları
- Anahtar Kelimeler: İçeriğinizle alakalı kelimeleri meta etiketlerinde ve içerikte kullanın.
- Responsive Tasarım: Sayfanızın mobil cihazlarda düzgün çalıştığından emin olun.
- Kaliteli İçerik: Kullanıcı odaklı ve bilgi verici içerikler oluşturun.
Bu adımlarla web geliştirme dünyasına giriş yapabilir ve projelerinizi kolaylıkla geliştirebilirsiniz.