| HTML | Αποτέλσμα | ||
|---|---|---|---|
| <address> <b>Τίτλος Σελίδας</b><br> Last Updated June 10, 2000<br> Web Page by University Of Macedonia (webmaster@uom.gr) <br> <a href="http://www.uom.gr/"> University Of Macedonia</a><br> </address> |
|
Ένα χρήσιμο χαρακτηριστικό κάθε ιστοσελίδας είναι μια υποσημείωση (footer) στο τέλος της σελίδας που παρέχει διάφορες πληροφορίες για το συγγραφέα και τη σελίδα, ίσως για την ημερομενία που τροποποιήθηκε για τελευταία φορά, καθώς και τη δυνατότητα να στείλει κανείς μύνημα στο συγγραφέα με e-mail.
Αυτή είναι η θέση για την ετικέτα address που απλά αλλάζει τα γράμματα του κειμένου σε πλαγιαστά και τα τοποθετεί σε νέα γραμμή.
Είναι καλή ιδέα να κάνετε τις σημειώσεις σας σύντομες, κατατοπιστικές, και συνεπής ανάμεσα στις διάφορες σελίδες σας. Μερικές χρήσιμες πληροφορίες που θα μπορούσατε να συμπεριλάβεται είναι:
Η HTML για την ετικέτα address είναι:
<address>
Κείμενο
</address>
Σημειώστε οτι οποιαδήποτε άλλη HTML μέσα στη ετικέτα επιτρέπεται, οπότε μπορούμε να προσθέσουμε έντονα γράμματα, αλλαγές γραμμής και υπερσυνδέσμους:
| HTML | Αποτέλσμα | ||
|---|---|---|---|
| <address> <b>Τίτλος Σελίδας</b><br> Last Updated June 10, 2000<br> Web Page by University Of Macedonia (webmaster@uom.gr) <br> <a href="http://www.uom.gr/"> University Of Macedonia</a><br> </address> |
|
Ας υποθέσουμε τώρα, οτι κάποιος βλέπει τη σελίδα σας και θέλει να σας στείλει τα σχόλια του. Θα πρέπει να σημειώσει το e-mail σας και χρησιμοποιώντας ένα άλλο πρόγραμμα να σας στείλει το μήνυμα. Δε θα ήταν καλύτερα αν μπορούσε να σας το στείλει απ'ευθείας απο τον Web browser;
Για να γίνει αυτό αρκεί να δημιουργήσετε έναν υπερσύνδεσμο με την ιδιότητα mailto στη URL (δες μάθημα 9b). Η δημιουργία ενός τέτοιου συνδέσμου γίνεται ως εξής:
<a href="mailto:webmaster@uom.gr">send your coments here</a>
Όταν κάνετε κλικ στο κείμενο send your coments here, ο browser θα εμφανίσει ενα παράθυρο στο οποίο θα μπορέσετε να γράψετε το μήνυμα σας και να το στείλετε στη διεύθυνση webmaster@uom.gr. Επιπλέον, αν θέλετε, μπορείτε να καθορίσετε και μια γραμμή με το θέμα του μηνύματος (αν και αυτή η δυνατότητα δεν υποστηρίζεται απο όλους τους browsers):
<a href="mailto:webmaster@uom.gr?subject=Comments
about your page">
send your coments here</a>
Δοκιμάστε το! Στείλτε μας ένα μήνυμα!
Και μπορείτε να προσθέσετε και άλλα στο σύνδεσμο mailto. Αν θέλετε να στείλετε το ίδιο μήνυμα σε περισσότερα απο ένα άτομα, απλά βάζετε τις αντίστοιχες διευθύνσεις χωρισμένες με κόμμα (σημειώστε οτι ο κώδικας πρέπει να είναι σε μια γραμμή. Εδώ τον έχουμε χωρίσει για λόγους εμφάνισης).
<a href="mailto:kmarg@uom.gr,Vags45@yahoo.com,
GT_Ripper@hotmail.com?subject=Comments about your page">
send us an e-mail</a>
Ακόμη μπορείτε να χρησιμοποιείσετε την αντιγραφή cc= μετά το Subject= χωρισμένα με το &:
<a href="mailto:kmarg@uom.gr,Vags45@yahoo.com,
?subject=Comments about your page&cc=GT_Ripper@hotmail.com">
send us an e-mail; cc:to him
too</a>
Και τέλος, μπορείτε να προκαθορίσετε το περιεχόμενο του μηνύματος περιέχοντας κάποιο κείμενο στο body= και το οποίο θα εμφανιστεί στο κυρίως μήνυμα:
<a href="mailto:kmarg@uom.gr,Vags45@yahoo.com,
?subject=Comments about your page&cc=GT_Ripper@hotmail.com
&body=Hi there, I think your page
was....">
send us an e-mai; cc:a default
message</a>
Ας επιστρέψουμε στο προηγούμενο παράδειγμα. Θα το τροποποιήσουμε για να έχουμε ένα σύνδεσμο που στέλνει e-mail.
| HTML | Αποτέλεσμα | ||
|---|---|---|---|
| <address> <b>Τίτλος Σελίδας</b><br> Last Updated June 10, 2000<br> Web Page by University Of Macedonia <A HREF="mailto:webmaster@uom.gr"> (webmaster@uom.gr)</A> <br> <a href="http://www.uom.gr/"> University Of Macedonia</a><br> </address> |
|
||
| Και τέλος, προτείνουμε να συμπεριλάβεται στις σημειώσεις της σελίδας τη URL. Γιατί; Τι θα γίνει αν κάποιος τυπώσει τη σελίδα σας αλλά δε σημειώσει τη URL της; Προσθέτοντας τη URL της σελίδας αποφεύγετε τέτοιες κακοτοπιές. Απλά αλλάξτε το παραπάνω παράδειγμα - παρατηρήστε οτι η HTML για τη URL είναι κάτω απο την ετικέτα <address>...</address>: | |||
| HTML | Αποτέλεσμα | ||
| <address> <b>Τίτλος Σελίδας</b><br> Last Updated June 10, 2000<br> Web Page by University Of Macedonia <A HREF="mailto:webmaster@uom.gr"> (webmaster@uom.gr)</A> <br> <a href="http://www.uom.gr/"> University Of Macedonia</a><br> </address> <p> <tt> URL: http://www.uom.gr/ </tt> |
|
||
Τώρα ήρθε η ώρα να προσθέσετε μια υποσημείωση (footer) στη σελίδα του Volcano Web. Για χάρη του παραδείγματος, ας υποθέσουμε οτι είστε η Lorrie Lava, ηφαιστειολόγος του Big University (εσείς είστε ελεύθεροι να βάλετε όποιες πληροφορίες θέλετε):
Now it is time to add a footer to your HTML file. For this example, we assume you are "Lorrie Lava" a staff Volcanologist at Big University (feel free to put your own information in place of what is below):
<HR>
<address><B>Volcano Web</B> <br>
created by Lorrie Lava, <A
HREF="mailto:lava@pele.bigu.edu">lava@pele.bigu.edu</A><br>
Volcanic Studies, <A HREF="http://www.bigu.edu/">Big
University</A><p>
<TT>last modified: April 1, 1995</TT>
</address>
<p>
<tt>URL: http://www.bigu.edu/web/index.html</tt>
Ελέγξτε τις αλλαγές
Συγκρίνετε τις σελίδες σας με το δείγμα για το πως θα πρέπει να εμφανίζονται. Αν κάτι δε δουλεύει, ελέξτε ξανά τον κώδικα σας.
Στη συνέχεια: 14. Η Eτικέτα Blockquote
