# Εργασία Πρακτικής HTML: Δημιουργία Μακέτας Ιστολογίου ## Στόχοι Μάθησης Εφαρμόστε τις γνώσεις σας στην HTML σχεδιάζοντας και κωδικοποιώντας τη δομή μιας πλήρους αρχικής σελίδας ιστολογίου. Αυτή η πρακτική εργασία θα ενισχύσει τις έννοιες της σημασιολογικής HTML, τις βέλτιστες πρακτικές προσβασιμότητας και τις δεξιότητες επαγγελματικής οργάνωσης κώδικα που θα χρησιμοποιήσετε καθ' όλη τη διάρκεια της πορείας σας στην ανάπτυξη ιστοσελίδων. **Ολοκληρώνοντας αυτή την εργασία, θα:** - Εξασκηθείτε στον σχεδιασμό διατάξεων ιστοσελίδων πριν την κωδικοποίηση - Εφαρμόσετε κατάλληλα σημασιολογικά στοιχεία HTML - Δημιουργήσετε προσβάσιμο και καλά δομημένο κώδικα - Αναπτύξετε επαγγελματικές συνήθειες κωδικοποίησης με σχόλια και οργάνωση ## Απαιτήσεις Έργου ### Μέρος 1: Σχεδιασμός Μακέτας (Οπτική Μακέτα) **Δημιουργήστε μια οπτική μακέτα της αρχικής σελίδας του ιστολογίου σας που περιλαμβάνει:** - Κεφαλίδα με τίτλο ιστοσελίδας και πλοήγηση - Κύριο περιεχόμενο με τουλάχιστον 2-3 προεπισκοπήσεις αναρτήσεων ιστολογίου - Πλευρική στήλη με πρόσθετες πληροφορίες (ενότητα "Σχετικά", πρόσφατες αναρτήσεις, κατηγορίες) - Υποσέλιδο με πληροφορίες επικοινωνίας ή συνδέσμους **Επιλογές Δημιουργίας Μακέτας:** - **Σχέδιο με το χέρι**: Χρησιμοποιήστε χαρτί και μολύβι, και στη συνέχεια φωτογραφίστε ή σαρώστε το σχέδιό σας - **Ψηφιακά εργαλεία**: Figma, Adobe XD, Canva, PowerPoint ή οποιαδήποτε εφαρμογή σχεδίασης - **Εργαλεία Wireframe**: Balsamiq, MockFlow ή παρόμοιο λογισμικό wireframing **Επισημάνετε τις ενότητες της μακέτας σας** με τα στοιχεία HTML που σκοπεύετε να χρησιμοποιήσετε (π.χ., "Κεφαλίδα - `
`", "Αναρτήσεις Ιστολογίου - `
`"). ### Μέρος 2: Σχεδιασμός Στοιχείων HTML **Δημιουργήστε μια λίστα που αντιστοιχεί κάθε ενότητα της μακέτας σας σε συγκεκριμένα στοιχεία HTML:** ``` Example: - Site Header →
- Main Navigation →