TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα

Σχετικά έγγραφα
TEC610 Δυναμικές Εφαρμογές Διαδικτύου (ΣΤ εξάμηνο)

THE700 Διαδικτυακή Επικοινωνία (Ζ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επίκουρος Καθηγητής Χειμερινό εξάμηνο

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)

Τεχνολογίες & Εφαρμογές Πληροφορικής Ενότητα 1: Εισαγωγικό Μάθημα

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)

Αποκωδικοποίηση. Εισαγωγή στη διδακτική των γλωσσών. Γεώργιος Υψηλάντης, αναπληρωτής καθηγητής ΑΡΙΣΤΟΤΕΛΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΘΕΣΣΑΛΟΝΙΚΗΣ

Γαβαλάς Δαμιανός

Εισαγωγή στην Επιστήμη των Υπολογιστών

ΒΟΗΘΗΤΙΚΕΣ ΣΗΜΕΙΩΣΕΙΣ

Σχεδίαση με Ηλεκτρονικούς Υπολογιστές

Μάθηση σε νέα τεχνολογικά περιβάλλοντα

Διδακτική Πληροφορικής

Τεχνικό Σχέδιο - CAD

ΕΛΛΗΝΙΚΗ ΔΗΜΟΚΡΑΤΙΑ Ανώτατο Εκπαιδευτικό Ίδρυμα Πειραιά Τεχνολογικού Τομέα. Συστήματα Αυτομάτου Ελέγχου. Ενότητα Α: Γραμμικά Συστήματα

Διδακτική της Πληροφορικής

Ψηφιακή Τεχνολογία σε Ακαδημαϊκό Περιβάλλον

Σχεδίαση με Ηλεκτρονικούς Υπολογιστές

TEC510 Ανάπτυξη Δικτυακών Τόπων (Ε εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Γιώργος Μηλιώτης

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)

Διδακτική Πληροφορικής

ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ ΜΑΡΚΕΤΙΝΓΚ (PL 0114)

ΣΥΣΤΗΜΑΤΑ ΗΛΕΚΤΡΙΚΗΣ ΕΝΕΡΓΕΙΑΣ ΙIΙ

ΣΥΣΤΗΜΑΤΑ ΗΛΕΚΤΡΙΚΗΣ ΕΝΕΡΓΕΙΑΣ ΙIΙ

ΣΥΣΤΗΜΑΤΑ ΗΛΕΚΤΡΙΚΗΣ ΕΝΕΡΓΕΙΑΣ ΙIΙ

Διοίκηση Ολικής Ποιότητας

Τεχνολογία Πολυμέσων. Ενότητα # 2: Εφαρμογές πολυμέσων Διδάσκων: Γεώργιος Ξυλωμένος Τμήμα: Πληροφορικής

Αλληλεπίδραση Ανθρώπου- Υπολογιστή & Ευχρηστία

Τεχνικό Σχέδιο - CAD

Η ΣΥΝΕΧΙΖΟΜΕΝΗ ΕΚΠΑΙΔΕΥΣΗ ΣΤΙΣ ΧΩΡΕΣ-ΜΕΛΗ ΤΗΣ Ε.Ε: ΘΕΣΜΟΙ ΚΑΙ ΠΡΑΚΤΙΚΕΣ

Διδακτική της Πληροφορικής

ΣΤΑΤΙΣΤΙΚΗ ΕΠΙΧΕΙΡΗΣΕΩΝ

Τίτλος Μαθήματος. Ενότητα: Εργαστήριο 4 ο : Παρουσίαση και Ανάλυση της Φόρμας Σχεδίασης Δραστηριοτήτων με χρήση λογισμικού/ά.

Εισαγωγή στην Πληροφορική

Διδακτική της Πληροφορικής

Ενότητα. Εισαγωγή στη Microsoft Access

Πληροφορική. Εργαστηριακή Ενότητα 3 η : Επεξεργασία Κελιών Γραμμών & Στηλών. Ι. Ψαρομήλιγκος Τμήμα Λογιστικής & Χρηματοοικονομικής

