HTML

 

Γλώσσα HTML - Κεφάλαιο 11

Υλικό - Παραδείγματα - Δραστηριότητες

Παράδειγμα 1

Δραστηριότητα 1

Παραδοτέο αρχείο: ex_01.html

Κατασκευάστε την πρώτη σας προσωπική ιστοσελίδα. Το αρχείο αυτό θα πρέπει να περιέχει μόνον δομικές εντολές HTML, χωρίς καμία εντολή μορφοποίησης. Κατ΄ ελάχιστον, το αρχείο θα πρέπει να έχει:

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

Το παραδοτέο αρχείο θα αποθηκευτεί σε έναν φάκελο με το επίθετό σας.

Για παράδειγμα, όνομα φακέλου: Στεργίου_Άσκηση01

Παράδειγμα 2

Δραστηριότητα 2

Παραδοτέο αρχείο: ex_02.html

Κατασκευάστε μία ιστοσελίδα με στοιχεία για 5 ποδοσφαιρικές ομάδες του ελληνικού πρωταθλήματος. Το αρχείο αυτό θα πρέπει να περιέχει μόνον δομικές εντολές HTML, χωρίς καμία εντολή μορφοποίησης. Κατ΄ ελάχιστον, το αρχείο θα πρέπει να έχει:

• Έναν σωστά επιλεγμένο τίτλο.
• Μία σωστά επιλεγμένη επικεφαλίδα <h1> στην κορυφή της 
• σελίδας.
• Για κάθε μία ομάδα θα ακολουθούν:

1. Η επίσημη ονομασία της σε <h2>.
2. 2 ή περισσότερες παράγραφοι με ιστορικά στοιχεία και δεδομένα της ομάδας.
3. Μία μη ταξινομημένη λίστα με 5 τουλάχιστον παίκτες της.
4. Οι πληροφορίες κάθε ομάδας θα χωρίζονται με <hr />.

Το παραδοτέο αρχείο θα αποθηκευτεί σε έναν φάκελο με το επίθετό σας.

Για παράδειγμα, όνομα φακέλου: Στεργίου_Άσκηση02

Παράδειγμα 3

Δραστηριότητα 3

Παραδοτέο αρχείο: ex_03.html

Κατασκευάστε την ιστοσελίδα που βλέπετε στην παρακάτω εικόνα. 

Το παραδοτέο αρχείο θα αποθηκευτεί σε έναν φάκελο με το επίθετό σας.

Για παράδειγμα, όνομα φακέλου: Στεργίου_Άσκηση03

Παράδειγμα 4

Δραστηριότητα 4

Παραδοτέα αρχεία: ex_04_01.html και ex_04_02.html

Αρχείο 1

Χρησιμοποιήστε το αρχείο 04_01.txt για να κατασκευάσετε ένα αρχείο ιστοσελίδας ex_04_01.html που θα μοιάζει με το περιεχόμενο του αρχείου 04_01.pdf.

Αρχείο 2

Χρησιμοποιήστε το αρχείο ex_04_01.html για να κατασκευάσετε ένα αρχείο ιστοσελίδας ex_04_02.html που θα έχει αντεστραμμένη τη λίστα αρίθμησης και θα χωρίζει με οριζόντιες γραμμές τους Έλληνες δημιουργούς.

Τα παραδοτέα αρχεία θα αποθηκευτούν σε έναν φάκελο με το επίθετό σας.

Για παράδειγμα, όνομα φακέλου: Στεργίου_Άσκηση04

Παράδειγμα 5

Δραστηριότητα 5

Παραδοτέα αρχεία: 05_02_q.html, 05_02_r.html, 05_02_w.html

Κατασκευάστε ένα mini quiz με τη χρήση 3 αρχείων HTML (αρχεία 05_02_q.html, 05_02_r.html, 05_02_w.html).

Για εικόνες χρησιμοποιήστε κάποιες που θα κατεβάσετε από το Internet (π.χ. Εικόνες στο Google).

Τα παραδοτέα αρχεία θα αποθηκευτούν σε έναν φάκελο με το επίθετό σας.

Για παράδειγμα, όνομα φακέλου: Στεργίου_Άσκηση05

Παράδειγμα 6

Παράδειγμα 7