Dreamweaver: Δουλεύοντας με κείμενο

[Anastasis 48]

Στο Dreamweaver γράφουμε το κείμενο όπως σε ένα απλό κειμενογράφο. Παρακάτω θα δούμε τις ιδιότητες του κειμένου καθώς και κάποιες άλλες λειτουργίες.



1. Ορίζουμε το μέγεθος της επικεφαλίδας.
2. Ορίζουμε τη γραμματοσειρά.
3. Ορίζουμε το μέγεθος της γραμματοσειράς.
4. Ορίζουμε το χρώμα της γραμματοσειράς.
5. Έντονο κείμενο.
6. Πλάγιο κείμενο.
7. Εικονίδια στοίχησης.
8. Ορίζουμε το σύνδεσμο που θα έχει το επιλεγμένο κείμενο.
9. Ανοίγει το παράθυρο browse για να επιλέξουμε το σύνδεσμο.
10. Ορίζουμε το πλαίσιο που θα ανοίγει ο σύνδεσμος. Αυτό θα το δούμε αναλυτικά σε επόμενο κεφάλαιο. Για την ώρα λέμε ότι η επιλογή blank ανοίγει το σύνδεσμο σε νέο παράθυρο του browser.
11. Αρίθμηση και κουκίδες.
12. Εσοχές κειμένου και εξοχές.

Αυτές οι επιλογές μπορούν να λειτουργήσουν μόνο αν υπάρχει επιλεγμένο κείμενο.

Αλλαγές γραμμών και παραγράφων
Στο Dreamweaver όπως και στο Word για να αλλάξουμε μία παράγραφο πατάμε το πλήκτρο Enter ενώ για να αλλάξουμε γραμμή πατάμε τον συνδυασμό Shift+Enter. Στο σημείο αυτό το Dreamweaver τοποθετεί ένα κίτρινο σημαδάκι που γράφει BR και σημαίνει Break. Το σημαδάκι αυτό είναι αόρατο στον Browser.

Σύνδεσμοι / Links
Τα links είναι οι τοποθεσίες εκείνες οι οποίες θα οδηγηθεί ο browser αφού επιλεχθεί η λέξη ή η εικόνα που έχει εντολή link. Τα links χωρίζονται σε 4 κατηγορίες:
• Τα τοπικά links τα οποία είναι σελίδες οι οποίες βρίσκονται στον σκληρό μας δίσκο στον ίδιο φάκελο.
• Τα απομακρυσμένα links τα οποία είναι διευθύνσεις στο Internet και πρέπει να γράφονται στο πεδίο link με όλη τους τη μορφή http://www.somewhere.com.
• Τα e-mail links τα οποία μας οδηγούν σε μία ηλεκτρονική διεύθυνση. Έτσι επιλέγοντας τα ο χρήστης ανοίγει ο επεξεργαστής e-mail που έχει (outlook) και μπορεί να συντάξει e-mail. Για να γίνει αυτό γράφουμε στο πεδίο link mailto:someone@yahoo.com όλο μαζί χωρίς κενά.
• Τα εσωτερικά links ή άγκυρες που θα δούμε παρακάτω.

Άγκυρες / Anchors
Οι άγκυρες μας βοηθάνε να συνδέσουμε τοποθεσίες οι οποίες βρίσκονται μέσα στην ίδια σελίδα. Αυτό γίνεται για να αποφύγουμε να μετακινούμαστε στη σελίδα χρησιμοποιόντας την scrollbar. Οι άγκυρες ορίζονται στο Dreamweaver με ένα κίτρινο αόρατο σημαδάκι με μία άγκυρα πάνω του. Τα βήματα είναι τα εξής:
• Τοποθετούμε μία άγκυρα στο σημείο που θέλουμε να οδηγηθεί ο δείκτης όταν επιλέξουμε τον σύνδεσμο, από το μενού insert-name anchor.
• Ονομάζουμε την άγκυρα με κάτι χαρακτηριστικό της τοποθεσίας.
• Επιλέγουμε το κείμενο ή την εικόνα που θα γίνει σύνδεσμος και στο πεδίο link γράφουμε το όνομα της άγκυρας με μία # μπροστά (#name_of_anchor)
Προσέχουμε να γράψουμε ακριβώς το όνομα της άγκυρας αλλιώς δεν θα λειτουργήσει.
Συνήθως οι σύνδεσμοι βρίσκονται στο πάνω μέρος της σελίδας.
Αφού δούμε ότι δουλεύει τότε πρέπει να δημιουργήσουμε μία άγκυρα που θα μας επιτρέπει να επιστρέψουμε στο πάνω μέρος της σελίδας από εκεί που βρισκόμαστε. Για να γίνει αυτό βάζουμε στο τέλος της τοποθεσίας που βρισκόμαστε μία λέξη που να λέει «πίσω» ή ένα γραφικό με ένα βελάκι που να δείχνει προς τα πάνω. Τοποθετούμε μία άγκυρα με τον ίδιο τρόπο στο πάνω μέρος της σελίδας και της δίνουμε το όνομα «top». Μετά συνδέουμε τη λέξη ή το γραφικό γράφοντας στο πεδίο link «#top»