ΦΥΛΛΟ ΕΡΓΑΣΙΑΣ Διδακτική Ενότητα HTML & ΔΗΜΙΟΥΡΓΙΑ ΕΞΩΤΕΡΙΚΩΝ ΦΥΛΛΩΝ ΣΤΥΛ Ονοματεπώνυμο CSS(Cascading Style Sheets).. Τμήμα.. Ημερομηνία. 1. Ανοίξηε ηο απσείο Περί τεχνολογίας.html 2. Χπηζιμοποιήζηε ηο παπακάηω ςπόδειγμα πποκειμένος να μοπθοποιήζεηε ηο πεπιεσόμενο ηηρ ιζηοζελίδαρ σπηζιμοποιώνηαρ CSS. 3. Σηην ζςνέσεια εξηγήζηε ηα αποηελέζμαηα, από ηην εθαπμογή ηος κάθε θύλλος ζηςλ ζηην ιζηοζελίδα ζαρ. p { font-family: Cambria, Comic Sans MS, Lucida Handwriting; text-align:left; font-size: large; font-style: normal; margin-top:10%; text-indent: 5% body { color: yellow; background: navy; margin-left: 15%; margin-right: 10% img { width:300; height:400; float:right; unity {font-family: Arial; font-size: larger; 58
pg { font-weight: bolder; font-variant:small-caps; font-style:italic; text-decoration:overline; line-height:2 font-family: Times New Roman; font-size: smaller; font-weight: lighter; word-spacing:10; text-decoration:blink; color: white; margin-top:10%; text-align:justify; text-indent: 15% 59
<html> <head> <link rel="stylesheet" type="text/css" href="mystyle.css"/> </head> <body> <unity> Ανθρωποσ & Τπολογιςτησ - Δημιουργοσ & δημιουργημα </unity> <p>μερικϋσ δεκαετύεσ πιο πριν, ςτα 1970, η πολυγραφότατη και διακεκριμϋνη παιδαγωγόσ <b> Έλλη Αλεξύου </b>θα αποδειχθεύ ότι ςκϋφτεται πολύ πιο μπροςτϊ από την εποχό τησ, τόςο βαθυςτόχαςτα και διαχρονικϊ ώςτε να απαριθμόςει με ακρύβεια, ςαφόνεια και επιτυχύα τουσ λόγουσ τησ ςυντριπτικόσ ανωτερότητασ του ανθρώπινου εγκεφϊλου:</p> <img src="αλεξύου Έλλη.jpg"> «Πρώτον: Ο νουσ του ανθρώπου εύναι δημιουργικόσ. Ο ηλεκτρονικόσ εγκϋφαλοσ απαντϊ ςτισ ςοφύεσ που εμεύσ του βϊλαμε μϋςα. Από δικού του δε μπορεύ να κϊμει τύποτε. Εύναι, ϊμα καθύςεισ και το εξετϊςεισ, ϋνασ καλόσ παπαγϊλοσ. Κι ο παπαγϊλοσ καταφϋρνει και επαναλαμβϊνει τισ φρϊςεισ που του μϊθαμε... Δεύτερον: Ο ϊνθρωποσ ϋχει πρωτοτυπύα. Σρύτον: Ο ϊνθρωποσ ϋχει το προνόμιο τησ διαύςθηςησ. υχνϊ οςφραύνεται το καλό και το κακό προτού αυτό εκδηλωθεύ. Σϋταρτον: Ο ανθρώπινοσ νουσ ϋχει φανταςύα. Μπορεύ με το μυαλό του να φανταςθεύ υπερϊνθρωπα θαύματα. Πϋμπτον: O ϊνθρωποσ ϋχει εφευρετικότητα. Όταν κϊπου ςκοντϊψει ψϊχνει και βρύςκει ϊλλη λύςη. Ενώ ο κακομούρησ ο ηλεκτρονικόσ εγκϋφαλοσ ϊμα ςκοντϊψει ςκόνταψε. Έκτον: Ο ϊνθρωποσ εύναι ςυναιςθηματικόσ. Χαύρεται ό πϊςχει ανϊλογα με το εύδοσ των εντυπώςεων. Οι μηχανϋσ εύναι αναύςθητεσ. Έβδομον: Ο ανθρώπινοσ νουσ εύναι ερευνητικόσ, ϋχει περιϋργεια, ενδιαφϋροντα και Όγδοων: Ο ηλεκτρονικόσ εγκϋφαλοσ εύναι ϋργο του ανθρώπινου νου και δεν εύναι ο ανθρώπινοσ νουσ ϋργο του ηλεκτρονικού εγκεφϊλου. Ο ανθρώπινοσ νουσ ϋφτιαξε τα μεγϊλα ϋργα τησ τϋχνησ: Όμηροσ, αύξπηρ, Ραφαόλοσ, Πλϊτων. Εύναι ϊξιοσ ο ηλεκτρονικόσ εγκϋφαλοσ να πληςιϊςει ούτε το μικρό τουσ δαχτυλϊκι; Εμεύσ τον ςκεφτόκαμε και εμεύσ τον φτιϊξαμε, για να μασ υπηρετεύ και να μασ διευκολύνει. Και αυτό κϊνει, εύναι υπηρϋτησ μασ.»</unity> <p><pg>mην παραπλανϊςαι λοιπόν. Με ϋναν υπολογιςτό δεν εύναι δυνατό να κϊνεισ διϊλογο, αφού ο ουςιαςτικόσ διϊλογοσ δεν προώποθϋτει προδιαγεγραμμϋνεσ απαντόςεισ. Ο διϊλογοσ προώποθϋτει ανταλλαγό απόψεων. Ένασ ςκληρόσ δύςκοσ, μια μητρικό κϊρτα, μια ποςότητα μνόμησ τυχαύασ ό ϊμεςησ προςπϋλαςησ δεν ϋχουν ϊποψη. Αυτϊ τα ύδια αποτελούν μια ϊποψη του δημιουργού τουσ. Ο υπολογιςτόσ δεν παύρνει πρωτοβουλύεσ. Αν δεν πϊρει εντολό καταντϊ ϋπιπλο. Ο ουςιαςτικόσ διϊλογοσ ϋχει ςα βαςικότατο ςυςτατικό ςτοιχεύο την πρωτοβουλύα ϋκφραςησ γνώμησ. Η μηχανό ϋχει ςκοπό να υπηρετόςει τον ϊνθρωπο και τη ζωό του εν γϋνει, όχι όμωσ να τα αντικαταςτόςει. Έτςι λοιπόν δε διαλϋγεςαι με τον προςωπικό ςου υπολογιςτό, δύνεισ μια ϊλλη διϊςταςη ςτα μοναχικϊ ςου ςυναιςθόματα. Και αυτό δεν εύναι τόςο μεμπτό όςο φαύνεται, γιατύ δε φταισ εςύ για αυτϊ. Ίςωσ φταύει η νοοτροπύα του ςυρμού που πολλϋσ φορϋσ αγνοεύ τη ςυναιςθηματικό και πνευματικό διϊςταςη του ανθρώπου. Εςϋνα ύςωσ ςε ϋχει απωθόςει η ϊρχουςα αυτό νοοτροπύα. 60
Έτςι ζητϊσ καταφύγιο ςτην οθόνη, όπου μπορεύσ να φτιϊξεισ ϋναν κόςμο κατϊ βούληςη. Όμωσ η αλόθεια παραμϋνει. Ό,τι κόςμο και να φτιϊξεισ δε θα εύναι ο αληθινόσ. </pg></p> Σι πρϋπει να γύνει λοιπόν; Διϊλεξε το δύςκολο δρόμο. Διϊλεξε να αλλϊξεισ την ϊρχουςα νοοτροπύα τησ ςύγχρονόσ ςου ζωόσ. Και ασ μην ϋχεισ ορατό ςτον ορύζοντα την τελικό επιτυχύα, αφού η ουςύα τησ ανθρώπινησ ύπαρξησ κρύβεται μϋςα ςτην ϋννοια τησ αδιϊκοπησ προςπϊθειασ. Κρύβεται ςτο κυνόγι του ακατόρθωτου, ςτο επύγειο όνειρο. Κι ασ ξϋρεισ πωσ δε θα φτϊςεισ ςτην Ιθϊκη, μπορεύσ να απολαύςεισ και να κατανοόςεισ τα μυςτικϊ που κρύβει το απϋραντο ταξύδι. Ένα ταξύδι του οπούου οι θιαςώτεσ λύγεσ φορϋσ φτϊνουν ςτον προοριςμό τουσ, ςτο μϋροσ για το οπούο ξεκύνηςαν. Αξύζει να παλϋψεισ να εύςαι εςύ ϋνασ από αυτούσ τουσ λύγουσ δικαιωμϋνουσ λοιπόν. </body> </html> 61
ΦΥΛΛΟ ΕΡΓΑΣΙΑΣ Διδακτική Ενότητα HTML & ΔΗΜΙΟΥΡΓΙΑ ΦΥΛΛΩΝ ΣΤΥΛ CSS(Cascading Style Sheets) Ονοματεπώνυμο.. Τμήμα.. Ημερομηνία. 4. Χπηζιμοποιήζηε ηο παπακάηω ςπόδειγμα πποκειμένος να μοπθοποιήζεηε ηο πεπιεσόμενο μιαρ οποιαδήποηε ιζηοζελίδαρ σπηζιμοποιώνηαρ CSS. 5. Σηην ζςνέσεια εξηγήζηε ηα αποηελέζμαηα, από ηην εθαπμογή ηος κάθε θύλλος ζηςλ ζηην ιζηοζελίδα ζαρ. h <style> </style> h{font-weight:bold; font-style:italic; text-decoration:underline f{font-size:18; font-family:arial p{text-align:justify; line-height:2; margin-left:60; text-indent:40 r{color:red; background:green img{width:180;height:120 f p r img 62