Εφαρμογές των Τεχνολογιών της Πληροφορίας και των Επικοινωνιών στη διδασκαλία και τη μάθηση

Διδακτική Μεθοδολογία του μαθήματος της Ιστορίας στη δευτεροβάθμια εκπαίδευση (με εφαρμογές)

Εισαγωγή στους Αλγορίθμους

TEC610 Δυναμικές Εφαρμογές Διαδικτύου (ΣΤ εξάμηνο)

Ψηφιακή Τεχνολογία σε Ακαδημαϊκό Περιβάλλον

ΜΑΘΗΜΑ: ΕΙΣΑΓΩΓΗ ΣΤΗΝ ΠΛΗΡΟΦΟΡΙΚΗ

Λειτουργικά Συστήματα

Εφαρμογές Συστημάτων Γεωγραφικών Πληροφοριών

Μαθησιακές δραστηριότητες με υπολογιστή

Στρατηγικό Μάρκετινγκ

Σχεδίαση με Ηλεκτρονικούς Υπολογιστές

ΕΛΛΗΝΙΚΗ ΔΗΜΟΚΡΑΤΙΑ Ανώτατο Εκπαιδευτικό Ίδρυμα Πειραιά Τεχνολογικού Τομέα ΠΛΗΡΟΦΟΡΙΚΗ. Ενότητα: Εργαστηριακές Ασκήσεις. Καθηγήτρια: Ι.

Πληροφορική. Εργαστηριακή Ενότητα 1 η : Εισαγωγή στα Λογιστικά Φύλλα με το MS Excel. Ι. Ψαρομήλιγκος Τμήμα Λογιστικής & Χρηματοοικονομικής

Στατιστική. 6 ο Μάθημα: Διαστήματα Εμπιστοσύνης και Έλεγχοι Υποθέσεων. Γεώργιος Μενεξές Τμήμα Γεωπονίας ΑΡΙΣΤΟΤΕΛΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΘΕΣΣΑΛΟΝΙΚΗΣ

Ref.: SLWS 1 5Copyright 2005 The European Computer Driving Licence Foundation Ltd Σελίδα 1 από 7

Εισαγωγή στους Αλγορίθμους

Διοικητική Λογιστική

Νέες Τεχνολογίες και Καλλιτεχνική Δημιουργία

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο)

Τεχνολογία Πολυμέσων. Ενότητα # 17: Πρωτόκολλα μετάδοσης Διδάσκων: Γεώργιος Ξυλωμένος Τμήμα: Πληροφορικής

Στρατηγικό Μάρκετινγκ

Ανοικτά Ακαδημαϊκά Μαθήματα στο ΤΕΙ Αθήνας. Βιοστατιστική (Ε) Ενότητα 3: Έλεγχοι στατιστικών υποθέσεων

Ανοικτά Ακαδημαϊκά Μαθήματα στο ΤΕΙ Αθήνας. Βιοστατιστική (Ε) Ενότητα 1: Καταχώρηση δεδομένων

Προγραμματισμός Διαδικτύου

TEC610 Δυναμικές Εφαρμογές Διαδικτύου (ΣΤ εξάμηνο)

Τμήμα Μηχανικών Πληροφορικής και Τηλεπικοινωνιών

Πληροφοριακά Συστήματα & Περιβάλλον Ασκήσεις

Εισαγωγή στην Διοίκηση Επιχειρήσεων

Ανοικτά Ακαδημαϊκά Μαθήματα στο ΤΕΙ Αθήνας. Βιοστατιστική (Ε) Ενότητα 2: Περιγραφική στατιστική

Προγραμματισμός Η/Υ. Βασικές Προγραμματιστικές Δομές. ΤΕΙ Ιονίων Νήσων Τμήμα Τεχνολόγων Περιβάλλοντος Κατεύθυνση Τεχνολογιών Φυσικού Περιβάλλοντος

Παράκτια Τεχνικά Έργα

ΕΙΣΑΓΩΓΗ ΜΑΘΗΜΑΤΟΣ ΟΙΚΟΝΟΜΙΚΗ ΓΕΩΓΡΑΦΙΑ. Υπεύθυνη μαθήματος Αναστασία Στρατηγέα Αναπλ. Καθηγ. Ε.Μ.Π.

