Μάθημα : Εφαρμογές Πληροφορικής Α1

Εργασία Β’ τετραμήνου

Α΄ Λυκείου

Μάθημα: Εφαρμογές Πληροφορικής

Να δημιουργήσετε μία σελίδα HTML με κανόνες CSS, με τα παρακάτω χαρακτηριστικά

Ετικέτες HTML:

• Τουλάχιστον μία επικεφαλίδα (heading, h1,…,h6)
• Τουλάχιστον μία εικόνα (img)
• Μενού πλοήγησης με τουλάχιστον δύο πλήκτρα και συνδέσεις(nav, section)

Κανόνες CSS:

• Χρώμα γραμματοσειράς (color)
• Φόντο (background)
• Στοίχιση (text-align)
• Περίγραμμα (border, border-bottom κ.λ.π.)
• Εσωτερικό περιθώριο (padding, padding-top κ.λ.π.)
• Εξωτερικό περιθώριο (margin, margin-left κ.λ.π.)

Οι ετικέτες και οι κανόνες θα αξιοποιηθούν σύμφωνα με τις οδηγίες. Κάθε ετικέτα και κανόνας μπορούν να χρησιμοποιηθούν όσες επιπλέον φορές επιθυμείτε. Μπορούν να χρησιμοποιηθούν ετικέτες και κανόνες, που έχετε διδαχτεί αλλά δεν αναφέρονται.

Πρέπει να χρησιμοποιήσετε τις βασικές ετικέτες(html, head, title, body, style).

Το περιεχόμενο της σελίδας το επιλέγετε εσείς (π.χ. ιστορικό ή φανταστικό πρόσωπο, ποδοσφαιρική ομάδα, κοινωνικό φαινόμενο, είδος μουσικής κ.α.).

Η παράδοση της εργασίας θα γίνει μέσω email ή μέσω μηνύματος στην πλατφόρμα eclass.
Μπορείτε να χρησιμοποιήσετε το email κάποιου άλλου (πχ γονιών, αδερφών).
Το email μου είναι fayepapazoglou92@gmail.com

Θα πρέπει να μου στείλετε και το αρχείο της εικόνας που θα χρησιμοποιήσετε.

Η τελική ημερομηνία παράδοσης είναι Δευτέρα 27 Απριλίου 2026, αλλά όποιος ολοκληρώσει νωρίτερα μπορεί να τη στείλει, ώστε να προτείνω διορθώσεις, αν υπάρχουν λάθη. Δε θα επιτραπούν διορθώσεις μετά το μάθημα στις 24 Απριλίου 2026.

Να φτιάξετε μία ιστοσελίδα (με όλες τις βασικές ετικέτες), η οποία θα περιλαμβάνει μία επικεφαλίδα σε μέγεθος της επιλογής σας, μία παράγραφο, ένα λινκ σε άλλη ιστοσελίδα του web ή δική σας και μία εικόνα. 

Η εικόνα πρέπει να αποθηκευτεί στο φάκελό σας. Κάνετε αναζήτηση, κλικ στην επιθυμητή εικόνα, δεξί κλικ στην προεπισκόπηση και κλικ στην επιλογή Αποθήκευση εικόνας ως…(Save image as…).

Τη θεματική την επιλέγετε εσείς, αρκεί να χαρακτηρίζεται από την ευπρέπεια που ταιριάζει στο σχολικό πλαίσιο.

Σας δίνω ένα αρχείο με σημειώσεις για τις ετικέτες που έχετε διδαχθεί.

Να φτιάξετε μία ιστοσελίδα (με όλες τις βασικές ετικέτες), η οποία θα περιλαμβάνει μία επικεφαλίδα σε μέγεθος της επιλογής σας, ένα αρχείο βίντεο, ένα αρχείο ήχου/ τραγούδι και ένα ενσωματωμένο βίντεο.

Τα αρχεία βίντεο και ήχου πρέπει να είναι αποθηκευμένα στο φάκελό σας. Μπορείτε να χρησιμοποιήσετε αυτά που σας έχω δώσει σε προηγούμενο μάθημα. 

Την ετικέτα του ενσωματωμένου βίντεο τη βρίσκετε στο site από το οποίο προέρχεται (πχ youtube).

ΔΕΝ ΞΕΧΝΩ: Να γίνει ορθή αποθήκευση του αρχείου της ιστοσελίδας!

Τη θεματική την επιλέγετε εσείς, αρκεί να χαρακτηρίζεται από την ευπρέπεια που ταιριάζει στο σχολικό πλαίσιο.

Να φτιάξετε μία ιστοσελίδα (με όλες τις βασικές ετικέτες), η οποία θα περιλαμβάνει ένα μενού πλοήγησης (με τουλάχιστον δύο πλήκτρα, keywords και ενότητες), εντός της πρώτης ενότητας μία επικεφαλίδα μέγιστου μεγέθους και μία παράγραφο, εντός της δεύτερης μία επικεφαλίδα ελάχιστου μεγέθους και μία παράγραφο.

Χρησιμοποιώντας κανόνες CSS να τροποποιήσετε:

Το φόντο της σελίδας σε μωβ

Τη γραμματοσειρά των ενοτήτων σε λευκή

Το φόντο της μέγιστης επικεφαλίδας σε πράσινο

και οτιδήποτε άλλο θέλετε.

Τη θεματική την επιλέγετε εσείς, αρκεί να χαρακτηρίζεται από την ευπρέπεια που ταιριάζει στο σχολικό πλαίσιο.

Να φτιάξετε μία ιστοσελίδα (με όλες τις βασικές ετικέτες), η οποία θα περιλαμβάνει ένα μενού πλοήγησης (με τουλάχιστον δύο πλήκτρα, keywords και ενότητες), εντός της πρώτης ενότητας μία επικεφαλίδα μέγιστου μεγέθους και μία παράγραφο, εντός της δεύτερης μία επικεφαλίδα ελάχιστου μεγέθους και μία εικόνα.

Χρησιμοποιώντας κανόνες CSS να τροποποιήσετε:

Τη στοίχιση της σελίδας στο κέντρο

Τη γραμματοσειρά των ενοτήτων σε μέγεθος 25

Τη γραμματοσειρά της παραγράφου σε πάχος 700

Το πλάτος της μέγιστης επικεφαλίδας σε 50%

Το περίγραμμα της σελίδας σε πάχος 1, solid, μωβ χρώμα

Το περίγραμμα των παραγράφων σε παχος 5, dotted, μπλε χρώμα

Το περίγραμμα του μενού πλοήγησης σε πάχος 10, dashed, πράσινο χρώμα

Το περίγραμμα της επικεφαλίδας ελάχιστου μεγέθους σε παχός 10, double, κίτρινο χρώμα

και οτιδήποτε άλλο θέλετε.

Τη θεματική την επιλέγετε εσείς, αρκεί να χαρακτηρίζεται από την ευπρέπεια που ταιριάζει στο σχολικό πλαίσιο.