Html

ΤΕΧΝΙΚΟΣ ΕΦΑΡΜΟΓΩΝ ΠΛΗΡΟΦΟΡΙΚΗΣ (ΠΟΛΥΜΕΣΑ/WΕΒ DΕSΙGΝΕR-DΕVΕLΟΡΕR/VΙDΕΟ GΑΜΕS) (ΝΕΟΣ ΟΔΗΓΟΣ)

Α

ΕΡΓΑΛΕΙΑ ΑΝΑΠΤΥΞΗΣ ΕΦΑΡΜΟΓΩΝ ΔΙΑΔΙΚΤΥΟΥ (HTML5, CSS3)

Τρίτη

2η, 3η, 4η, 5η, 6η

ΟΔΗΓΟΣ ΣΠΟΥΔΩΝ

2.1.Γ. Εργαλεία Ανάπτυξης Εφαρμογών Διαδικτύου

Περίληψη της μαθησιακής ενότητας

Η μαθησιακή ενότητα «Εργαλεία Ανάπτυξης Εφαρμογών Διαδικτύου» εισάγει τους/τις εκπαιδευόμενους/ες στη γλώσσα σήμανσης υπερκειμένου (HTML) και στη γλώσσα φύλλων ύφους (CSS), ώστε να αποκτήσουν τις βάσεις για τη δημιουργία περιεχομένου κατάλληλου για χρήση στον Παγκόσμιο Ιστό.

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

Επίσης, παρουσιάζονται λογισμικά σύνταξης περιεχομένου ιστού, εργαλεία απόθεσης κώδικα και ελέγχου εκδόσεων, διαδικτυακά πρωτόκολλα, εργαλεία δοκιμών ασφάλειας ιστοτόπων και δυνατότητες φιλοξενίας ιστοτόπων. Εξετάζονται ακόμη προχωρημένα θέματα ανάπτυξης εφαρμογών διαδικτύου, όπως γραφικά, διεπαφές προγραμματισμού εφαρμογών (APIs), πολυμέσα (media), μετασχηματισμοί (transforms), μεταβάσεις (transitions), διάταξη Flexbox και δημοφιλή πλαίσια ανάπτυξης (frameworks).

Ιδιαίτερη έμφαση δίνεται στη σημασία του τεκμηριωμένου κώδικα και στην προστασία των δεδομένων εκ σχεδιασμού και εξ ορισμού. Τέλος, σχεδιάζονται και αναπτύσσονται ανταποκρίσιμοι (responsive) και ασφαλείς (secure) ιστότοποι που υποστηρίζονται από τους σύγχρονους φυλλομετρητές.

Προσδοκώμενα μαθησιακά αποτελέσματα

Με την ολοκλήρωση της μαθησιακής ενότητας, οι εκπαιδευόμενοι/ες θα είναι ικανοί/ές να:

• Επιλέγουν τα κατάλληλα στοιχεία και χαρακτηριστικά για τη δημιουργία περιεχομένου που θα χρησιμοποιηθεί στον Παγκόσμιο Ιστό.
• Αναγνωρίζουν τη σημασία του δομημένου και τεκμηριωμένου κώδικα.
• Αναπτύσσουν ανταποκρίσιμους (responsive) ιστοτόπους με χρήση HTML5 και CSS3.
• Συνεισφέρουν με πρωτότυπο κώδικα στην κοινότητα των προγραμματιστών ιστοτόπων.
• Τροποποιούν υπάρχοντα κώδικα ανάλογα με τις προδιαγραφές των ιστοτόπων που αναπτύσσουν.
• Αποφασίζουν για τη χρήση ή μη κατάλληλων λογισμικών σχετικών με την ανάπτυξη ιστοτόπων.
• Συνεργάζονται με άλλους/ες εκπαιδευόμενους/ες, συγκροτώντας ομάδες με σκοπό τη δημιουργία ιστοτόπων και την επίλυση προβλημάτων τους.
• Υιοθετούν θετική στάση ως προς τις νέες τεχνολογίες ανάπτυξης ιστοτόπων.

Εβδομαδιαίες ώρες διδασκαλίας

HTML ΜΑΘΗΜΑ 1

ΜΑΘΗΜΑ CSS 2

ΜΑΘΗΜΑ 2 -> INDEX elements   Indexies   Site