Λειτουργικά Συστήματα

Εκκλησιαστικό Δίκαιο. Ενότητα 10η: Ιερά Σύνοδος της Ιεραρχίας και Διαρκής Ιερά Σύνοδος Κυριάκος Κυριαζόπουλος Τμήμα Νομικής Α.Π.Θ.

Διδακτική Πληροφορικής

Γεωργική Εκπαίδευση Ενότητα 9

ΤΕΧΝΟΛΟΓΙΑ ΛΟΓΙΣΜΙΚΟΥ Ι

ΑΞΙΟΛΟΓΗΣΗ ΤΗΣ ΕΠΙΔΟΣΗΣ ΤΩΝ ΜΑΘΗΤΩΝ ΚΕΦΑΛΑΙΟ 4: Παιδαγωγική και κοινωνική υπόσταση της αξιολόγησης

Ενότητα 12: Θέματα Διδακτικής Προγραμματισμού: Διδασκαλία αλγοριθμικής προσέγγισης

Λογιστική Κόστους Ενότητα 12: Λογισμός Κόστους (2)

Τεχνολογία Πολυμέσων. Ενότητα # 8: Αρχές κωδικοποίησης Διδάσκων: Γεώργιος Ξυλωμένος Τμήμα: Πληροφορικής

Διδακτική Πληροφορικής

ΤΠΕ στη Διδακτική των γλωσσών - Πολύγλωσσα ψηφιακά περιβάλλοντα γλωσσικής διδασκαλίας

Μάρκετινγκ Αγροτικών Προϊόντων

Εισαγωγή στην πληροφορική

Ψηφιακή Τεχνολογία σε Ακαδημαϊκό Περιβάλλον

Διδακτική Πληροφορικής

Εννοιες και Παράγοντες της Ψηφιακής Επεξεργασίας Εικόνας

Νέες Τεχνολογίες στην Εκπαίδευση

Τεχνολογία Πολυμέσων. Ενότητα # 7: Θεωρία πληροφορίας Διδάσκων: Γεώργιος Ξυλωμένος Τμήμα: Πληροφορικής

Στρατηγικό Μάρκετινγκ

Αλληλεπίδραση Ανθρώπου- Υπολογιστή & Ευχρηστία

Εφαρμογές των Τεχνολογιών της Πληροφορίας και των Επικοινωνιών στη διδασκαλία και τη μάθηση. Ενότητα 6: Πλαίσιο Σχεδιασμού και αναφοράς Σεναρίου

ΤΕΧΝΟΛΟΓΙΕΣ ΔΙΑΔΙΚΤΥΟΥ

Βάσεις Περιβαλλοντικών Δεδομένων

Εφαρμογές Πληροφορικής στην Τοπογραφία 9η Ενότητα - Εκτυπώσεις στο AutoCAD

Εισαγωγή στην Πληροφορική

Λογιστικές Εφαρμογές Εργαστήριο

Τεχνολογία Πολιτισμικού Λογισμικού

Η ψηφιακή τεχνολογία στην ερευνητική δραστηριότητα Θέματα κουίζ. Υψηλάντης Γεώργιος, Βαβούρας Θεόδωρος Τμήμα Ιταλικής Γλώσσας & Φιλολογίας

ΣΥΜΠΕΡΙΦΟΡΑ ΚΑΤΑΝΑΛΩΤΗ

Transcript:

TEC410 Ανάπτυξη Δικτυακών Τόπων (Δ εξάμηνο) Διδάσκων: Ανδρέας Γιαννακουλόπουλος Επιστημονικός συνεργάτης Εργαστηρίου: Στέλλα Λάμπουρα Εαρινό εξάμηνο 2014-2015

