Μάθημα : ΕΦΑΡΜΟΓΕΣ ΠΛΗΡΟΦΟΡΙΚΗΣ Α ΛΥΚΕΙΟΥ
Κωδικός : 0501007560
0501007560 - ΒΑΣΙΛΕΙΟΣ ΠΡΟΞΕΝΙΑΣ
Η πλατφόρμα σάς ανακατεύθυνε αυτόματα στην αρχική σελίδα για να συνδεθείτε προτού προχωρήσετε σε άλλες ενέργειες. Πιθανόν, να έληξε η σύνοδός σας.
Περιγραφή Μαθήματος
Η προσβασιμότητα στο web (Web Accessibility) διασφαλίζει ότι άτομα με αναπηρίες (οπτικές, ακουστικές, κινητικές) μπορούν να αντιλαμβάνονται, να κατανοούν, να πλοηγούνται και να αλληλεπιδρούν με το διαδίκτυο. Βασίζεται σε διεθνή πρότυπα (WCAG 2.1/2.2) και είναι νομικά υποχρεωτική για πολλούς φορείς βάσει της οδηγίας ΕΕ 2019/882 (European Accessibility Act)
Μέχρι το τέλος της χρονιάς καλείστε να εφαρμόσετε τις βασικές γνώσεις στην html και css που αποκτησατε στο μαθημα.
Καλείστε να επιλέξετε ένα απο τα παρακάτω microproject αυτά και να το υλοποιησετε.
Σημείωση: Αν έχετε κάτι αλλο κατα νου που εμπίπτει στα ενδιαφεροντα σας μπορείτε να το επιλέξετε.
|
α/α
|
Τίτλος Microproject
|
Θεματολογία
|
Βασικά Στοιχεία Υλοποίησης (HTML & CSS)
|
|---|---|---|---|
|
1
|
Θεματικός Τουριστικός Οδηγός
|
Τουρισμός (π.χ. Τρία Ελληνικά Νησιά)
|
Δομή με πολλές σελίδες (index, νησιά), μενού πλοήγησης και responsive layout με CSS.
|
|
2
|
Ψηφιακό Βιβλίο Μαγειρικής
|
Διατροφή & Συνταγές
|
Χρήση λιστών (
ul, ol) για υλικά/εκτέλεση και πινάκων για ποσότητες. |
|
3
|
Παρουσίαση Προσωπικού Χόμπι
|
Προσωπικά Ενδιαφέροντα
|
Σύνδεσμοι προς εξωτερικές πηγές, μορφοποίηση εικόνων και hover effects στους συνδέσμους.
|
|
4
|
Ψηφιακή Γκαλερί Καλλιτεχνών
|
Τέχνη & Πολιτισμός
|
Χρήση εξωτερικού αρχείου CSS για τη μορφοποίηση στοιχείων
body, h1, img και hr. |
|
5
|
Σελίδα Παρουσίασης Εφαρμογής
|
Τεχνολογία (App Inventor)
|
Δημιουργία "landing page" για εφαρμογές κινητών με πίνακες τεχνικών προδιαγραφών.
|
|
6
|
Οδηγός Ψηφιακής Ασφάλειας
|
Ασφάλεια στο Διαδίκτυο & Netiquette
|
Χρήση έντονων χρωμάτων και πλαισίων (borders) με CSS για την ανάδειξη συμβουλών προστασίας.
|
|
7
|
Ψηφιακό Μουσείο Τοπικής Ιστορίας
|
Τοπική Ιστορία & Μνημεία
|
Οργάνωση ιστορικών πληροφοριών σε πίνακες και χρήση ετικετών
alt για προσβασιμότητα εικόνων. |
|
8
|
Ενημέρωση για Φυσικές Καταστροφές
|
Περιβάλλον & Πρόληψη (π.χ. Σεισμοί)
|
Ενσωμάτωση συνδέσμων προς επίσημους φορείς και δημιουργία ανταποκρινόμενης διάταξης.
|
|
9
|
Κανόνες Αθλήματος ή Αγωνίσματος
|
Αθλητισμός
|
Χρήση εμφωλευμένων λιστών για τους κανόνες και στοίχιση κειμένου με CSS.
|
|
10
|
Χρονολόγιο Επιστημονικών Ανακαλύψεων
|
Ιστορία της Επιστήμης
|
Δομή με
div και span για τον έλεγχο της διάταξης και της οπτικής ροής των γεγονότων. |
Η CSS (Cascading Style Sheets) είναι μια γλώσσα στυλ που χρησιμοποιείται για τη μορφοποίηση ενός εγγράφου που έχει γραφτεί σε HTML (Hypertext Markup Language).
Η CSS χρησιμοποιείται για να:
- Προσθέτει στυλ: Εφαρμόζει χρώματα, γραμματοσειρές, περιθώρια, φόντα και άλλα οπτικά εφέ.
- Ελέγχει τη διάταξη: Καθορίζει πώς τα στοιχεία της ιστοσελίδας, όπως κείμενο, εικόνες και βίντεο, τοποθετούνται στην οθόνη.
- Δημιουργεί ανταποκρινόμενες (responsive) ιστοσελίδες: Προσαρμόζει την εμφάνιση της ιστοσελίδας σε διάφορες συσκευές και μεγέθη οθόνης (ηυ, ταμπλετ, κινητά).
- Διαχωρίζει το περιεχόμενο από την παρουσίαση: Επιτρέπει στους προγραμματιστές να διατηρούν το περιεχόμενο της ιστοσελίδας σε ένα ξεχωριστό αρχείο HTML και το στυλ σε ένα ή περισσότερα αρχεία CSS.
Είναι σημαντική η CSS γιατί;
- Βελτιώνει την εμφάνιση: Κάνει τις ιστοσελίδες πιο ελκυστικές και ευανάγνωστες.
- Εξοικονομεί χρόνο και προσπάθεια: Επιτρέπει στους προγραμματιστές να εφαρμόζουν στυλ σε πολλές σελίδες ταυτόχρονα, αντί να μορφοποιούν κάθε σελίδα ξεχωριστά.
- Διευκολύνει τη συντήρηση: Κάνει πιο εύκολη την ενημέρωση και την τροποποίηση του στυλ της ιστοσελίδας.
- Βελτιώνει την προσβασιμότητα: Βοηθά τους χρήστες με αναπηρίες να έχουν πρόσβαση στο περιεχόμενο της ιστοσελίδας.
Με λίγα λόγια, το CSS είναι ένα απαραίτητο εργαλείο για κάθε δημιουργό/σχεδιαστή ιστοσελίδων που θέλει να δημιουργήσει όμορφες, λειτουργικές και προσβάσιμες ιστοσελίδες.
από 27/1/26
Τι είναι η HTML
Η HTML είναι το ακρωνύμιο των λέξεων HyperText Markup Language, δηλαδή Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου και είναι η βασική γλώσσα με την οποία πραγματοποιείται η δόμηση σελίδων του Παγκόσμιου Ιστού.
Η HTML δεν είναι μια γλώσσα προγραμματισμού αλλά μια περιγραφική γλώσσα, δηλαδή ένας ειδικός τρόπος γραφής κειμένου. Oρίζει ένα σύνολο κοινών στυλ για τις Web σελίδες, όπως τίτλοι (titles), επικεφαλίδες (headings), παράγραφοι (paragraphs), λίστες (lists) και πίνακες (tables). Κάθε στοιχείο έχει ένα όνομα και περιέχεται μέσα στα σύμβολα < >, που αποκαλούνται ετικέτες (tags).
Όταν ο Φυλλομετρητής ανακτά μια ιστοσελίδα, στην ουσία ανακτά τον κώδικα HTML της ιστοσελίδας. Στη συνέχεια, ο Φυλλομετρητής «διαβάζει» και «διερμηνεύει» τις ετικέτες της HTML, δημιουργεί την ιστοσελίδα και την εμφανίζει στην οθόνη, μορφοποιώντας το κείμενο και τις εικόνες της.
από 4/11/25
Μέσα απο ένα απλό παράδειγμα αναπτυξης εφαρμογής στο περιβαλλον του appinventor θα προσπαθήσουμε να αναλυσουμε και να κατανοήσουμε τον κύκλο αναπτυξης μιας εφαρμογή λογισμικού
από 23/9/25
Οι εφαρμογές έχουν σαν κύριο σκοπό την γνωριμία των μαθητών με το περιβαλλον του προγραμματιστικού εργαλείου Appinventor.
Σε πρώτη φάση οι δραστηριότητες θα είναι καθοδηγούμενες, πράγμα που σημαίνει πως ο μαθητής ακολουθώντας τις οδηγίες θα μπορεί να φτάσει στο αποτέλεσμα, ακόμα και χωρίς την καθοδήγηση του εκπαιδευτικού
Ημερολόγιο
Ανακοινώσεις
Όλες...-
Κυριακή 11 Ιανουαρίου 2026 - 12:25 μ.μ.