Σχετικά Θέση DIV Δημιουργία σε Adobe CS5 Dreamweaver - dummies

Adobe Creative Suite 5 (Adobe CS5) Το Dreamweaver υποστηρίζει τη δημιουργία και την επεξεργασία DIV που χρησιμοποιούν . Οι σχετικώς τοποθετημένοι DIV επιτρέπουν την μετατόπιση ενός στοιχείου μαζί με το περιεχόμενο που το περιβάλλει, κάνοντας μια πιο υγρή διάταξη. Αυτός ο τύπος τοποθέτησης είναι σημαντικός για το ένθετο περιεχόμενο ή οποιαδήποτε κατάσταση όπου τα στοιχεία πρέπει να ευθυγραμμίζονται με άλλα περιεχόμενα σελίδας.

Χρησιμοποιήστε το εργαλείο "Εισαγωγή ετικέτας εισόδου", το οποίο μπορείτε να βρείτε στις καμπύλες "Εισαγωγή" και "Διάταξη" για τη δημιουργία ή την επεξεργασία ενός σχετικά τοποθετημένου DIV.

1. Κάντε κλικ στη σελίδα σας για να τοποθετήσετε τον δρομέα σε ένα υπάρχον AP Div και έπειτα κάντε κλικ στο εργαλείο Εισαγωγή ετικέτας Div κάτω από τις κατηγορίες Common και Layout του πλαισίου εισόδου.

2. Όταν εμφανιστεί το παράθυρο διαλόγου Εισαγωγή ετικέτας εισόδου, ρυθμίστε με ακρίβεια τη θέση του νέου σας DIV επιλέγοντας μια θέση από την αναπτυσσόμενη λίστα Εισαγωγή.

   Για παράδειγμα, επιλέξτε Μετά την έναρξη της ετικέτας για να την τοποθετήσετε σε μια υπάρχουσα ετικέτα DIV στη σελίδα σας.

   Μπορείτε επίσης να χρησιμοποιήσετε την αναπτυσσόμενη λίστα Εισαγωγή ετικέτας εισόδου ετικέτας διαλόγου για να τοποθετήσετε το DIV πριν, μετά ή μέσα στα υπάρχοντα στοιχεία της σελίδας. Αφήστε το αναπτυσσόμενο μενού Εισαγωγή να είναι στο At Intiontion Point για να αφήσετε το πλαίσιο από το οποίο το σχεδιάσατε ή να επιλέξετε άλλη τοποθεσία όπου θέλετε να δημιουργηθεί το DIV.

   

   Επιλέξτε μια συγκεκριμένη τοποθεσία για να δημιουργήσετε και να τοποθετήσετε το νέο DIV.

1. Αν έχετε έναν υπάρχοντα επιλογέα κλάσης που θέλετε να εφαρμόσετε, επιλέξτε τον από την αναπτυσσόμενη λίστα Κλάση. διαφορετικά, αφήστε το κενό.

2. Αντιστοιχίστε έναν επιλογέα ταυτότητας στο DIV για να ελέγξετε την εμφάνισή του επιλέγοντας από την αναπτυσσόμενη λίστα ID.

   Αν δεν είναι διαθέσιμο, εισάγετε ένα νέο όνομα και κάντε κλικ στο κουμπί Νέο κανόνα CSS για να το δημιουργήσετε.

3. Όταν εμφανιστεί το παράθυρο διαλόγου Νέο κανόνα CSS, βεβαιωθείτε ότι ο νέος σας επιλογέας έχει οριστεί σε αναγνωριστικό και ότι το όνομα έχει ένα σημάδι λίρας (#) μπροστά του. Κάντε κλικ στο κουμπί OK.

4. Όταν εμφανιστεί το παράθυρο διαλόγου Ορισμός κανόνων CSS, κάντε κλικ και επιλέξτε Θέση από τη λίστα Κατηγοριών στα αριστερά για να δείτε τις ιδιότητες τοποθέτησης CSS.

5. Στην περιοχή Τοποθέτηση, επιλέξτε Σχετικό από το μενού Θέση, εισαγάγετε μια τιμή πλάτους και ύψους στα πλαίσια κειμένου Πλάτος και ύψος και στη συνέχεια κάντε κλικ στο κουμπί OK.

6. Κάντε κλικ στο κουμπί OK για να κλείσετε το παράθυρο διαλόγου Εισαγωγή ετικέτας εισόδου.

   Εμφανίζεται ένα νέο, σχετικά τοποθετημένο DIV με κείμενο με σύμβολο κράτησης θέσης.

   

   Μπορείτε να δημιουργήσετε ένα νέο DIV σε ένα άλλο DIV.