Φύλλα εργασίας στην γλώσσα HTML

 Κατεβάστε το αρχείο Επικεφαλίδες.html και κάντε την απαραίτητη επεξεργασία!

Δείτε τα παρακάτω φύλλα εργασίας στην γλώσσα HTML

• ΦΥΛΛΟ ΕΡΓΑΣΙΑΣ HTML 4
• ΦΥΛΛΟ ΕΡΓΑΣΙΑΣ HTML 3
• ΦΥΛΛΟ ΕΡΓΑΣΙΑΣ HTML 2
• ΦΥΛΛΟ ΕΡΓΑΣΙΑΣ HTML 1

ΙΣΤΟΤΟΠΟΙ - Ασκήσεις με την HTML

Γ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 - Φυλλάδια

• Φυλλάδιο 1o - Δημιουργία του πρώτου σας αρχείου  HTML

• Φυλλάδιο 2ο - Ετικέτες της γλώσσας HTML

• Φυλλάδιο 3ο- Εισαγωγή λίστας 

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

1ο Φυλλάδιο:

 Μοντέλο Πελάτη - Εξυπηρετητή

---

---

​​2ο φυλλάδιο:

Διαδίκτυο και Παγκόσμιος Ιστός

---

---

​​​ 3ο φυλλάδιο:

Ιστότοπος-ιστοσελίδα

Καλές Ιστοσελίδες!

Γ1- Ασκησούλα για τις διάκοπές του Πάσχα!

Για τις διακοπές του Πάσχα σας έχω ετοιμάσει ένα φυλλαδιάκι που πρέπει να κάνετε μιας και το σχολείο μας δεν προβλέπεται να ανοίξει σύντομα. Βρείτε το blog σας σε περίπτωση που δεν το θυμάστε και κάντε μια νέα ανάρτηση ακολουθώντας τις οδηγίες.

Για απορίες γράψτε μου στο  meimarakis@sch.gr

ΚΑΛΟ ΠΑΣΧΑ!

Ασκησούλα για τους Ιστότοπους στο τμήμα Γ1 - 1η εβδομάδα

Καλά μου παιδάκια!
Ελίπζω να είστε καλα! Μιας και θα μείνουμε όλοι στο σπίτι, ας κάνουμε και καμία εργασιούλα!

Δέιτε το φυλλάδιο και απαντήστε μου στις ερωτήσεις!

Στείλτε εμαιλ στο meimarakis@sch.gr

Δημιουργία ιστολογίου με το Wordpress

Βιβλίο Σχεδιασμός και Ανάπτυξη Ιστοτόπων