Παρουσίαση/Προβολή
(ΠΛΡ 104) - Kostas Kotis (Κ. Κώτης)
Περιγραφή Μαθήματος
Το μάθημα εισάγει τους φοιτητές στις βασικές έννοιες των τεχνολογιών του διαδικτύου, και στα προβλήματα σχεδιασμού και ανάπτυξης ιστοσελίδων και δικτυακών ιστότοπων. Αρχικά πραγματοποιείται μια εισαγωγή στις βασικές έννοιες και αρχές λειτουργίας των δικτύων υπολογιστών, του διαδικτύου και του Παγκόσμιου Ιστού. Παρουσιάζονται διαφορετικοί τρόποι οργάνωσης περιεχομένου στον Ιστό και εργαλεία για τον έλεγχο ορθότητας και απόδοσης ιστοτόπων (web sites). Παρουσιάζονται αναλυτικά η γλώσσα HTML5 που χρησιμοποιείται για την ανάπτυξη ιστοσελίδων στο διαδίκτυο και η τεχνολογία CSS3 για τη κοινή μορφοποίηση εγγράφων στον Ιστό. Το μάθημα πραγματεύεται επίσης αρχές και τεχνικές καλού σχεδιασμού ιστοτόπων. Στο εργαστηριακό μέρος του μαθήματος οι φοιτητές εξοικειώνονται με τη συγγραφή HTML5 και CSS3 κώδικα καθώς και με τεχνικές και εργαλεία για την ανάπτυξη και δημοσίευση ιστότοπων.
Εβδομάδα 1. Εισαγωγή, Ιnternet technologies, tools
Εβδομάδα 2. HTML-1:Εισαγωγή markup languages, HTML, δομή, ετικέτες, επικεφαλίδες, σχόλια, παράγραφοι, αλλαγές γραμμών, οριζόντιες γραμμές, στυλ
Εβδομάδα 3. HTML-2:Ειδικοί χαρακτήρες, Ιδιότητες ετικετών, Σύνδεσμοι, Εικόνες - Ένθετο: Μηχανές Αναζήτησης, δημοσίευση ιστοσελίδων
Εβδομάδα 4. HTML-3:Λίστες, πίνακες, audio, video
Εβδομάδα 5. HTML-4:id, έξτρα σημάνσεις, εσωτερικοί σύνδεσμοι, IFRAMES, Φόρμες
Εβδομάδα 6. CSS-1: Εισαγωγή, μορφοποίηση, χρώματα
Εβδομάδα 7. CSS-2: DOM, κληρονομικότητα, επιλογείς, πλαίσια, box
Εβδομάδα 8. CSS-3: Fonts, text, pseudo-elements, pseudo-classes, σχετικές διαδρομές
Εβδομάδα 9. CSS-4: Ομαδοποιήσεις, επαναλήψεις, θέση
Εβδομάδα 10. JavaScript: Εισαγωγικά
Εβδομάδα 11. HTML5 Semantics, HTML Layouts, Responsive and Parallax design, XHTML
Εβδομάδα 12. Οργάνωση, διαχείριση και καλές πρακτικές ιστότοπων - σχεδιασμός/κατασκευή ιστότοπου
Εβδομάδα 13. Επανάληψη
Ημερομηνία δημιουργίας
Πέμπτη 7 Φεβρουαρίου 2019
-
Περιεχόμενο μαθήματος
Το μάθημα εισάγει τους φοιτητές στις βασικές έννοιες των τεχνολογιών του διαδικτύου, και στα προβλήματα σχεδιασμού και ανάπτυξης ιστοσελίδων και δικτυακών ιστότοπων. Αρχικά πραγματοποιείται μια εισαγωγή στις βασικές έννοιες και αρχές λειτουργίας των δικτύων υπολογιστών, του διαδικτύου και του Παγκόσμιου Ιστού. Παρουσιάζονται διαφορετικοί τρόποι οργάνωσης περιεχομένου στον Ιστό και εργαλεία για τον έλεγχο ορθότητας και απόδοσης ιστοτόπων (web sites). Παρουσιάζονται αναλυτικά η γλώσσα HTML5 που χρησιμοποιείται για την ανάπτυξη ιστοσελίδων στο διαδίκτυο και η τεχνολογία CSS3 για τη κοινή μορφοποίηση εγγράφων στον Ιστό. Το μάθημα πραγματεύεται επίσης αρχές και τεχνικές καλού σχεδιασμού ιστοτόπων. Στο εργαστηριακό μέρος του μαθήματος οι φοιτητές εξοικειώνονται με τη συγγραφή HTML5 και CSS3 κώδικα καθώς και με τεχνικές και εργαλεία για την ανάπτυξη και δημοσίευση ιστότοπων.
Εβδομάδα 1. Εισαγωγή, Ιnternet technologies, tools
Εβδομάδα 2. HTML-1:Εισαγωγή markup languages, HTML, δομή, ετικέτες, επικεφαλίδες, σχόλια, παράγραφοι, αλλαγές γραμμών, οριζόντιες γραμμές, στυλ
Εβδομάδα 3. HTML-2:Ειδικοί χαρακτήρες, Ιδιότητες ετικετών, Σύνδεσμοι, Εικόνες - Ένθετο: Μηχανές Αναζήτησης
Εβδομάδα 4. HTML-3:Λίστες, πίνακες, audio, video
Εβδομάδα 5. HTML-4:id, έξτρα σημάνσεις, εσωτερικοί σύνδεσμοι, IFRAMES, Φόρμες
Εβδομάδα 6. CSS-1: Εισαγωγή, μορφοποίηση, χρώματα
Εβδομάδα 7. CSS-2: DOM, κληρονομικότητα, επιλογείς, πλαίσια, box
Εβδομάδα 8. CSS-3: Fonts, text, pseudo-elements, pseudo-classes, σχετικές διαδρομές
Εβδομάδα 9. CSS-4: Ομαδοποιήσεις, επαναλήψεις, θέση
Εβδομάδα 10. JavaScript: Εισαγωγικά
Εβδομάδα 11. HTML5 Semantics, Responsive design, XHTML
Εβδομάδα 12. Οργάνωση, διαχείριση και καλές πρακτικές ιστότοπων
Εβδομάδα 13. Επανάληψη, Παρουσίαση Εργασίας μαθήματος (Zητoύμενα)Μέθοδοι αξιολόγησης
Μικτή μέθοδος (ενδιάμεση εργασία, τελική εργασία, γραπτή εξέταση).
Μέθοδοι διδασκαλίας
Θεωρία (2 ώρες), Εργαστήριο (2 ώρες) ανά ομάδες (στο εργαστήριο) ή όλοι μαζί (στο Zoom).