Μάθημα : Σχεδίαση και Ανάπτυξη Ιστοτόπων - Β ΕΠΑΛ

Σχεδίαση και Ανάπτυξη Ιστοτόπων - Β ΕΠΑΛ

2040045155 - ΖΩΗ ΓΚΑΡΑΝΑΤΣΗ

Ενότητες μαθήματος

Εφαρμογή 11: Ελληνικό καλοκαιρινό στυλ

Εφαρμογή 10: Κρυφτό! Εφαρμογή 12: Δεδομένα σε… φόρμ...

<!DOCTYPE html>
<!-- Εφαρμογή 11: Προχωρημένες δυνατότητες εμφάνισης εικόνων
στο προσκήνιο και το παρασκήνιο
Αρχείο p11.html
-->
<html lang="el-GR">
<head>
<title>Για τη θάλασσα</title>
<meta charset="utf-8">
<meta name="author" content="Ο συγγραφέας">
<meta name="description" content="Εμφάνιση εικόνων στο προσκήνιο
και το παρασκήνιο">
<style>
body {
background-attachment: fixed;
background-color: #aaccdd;
background-image: url("thalassa.jpg");
background-position: center;
background-repeat: no-repeat;
text-align: center;
text-shadow: 1px 1px 4px white;
}
p.δημιουργός {
font-family: Arial, sans-serif;
font-size: 1.2em;
font-weight: bold;
font-style: italic;
line-height: 10%;
}
h1 {
color: powderblue;
font-size: 2.4em;
font-family: Georgia, serif;
text-shadow: 1px 1px 10px navy;
}
.τίτλος {
color: blue;
font-size: 2em;
font-family: Georgia, serif;
text-shadow: 2px 2px lightgreen;
}
.ποίημα, .κείμενο {
display: block;
color: navy;
font-size: 1.3em;
word-spacing: 5px;
font-family: Georgia, serif;
font-weight: bolder;
}
.ποίημα {
white-space: pre;
}
.κείμενο {
white-space: normal;
}
.αναφορά, p em {
text-align: right;
font-weight: bolder;
}
img {
width: 400px;
height: 200px;
}
#eik1 {
transform: rotate(-8deg);
position: fixed;
left: 10px;
top: 20px;
z-index: -4;
}
#eik2 {
transform: rotate(10deg);
position: fixed;
left: 10px;
bottom: 20px;
z-index: -3;
}
#eik3 {
transform: rotate(5deg);
position: fixed;
right: 10px;
top: 20px;
z-index: -2;
}
#eik4 {
transform: rotate(-4deg);
position: fixed;
right: 10px;
bottom: 20px;
z-index: -1;
}
</style>
</head>
<body>
<a name="αρχή"><h1>Ένα ποίημα και ένα κείμενο για τη θάλασσα</h1></a>
<img id="eik1" src="paralia1.jpg" alt="μια ωραία παραλία">
<img id="eik2" src="paralia2.jpg" alt="άλλη μια ωραία παραλία">
<img id="eik3" src="paralia3.jpg" alt="ακόμη μια ωραία παραλία">
<img id="eik4" src="paralia4.jpg" alt="ίσως η πιο ωραία παραλία">
<p><em>Από τα Κείμενα Νεοελληνικής Λογοτεχνίας -
Βιβλίο Μαθητή της Β' Γυμνασίου...</em></p>
<p class="τίτλος">Ξυπνάμε και η θάλασσα ξυπνά μαζί μας (1940)</p>
<p class="δημιουργός">Ποιητής: Γιώργος Σαραντάρης</p>
<p class="ποίημα">
Ξυπνάμε και η θάλασσα ξυπνά μαζί μας
Με όραση καινούρια προχωρούμε
Η μέρα έχει <abbr title="γεωμετρικά σχήματα, εδώ μεταφορικά">μαιάνδρους</abbr>
Όπως η θάλασσα κύματα
Στην καρδιά μας αδειάσαμε (προσωρινά)
Την πόλη
Εμείναμε με την εικόνα τ' ουρανού
O ήλιος εμέτρησε τη γη μας
Η μέρα τούτη όπου ξυπνήσαμε
Με θάλασσα και κύματα
Με όραση και μνήμη καθαρή
Τόσο μεγάλωσε
Που ο ήλιος δεν μπόρεσε να τη μετρήσει
Που ο ήλιος δεν μπόρεσε να τη χωρέσει
</p>
<p class="αναφορά">Γ. Σαραντάρης, <cite>Ποιήματα</cite>, τόμ. 5, Gutenberg</p>
<p><em>Από τα Κείμενα Νεοελληνικής Λογοτεχνίας -
Βιβλίο Μαθητή της Β' Γυμνασίου...</em></p>
<p class="τίτλος">Απόσπασμα από <cite>Τα ψάθινα καπέλα</cite> (1946)</p>
<p class="δημιουργός">Συγγραφέας: Μαργαρίτα Λυμπεράκη</p>
<p class="κείμενο">
Απ' το παλιό μας σπίτι θυμάμαι λίγα πράγματα. Ήταν κάπου κοντά
στο Λυκαβηττό κι είχε ταράτσα που 'βλεπε στο Φάληρο. Ζούσε μαζί
μας ο πατέρας κι είχαμε ένα <abbr title="κυνηγετικό σκυλί">λαγωνικό
</abbr> που το λέγανε Ντικ. Θυμάμαι και δυο βάζα κινέζικα στις δυο
γωνιές της σάλας. Τίποτ' άλλο. Η Μαρία όμως θυμάται πολλά. Μας τα
λέει καμιά φορά κι εμείς δακρύζουμε κρυφά η μια από την άλλη.
</p>
<p class="κείμενο">
Με τον πατέρα πηγαίναμε στη θάλασσα σχεδόν κάθε Κυριακή. Είχε ένα
παμπάλαιο αυτοκίνητο που 'μοιαζε με οβίδα και που το λέγαμε
«Καραϊσκάκη». Έτσι το 'χε βαφτίσει ένα <abbr title="αλητόπαιδο">
μορτόπαιδο</abbr> καθώς περνούσαμε από έναν κεντρικό δρόμο της
Αθήνας, και μεις χαρήκαμε, γιατί το αυτοκίνητο του πατέρα δεν
ήταν κοινό αυτοκίνητο και του άξιζε να έχει ένα όνομα. Το
χρώμα του ήταν καφέ ή γκρίζο ή ίσως και χακί, από μέσα ήταν
στρωμένο με βυσσινί πετσί αληθινό, μια πολυτέλεια που ερχόταν
σε αντίθεση με το σύνολο· ήταν ψηλό, εντελώς ανοιχτό και δίχως
κουκούλα, με τη μηχανή του κομμένη μπροστά κατακόρυφα σα φάτσα
<abbr title="μούργος, αδέσποτος σκύλος">μούργικου</abbr>
σκύλου· πίσω κατέληγε σε μύτη που θύμιζε ουρά τσαλαπετεινού·
κι εκεί στη μύτη υπήρχε ένα ξύλινο ντουλαπάκι όπου πετούσαμε
<abbr title="μαγιό">τα κοστούμια του μπάνιου</abbr>, τα ψαρικά,
κι ό,τι άλλο, ανάκατα. Κοντολογίς ήταν ένα αυτοκίνητο με δικό
του χαρακτήρα και εμφάνιση προκλητική.
</p>
<p class="αναφορά">Μ. Λυμπεράκη, <cite>Τα ψάθινα καπέλα</cite>,
Εκδόσεις Καστανιώτη</p>
<p></p>
<a href="#αρχή">Επιστροφή στην αρχή του εγγράφου</a>
</body>
</html>