HTML
ΚΕΦΑΛΑΙΟ CSS – ΕΠΙΠΕΔΟ 1
Πληκτρολογήστε το παρακάτω κείμενο, χωρίς (αρχικά) να υλοποιήσετε τις μορφοποιήσεις: Τι είναι: Το pixel είναι ένα απλό τετραγωνάκι που έχει ένα συγκεκριμένο χρώμα. Η ανάλυση μιας εικόνας είναι το πόσα pixel έχει. Όσο περισσότερα είναι τα pixel, τόσο μεγαλύτερη είναι η ανάλυση. Πώς το καταλαβαίνεις: Φαντάσου ότι φτιάχνεις ένα παζλ με δύο διαφορετικούς τρόπους: Χαμηλή ανάλυση: Το παζλ αποτελείται από 100 μεγάλα κομμάτια. Αν το κοιτάξεις από κοντά, θα δεις τις άκρες κάθε κομματιού και η εικόνα θα φαίνεται «σπασμένη». Υψηλή ανάλυση: Το παζλ αποτελείται από 1 εκατομμύριο μικροσκοπικά κομματάκια. Από κοντά, δεν θα μπορείς να ξεχωρίσεις τα κομμάτια, και η εικόνα θα φαίνεται πολύ πιο καθαρή και λεπτομερής. Στην πράξη: Αν ανοίξεις μια εικόνα με χαμηλή ανάλυση και κάνεις ζουμ, θα δεις τα pixel της να μεγεθύνονται και να φαίνονται σαν τετραγωνάκια. Αυτό ονομάζεται pixelation. Πώς λειτουργεί: 2 bit: 4 διαφορετικά χρώματα (π.χ. μαύρο, σκούρο γκρι, ανοιχτό γκρι, άσπρο). 8 bit: 256 διαφορετικές αποχρώσεις. 24 bit (ή 32 bit): Εκατομμύρια διαφορετικά χρώματα. Αυτό είναι το λεγόμενο “True Color” που βλέπουμε στις οθόνες μας. Δημιουργήστε φύλλα στυλ (CSS code) προκειμένου να εφαρμόσετε εύκολα και γρήγορα τις μορφοποιήσεις που απαιτούνται στην άσκηση που έχει δοθεί. Ακολουθήστε το υπόδειγμα και συμπληρώστε ότι χρειάζεται. <html> <head> <style> partitle { text-align: center; font-size: 26px; font-family: Verdana,Arial, Georgia; color: red; font-weight: 900; } partext { text-align: justify; font-size: 16px; font-family: Bookman Old Style, Book Antiqua; color: black; font-weight: 300; } wordtext{ color: orange; font-weight: 700; font-size: 18px; } </style> </head> <body> <partitle > Η τέχνη και επιστήμη της ψηφιακής εικόνας </partitle > <partext> 1. Τα pixel: τα δομικά στοιχεία <wordtext>Τι είναι:</wordtext> <wordtext>Πώς λειτουργεί: </wordtext> <wordtext>Η «φαντασία» του υπολογιστή: </wordtext> </body> </html> Υπολογισμός μεγέθους αρχείου εικόνας Για να υπολογίσουμε το μέγεθος ενός αρχείου εικόνας (image file size), πρέπει να καταλάβουμε πώς αποθηκεύεται μια εικόνα στον υπολογιστή. Φανταστείτε την εικόνα ως ένα μεγάλο πλέγμα, όπου κάθε τετραγωνάκι είναι ένα pixel (pixel). Ο υπολογισμός γίνεται σε δύο κύρια βήματα: Βήμα 1. Υπολογισμός του συνολικού αριθμού των pixel της εικόνας. Βήμα 2. Υπολογισμός του χώρου που απαιτείται για να αποθηκευτεί το χρώμα κάθε pixel. Ειδικότερα: Βήμα 1. Το πρώτο βήμα είναι να βρούμε από πόσα pixel αποτελείται η εικόνα. Αυτό εξαρτάται από την ανάλυση (resolution) της εικόνας η οποία περιγράφεται από ένα γινόμενο, Ανάλυση εικόνας = αριθμός pixel (στην οριζόντια διάσταση) * αριθμός pixel (στην κατακόρυφη διάσταση) Παράδειγμα 1 Αν μια εικόνα έχει ανάλυση1920 * 1080 pixel, αυτό σημαίνει ότι αποτελείται από συνολικά, 1920 * 1080 = 2.073.600 pixel Βήμα 2. Βάθος Χρώματος (Color Depth) Το βάθος χρώματος ορίζει (πόσα bits) χρησιμοποιούνται για να αποθηκευτεί το χρώμα κάθε μεμονωμένου pixel. Προφανώς ισχύει ότι, Συνολικό Μέγεθος (σε bits) = Συνολικά pixel * Βάθος Χρώματος Παράδειγμα 1 (συνέχεια) Έστω βάθος χρώματος 24 bits. Τότε η εικόνα θα απαιτεί για την αποθήκευσή της χώρο ίσο με: 2.073.600 * 24 = 49.766.400 bits Παράδειγμα 2 Έστω εικόνα με ανάλυση 800 * 600 pixel και βάθος χρώματος 16 bit. Η εικόνα θα αποτελείται από: 800 * 600 = 480000 pixel και το μέγεθός της θα είναι: 480.000 * 16 = 7.680.000 bits Πρωτογενής αγορά ομολόγων του ελληνικού Δημοσίου – Οργανισμός Διαχείρισης Δημοσίου Χρέους (ΟΔΔΗΧ). Όταν ένα κράτος δανείζεται, ουσιαστικά πουλάει “φρέσκα” ομόλογα στην λεγόμενη πρωτογενή αγορά – δηλαδή στην αγορά νέων ή φρέσκων ομολόγων. Την ευθύνη για την οργάνωση αυτής της πρωτογενούς αγοράς στην Ελλάδα την φέρει ο λεγόμενος ΟΔΔΗΧ. Ο Οργανισμός Διαχείρισης Δημοσίου Χρέους (ΟΔΔΗΧ) είναι παρακλάδι του υπουργείου οικονομικών, ένα Νομικό Πρόσωπο Δημοσίου Δικαίου πού ιδρύθηκε το 1998 με σκοπό την αποτελεσματικότερη άντληση δανείων από τις χρηματαγορές για την κάλυψη των δανειακών αναγκών του Δημοσίου.
Πώς λειτουργεί: Ο υπολογιστής αποθηκεύει τον αριθμό που αντιστοιχεί στο χρώμα κάθε pixel. Για παράδειγμα, σε μια ασπρόμαυρη εικόνα, ο αριθμός 0 μπορεί να είναι το μαύρο και ο αριθμός 255 το άσπρο. Όλοι οι ενδιάμεσοι αριθμοί είναι διάφορες αποχρώσεις του γκρι.
Η «φαντασία» του υπολογιστή: Ο υπολογιστής απλά διαβάζει όλους αυτούς τους αριθμούς και τους βάζει στη σειρά, όπως θα έκανες και εσύ με ένα ψηφιακό παζλ. Έτσι φτιάχνεται η εικόνα που βλέπεις στην οθόνη σου.
Εικόνα 1: Πεταλούδα
Εικόνα 2: Δένδρο
Εικόνα 3: Happy face
Εικόνα 4: Happy face (Digital Storage)
Φαντάσου την εικόνα μιας φωτογραφίας στον υπολογιστή σου. Αυτό που βλέπεις είναι ένα ολόκληρο, ενιαίο αντικείμενο. Στην πραγματικότητα, για τον υπολογιστή δεν είναι τίποτα περισσότερο από ένα τεράστιο παζλ με εκατομμύρια μικροσκοπικά κομματάκια. Κάθε ένα από αυτά τα κομματάκια είναι ένα εικονοστοιχείο, ή αλλιώς pixel.
</partext>
<partext>Το pixel είναι ένα απλό τετραγωνάκι που έχει ένα συγκεκριμένο χρώμα.</partext>
<partext>Ο υπολογιστής αποθηκεύει τον αριθμό που αντιστοιχεί στο χρώμα κάθε pixel. Για παράδειγμα, σε μια ασπρόμαυρη εικόνα, ο αριθμός 0 μπορεί να είναι το μαύρο και ο αριθμός 255 το άσπρο. Όλοι οι ενδιάμεσοι αριθμοί είναι διάφορες αποχρώσεις του γκρι.</partext>
<partext>Ο υπολογιστής απλά διαβάζει όλους αυτούς τους αριθμούς και τους βάζει στη σειρά, όπως θα έκανες και εσύ με ένα ψηφιακό παζλ. Έτσι φτιάχνεται η εικόνα που βλέπεις στην οθόνη σου.</partext>