# Code Analysis Instructions

## URL
**Code Analysis Tool:** https://christoffel.alwaysdata.net/mathInfo/codeHTML.php

---

## PW N°1 - cv_pw1.html

### Adım 1: Sayfaya Git
https://christoffel.alwaysdata.net/mathInfo/codeHTML.php

### Adım 2: HTML Kodunu Kopyala
Dosya: `cv_pw1.html` (212 satır)

### Adım 3: Analiz Yap
1. HTML kodunu büyük textarea'ya yapıştırın
2. "Envoyer" butonuna tıklayın
3. Sonuçları bekleyin

### Adım 4: Sonuçları Kaydet

**Beklenen Sonuçlar:**
- **Score:** 85-95 / 100
- **Analysis Key:** (otomatik oluşturulacak - örn: ABC123XYZ456)

**Değerlendirme Kriterleri:**
- Semantic HTML kullanımı
- Hiyerarşi (h1 → h2 → h3)
- Proper nesting
- Accessibility
- SEO optimization

---

## PW N°2 - cv_pw2.html

### Adım 1-4: Aynı prosedür

**Beklenen Sonuçlar:**
- **Score:** 90-100 / 100 (PW N°1'den daha yüksek!)
- **Analysis Key:** (yeni key oluşturulacak)

**Neden daha yüksek?**
- `<time datetime="">` kullanımı
- `<abbr title="">` kullanımı
- `<address>` kullanımı
- `<dl>, <dt>, <dd>` kullanımı
- Daha iyi semantic markup

---

## Notlar

### Analysis Key Nedir?
- Her analiz için benzersiz bir kod
- Google Form'da gerekli
- Profesörün sonuçları doğrulaması için kullanılır

### Score Nasıl Hesaplanır?
- HTML yapısı (30%)
- Semantic markup (30%)
- Accessibility (20%)
- SEO optimization (10%)
- Code quality (10%)

### İyi Skor İçin İpuçları
- ✅ Semantic HTML5 elementleri kullanın
- ✅ Doğru hiyerarşi (h1 → h2 → h3)
- ✅ Meta tags ekleyin
- ✅ Alt attributes ekleyin (resimler için)
- ✅ Proper nesting yapın
- ❌ Deprecated elementler kullanmayın
- ❌ Inline styles kullanmayın

---

## Örnek Sonuç

```
HTML Code Analysis Results
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Score: 92/100

Analysis Key: XYZ789ABC123

Details:
✅ Document structure: Excellent
✅ Semantic markup: Excellent
✅ Accessibility: Good
✅ SEO optimization: Good
⚠️ Minor improvements suggested

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
```

---

## Google Form'da Kullanım

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

**Gerekli Bilgiler:**
1. Email: mikail.lekesiz@etu.unistra.fr
2. Full Name: Mikail Lekesiz
3. W3C Validation: 3pts (No Errors, No Warnings)
4. **HTML code analysis score:** (buraya yazın - örn: 92)
5. **Analysis key:** (buraya yazın - örn: XYZ789ABC123)
6. Section elements kullanıldı mı?: No
7. Web page URL: https://mikaillekesiz.alwaysdata.net/cv_pw1.html

---

## Sorun Giderme

### Düşük Skor Aldıysanız
1. Semantic HTML5 elementleri kullanın
2. Hiyerarşiyi kontrol edin (h1 → h2 → h3)
3. Meta tags ekleyin
4. Proper nesting yapın
5. W3C validation yapın

### Analysis Key Alamadıysanız
1. Sayfayı yenileyin
2. Tekrar deneyin
3. Farklı browser kullanın
4. JavaScript'in aktif olduğundan emin olun