Μάθημα : A3_πληροφορικη_2024_25
Κωδικός : 0551475375
-
Θεματικές Ενότητες
HTML
HTML tutorial
https://www.tutorialspoint.com/html/html_overview.htm
HTML
διεύθυνση 1ης άσκησης https://ibb.co/NKs45Bn
α)Τοποθετείστε τα <b> </b> πριν και μετα το Markup Language. Τι παρατηρείτε;
β) Σβυστε τα <p> </p>. Τι παρατηρείτε;
γ) Τοποθετείστε το <br> μετά το Markup. Τι παρατηρείτε;
https://ibb.co/1Gk0gFp (είναι η διεύθυνση της εικόνας που έχει επισυναπτεί)
α)Τι κάνει η συγκεκριμένη ιστοσελίδα;
β)Αλλάξτε το h1 με 1) h3, 2) u, 3) i
Ποιο το αποτέλεσμα της εκτέλεσης της σελίδας από τον browser κάθε φορά;
Προσπαθήστε να δημιουργήσετε την ιστοσελίδα που εμφανίζεαι σττην συνημμένη εικόνα
Nα δημιουργήσετε σελίδα με εμφάνιση όπως το αρχείο εικόνας. H αλλαγή χρώματος επιτυγχάνεται με την ετικέτα <font color="$"> (δείτε στα πολυμέσα). Για την επιλογή μεταξύ χρωμάτων δείτε εδώ. Οι Html εντολές που δημιουργούν bullets βρίσκονται επίσης στα πολυμέσα.
Καταρχήν μπείτε στον ιστότοπο w3schools όπου εκεί θα βρείτε την ετικέτα img src για την εισαγωγή εικόνας στην σελίδα σας.
Κατόπιν, κατεβάστε μια εικόνα από το Internet. Αποθηκεύστε την εικόνα στον ίδιο κατάλογο με το html αρχείο που θα δημιουργήσετε. Tο συγκεκριμένο html αρχείο θα εμφανίζει την εικόνα.
Η ετικέττα a href για την δημιουργία υπερσυνδέσμου που καλεί ιστοσελίδα στο Internet.
Η ετικέττα a href (πατείστε εδώ) για την δημιουργία υπερσυνδέσμου που καλεί ιστοσελίδα στο Internet
Από το html αρχείο που θα δημιουργήσετε, καλέστε μια ιστοσελίδα του Internet
Δημιουργια 2 ή περισσοτέρων αρχείων html, αποθηκευμένων στον δίσκο, όπου το ένα καλεί το άλλο
Ένα διόροφο εμπορικό κατάστημα έχει ένα όροφο με ανδρικά/γυναικεία είδη και τον άλλο με παιδικά.
Στην αρχική σελίδα θα βάλετε το όνομα του καταστήματος, μια εξωτερική φωτογρφία του, την διεύθυνσή του και σε νέο παράθυρο (με την εντολή target="_blank" την οποία προσθέτουμε στην ετικέτα <a href>) να εμφανίζεται χαρτης της περιοχής όπου βρίσκεται το κατάστημα (https://maps.app.goo.gl/rwPVkMBkhSFyAvst9) και κατόπιν να ακολουθεί ένα μενού με 2 επιλογές : 1.ανδρικά/γυναικεία, 2.παιδικά.
Με την πρώτη επιλογή θα μεταβαίνουμε σε σελίδα με φωτογραφίες ανδρικών/γυναικείων ειδών και σύντομες περιγραφές. Με την 2η θα μεταβαίνου σε μια νεα σελιδα με φωτογρφίες και μόνο από παιδικά.
Και με τις 2 επιλογές ο έλεγχος θα επιστρέφει στην αρχική σελίδα
Κατεβάστε ένα σύντομο βίντεο από την διεύθυνση https://www.pexels.com/search/videos/funny/ και χρησιμοποιείστε το αρχείο αυτό στον HTML κώδικα που έχει επισυναφθεί
Δημιουργούμε δικές μας HTML εντολές, εμπλουτίζοντας τις ετικέτες της HTML με προσδιοριστές (id) και κλάσεις (class).