Δευτέρα 4 Μαΐου 2020

Γ1 - Εισαγωγή στην HTML

Για αυτή την εβδομάδα έχω απoφασίσει ότι θα ήταν αρκετά ενδιαφέρον να γνωρίσουμε καλύτερα τη γλώσσα που κρύβεται πίσω από όλες τις ιστοσελίδες του διαδικτύου, την HTML και να υλοποιήσουμε και 2 διδακτικά σενάρια!

Τι είναι όμως η HTML?

H HTML είναι το ακρωνύμιο των λέξεων HyperText Markup Language (γλώσσα μορφοποίησης υπερκειμένου) και είναι η βασική γλώσσα δόμηση σελίδων του World Wide Web (ή απλά ιστού: Web). Είναι μία γλώσσα προγραμματισμού. Χρησιμοποιείται για να σημαίνει ένα τμήμα κειμένου και να το κάνει να εμφανίζεται καλύτερα. Επιτρέπει την ενσωμάτωση ήχου και εικόνων στις web σελίδες. Αρχικά είχε κατασκευασθεί με σκοπό μόνο την μορφοποίηση κειμένου, αλλά μεγάλωσε και ενσωμάτωσε σχεδιαστικές τεχνικές κ.α.

Η γλώσσα χρησιμοποιεί ένα αριθμό από tags για την μορφοποίηση κειμένου, για την δημιουργία συνδέσμων (links) μετάβασης ανάμεσα των σελίδα, για την εισαγωγή εικόνων, ήχου κ.α. Όταν ένας Web Browser ανοίγει ένα αρχείο HTML τα στοιχεία (tags) μεταφράζονται σε κατάλληλα χαρακτηριστικά με αποτελέσματα στην εμφάνιση και στην λειτουργικότητα της συγκεκριμένης σελίδας.

Ας δούμε αυτή την παρουσίαση..




Ας δούμε ενα παράδειγμα προσομοίωση της διαδικασίας εύρεσης και σχεδιασμού μιας ιστοσελίδας, χρησιμοποιώντας το μοντέλο πελάτη-εξυπηρέτη και το πρωτόκολλο HTTP!

Στη συνέχεια θα χρησιμοποιήσουμε ενα σενάριο από τον Αίσωπο για το πως μπορούμε να δημιουργήσουμε μια σελίδα HTML χωρίς το γνωστό μας Blogger της Google.
Εδώ θα μάθουμε να γράφουμε και κώδικα HTML!



Ψηφιακό σενάριο από την πλατφόρμα Αίσωπος: Δημιουργία ιστοσελίδων με HTML





Εισαγωγή στη γλώσσα HTML - Φυλλάδια


Εισαγωγικές έννοιες - Μοντέλο Πελάτη-Εξυπηρετητή

1ο Φυλλάδιο:

Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου