Από την θεωρία στην πράξη

εκπαιδευτική σελίδα σχετικά με την πληροφορική

Εργασία html

Μαρ 202624

Τίτλος: Δημιουργία Θεματικού Ιστοτόπου

Στόχος: Χρησιμοποιώντας τις γνώσεις σας από το παράδειγμα με τους πλανήτες, να δημιουργήσετε τον δικό σας ιστότοπο με θέμα της επιλογής σας.


1. Τεχνικές Προϋποθέσεις

Α. Θεματολογία

  • Επιλέξτε μια θεματολογία (π.χ., αγαπημένες ταινίες, μουσικά συγκροτήματα, αθλητικές ομάδες, πόλεις, φαγητά, ζώα, τεχνολογία).

Β. Δομή HTML (Υποχρεωτικά)

  • Κεντρικό Μενού Πλοήγησης (<nav>) : Να εμφανίζεται σε όλες τις σελίδες και να επιτρέπει την πλοήγηση.

  • Σημασιολογική Δομή: Όλες οι σελίδες να περιλαμβάνουν <header>, <main>, <footer>.

  • Εικόνες: Κάθε σελίδα να περιέχει τουλάχιστον μία εικόνα (<img>).

  • Ποικιλία Περιεχομένου: Συνολικά στον ιστότοπο, να χρησιμοποιήσετε τουλάχιστον δύο από τα παρακάτω:

    • Λίστες (<ul> ή <ol>)

    • Εξωτερικούς συνδέσμους (που ανοίγουν σε νέα καρτέλα με target="_blank")

Γ. CSS (Υποχρεωτικά)

  • Εξωτερικό CSS: Όλο το στυλ σε ένα κοινό αρχείο style.css.

  • Βασικό Στυλ: Μπορείτε να χρησιμοποιήσετε ως βάση το CSS που δόθηκε στο μάθημα και να το τροποποιήσετε (χρώματα, γραμματοσειρές, περιθώρια) ώστε να ταιριάζει στη θεματολογία σας.


2. Βαθμολογία (κλίμακα 0-20)

Κατηγορία Κριτήρια Μόρια
Δομή & HTML (8 μόρια) Σωστή χρήση <nav>, <header>, <main>, <footer> σε όλες τις σελίδες. 2
Λειτουργικό μενού πλοήγησης και τουλάχιστον 6 σελίδες (αρχική + 5). 3
Εικόνα (<img>) σε κάθε σελίδα. 2
Χρήση τουλάχιστον 2 επιπλέον στοιχείων (λίστες, εξωτερικοί σύνδεσμοι). 1
CSS (6 μόρια) Ύπαρξη ενός εξωτερικού style.css που συνδέεται με όλες τις σελίδες. 1
Τροποποίηση του βασικού στυλ (χρώματα, γραμματοσειρές) ώστε να ταιριάζει στη θεματολογία. 2
Το μενού πλοήγησης έχει στυλ και λειτουργεί σωστά το :hover. 2
Ο κώδικας CSS είναι τακτοποιημένος και ευανάγνωστος. 1
Περιεχόμενο (4 μόρια) Το περιεχόμενο είναι συνεκτικό και σχετικό με τη θεματολογία. 2
Ο ιστότοπος είναι πρωτότυπος (δεν είναι αντιγραφή του παραδείγματος με τους πλανήτες). 2
Λειτουργικότητα & Οργάνωση (2 μόρια) Όλοι οι σύνδεσμοι λειτουργούν σωστά (κανένα broken link). 1
Σωστή οργάνωση αρχείων (π.χ., εικόνες σε φάκελο images, αρχεία .html στον ριζικό φάκελο). 1
Σύνολο 20

3. Bonus (Προαιρετικά – για όσους θέλουν πρόκληση)

Μπορείτε να κερδίσετε έως +2 επιπλέον μόρια (χωρίς να ξεπεράσετε το 20):

  • +1 μόριο: Ενσωμάτωση βίντεο από YouTube (<iframe>) σε κάποια σελίδα.

  • +1 μόριο: Χρήση του <a href="#top"> ή ενός κουμπιού “Επιστροφή στην κορυφή” στο footer.


4. Οδηγίες για την Οργάνωση Αρχείων

Δημιουργήστε ένα φάκελο με το όνομά σας και μέσα του:

text
ονομα_σας/
│
├── index.html
├── page1.html
├── page2.html
├── page3.html
├── page4.html
├── page5.html
├── style.css
└── images/
     ├── photo1.jpg
     ├── photo2.png
     └── ...

Σημαντικό: Ονομάστε τα αρχεία .html και .css με πεζούς λατινικούς χαρακτήρες, χωρίς κενά (π.χ., movies.html, food.html).

5. Συμβουλές

  1. Ξεκινήστε με την αρχική σελίδα (index.html) και φτιάξτε πρώτα τη δομή (header, nav, main, footer).

  2. Αντιγράψτε αυτή τη δομή στις υπόλοιπες σελίδες και μετά αλλάξτε το περιεχόμενο.

  3. Για το μενού: Αντιγράψτε το <nav> σε όλες τις σελίδες και βεβαιωθείτε ότι οι σύνδεσμοι οδηγούν στις σωστές σελίδες.

  4. Δοκιμάστε όλους τους συνδέσμους πριν παραδώσετε.

  5. Για το CSS, μπορείτε να αλλάξετε:

    • Τα χρώματα (background-color, color)

    • Τη γραμματοσειρά (font-family)

    • Τα περιθώρια (margin, padding) αν θέλετε διαφορετική εμφάνιση


6. Παραδείγματα Θεματολογίας (για έμπνευση)

Θεματολογία Ιδέες για σελίδες
Μουσικά Συγκροτήματα Αρχική, Μέλη, Δισκογραφία, Συναυλίες, Αγαπημένα Τραγούδια, Βιογραφία
Αθλητικές Ομάδες Αρχική, Ιστορία, Παίκτες, Τίτλοι, Γήπεδο, Επόμενοι Αγώνες
Πόλεις Αρχική, Αξιοθέατα, Φαγητό, Ιστορία, Μεταφορές, Φωτογραφίες
Ταινίες/Σειρές Αρχική, Ηθοποιοί, Πλοκή, Κριτικές, Soundtrack, Σκηνές
Ζώα Αρχική, Είδη, Ενδιαιτήματα, Διατροφή, Κίνδυνοι, Ενδιαφέροντα Γεγονότα

Εργασία wordpress

Μαρ 20269


Λήψη αρχείου

Επαγγελματική μονογραφία

Ιαν 202629

Να δημιουργήσετε μία παρουσίαση που θα αναφέρεται σε μία επαγγελματική μονογραφία που σας ενδιαφέρει. Ακολουθεί ενδεικτική δομή μίας μονογραφίας

Πρότυπο Παρουσίασης Επαγγέλματος για ΕΠΑΛ

Τίτλος Παρουσίασης: [Όνομα Επαγγέλματος] – Ένας Δρόμος με Μέλλον

1. ΤΙ ΕΙΝΑΙ ΤΟ ΕΠΑΓΓΕΛΜΑ; (Ορισμός & Ημερήσια Δραστηριότητα)

  • Τι κάνει συγκεκριμένα ένας [επιλεγμένος επαγγελματίας] σε μια τυπική μέρα εργασίας;

  • Ποιες είναι οι κύριες ευθύνες και οι βασικές λειτουργίες του;

  • Με τι είδη εργαλείων, μηχανημάτων ή προγραμμάτων εργάζεται;

2. ΓΙΑΤΙ ΝΑ ΕΠΙΛΕΞΩ ΑΥΤΟ ΤΟ ΕΠΑΓΓΕΛΜΑ; (Προσωπικά Κίνητρα & Απαιτούμενες Ιδιότητες)

  • Ποιες προσωπικές ιδιότητες (soft skills) χρειάζεται κάποιος για να τα πάει καλά σε αυτό το επάγγελμα; (π.χ. υπομονή, ομαδικό πνεύμα, δημιουργικότητα, ακρίβεια, κλπ).

  • Ποιες τεχνικές ικανότητες (hard skills) αποκτώνται στο ΕΠΑΛ και είναι απαραίτητες;

3. ΠΩΣ ΓΙΝΟΜΑΙ [ΕΠΑΓΓΕΛΜΑΤΙΑΣ]; (Εκπαιδευτική & Νομική Διαδρομή)

  • Στο ΕΠΑΛ: Ποια είναι η συγκεκριμένη ειδικότητα που πρέπει να διαλέξω; (π.χ. “Ηλεκτρολόγος”, “Τεχνικός Λογιστικών Συστημάτων & Εφοδιαστικής”).

  • Μετά το ΕΠΑΛ:

    • Χρειάζεται Πρακτική Άσκηση; Πού και πώς;

    • Χρειάζεται Εξετάσεις και Πιστοποιήσεις για να ασκήσω νόμιμα το επάγγελμα; (π.χ. ΒΕΙ για ηλεκτρολόγο, διπλώματα οδήγησης για μεταφορικό, πιστοποιήσεις Cisco για τεχνικό δικτύων).

    • Υπάρχει Άδεια Ασκήσεως Επαγγέλματος από το Δήμο ή άλλο φορέα;

  • Είναι απαραίτητες σπουδές σε ΙΕΚ/ΤΕΙ/Πανεπιστήμιο για να προοδεύσω;

4. ΠΟΥ ΜΠΟΡΩ ΝΑ ΔΟΥΛΕΨΩ; (Αγορά Εργασίας & Εργασιακό Περιβάλλον)

  • Τύπος Εργοδοτών: Μπορώ να δουλέψω ως αυτόνομος/ελεύθερος επαγγελματίας; Σε μικρή ή μεγάλη επιχείρηση; Σε βιομηχανία ή εργοστάσιο; Στο δημόσιο;

  • Φυσικό Περιβάλλον: Δουλεύω σε γραφείο, σε εργαστήριο, σε εξωτερικό χώρο, σε εργοτάξιο, σε κατάστημα;

  • Συνθήκες Εργασίας: Είναι επικίνδυνο επάγγελμα; Έχω κανονικό ωράριο ή απαιτούνται υπερωρίες/εφημερίες; (π.χ. σε τεχνικό υποστήριξης IT).

5. ΠΟΙΕΣ ΕΙΝΑΙ ΟΙ ΠΡΟΚΛΗΣΕΙΣ ΚΑΙ ΟΙ ΕΥΚΑΙΡΙΕΣ; (Πραγματικότητα & Μέλλον)

  • Προκλήσεις: Ποιος είναι ο μεγαλύτερος ανταγωνισμός (άλλοι απόφοιτοι, ανεπίσημη αγορά, αυτοματοποίηση); Υπάρχουν φυσικοί κίνδυνοι; Είναι αγχωτικό;

  • Ευκαιρίες & Μέλλον:

    • Είναι επάγγελμα με μέλλον ή απειλείται από τεχνολογία/ΑΙ;

    • Ποιες ειδικεύσεις μέσα στο επάγγελμα είναι περιζήτητες σήμερα και αύριο; (π.χ. για έναν μηχανικό αυτοκινήτων: τεχνικός υβριδικών/ηλεκτρικών αυτοκινήτων).

    • Πώς το επάγγελμα συνδέεται με τις τάσεις της εποχής (Πράσινη Ανάπτυξη, Ψηφιοποίηση, Αυτοματοποίηση);

6. ΠΩΣ ΠΡΟΟΔΕΥΩ & ΠΟΣΟ ΚΕΡΔΙΖΩ; (Καριέρα & Απολαβές)

  • Αρχικός Μισθός: Ποιο είναι ένα ρεαλιστικό εισόδημα για έναν αρχάριο με πτυχίο ΕΠΑΛ;

  • Δυνατότητες Ανόδου: Με εμπειρία και επιπλέον μαθήματα, πώς μπορώ να προοδεύσω; (π.χ. από βοηθός μηχανικός, να γίνω προϊστάμενος εργαστηρίου ή να ανοίξω δικό μου εργαστήριο).

  • Συνεχής Εκπαίδευση: Πρέπει να κάνω σεμινάρια ή να πάρω νέες πιστοποιήσεις στο μέλλον; Αυξάνουν το μισθό;

7. ΣΥΜΠΕΡΑΣΜΑ & ΠΡΟΤΑΣΕΙΣ

από κάτω από: ΣΕΠ | Δεν υπάρχουν σχόλια »    

ύλη λειτουργικά συστήματα

Ιαν 202623


Λήψη αρχείου

8 Πανελλήνιος Διαγωνισμος Ανοικτών Τεχνολογιών

Ιαν 202619


Λήψη αρχείου

Εργασία Greenfoot παιχνίδι

Ιαν 202614


Λήψη αρχείου

Οδηγός greenfoot

Οκτ 202521


Λήψη αρχείου

Σύνδεση στο app inventor χωρίς λογαριασμό gmail

Νοέ 202224

Για να συνδεθείτε στο app inventor χωρίς λογαριασμό gmail παρακαλώ πατήστε εδώ

Σημείωση, για να μπορέσετε να ξαναχρησιμοποιήσετε το ίδιο project στο μέλλον θα πρέπει να αποθηκεύσετε κάπου έναν μοναδικό κωδικό που σας προτείνει το app inventor

υλικό για πυξίδα

Οκτ 202213

compass arrow

ήχος Beep

Εφαρμογή ζαρια app inventor

Σεπ 202228

Σύνδεσμος στις οδηγίες της εφαρμογής

Υλικό για τα ζάρια

Αυτό είναι ένα παράδειγμα σελίδας του blogs.sch.gr, στην οποία μπορείτε να προσθέσετε πληροφορίες σχετικά με εσάς ή το Ιστολόγιο, ώστε οι αναγνώστες να ξέρουν ποιος είστε. Μπορείτε να δημιουργήσετε όσες σελίδες θέλετε σαν και αυτή ή υποσελίδες και να διαχειριστείτε το περιοχόμενο τους μέσα από το blogs.sch.gr.



Αλλαγή μεγέθους γραμματοσειράς
Αντίθεση
Μετάβαση σε γραμμή εργαλείων