Χρηματοδότηση Το παρόν εκπαιδευτικό υλικό έχει αναπτυχθεί στα πλαίσια του εκπαιδευτικού έργου του διδάσκοντα. Το έργο «Ανοικτά Ακαδημαϊκά Μαθήματα στο Ιόνιο Πανεπιστήμιο» έχει χρηματοδοτήσει μόνο τη αναδιαμόρφωση του εκπαιδευτικού υλικού. Το έργο υλοποιείται στο πλαίσιο του Επιχειρησιακού Προγράμματος «Εκπαίδευση και Δια Βίου Μάθηση» και συγχρηματοδοτείται από την Ευρωπαϊκή Ένωση (Ευρωπαϊκό Κοινωνικό Ταμείο) και από εθνικούς πόρους. 1

Άδειες Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης Creative Commons 2

Περιγραφή Μαθήματος Παρουσιάζονται οι βασικές τεχνολογίες που χρησιμοποιούνται για τη δημιουργία δικτυακών τόπων και εφαρμογών στον Παγκόσμιο Ιστό, ενώ σε πρακτικό επίπεδο δίνεται έμφαση στην εκμάθηση της γλώσσας σήμανσης υπερκειμένων (έκδοση HTML5) και των συνοδευτικών τεχνολογιών όπως τα φύλλα στυλ και οι γλώσσες σεναρίου στην πλευρά του πελάτη. Ιδιαίτερη προσοχή δίνεται σε θέματα ευχρηστίας και προσβασιμότητας, μέσω της προσέγγισης Σχεδιασμός-για-Όλους, καθώς και στα πρότυπα του Ιστού (Web Standards). Αναλύονται ο σχεδιασμός, η δομική οργάνωση και η υλοποίηση στατικών δικτυακών τόπων. Επίσης, παρουσιάζονται θέματα σχετικά με την πρόβλεψη των αναγκών, καθώς και τον σχεδιασμό και τη δημιουργία της υποδομής για την ανάπτυξη και δημοσίευση δικτυακών τόπων. 2

Μαθησιακοί Στόχοι Επιθυμητός διδακτικός στόχος είναι μετά την ολοκλήρωση του μαθήματος οι φοιτήτριες/ες να μπορούν να δημιουργήσουν και να δημοσιεύσουν έναν απλό δικτυακό τόπο, καθώς και να αξιολογούν τη λειτουργικότητα και την αποτελεσματικότητα των δικτυακών τόπων με βάση ένα σύνολο από κατασκευαστικά και επικοινωνιακά κριτήρια. 3

Εισαγωγικό Μάθημα 1 η ενότητα Επισημάνσεις σχετικά με την παράδοση του μαθήματος και τις απαιτήσεις του. Εισαγωγικές έννοιες σχετικές με το περιεχόμενο του μαθήματος. 4

Βασικά Στοιχεία HTML 2 η ενότητα Το Internet ως μέσο διάδοσης πληροφορίας Ανατομία ενός δικτυακού τόπου Εφαρμογές Web Browser Αρχικός σχεδιασμός Δημιουργία της δομής & Οργάνωση περιεχομένου Εύρεση καλύτερου συντάκτη HTML Εντολή View Source 5

Βασική Δομή Σελίδων 3 η ενότητα Δημιουργία ενός HTML αρχείου Περιγραφή & εφαρμογή βασικών προδιαγραφών μορφοποίησης σε HTML Έγγραφα Tags Προσθήκη σχολίων σε ένα HTML αρχείο. 6

Φύλλα Στυλ & Χρώμα 4 η ενότητα Ορισμός φύλλων στυλ σ ένα HTML αρχείο Δημιουργία πρώτης σελίδας ενός δικτυακού τόπου Τρόποι με τους οποίους αναφέρεται το χρώμα στην ανάπτυξη περιεχομένου για το Web Χρώματα «ασφαλή για το Web» 7

Ανάπτυξη Περιεχομένου για το Web 5 η ενότητα Οργάνωση ενοτήτων κειμένου Προσθήκη επικεφαλίδων Μορφοποίηση ενοτήτων κειμένου με διαφορετικά χαρακτηριστικά γραμματοσειράς Διασφάλιση της αναγνωσιμότητας του κειμένου στην οθόνη Διαμόρφωση σελίδων για σωστή εκτύπωση Βελτιστοποίηση κειμένου 8

