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

4.1  Για να βάλω ένα αρχείο ήχου στην ιστοσελίδα μου.

Κάνω αντιγραφή το παρακάτω κομμάτι HTML κώδικα και το επικολλώ σε όποιο σημείο της σελίδας μας θέλω:

<audio controls>
<source src="http://static1.grsites.com/archive/sounds/musical/musical105.mp3" type="audio/mpeg">
</audio>

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

4.2  Επισκεπτόμαι την ιστοσελίδα  http://www.grsites.com/archive/sounds/ όπου επιλέγω όποιον ήχο μου αρέσει και αντιγράφω τον δεσμό του.

Αντικαθιστώ τον δεσμό του ήχου που μου δόθηκε με τον δεσμό του ήχου που εγώ επέλεξα.

Διαπιστώνω ότι λειτουργεί σωστά η αναπαραγωγή του ήχου.

Αν θέλω μπορώ να εισάγω τον δεσμό οποιουδήποτε ήχου επιθυμώ / προτιμώ να συμπεριλαμβάνεται στην ιστοσελίδα μου. Περιορισμοί είναι:

- το αρχείο να είναι τύπου mp3

- το αρχείο να είναι διαθέσιμο online και να έχω τον δεσμό του

 4.3  Στο https://www.youtube.com/   αναζητώ και εντοπίζω ένα video της αρεσκείας μου.

Στη συνέχεια, στις επιλογές που υπάρχουν για αυτό το video επιλέγω:

Κοινή Χρήση -> Ενσωμάτωση

Παρατηρώ ότι μου παρέχετε ένα κώδικας στο πλαίσιο ακριβώς κάτω από την επιλογή "Ενσωμάτωση".

Αυτός ο κώδικας ονομάζεται κώδικας ενσωμάτωσης γιατί δίνει τη δυνατότητα να τον ενσωματώσω σε οποιαδήποτε ιστοσελίδα και να την εμπλουτίσω έτσι με ένα παράθυρο στο οποίο θα εμφανίζεται το video της αρεσκείας μου.

Επιλέγω και αντιγράφω όλο το κώδικα.

Επικολλώ στην ιστοσελίδα μου -σε όποιο σημείο θέλω- τον κώδικα ενσωμάτωσης.

Διαπιστώνω τον τρόπο εμφάνισης του video στην ιστοσελίδας μου καθώς και τον τρόπο αναπαραγωγής του.

4.4  Επιστρέφω στην ιστοσελίδα του Youtube και επιλέγω: Εμφάνιση περισσότερων

Παρατηρώ στο πλαίσιο που εμφανίζεται τις διαθέσιμες επιλογές που υπάρχουν για την ενσωμάτωση του video στην ιστοσελίδα μου:

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

- έχω 4 διαφορετικές επιλογές για να διαμορφώσω τον τρόπο αναπαραγωγής

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

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

Διαπιστώνω ξανά τον τρόπο εμφάνισης του video στην ιστοσελίδας μου καθώς και τον τρόπο αναπαραγωγής του.

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

Είσαι πλέον εκτός από απλός χρήστης και δημιουργός στο διαδίκτυο!

Δεν ήταν δύσκολο! Μάλιστα, αυτή η εμπειρία σου μπορεί αργότερα να αξιοποιηθεί σε  μελλοντική σου ενασχόληση σε οποιοδήποτε επάγγελμα. Η διαμόρφωση μιας ιστοσελίδας μέσω HTML δεν χρειάζεται μόνο σε ειδικούς Πληροφορικής αλλά σε οποιονδήποτε θέλει να διαμορφώσει ένα διαδικτυακό υλικό.

Ως τελευταία δραστηριότητα προτείνεται να ελέγξεις τις γνώσεις σου για τις ετικέτες HTML κάνοντας το Kουίζ για τις ετικέτες HTML