Özgeçmiş sayfası, kişisel web sitenizde deneyimlerinizi, eğitim geçmişinizi, becerilerinizi ve diğer profesyonel bilgilerinizi paylaştığınız bir bölümdür. İşte basit bir HTML ve CSS kullanarak özgeçmiş sayfası oluşturmanın temel adımları:
-
HTML Dosyası Oluşturma:
- Bir metin editörü kullanarak bir HTML dosyası oluşturun. Örneğin, "resume.html" olarak adlandırabilirsiniz.
-
Temel HTML Yapısını Oluşturma:
- Oluşturduğunuz HTML dosyasına aşağıdaki temel yapıyı ekleyin:
<!DOCTYPE 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 - Özgeçmiş</title> <link rel="stylesheet" href="style.css"> <!-- CSS dosyanızın yolu --> </head> <body> <!-- Ana İçerik Buraya Gelecek --> </body> </html> -
CSS Dosyası Güncelleme:
- "style.css" dosyanıza özgeçmiş sayfası için özel stiller ekleyin. Örneğin:
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; } h2 { color: #333; } ul { list-style-type: none; padding: 0; } li { margin-bottom: 10px; } -
Özgeçmiş İçeriğini Eklemek:
- "resume.html" dosyanızdaki
<!-- Ana İçerik Buraya Gelecek -->yorumunu kaldırın ve özgeçmiş içeriğinizi ekleyin. Örneğin:
<!-- resume.html --> <body> <header> <h1>Adınızın İlk Harfi</h1> </header> <main> <h2>Özgeçmiş</h2> <ul> <li><strong>Eğitim:</strong> Lisans Derecesi, Üniversite Adı, Yıl</li> <li><strong>Deneyim:</strong> İş Deneyimi, Şirket Adı, Yıl</li> <li><strong>Beceriler:</strong> HTML, CSS, JavaScript, vs.</li> <!-- Diğer bilgiler buraya eklenebilir --> </ul> </main> </body> - "resume.html" dosyanızdaki
Bu temel adımları takip ederek, basit bir özgeçmiş sayfası oluşturabilir ve kendi bilgilerinizi ekleyebilirsiniz. İhtiyaçlarınıza göre sayfayı genişletebilir ve düzenleyebilirsiniz.