Μάθημα : Εισαγωγή στην HTML
Κωδικός : EL78114
2η φάση: Εμπλουτίζουμε την ιστοσελίδα της ομάδας μας
Ας προσπαθήσουμε να εμπλουτίσουμε την ιστοσελίδα μας:
2.1 Για να κάνουμε διαφορετικές στοιχίσεις στο κείμενο μας δοκιμάζουμε την ετικέτα <center>.
Τροποποιούμε τουλάχιστον ένα σημείο του κειμένου μας να έχει στοίχιση στο κέντρο.
2.2 Για να βάλουμε μια εικόνα του σχολείου μας
Κάνουμε αντιγραφή το παρακάτω κομμάτι HTML κώδικα και το επικολλούμε το σε όποιο σημείο της ιστοσελίδας μας θέλουμε:
<img src="http://3lyk-galats.att.sch.gr/images/School2.jpg">
Διαπιστώνουμε ότι έτσι εμφανίζετε μια φωτογραφία του σχολείου μας.
Για γρήγορη αντιγραφή και επικόλληση μπορούμε να χρησιμοποιήσουμε:
τα πλήκτρα CTRL + C για την αντιγραφή
τα πλήκτρα CTRL + V για την επικόλληση
2.3 Προσθέτουμε και άλλη εικόνα στην ιστοσελίδα μας ή/και αντικαθιστούμε την εικόνα του σχολείου.
2.4 Η εμφάνιση των εικόνων στην ιστοσελίδα μας δεν είναι ικανοποιητική. Είναι σε παράθεση με το κείμενο ενώ θα θέλαμε, είτε να είναι στο πλάι του κειμένου, είτε να είναι σε μία γραμμή μόνες τους.
Πειραματιζόμαστε με την ετικέτα <p> μέχρι να καταφέρουμε να τοποθετήσουμε τις εικόνες στην ιστοσελίδα μας με μια μορφή που να μας ικανοποιεί.
2.5 Για να βάλουμε ένα σύνδεσμο για το σχολείο μας με υπερσύνδεση στην ιστοσελίδα του.
Κάνουμε αντιγραφή το παρακάτω κομμάτι HTML κώδικα και το επικολλούμε σε όποιο σημείο της ιστοσελίδας μας θέλουμε:
<body>
Είμαστε μαθητές του 3ου ΓΕΛ Γαλατσίου
</body>
<a href="http:\\sch.gr">
Η ιστοσελίδα του σχολείου μας
</a>
Δοκιμάζουμε την εμφάνιση και λειτουργία του κώδικα και διορθώνουμε κατάλληλα τον κώδικα έτσι ώστε να παραπέμπει στη σωστή ιστοσελίδα.
2.6 Δημιουργούμε με ανάλογο τρόπο υπερσυνδέσεις από την ιστοσελίδα μας προς ιστοσελίδες οι οποίες να αναφέρονται στα μέλη κάθε ομάδας. Θα πρέπει δηλαδή στο σημείο της ιστοσελίδας που έχουμε τα ονόματα των μελών της ομάδας να κάνουμε τα ονόματα μας να έχουν υπερσύνδεσεις στην ιστοσελίδα που θα ανήκει σε κάθε μέλος.
Συγκεκριμένα, τα μέλη της 1ης ομάδας χρησιμοποιούν τις ιστοσελίδες:
3Λυκ- 1η ομάδα-1ος μαθητής 3Λυκ- 1η ομάδα-2ος μαθητής 3Λυκ- 1η ομάδα-3ος μαθητής
2Λυκ- 1η ομάδα-1ος μαθητής 2Λυκ- 1η ομάδα-2ος μαθητής 2Λυκ- 1η ομάδα-3ος μαθητής
αντίστοιχα τα μέλη της 2ης ομάδας χρησιμοποιούν τις ιστοσελίδες:
3Λυκ- 2ομάδα-1ος μαθητής 3Λυκ- 2η ομάδα-2ος μαθητής 3Λυκ- 2η ομάδα-3ος μαθητής
2Λυκ- 2ομάδα-1ος μαθητής 2Λυκ- 2η ομάδα-2ος μαθητής 2Λυκ- 2η ομάδα-3ος μαθητής
τα μέλη της 3ης ομάδας τις ιστοσελίδες:
3Λυκ- 3η ομάδα-1ος μαθητής 3Λυκ- 3η ομάδα-2ος μαθητής
2Λυκ- 3η ομάδα-1ος μαθητής 2Λυκ- 3η ομάδα-2ος μαθητής
τα μέλη της 4ης ομάδας τις ιστοσελίδες:
3Γελ- 4η ομάδα-1ος μαθητής 3Γελ-4η ομάδα-2ος μαθητής
2Γελ- 4η ομάδα-1ος μαθητής 2Γελ-4η ομάδα-2ος μαθητής
τα μέλη της 5ης ομάδας τις ιστοσελίδες:
3Γελ- 5η ομάδα-1ος μαθητής 3Γελ- 5η ομάδα-2ος μαθητής
2Γελ- 5η ομάδα-1ος μαθητής 2Γελ- 5η ομάδα-2ος μαθητής
τα μέλη της 6ης ομάδας τις ιστοσελίδες:
3Γελ- 6η ομάδα-1ος μαθητής 3Γελ- 6η ομάδα-2ος μαθητής
2Γελ- 6η ομάδα-1ος μαθητής 2Γελ- 6η ομάδα-2ος μαθητής
τα μέλη της 7ης ομάδας τις ιστοσελίδες:
3Γελ- 7η ομάδα-1ος μαθητής 3Γελ- 7η ομάδα-2ος μαθητής
2Γελ- 7η ομάδα-1ος μαθητής 2Γελ- 7η ομάδα-2ος μαθητής
τα μέλη της 8ης ομάδας τις ιστοσελίδες:
3Γελ- 8η ομάδα-1ος μαθητής 3Γελ- 8η ομάδα-2ος μαθητής
2Γελ- 8η ομάδα-1ος μαθητής 2Γελ- 8η ομάδα-2ος μαθητής 2Γελ- 8η ομάδα-3ος μαθητής
τα μέλη της 9ης ομάδας τις ιστοσελίδες:
3Γελ- 9η ομάδα-1ος μαθητής 3Γελ- 9η ομάδα-2ος μαθητής
2Γελ- 9η ομάδα-1ος μαθητής 2Γελ- 9η ομάδα-2ος μαθητής
τα μέλη της 10ης ομάδας τις ιστοσελίδες: