# HTML N1 CV Homework - Semantic HTML5

## 🚀 Proje Özeti

Bu proje, **LP DWCA** (Licence Professionnelle Développement Web et Conception d'Applications) programı kapsamında verilen **HTML N1** ödevidir. Amaç, W3C standartlarına uygun, semantic HTML5 kullanarak profesyonel bir CV oluşturmaktır.

**Ödevin 2 Aşaması:**
1. **PW N°1:** Temel HTML elementleri ile CV oluşturmak (section elementleri YASAK)
2. **PW N°2:** PW N°1'i HTML5 semantic elementleri ile optimize etmek

**Teknolojiler:**
- ✅ HTML5 (Semantic Markup)
- ❌ CSS (Kullanılmadı)

**Değerlendirme Araçları:**
- ✅ W3C Nu Html Checker
- ✅ Christoffel Code Analysis Tool

---

## 📁 Proje Yapısı

```
lpdwca_html_css_js_php/
└── html-n1-cv/
    ├── README.md                # Bu dosya
    ├── cv_pw1.html              # PW N°1 - Temel HTML CV
    ├── cv_pw2.html              # PW N°2 - HTML5 Semantic CV
    ├── analysis/
    │   ├── w3c_validation_instructions.md
    │   └── code_analysis_instructions.md
    └── docs/
        └── ALWAYSDATA_DEPLOYMENT_GUIDE.md
```

---

## 🎯 Ödev Gereksinimleri

### PW N°1 - Temel HTML CV

**Hedef:** Temel HTML yapısı ile CV oluşturmak

**Gereksinimler:**
- ✅ Semantic content markup (h1-h6, p, ul, table, dl, time, abbr, address, strong)
- ✅ W3C validation: 0 Error, 0 Warning
- ❌ **Section elementleri KULLANMAMAK** (header, footer, section, article, nav, aside, main)

### PW N°2 - HTML5 Semantic Optimization

**Hedef:** PW N°1'i HTML5 semantic elementleri ile optimize etmek

**Eklenecek Elementler:**
- ✅ `<time datetime="">`
- ✅ `<abbr title="">`
- ✅ `<address>`
- ✅ `<dl>, <dt>, <dd>`
- ✅ `<strong>`

---

## 📊 Değerlendirme

### 1. W3C Validation

**URL:** https://validator.w3.org/nu/

**Puanlama:**
- ✅ 3pts: No Errors, No Warnings
- ⚠️ 2pts: One or more warnings, but no errors
- ❌ 1pt: A single Error
- ❌ 0pt: Several Errors

### 2. Code Analysis

**URL:** https://christoffel.alwaysdata.net/mathInfo/codeHTML.php

**Puanlama:**
- Score: 0-100
- Analysis Key: (otomatik oluşturulur)

**Beklenen Skor:**
- PW N°1: 85+
- PW N°2: 90+

### 3. Google Form Gönderimi

**PW N°1 Form:** https://forms.gle/dhDP9hfXxpmVxUBNA
**PW N°2 Form:** https://forms.gle/XR6vCuMzauhK2kkL6

**Gerekli Bilgiler:**
- W3C validation sonucu
- Code analysis score
- Analysis key
- Web page URL (Alwaysdata)

---

## 🚀 Deployment

**Platform:** Alwaysdata
**URL:** https://mikaillekesiz.alwaysdata.net/

**Dosyalar:**
- `cv_pw1.html`
- `cv_pw2.html`

**Deployment Rehberi:**
- [ALWAYSDATA_DEPLOYMENT_GUIDE.md](./docs/ALWAYSDATA_DEPLOYMENT_GUIDE.md)

---

## 🎓 Öğrenilen Konular

- ✅ HTML5 document structure
- ✅ Semantic content markup
- ✅ W3C validation
- ✅ Code quality analysis
- ✅ Deployment process
- ✅ Professional CV creation with HTML
- ✅ SEO optimization
- ✅ Accessibility

---

## 📝 Manuel Yapılacaklar

1. ⚠️ **W3C Validation:**
   - [w3c_validation_instructions.md](./analysis/w3c_validation_instructions.md)

2. ⚠️ **Code Analysis:**
   - [code_analysis_instructions.md](./analysis/code_analysis_instructions.md)

3. ⚠️ **Alwaysdata Deployment:**
   - [ALWAYSDATA_DEPLOYMENT_GUIDE.md](./docs/ALWAYSDATA_DEPLOYMENT_GUIDE.md)

4. ⚠️ **Google Form Gönderimi:**
   - PW N°1: https://forms.gle/dhDP9hfXxpmVxUBNA
   - PW N°2: https://forms.gle/XR6vCuMzauhK2kkL6

---

## 🌟 Sonuç

Bu proje, HTML5'in semantic gücünü ve W3C standartlarının önemini göstermektedir. CSS olmadan bile, iyi yapılandırılmış bir HTML belgesi hem okunabilir hem de profesyonel olabilir.

**Başarılar! 🚀**

---

**© 2025 - HTML N1 CV Homework - Mikail Lekesiz - LP DWCA**