Jump to content
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Sign in to follow this  
Anastasis

Dreamweaver: Δουλεύοντας με πλαίσια

Recommended Posts

Τα πλαίσια (frames) μας βοηθάνε να κάνουμε μία διάταξη της σελίδας μας ώστε κάποια από τα περιεχόμενα της σελίδας μας να παραμένουν σταθερά χωρίς να χρειάζεται να ξαναφορτωθούν από τον Browser.
Για να εισάγουμε κάποιο πλαίσιο πηγαίνουμε στην κατρέλα Layout και έπειτα στο προτελευταίο κουμπί.

frames1.gif

Έπειτα επιλέγουμε κάποια από τις έτοιμες διατάξεις του Dreamweaver.

frames2.gif

Τα πλαίσια αποτελούνται από ξεχωριστές σελίδες, μία για κάθε πλαίσιο συν μία που περιέχει τη διάταξη τους (Frameset). Π.χ. αν έχουμε επιλέξει την 5η περίπτωση τότε θα έχουμε 4 αρχεία HTML. Ένα για αριστερά ένα για δεξιά ένα για κάτω και ένα που θα περιέχει τις πληροφορίες για τη διάταξή τους.

frames3.gif

Κάθε πλαίσιο έχει δικές του ιδιότητες καθώς και η διάταξη της σελίδας.

frames4.gif

Η παραπάνω εικόνα δείχνει τις ιδιότητες ενός Frameset που έχει οριζόντια διάταξη.
Border: Ορίζουμε αν το Frameset θα έχει ορατά περιγράμματα.
Borders Width: Το πλάτος των περιγραμμάτων
Border Color: Το χρώμα του περιγράμματος.
Row Value: Ορίζουμε το μέγεθος των πλαισίων κατά pixel ή κατά σχετικότητα (Relative). Αν ορίσουμε κατά σχετικότητα τότε το μέγεθος θα αίναι ανάλογο του περιεχομένου της σελίδας. (Όσο πιο πολύ περιεχόμενο τόσο πιο μεγάλο πλαίσιο)
RowCol Selection: Επιλέγουμε για πιο πλαίσιο θα ορίσουμε τις διαστάσεις και τις ιδιότητες.
Τα ίδια ισχύουν και για διάταξη με κάθετη διάταξη
Πλαίσια μπορούμε να δημιουργήσουμε και σύροντας με το ποντίκι από τις άκρες του εγγράφου μας. Η μόνη προϋπόθεση είναι να έχουμε επιλέξει πρώτα μία διάταξη από το Dreamweaver.
Για να διαγράψουμε ένα πλαίσιο αρκεί να επιλέξουμε το περίγραμμά του και να το σύρουμε έξω από το έγγραφο.

Ιδιότητες Πλαισίων

frames5.gif

Frame name: Ορίζουμε το όνομα του πλαισίου
Src: Τοποθεσία αποθήκευσης του πλαισίου
Scroll: Ορίζουμε αν θα βγάλει Scrollbar αν τα περιεχόμενα του υπερβαίνουν το μέγεθός του.
No resize: Αν τσεκάρουμε απαγορεύουμε στον χρήστη να του αλλάξει το μέγεθος.
Borders: Ορίζουμε αν το πλαίσιο θα έχει περίγραμμα.
Border color: Ορίζουμε το χρώμα του περιγράμματος
Margin width: Ορίζουμε το περιθώριο του πλαισίου από αριστερά.
Margin height: Ορίζουμε το περιθώριο του πλαισίου από πάνω.
Έτσι αφού έχουμε δημιουργήσει τα πλαίσια μας τότε μπορούμε να δώσουμε στα link μας τα εξής:

Στην επιλογή 10 έχουμε τις εξής επιλογές:

frames6.gif

_Blank: Ανοίγει μία συνδεδεμένη ιστοσελίδα σε ένα νέο παράθυρο του Browser.
_Top: Ανοίγει μία συνδεδεμένη ιστοσελίδα σε όλο το παράθυρο του Browser.
_Self: Ανοίγει μία συνδεδεμένη ιστοσελίδα ίδιο παράθυρο ή πλαίσιο που περιέχει τον σύνδεσμο.
_Parent: Αυτή η επιλογή έχει να κάνει όταν έχουμε δημιουργήσει πολλά ένθετα πλαίσια
Επίσης μέσα σε αυτό το μενού υπάρχουν και όλα τα ονόματα των πλαισίων που έχουμε δημιουργήσει. Επιλέγοντας ένα από αυτά η συνδεδεμένη σελίδα θα ανοίξει στο συγκεκριμένο πλαίσιο. (π.χ. αν έχουμε μία σελίδα με ένα πλαίσιο δεξιά ένα αριστερά και ένα πάνω και το αντικείμενο που έχουμε επιλέξει να είναι ο σύνδεσμός μας βρίσκεται στο αριστερό πλαίσιο τότε αν επιλέξουμε η νέα σελίδα να ανοίξει στο δεξιό πλαίσιο ο browser θα ανανεώσει μόνο την δεξια σελίδα και θα εμφανίσει εκεί τη σύνδεσή μας. Όλες οι άλλες σελίδες δεν θα ανανεωθούν.)

 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×