Ασκήσεις εργαστηρίου Γλώσσες και Τεχνολογίες Ιστού - (Σελίδα μαθήματος)

Lab 1 - Εισαγωγή σε εργαλεία HTML & Web authoring

Lab 1 -

Lab 2 - Κατανόηση & χρήση βασικών HTML σημάνσεων

Lab 3 - Πλαίσια, Πίνακες και CSS ως εργαλεία σχεδίασης (Page Layout)

Άσκηση 3.3 - Δημιουργία Layout με χρήση DIV
Άσκηση 3.3 (με χρήση CSS) - Δημιουργία Layout με χρήση DIV

Lab 4 - CSS

Lab 4 -
Άσκηση 4.2 - Διαμόρφωση Πίνακα
Άσκηση 4.3 - Δημιουργία μενού

Lab 5 - JavaScript εισαγωγή

Άσκηση 5.3 - Αντικείμενο window
Άσκηση 5.4 - Αντικείμενο document
Άσκηση 5.4 (με χρήση Javascript) - Αντικείμενο document
Άσκηση 5.5 - Αντικείμενο navigator
Άσκηση 5.6 - Αντικείμενο location
Άσκηση 5.6 με χρήση Javascript

Lab 6 - Αποσφαλμάτωση - Debugging

Άσκηση 6.1 (με τα σφάλματα) - Εντοπισμός συντακτικών λαθών
Άσκηση 6.1 (διορθωμένη) - Εντοπισμός συντακτικών λαθών
Άσκηση 6.2 (με τα σφάλματα) - Παρακολούθηση τιμών με window.alert
Άσκηση 6.2 (διορθωμένη) - Παρακολούθηση τιμών με window.alert
Άσκηση 6.5 - Διαχείριση λαθών με onerror

Lab 7 - Συμβάντα και το keyword this

Άσκηση 7.1 - Αλλαγή χρώματος text box ανάλογα με τον αν είναι κενό, αν έχει γράμματα ή αριθμούς (onChange)
Άσκηση 7.2 - Αντιγραφή κειμένου από ένα text box σε άλλο (onkeyup)
Άσκηση 7.3 - Αλλγή εικόνας αν περνάει από πάνω το πιντίκι ή αν γίνεται κλικ
Όχι την Άσκηση 7.4
Άσκηση 7.5 - Αλλαγή χρώματος text box με την εστίαση (onfocus) και ανάλογα αν έχει κείμενο ή όχι
Άσκηση 7.6 - Ίδια με την 7.5 αλλά με τη χρήση του this

Lab 8 - Αντικείμενο Event και Δυναμική δημιουργία HTML περιεχομένου

Άσκηση 8.1 - Προβολή λετομερειών στοιχείου όταν περνάει από πάνω το ποντίκι
Άσκηση 8.2 - Αλλαγή του ονόματός των γραμμών λίστας (UL) με κλικ πάνω τους
Άσκηση 8.3 - Αλλαγή του ονόματός μέχρι 4 γραμμών λίστας (UL) με κλικ πάνω τους
Άσκηση 8.4 - Αλλαγή εμφάνισης στοιχείων με την setAttribute
Άσκηση 8.5 - Επιλογή και δημιουργία στοιχείων από λίστα στοιχείων και χρωμάτων με την createElement & SetAttribute (1ος τρόπος)
Άσκηση 8.5 - Επιλογή και δημιουργία στοιχείων από λίστα στοιχείων και χρωμάτων με την createElement & SetAttribute (2ος τρόπος)

Lab 9 - Πίνακες και συλλογές

Άσκηση 9.1 - Προβολή εικόνων από πίνακα
Άσκηση 9.2 - Προβολή εικόνων και των στοιχείων τους από πίνακα (να ελεγχθεί ξανά)
Άσκηση 9.3 - Χρωμάτισμα κειμένων ανάλογα με το domain που ανήκουν
Άσκηση 9.4 - Εμφάνιση πηγών αρχείων εικόνων
Άσκηση 9.5 - Γέμισμα select element με γραμμές που δίνει ο χρήστης
Άσκηση 9.6 - Γέμισμα πίνακα με τυχαία νούμερα 1-10 και χρωματισμός τους
Άσκηση 9.7 - Χρωματισμός/Αποχρωματισμός στοιχείων μετά από επιλογή τους από λίστα

Lab 10 - Μέθοδοι

Άσκηση 10.1 - Slideshow φωτογραφιών με σταθερό time interval
Άσκηση 10.2 - Slideshow φωτογραφιών με time interval από το χρήστη
Άσκηση 10.3 - (incomplete)
Άσκηση 10.5 - Δυναμικη δημιουργία πίνακα
Άσκηση 10.6 - Δυναμικη δημιουργία πίνακα & δαγραφή γραμμών/στηλών

Lab 11 - Συνδυαστικές και Επαναληπτικές Ασκήσεις

Άσκηση 11.1 - Παιχνίδι επιλογής πολλαπλασίων από πίνακα
Άσκηση 11.2 - Δυναμική δημιουργία πίνακα με paths εικόνων και προαιρετικό slide show τους
Άσκηση 11.3 - Παιχνίδι επιλογής 10 κόκκινων ή πράσινων κελιών με αριθμούς και εμφάνιση μέσου όρου

Παλιά θέματα

Εκφώνηση - Λύση - 2022- 2023 #1