Michael Kalochristianakis

Electrical and Computer Engineer

---

web programming

εργαστήριο 1: εισαγωγή στην html και τη javascript

έννοιες, αναφορές και εργαλεία (σύνδεση με τη θεωρία)

τι ακριβώς κάνει ένας web server

που εκτελείται τι: sever-side και client-side τεχνολογίες

τα τρία εργαλεία του προγραμματιστή διαδικτύου

• request
• response
• session

η γλώσσα html

• tags (http://www.w3schools.com/)
• φόρμες και υποβολή
• εργαλεία υψηλού επιπέδου

javascript:

• το μοντέλο ενός κειμένου διαδικτύου και η χρήση του
• τα χαρακτηριστικά της γλώσσας (http://www.w3schools.com/js/default.asp)

css: στυλ και μορφοποίηση

η βασική δομή μιας ιστοσελίδας

επικεφαλίδα και ορισμοί: header, title, favicon, meta, links to style sheets κυρίως σώμα: tags !!!

εργαστηριακή άσκηση

να σχεδιασθούν και να γραφούν σε html οι σελίδες για μια υποθετική εφαρμογή διαχείρισης των σπουδαστών που εγγράφονται σε σε ένα μάθημα. Ακολουθήστε τα παρακάτω βήματα:

• (α) δημιουργία αρχικής σελίδας, με όνομα class.html, που θα περιέχει:
  • τίτλο του μαθήματος, πληροφορίες σχετικά με το εξάμηνο, τα προαπαιτούμενα, τις ώρες, τους διδάσκοντες
  • links προς την αρχική σελίδα του τμήματος και την κεντρική σελίδα του ΤΕΙ
  • σύνδεσμοι προς μια σελίδα για εγγραφή των φοιτητών
• (β) δημιουργία της σελίδας εγγραφής των φοιτητών. Θα περιέχει:
  • φόρμα εισαγωγής στοιχείων που θα περιλαμβάνουν: όνομα, επώνυμο, email, αριθμό μητρώου, εξάμηνο, τμήμα, συνθηματικό, επιβεβαίωση συνθηματικού, επιλογή τύπου chekcbox για λήψη ενημερώσεων. H υποβολή της σελίδας θα οδηγεί στη σελίδα classIndex.html η οποία θα παρουσιάζει ένα μενού ενεργειών στο αριστερό της μέρος το οποίο θα περιλαμβάνει τους εξής συνδέσμους: παρουσίες, βαθμολογία, υλικό, πληροφορίες, σύνδεσμοι
• (γ) στην αρχική σελίδα θα δημιουργηθεί φόρμα για είσοδο ονόματος χρήστη και συνθηματικού. H υποβολή της φόρμας θα οδηγεί στη σελίδα classIndex.html

April, 2004