Η ΣΧΟΛΗ ΜΑΣ
Γνώση · Συνεργασία · Δημιουργία
Το μέλλον ξεκινά με μια νέα δεξιότητα
Στη σχολή μας μαθαίνουμε μέσα από την πράξη, αναπτύσσουμε τις γνώσεις μας και δημιουργούμε τα δικά μας έργα.
Εξερευνήστε τα μαθήματα, γνωρίστε τις δραστηριότητές μας και κάντε το πρώτο βήμα στον κόσμο της τεχνολογίας.
Μια σχολή που δίνει έμφαση στην πράξη
Η εκπαιδευτική μας προσέγγιση συνδυάζει την κατανόηση των βασικών εννοιών με την εφαρμογή τους σε πραγματικές ασκήσεις.
Οι σπουδαστές εργάζονται ατομικά και σε ομάδες, δοκιμάζουν λύσεις και μαθαίνουν να εντοπίζουν και να διορθώνουν τα λάθη τους.
Πρακτική εξάσκηση
Κάθε μάθημα περιλαμβάνει εφαρμογές στον υπολογιστή και δημιουργία λειτουργικών παραδειγμάτων.
Συνεργασία
Μοιραζόμαστε ιδέες, συζητάμε διαφορετικές λύσεις και αναπτύσσουμε ομαδικά έργα.
Δημιουργικότητα
Χρησιμοποιούμε τις γνώσεις μας για να δημιουργήσουμε ιστοσελίδες με δικό μας περιεχόμενο και χαρακτήρα.
Γνωρίστε τα μαθήματά μας
Ξεκινάμε από τα βασικά και προχωράμε σταδιακά στη δημιουργία μιας ολοκληρωμένης ιστοσελίδας.
01
HTML — Η δομή της σελίδας
Μαθαίνουμε να οργανώνουμε το περιεχόμενο με κατάλληλες ετικέτες.
- Επικεφαλίδες και παράγραφοι.
- Σύνδεσμοι και εικόνες.
- Λίστες και πίνακες.
- Φόρμες και σημασιολογική δομή.
02
CSS — Η εμφάνιση της σελίδας
Δίνουμε χρώμα, διάταξη και προσωπικότητα στην ιστοσελίδα μας.
- Χρώματα και γραμματοσειρές.
- Περιθώρια και περιγράμματα.
- Διάταξη με Flexbox και Grid.
- Προσαρμογή σε διαφορετικές οθόνες.
03
JavaScript — Η αλληλεπίδραση
Γνωρίζουμε πώς μια σελίδα μπορεί να ανταποκρίνεται στις ενέργειες του χρήστη.
- Μεταβλητές και απλοί υπολογισμοί.
- Εμφάνιση αποτελεσμάτων.
- Ενέργειες με κουμπιά.
- Αλλαγές στο περιεχόμενο.
Πώς δουλεύουμε στο εργαστήριο
Κάθε άσκηση ακολουθεί μια σειρά βημάτων.
- Παρατηρούμε: Εξετάζουμε ένα παράδειγμα και συζητάμε τη λειτουργία του.
- Γράφουμε: Δημιουργούμε τον δικό μας κώδικα στον επεξεργαστή.
- Δοκιμάζουμε: Ανοίγουμε τη σελίδα στον browser και ελέγχουμε το αποτέλεσμα.
- Διορθώνουμε: Εντοπίζουμε προβλήματα και βελτιώνουμε την εργασία.
- Επεκτείνουμε: Προσθέτουμε δικές μας ιδέες και νέο περιεχόμενο.
Ενδεικτικό πρόγραμμα εργαστηρίου
Ο παρακάτω πίνακας παρουσιάζει ένα παράδειγμα οργάνωσης πέντε διδακτικών ωρών.
| Διδακτική ώρα | Δραστηριότητα | Στόχος |
|---|---|---|
| 1η ώρα | Παρουσίαση και αρχικό παράδειγμα. | Κατανόηση της δομής. |
| 2η ώρα | Κατασκευή της σελίδας. | Εφαρμογή των ετικετών HTML. |
| 3η ώρα | Προσθήκη περιεχομένου. | Οργάνωση ενοτήτων και συνδέσμων. |
| 4η ώρα | Πρώτη εφαρμογή CSS. | Αλλαγή της εμφάνισης. |
| 5η ώρα | Δοκιμές και προσωπικές βελτιώσεις. | Έλεγχος και ολοκλήρωση της άσκησης. |
Νέα από το εργαστήριο
Η πρώτη μας κατασκευή
Η ιστοσελίδα μας ξεκινά
Δημιουργήσαμε τις πρώτες πέντε σελίδες και τις συνδέσαμε με ένα κοινό μενού.
Νέο περιεχόμενο
Εμπλουτίζουμε την αρχική σελίδα
Προσθέτουμε ενότητες, κάρτες μαθημάτων, πίνακα προγράμματος και συχνές ερωτήσεις.
Το επόμενο βήμα
Δίνουμε εμφάνιση με CSS
Η ίδια HTML θα αποκτήσει χρώματα, αποστάσεις και νέα διάταξη μέσα από ένα εξωτερικό αρχείο CSS.
Συχνές ερωτήσεις
Χρειάζονται προηγούμενες γνώσεις;
Ξεκινάμε από τη βασική δομή ενός αρχείου HTML και προχωράμε σταδιακά.
Ποια εργαλεία χρησιμοποιούμε;
Για τις πρώτες ασκήσεις χρειαζόμαστε έναν επεξεργαστή απλού κειμένου και έναν browser.
Γιατί η σελίδα εμφανίζεται αρχικά τόσο απλή;
Η HTML οργανώνει το περιεχόμενο. Η CSS θα καθορίσει τα χρώματα, τις γραμματοσειρές και τη διάταξή του.
Πώς λειτουργούν οι σύνδεσμοι του μενού;
Στην ενιαία έκδοση, κάθε σύνδεσμος χρησιμοποιεί στο href το # και το αναγνωριστικό της ενότητας.
Το μενού οδηγεί στις ενότητες της ίδιας σελίδας.
Έχετε κάποια ερώτηση;
Επισκεφθείτε την ενότητα επικοινωνίας για περισσότερες πληροφορίες.
Σχετικά με εμάς
Η ομάδα μας
Είμαστε μια ομάδα σπουδαστών που μαθαίνει να δημιουργεί ιστοσελίδες.
Η ιστοσελίδα αυτή δημιουργήθηκε στο πλαίσιο του εργαστηρίου μας.
Ο στόχος μας
Θέλουμε να μάθουμε πώς οργανώνεται το περιεχόμενο με HTML.
Στη συνέχεια θα χρησιμοποιήσουμε CSS για να αλλάξουμε την εμφάνιση.
Τρόπος εργασίας
- Γράφουμε τον κώδικα.
- Αποθηκεύουμε το αρχείο.
- Ανοίγουμε τη σελίδα στον browser.
- Ελέγχουμε το αποτέλεσμα και διορθώνουμε τα λάθη.
Τα μαθήματά μας
HTML
Η HTML οργανώνει τη δομή και το περιεχόμενο μιας ιστοσελίδας.
- Επικεφαλίδες και παράγραφοι.
- Σύνδεσμοι μεταξύ σελίδων.
- Λίστες και εικόνες.
CSS
Η CSS διαμορφώνει την εμφάνιση μιας ιστοσελίδας.
- Χρώματα και γραμματοσειρές.
- Περιθώρια και περιγράμματα.
- Διάταξη του περιεχομένου.
JavaScript
Η JavaScript προσθέτει λειτουργίες και αλληλεπίδραση στη σελίδα.
Ανακοινώσεις
Πρώτη εργαστηριακή άσκηση
Δημιουργούμε μια απλή ιστοσελίδα με επικεφαλίδα και παραγράφους.
Υπενθύμιση: Αποθηκεύουμε το αρχείο με κατάληξη .html.
Άσκηση πλοήγησης
Δημιουργούμε πέντε σελίδες και τις συνδέουμε με ένα κοινό μενού.
Ελέγχουμε ότι όλοι οι σύνδεσμοι ανοίγουν τη σωστή σελίδα.
Αποθήκευση εργασιών
Κρατάμε όλα τα αρχεία της άσκησης στον ίδιο φάκελο.
Επικοινωνία
Στοιχεία επικοινωνίας
Τα παρακάτω στοιχεία είναι ενδεικτικά για την άσκηση.
Υπεύθυνος: Εκπαιδευτική ομάδα.
Email: info@example.com
Πριν επικοινωνήσετε
- Ελέγξτε τις ανακοινώσεις.
- Σημειώστε την απορία σας.
- Αναφέρετε σε ποια άσκηση εργάζεστε.
Η σχολή μας
Εκπαιδευτική ιστοσελίδα στο πλαίσιο του εργαστηρίου.
Το περιεχόμενο είναι ενδεικτικό για τις ανάγκες της άσκησης.
© 2026 — Η σχολή μας