Anasayfa (home page) oluşturmak, web sitenizin ziyaretçilerini karşılayan ve temel bilgileri içeren önemli bir adımdır. İşte basit bir HTML ve CSS kullanarak bir anasayfa oluşturmanın temel adımları:
-
HTML Dosyası Oluşturma:
- Bir metin editörü kullanarak bir HTML dosyası oluşturun. Örneğin, "index.html" olarak adlandırabilirsiniz.
-
Temel HTML Yapısını Oluşturma:
- Oluşturduğunuz HTML dosyasına aşağıdaki temel yapıyı ekleyin:
html> <html lang="tr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Adınızın İlk Harfi - Anasayfatitle> <link rel="stylesheet" href="style.css"> head> <body> body> html>
-
CSS Dosyası Oluşturma:
- Aynı dizinde "style.css" adında bir CSS dosyası oluşturun.
-
Temel Stil Eklemek:
- "style.css" dosyanıza aşağıdaki temel stil eklemelerini yapın:
body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; } header { background-color: #333; color: #fff; padding: 1em; text-align: center; } main { max-width: 800px; margin: 0 auto; padding: 20px; }
-
Anasayfa İçeriğini Eklemek:
- "index.html" dosyanızdaki
yorumunu kaldırın ve anasayfa içeriğinizi ekleyin. Örneğin:
<body> <header> <h1>Hoş Geldiniz!h1> header> <main> <p>Merhaba, benim adım [Adınız] ve bu benim kişisel web sitem.
[Adınız] olarak [meslek veya ilgi alanlarınız] konusunda deneyim sahibiyim.p> main> body>
- "index.html" dosyanızdaki
Bu temel adımları takip ederek, basit bir anasayfa oluşturabilir ve kendi içeriğinizi ekleyebilirsiniz. Daha sonra sayfanızı tarayıcınızda açarak görüntüleyebilir ve geliştirmeye devam edebilirsiniz.