Μάθημα : Εισαγωγή στην HTML

Κάθε μαθητής / μαθήτρια διαμορφώνει την δική του/της  ιστοσελίδα η οποία θα περιλαμβάνει βασικές  πληροφορίες για αυτόν/αυτήν.

1.1  Αντιγράφει τα περιεχόμενα από την  https://codepen.io/elena-zalavra/pen/qBPMKMM

3.2  Διαμορφώνει την επικεφαλίδα της ιστοσελίδας του έτσι ώστε να έχει το όνομα του/της

3.3  Επίσης, σύμφωνα με τις προτιμήσεις του, κάνει:

       - μορφοποίηση το μέγεθος των γραμμάτων

       - μορφοποίηση το χρώμα των γραμμάτων

3.4  Αντικαθιστά το κείμενο "μπλα μπλα" με το προσωπικό του ρητό ή μια φράση που τον/την χαρακτηρίζει.

3.5 Μορφοποιεί το κείμενο του χρησιμοποιώντας τις κατάλληλες ετικέτες, έτσι ώστε:

-  να ξεκινάει σε νέα γραμμή

-  να έχει πλάγια γράμματα

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

Σε περίπτωση που δεν είναι καλή η μορφοποίηση της φωτογραφίας στην ατομική ιστοσελίδα, προτείνεται να αναζητήσετε βοήθεια για τη σύνταξη των παραμέτρων της ετικέτας εικόνας <img> από την ιστοσελίδα https://www.w3schools.com/tags που μου σας ήδη προταθεί.

3.7 Παρατηρήστε το σημείο που αναφέρεται η "Πληροφορική" ως μάθημα που σας αρέσει. Δοκιμάστε να γράψετε άλλα δύο μαθήματα που σας αρέσουν. Προσπαθήστε να χρησιμοποιήσετε τις κατάλληλες ετικέτες έτσι ώστε να έχουν την ίδια μορφοποίηση με το παράδειγμα της Πληροφορικής. Αν θέλετε, μπορείτε επίσης να αντικαταστήσω το όνομα της Πληροφορικής με όποιο άλλο μάθημα σας αρέσει περισσότερο...

3.8 Παρατηρήστε το σημείο που αναφέρεται "να παίζω παιγνίδια στον υπολογιστή" ως ενασχόληση που σας αρέσει. Δοκιμάστε να γράψετε τρια ακόμη πράγματα που σας αρέσουν. Προσπαθήστε να χρησιμοποιήσετε τις κατάλληλες ετικέτες έτσι ώστε να έχουν την ίδια μορφοποίηση με το παράδειγμα "να παίζω παιγνίδια στον υπολογιστή". Αν θέλετε, μπορείτε να αντικαταστήσετε και το παράδειγμα...

3.9   Παρατηρήστε τις ετικέτες που δημιουργούν τις δυο λίστες: την λίστα με τα μαθήματα που σας αρέσουν και την λίστα με το πως περνάτε τον ελεύθερο χρόνο σας.

Μπορείτε να διακρίνετε τη διαφορά μεταξύ της αριθμημένης λίστας και της λίστας με τις κουκίδες;

Δοκιμάστε να αλλάξετε τις δυο λίστες έτσι ώστε να είναι σωστές. Θα πρέπει να είναι αριθμημένη  η λίστα που έχει τα 3 μαθήματα, ενώ θα πρέπει να έχει κουκίδες η λίστα που αναφέρετε τι σας αρέσει να κάνετε στον ελεύθερο χρόνο σας.

3.10  Παρατηρήστε τα έντονα γράμματα που έχει όλο το κείμενο με τις δύο λίστες σας. Δοκιμάστε να χρησιμοποιήσετε κατάλληλες ετικέτες έτσι ώστε μόνο οι αναφορές να έχουν έντονα γράμματα αλλά οι λίστες να μην έχουν έντονα γράμματα.

3.11  Μπορώ να κάνετε οποιαδήποτε επιπλέον μορφοποίηση θέλετε στην ατομική σας ιστοσελίδα.   Αξιοποιήστε τις γνώσεις για ετικέτες που ήδη ξέρετε ή αν θέλετε αναζητήστε και αξιοποιήστε κάποια άλλη ετικέτα που θα σας επιτρέψει να εμπλουτίσετε την ιστοσελίδα σας.