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

Από που να ξεκινήσω; Που θα βρω; κ.α. γενικές ερωτήσεις για την δημιουργία μιας ιστοσελίδας.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
manolism
Super Moderator
Δημοσιεύσεις: 6652
Εγγραφή: 25 Ιαν 2004 16:01
Τοποθεσία: Wild West
Επικοινωνία:

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

Δημοσίευση από manolism » 13 Φεβ 2007 09:47

Στο 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»

Άβαταρ μέλους
Desolator
Δημοσιεύσεις: 9
Εγγραφή: 24 Απρ 2010 03:30
Τοποθεσία: Thessaloniki

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

Δημοσίευση από Desolator » 24 Απρ 2010 03:37

Geia sas paidia.mipos 3erete poia epilogi prepei na xrisimopoiiso etsi oste otan pigenei to pontiki pano sto link na allazei xroma??einai sto style tou <a href>???
Εικόνα

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

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

Δημοσίευση από korgr » 24 Απρ 2010 10:49

Πρεπει να ορισεις μια class στο αρχειο με τα css και μετα να την εφαρμοσεις στο <a href...>
Παραδειγμα απλης css class για μαυρο link που γινεται κοκκινο στο onmouseover:

Κώδικας: Επιλογή όλων

.mylink&#123;
color&#58;black;
&#125;
.mylink&#58;hover&#123;
color&#58;red;
&#125;
και στην html:

Κώδικας: Επιλογή όλων

<a href="..." class="mylink">text link </a>

Άβαταρ μέλους
Desolator
Δημοσιεύσεις: 9
Εγγραφή: 24 Απρ 2010 03:30
Τοποθεσία: Thessaloniki

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

Δημοσίευση από Desolator » 01 Μάιος 2010 07:03

euxaristoooo!!!to vrika!!!mipos paizei na 3erei k kaneis pos mporo na ensomatoso ena imerologio stin istoselida???prepei na katevaso kt sigekrimeno??? :roll:

Απάντηση

Επιστροφή στο “Γενικές ερωτήσεις κατασκευής ιστοσελίδων”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 4 επισκέπτες