Μάθημα : ΕΦΑΡΜΟΓΕΣ ΠΛΗΡΟΦΟΡΙΚΗΣ Α ΛΥΚΕΙΟΥ

Η CSS (Cascading Style Sheets) είναι μια γλώσσα στυλ που χρησιμοποιείται για τη μορφοποίηση ενός εγγράφου που έχει γραφτεί σε HTML (Hypertext Markup Language).

Η CSS χρησιμοποιείται για να:

• Προσθέτει στυλ: Εφαρμόζει χρώματα, γραμματοσειρές, περιθώρια, φόντα και άλλα οπτικά εφέ.
• Ελέγχει τη διάταξη: Καθορίζει πώς τα στοιχεία της ιστοσελίδας, όπως κείμενο, εικόνες και βίντεο, τοποθετούνται στην οθόνη.
• Δημιουργεί ανταποκρινόμενες (responsive) ιστοσελίδες: Προσαρμόζει την εμφάνιση της ιστοσελίδας σε διάφορες συσκευές και μεγέθη οθόνης (ηυ, ταμπλετ, κινητά).
• Διαχωρίζει το περιεχόμενο από την παρουσίαση: Επιτρέπει στους προγραμματιστές να διατηρούν το περιεχόμενο της ιστοσελίδας σε ένα ξεχωριστό αρχείο HTML και το στυλ σε ένα ή περισσότερα αρχεία CSS.

Είναι σημαντική η CSS γιατί;

• Βελτιώνει την εμφάνιση: Κάνει τις ιστοσελίδες πιο ελκυστικές και ευανάγνωστες.
• Εξοικονομεί χρόνο και προσπάθεια: Επιτρέπει στους προγραμματιστές να εφαρμόζουν στυλ σε πολλές σελίδες ταυτόχρονα, αντί να μορφοποιούν κάθε σελίδα ξεχωριστά.
• Διευκολύνει τη συντήρηση: Κάνει πιο εύκολη την ενημέρωση και την τροποποίηση του στυλ της ιστοσελίδας.
• Βελτιώνει την προσβασιμότητα: Βοηθά τους χρήστες με αναπηρίες να έχουν πρόσβαση στο περιεχόμενο της ιστοσελίδας.

Με λίγα λόγια, το CSS είναι ένα απαραίτητο εργαλείο για κάθε δημιουργό/σχεδιαστή ιστοσελίδων που θέλει να δημιουργήσει όμορφες, λειτουργικές και προσβάσιμες ιστοσελίδες.

Τι είναι η HTML

Η HTML είναι το ακρωνύμιο των λέξεων HyperText Markup Language, δηλαδή Γλώσσα Χαρακτηρισμού Υπερ-Κειμένου και είναι η βασική γλώσσα με την οποία πραγματοποιείται η δόμηση σελίδων του Παγκόσμιου Ιστού.

Η HTML δεν είναι μια γλώσσα προγραμματισμού αλλά μια περιγραφική γλώσσα, δηλαδή ένας ειδικός τρόπος γραφής κειμένου. Oρίζει ένα σύνολο κοινών στυλ για τις Web σελίδες, όπως τίτλοι (titles), επικεφαλίδες (headings), παράγραφοι (paragraphs), λίστες (lists) και πίνακες (tables). Κάθε στοιχείο έχει ένα όνομα και περιέχεται μέσα στα σύμβολα < >, που αποκαλούνται ετικέτες (tags).

Όταν ο Φυλλομετρητής ανακτά μια ιστοσελίδα, στην ουσία ανακτά τον κώδικα HTML της ιστοσελίδας. Στη συνέχεια, ο Φυλλομετρητής «διαβάζει» και «διερμηνεύει» τις ετικέτες της HTML, δημιουργεί την ιστοσελίδα και την εμφανίζει στην οθόνη, μορφοποιώντας το κείμενο και τις εικόνες της.

Μέσα απο ένα απλό παράδειγμα αναπτυξης εφαρμογής στο περιβαλλον του appinventor θα προσπαθήσουμε να αναλυσουμε και να κατανοήσουμε τον κύκλο αναπτυξης μιας εφαρμογή λογισμικού