Συνδέσεις 6 η ενότητα Προσθήκη συνδέσεων απόλυτες και σχετικές συνδέσεις Μορφοποίηση συνδέσεων Προσαρμογή συνδέσεων 9

Εικόνες, Πολυμέσα, Γραφικά 7 η ενότητα Χρήση εικόνων και μορφοποίησή τους Χρήση πρόσθετων και στοιχείων ελέγχου Προσθήκη πολυμέσων Εξοικείωση με λογισμικό γραφικών Μορφές αρχείων γραφικών για Web JIF - JPEG PNG Αποθήκευση γραφικών για Web 10

Λίστες, Πινάκες 8 η ενότητα Χρήση αριθμημένων και μη-αριθμημένων λιστών και μορφοποίησή τους Δημιουργία μιας απλής δομής πινάκα και μορφοποίησή του 11

Φόρμες 9 η ενότητα Σημασία και χρήσεις φορμών σε μια ιστοσελίδα Δημιουργία απλής φόρμας Καθορισμός τρόπου επεξεργασίας δεδομένων μιας φόρμας Μορφοποίηση φορμών με φύλλα στυλ Μορφοποίηση φόρμας 12

Τοποθέτηση Στοιχείων στη Σελίδα 10 η ενότητα Σημασία και χρήσεις των φύλλων στυλ για τη διάταξη σελίδων Δημιουργία μονόστηλης και πολύστηλης ρευστής διάταξης σελίδας Διαστρωμάτωση περιεχομένου σε επίπεδα Χρήση εξωτερικών φύλλων στυλ Χρήση φύλλων στυλ CSS 13

Ενσωμάτωση Σεναρίων 11 η ενότητα Σημασία και χρήσεις της Javascript, Δείγματα σεναρίων στην πλευρά του πελάτη Χρήση κώδικα Javascript για το άνοιγμα νέου παραθύρου της εφαρμογής browser 14

Δημοσίευση στον Ιστό 12 η ενότητα Επιλογή ονόματος domain για δικτυακό τόπο Υπηρεσίες φιλοξενίας Μηχανές και κατάλογοι αναζήτησης Προσθήκη meta tags Αποστολή αρχείων δικτυακού τόπου σε κεντρικό υπολογιστή Δόκιμες- Δημοσίευση 15

Ανασκόπηση Ενοτήτων 13 η ενότητα Επαναλήψεις ανασκόπηση ενοτήτων Παρουσιάσεις εργασιών-δικτυακών τόπων 16

E-class Tο μάθημα είναι διαθέσιμο στο e-class, όπου θα δημοσιεύονται όλες οι σχετικές ανακοινώσεις και το συμπληρωματικό υλικό. Η εγγραφή στο μάθημα μέσω e-class είναι απαραίτητη. 17

Διδακτικά εγχειρίδια: Βοηθήματα μαθήματος: Castro, E., Hyslop, B. (2013), HTML 5 και CSS 3 με εικόνες, (Έβδομη Έκδοση). Αθήνα: Κλειδάριθμος Lemay, L., Colburn, R. (2011), Πλήρες εγχειρίδιο της HTML και CSS. Αθήνα: Γκιούρδας 18

Βοηθήματα μαθήματος: Διαφάνειες παρουσιάσεων Πρόσθετο ηλεκτρονικό υλικό σε e-class 19

Τρόποι αξιολόγησης / εξέτασης: Βαθμολογία: 65% Τελικές γραπτές εξετάσεις 35% Ατομική εργασία Θέμα εργασίας: Ανάπτυξη δικτυακού τόπου. Το προτεινόμενο αντικείμενο για τον δικτυακό τόπο της εργασίας είναι η προσωπική ιστοσελίδα, αλλά θα γίνουν δεκτές, κατόπιν συνεννόησης, και εργασίες με δικτυακούς τόπους για άλλα αντικείμενα. 20

Επικοινωνία: Ανδρέας Γιαννακουλόπουλος Τηλ. γραφείου: 26610-87729 Email: agiannak@ionio.gr 21