Μάθημα : Εισαγωγή στην 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