- Έτος 1 · Εξάμηνο 2
- Αρχείο
Ετοιμαστείτε να μάθετε όλα τα βασικά για τον κόσμο του web development! Σε αυτό το μάθημα, θα γνωρίσετε τις τελευταίες τεχνολογίες web, όπως το HTML, το CSS, το JavaScript και τις βάσεις δεδομένων. Από την κατασκευή ιστοσελίδων μέχρι τη δημιουργία διαδραστικών εφαρμογών, το μάθημα αυτό θα σας δώσει όλα τα εργαλεία για να δημιουργήσετε τη δική σας online παρουσία. Αν σας συναρπάζει το να φτιάξετε ιστοσελίδες που συνδέουν τον κόσμο, αυτό το μάθημα θα σας εξοπλίσει με τις γνώσεις και τις δεξιότητες για να κάνετε τα όνειρά σας πραγματικότητα.
Εβδομάδες
Εβδομάδα 1HTML
Ασκήσεις εξάσκησης
1η Άσκηση Βασικά HTML Tags
- Προθεσμία
- Χωρίς προθεσμία — για εξάσκηση
Εκφώνηση
Να φτιάξεις ένα ιστότοπο που θα έχει τίτλο: “Είδη Video Games” με χρώμα φόντου Πράσινο, χρώμα γραμμάτων λευκό και font-family της αρεσκείας σας.
- Να βρείτε και να αντιγράψετε από το διαδίκτυο δύο παραγράφους σχετικές με video games. Στις παραγράφους πρέπει να υπάρχουν τέσσερις διαφορετικές ετικέτες.
- Από κάτω εισάγετε ένα σύνδεσμο που θα οδηγεί το χρήστη μόλις πατήσει πάνω του στο www.games.gr
- Από κάτω κατασκευάστε μία αριθμημένη λίστα ως εξής:
- First person Shooters
- Παιχνίδια στρατηγικής
- Παιχνίδια εξομοίωσης
- Παιχνίδια περιπέτειας
- Παιχνίδια υπόδυσης ρόλων
Τέλος κατασκευάστε ένα footer με το σύμβολο του copyright, το όνομά σας και τη διεύθυνσή σας.
2η Άσκηση Βασικά HTML Tags
- Προθεσμία
- Χωρίς προθεσμία — για εξάσκηση
Εκφώνηση
Να κατασκευαστεί ιστοσελίδα που θα έχει τίτλο το όνομα της αγαπημένης σου ομάδας ποδοσφαίρου. Ο τίτλος να είναι στοιχισμένος στο κέντρο και να έχει font size μεγαλύτερο από ό,τι μία h1.
- Από κάτω αντιγράψτε από το διαδίκτυο την ιστορία της ομάδας και εισάγετέ τη
στη σελίδα σας με όποιο tag κρίνετε και όπου χρειάζεται έμφαση
χρησιμοποιήστε έντονα, πλάγια και υπογραμμισμένα γράμματα
(
<u>). - Να κάνετε μία μη αριθμημένη λίστα (unordered list) με τρεις χρονιές που πήρε κύπελλο ή πρωτάθλημα η ομάδα, και μία Αριθμημένη λίστα (ordered list) με τους 4 πρώτους σκόρερ της ομάδας για τη χρονιά που πέρασε.
- Τέλος κατασκευάστε ένα footer με το σύμβολο του copyright και τη χρονολογία.
3η Άσκηση Βασικά HTML Tags
- Προθεσμία
- Χωρίς προθεσμία — για εξάσκηση
Εκφώνηση
Κατασκευάστε μια ιστοσελίδα με τίτλο “Συνταγές”. Πρόσθεσε στον τίτλο ό,τι στυλ θέλεις και βάλε border, πάχους και χρώματος δικής σου επιλογής.
-
Διάλεξε μια συνταγή και βάλε το όνομά της (π.χ. Σοκολατόπιτα ή αγαπημένη πάστα) με στυλ Επικεφαλίδας 1
-
Βάλε μια μη αριθμημένη λίστα (unordered list) με τα υλικά.
Παράδειγμα
- Αυγά
- Ζάχαρη
- Κακάο
-
Βάλε ένα σύνδεσμο που θα παραπέμπει στην ιστοσελίδα που βρήκες τη συνταγή.
-
Βάλε footer με background color μαύρο και color λευκό και μέσα σε παράγραφο που θα τη στοιχίσεις δεξιά βάλε το σύμβολο του copyright, το έτος, τα στοιχεία σου και τη διεύθυνσή σου.
Επισκόπηση
Καλώς ήρθατε στο μάθημα Web Technologies! Στην τάξη αυτή, θα εξερευνήσουμε τον κόσμο των τεχνολογιών του Παγκόσμιου Ιστού (Web Technologies) και τον ρόλο που παίζουν στη δημιουργία σύγχρονων, διαδραστικών και δυναμικών ιστοσελίδων και εφαρμογών. Το Διαδίκτυο έχει γίνει αναπόσπαστο κομμάτι της καθημερινότητάς μας, και οι τεχνολογίες που το υποστηρίζουν εξελίσσονται συνεχώς.
Κατά τη διάρκεια του εξαμήνου, θα καλύψουμε βασικές και προχωρημένες έννοιες που σχετίζονται με την ανάπτυξη ιστοσελίδων, από τις θεμελιώδεις γλώσσες HTML, CSS και JavaScript, μέχρι πιο προχωρημένες τεχνολογίες, όπως frameworks και εργαλεία ανάπτυξης εφαρμογών Ιστού.
Το μάθημα θα περιλαμβάνει θεωρητικές διαλέξεις και πρακτικές ασκήσεις, ώστε να αποκτήσουμε μια ισχυρή βάση και να αναπτύξουμε πραγματικά έργα. Επιπλέον, θα εργαστούμε σε ένα μεγάλο project, το οποίο θα αποτελέσει μέρος της αξιολόγησής μας. Σε αυτήν την εργασία, θα έχουμε την ευκαιρία να εφαρμόσουμε τις γνώσεις μας και να δημιουργήσουμε μια πλήρη και λειτουργική διαδικτυακή εφαρμογή.
Ετοιμαστείτε για ένα συναρπαστικό ταξίδι στον κόσμο του Web Development, όπου οι ιδέες σας θα μετατραπούν σε πραγματικές εφαρμογές!
Τι θα μάθουμε
- HTML (HyperText Markup Language): Η γλώσσα που χρησιμοποιείται για τη δομή του περιεχομένου μιας ιστοσελίδας.
- CSS (Cascading Style Sheets): Η γλώσσα που χρησιμοποιείται για τη μορφοποίηση και τον σχεδιασμό των ιστοσελίδων.
- JavaScript: Η γλώσσα προγραμματισμού που προσθέτει διαδραστικότητα στις ιστοσελίδες.
- Responsive Design: Τεχνικές για τη δημιουργία ιστοσελίδων που προσαρμόζονται σε διαφορετικές οθόνες και συσκευές.
- Client-Server Architecture: Κατανόηση της επικοινωνίας μεταξύ του προγράμματος περιήγησης και του διακομιστή.