Σπίτι Κοινωνική Media Πώς να τροποποιήσετε Divs με απόλυτη θέση (AP) στο Adobe Dreamweaver CS6

Πώς να τροποποιήσετε Divs με απόλυτη θέση (AP) στο Adobe Dreamweaver CS6

Βίντεο: Our Miss Brooks: Mash Notes to Harriet / New Girl in Town / Dinner Party / English Dept. / Problem 2025

Βίντεο: Our Miss Brooks: Mash Notes to Harriet / New Girl in Town / Dinner Party / English Dept. / Problem 2025
Anonim

Κάθε ψηφίο απόλυτης θέσης (AP) που σχεδιάζετε στο Adobe Dreamweaver CS6 παρατίθεται αυτόματα στον πίνακα στοιχείων AP (επιλέξτε Παράθυρο → AP Στοιχεία για την εμφάνιση του). Ο πίνακας "Στοιχεία AP" μπορεί να σας βοηθήσει να επιλέξετε, να αποκρύψετε και να εμφανίσετε οποιεσδήποτε απόψεις AP της σελίδας. Αυτός ο πίνακας είναι χρήσιμος όταν έχετε στη διάθεσή σας πολλά AP Divs και θέλετε να πλοηγηθείτε μεταξύ τους με ακρίβεια.

Πρώτα απ 'όλα, επειδή μπορείτε να τροποποιήσετε τις ιδιότητες για οποιοδήποτε AP Div από το αντίστοιχο στυλ ταυτότητας, ο πίνακας σας βοηθά να καταλάβετε ποιο αναγνωριστικό στυλ ανήκει σε ένα Div Div.

Ο πίνακας AP Elements συχνά ομαδοποιείται με τον πίνακα "Στυλ CSS", μόνο σε περίπτωση που το ψάχνετε.

Για να τροποποιήσετε ένα πλαίσιο (AP Div), ακολουθήστε τα παρακάτω βήματα:

  1. Επιλέξτε Window → AP Elements για να ανοίξετε τον πίνακα AP Elements.

  2. Στην οθόνη, εντοπίστε και επιλέξτε apDiv1 για να την επισημάνετε στη σελίδα.

    Ο επιθεωρητής ιδιοτήτων εμφανίζει το μέγεθος και τη θέση του επιπλέον των άλλων ιδιοτήτων.

  3. Χρησιμοποιώντας τα πλαίσια κειμένου στον επιθεωρητή ιδιοτήτων, αλλάξτε το πλάτος του πλαισίου εισάγοντας έναν αριθμό στο πεδίο W και αλλάζοντας το ύψος του κουτιού εισάγοντας έναν αριθμό στο πεδίο Η.

  4. Κάντε κλικ στο δείγμα δίπλα στο χρώμα Bg και επιλέξτε ένα χρώμα από τον αναδυόμενο πίνακα Swatches για να ορίσετε ένα χρώμα φόντου για το πλαίσιο.

    Για πρόσθετες ιδιότητες, όπως σύνορα ή παραγεμισμένα, προσθέστε τα στον πίνακα CSS Styles.

  5. Εάν ο πίνακας "Στυλ CSS" δεν είναι ήδη ορατός, ανοίξτε το επιλέγοντας Window → CSS Styles.

  6. Κάντε διπλό κλικ στο στυλ ταυτότητας # apDiv1 που ελέγχει το πλαίσιο.

    Εμφανίζεται το παράθυρο διαλόγου Ορισμός κανόνων CSS.

  7. Επιλέξτε την κατηγορία Border από τα αριστερά για να αλλάξετε το περίγραμμα.

  8. Στη στήλη Στυλ, χρησιμοποιήστε την αναπτυσσόμενη λίστα "Top" για να ορίσετε ένα στυλ περιγράμματος (όπως το Solid) και στις τέσσερις πλευρές.

    Χρησιμοποιήστε την αναπτυσσόμενη λίστα "Top" στην κατηγορία "Πλάτος" για να επιλέξετε ένα πάχος περιθωρίου (για παράδειγμα, μέσο) και για τις τέσσερις πλευρές. Χρησιμοποιήστε τον επάνω επιλογέα χρωμάτων κάτω από τη στήλη Χρώμα για να αντιστοιχίσετε ένα χρώμα περιγράμματος και στις τέσσερις πλευρές.

    Για να αντιστοιχίσετε διαφορετικές τιμές σε οποιαδήποτε ή σε όλες τις πλευρές για στυλ, πλάτος ή χρώμα, καταργήστε την επιλογή του πλαισίου ελέγχου Ίδιος για όλους (All for All) κάτω από τις αντίστοιχες στήλες.

  9. Στην κατηγορία Πλαίσιο στα αριστερά, κάτω από την επιλογή Padding, ρυθμίστε την επένδυση και στις τέσσερις πλευρές του κουτιού με το πάχος που θέλετε (για παράδειγμα, εισάγετε 5 px στα πλαίσια κειμένου).

  10. Κάντε κλικ στο OK για να βγείτε από τον πίνακα και να εφαρμόσετε τις αλλαγές.

    Βλέπετε πώς οι ιδιότητες CSS που εφαρμόσατε επηρεάζουν το πλαίσιο apDiv1 στη σελίδα.

Για να αποκρύψετε ένα πλαίσιο που εμφανίζεται κάτω από τον πίνακα AP Elements, κάντε κλικ στη στήλη στα αριστερά του ονόματος του (κάτω από το εικονίδιο Eye) μέχρι να εμφανιστεί ένα κλειστό εικονίδιο Eye.Για να επανεμφανιστεί το πλαίσιο, κάντε κλικ στο εικονίδιο Eye μέχρι να ανοίξει ξανά το πλαίσιο.

Ενδέχεται να παρατηρήσετε το πλαίσιο ελέγχου Πρόληψη επικαλύψεων, απενεργοποιημένο από προεπιλογή, στο επάνω μέρος του πλαισίου AP Elements. Επειδή τα AP Divs μπορούν εύκολα να αλληλεπικαλύπτονται, επιλέγοντας αυτό το πλαίσιο ελέγχου παρακάμπτεται αυτή η συμπεριφορά πιέζοντας τα κουτάκια το ένα δίπλα στο άλλο και αποτρέποντας τη δημιουργία νέων κουτιών το ένα πάνω στο άλλο.

Πώς να τροποποιήσετε Divs με απόλυτη θέση (AP) στο Adobe Dreamweaver CS6

Η επιλογή των συντακτών

Καταχωρίστε το Λογαριασμό Spotify στους ShareMyPlaylists - dummies

Καταχωρίστε το Λογαριασμό Spotify στους ShareMyPlaylists - dummies

Για να προσθέσετε μια λίστα αναπαραγωγής στους ShareMyPlaylists πρέπει να συνδέσετε το λογαριασμό Spotify στον ιστότοπο μέσω Facebook ή Twitter. Κάθε φορά που επισκέπτεστε το ShareMyPlaylists. com, εμφανίζεται ένα αναδυόμενο παράθυρο που σας ζητάει να συνδεθείτε χρησιμοποιώντας έναν από αυτούς τους λογαριασμούς. Την πρώτη φορά που θα συνδεθείτε, πρέπει να εξουσιοδοτήσετε ...

Παίζουν τα κομμάτια σας στο Spotify Mobile - dummies

Παίζουν τα κομμάτια σας στο Spotify Mobile - dummies

Το βασικό σημείο της Spotify Mobile είναι να έχουν εκατομμύρια κομμάτια στην τσέπη σας. Αλλά μόνο οι Premium συνδρομητές μπορούν να απολαύσουν μουσικά κομμάτια από τη μουσική βιβλιοθήκη του Spotify. Οι χρήστες του Free and Unlimited μπορούν να ακούν μόνο τοπικά αρχεία που έχουν ήδη στον υπολογιστή τους και έχουν συγχρονιστεί με το Spotify Mobile. Η αναπαραγωγή πρέπει να είναι γνωστή σε ...

Επιστρέψτε στο ITunes για να Sync Spotify μουσική στο iPod σας - ανδρείκελα

Επιστρέψτε στο ITunes για να Sync Spotify μουσική στο iPod σας - ανδρείκελα

Αν αποφασίσετε θέλετε να επιστρέψετε στο ITunes για συγχρονισμό του iPod με τη μουσική σας Spotify, μπορείτε να το κάνετε χωρίς πρόβλημα. Απλώς ακολουθήστε αυτά τα βήματα: Βεβαιωθείτε ότι πρώτα απενεργοποιήσατε το Spotify μεταβαίνοντας στο Αρχείο → Έξοδος στα Windows ή Spotifyάνω Quit Spotify στο Mac. Ανοίξτε το iTunes και συνδέστε το iPod σας. Το iPod σας ...

Η επιλογή των συντακτών

Δέκα φορές Εξοικονόμηση χρόνου Dreamweaver Web Design Tips - dummies

Δέκα φορές Εξοικονόμηση χρόνου Dreamweaver Web Design Tips - dummies

Όλοι οι καλοί ιστοχώροι μεγαλώνουν και εξελίσσονται. Εάν ξεκινήσετε με ένα ισχυρό σχέδιο και δώστε ιδιαίτερη προσοχή σε μερικούς βασικούς κανόνες σχετικά με τη διεπαφή, την πλοήγηση και το στυλ, έχετε ένα καλύτερο θεμέλιο για να συνεχίσετε. Οι παρακάτω ιδέες σχεδίασης και οι συμβουλές Dreamweaver μπορούν να σας βοηθήσουν να εξοικονομήσετε χρόνο καθώς δημιουργείτε ιστότοπους που φαίνονται εξαιρετικά για όλους ...

Ο πίνακας αρχείων του Dreamweaver CS5 - τα κουμπιά

Ο πίνακας αρχείων του Dreamweaver CS5 - τα κουμπιά

. Χρησιμοποιήστε τον πίνακα "Αρχεία" για να επιλέξετε τον ιστότοπο στον οποίο θέλετε να εργαστείτε και για να συγχρονίσετε αρχεία τοποθεσιών μεταξύ του υπολογιστή σας και της υπηρεσίας φιλοξενίας του ιστοτόπου σας. Στο επόμενο σχήμα, οι λειτουργίες του πλαισίου Dreamweaver CS5 Files φέρουν ετικέτα έτσι ώστε να μπορείτε να βρείτε ...

Ο πίνακας Dreamweaver Insert - dummies

Ο πίνακας Dreamweaver Insert - dummies

Χρήσιμα στοιχεία HTML. Το αναδυόμενο παράθυρο στο επάνω μέρος του παραθύρου διαλόγου οργανώνει τις λειτουργίες σε κατηγορίες. Αυτός ο πίνακας διαθέτει διάφορες κατηγορίες εργαλείων για στοιχεία που ίσως θέλετε να προσθέσετε γρήγορα και εύκολα σε μια σελίδα. Ορισμένα στοιχεία στο πλαίσιο ...

Η επιλογή των συντακτών

Πώς να εξισορροπήσετε τη βηματοδότηση των επιπέδων στο παιχνίδι μηχανικού Gamestar - dummies

Πώς να εξισορροπήσετε τη βηματοδότηση των επιπέδων στο παιχνίδι μηχανικού Gamestar - dummies

(ή ρυθμός εξέλιξης) ενός επιπέδου στο Gamestar Mechanic είναι επίσης ένα μετρικό με δύο άκρα. Εάν το παιχνίδι σέρνει αργά, οι παίκτες χάνουν το ενδιαφέρον. αν είναι βιαστικά, οι παίκτες μπερδεύονται. Ένα παιχνίδι με καλή βηματοδότηση έχει μηχανικούς που εξελίσσονται με γρήγορο αλλά σταθερό ρυθμό. Θα πρέπει να εξετάσετε μερικές διαφορετικές ...

Πώς να ισορροπήσετε την επιλογή σας στο παιχνίδι μηχανών Gamestar - dummies

Πώς να ισορροπήσετε την επιλογή σας στο παιχνίδι μηχανών Gamestar - dummies

Πολλά παιχνίδια στο Gamestar Mechanic επιτρέπουν στον παίκτη να κάνουν επιλογές που επηρεάζουν τη δυναμική του παιχνιδιού. Ορισμένα παιχνίδια καθαρά ελέγχουν την ακρίβεια ή τα αντανακλαστικά χωρίς επιλογή, και αυτά τα παιχνίδια μπορεί να είναι διασκεδαστικά. Ωστόσο, η επιλογή δίνει στους παίκτες μεγαλύτερο έλεγχο του παιχνιδιού, ακόμα κι αν είναι απλή επιλογή, όπως ένας μετρητής δυσκολίας. Ισορροπία επιλογής ...

Πώς να προσαρμόσετε τις ρυθμίσεις για το φόντο σας στο Gamestar Mechanic - ανδρείκελα

Πώς να προσαρμόσετε τις ρυθμίσεις για το φόντο σας στο Gamestar Mechanic - ανδρείκελα

Στο φόντο του παιχνιδιού σας, μπορείτε να προσαρμόσετε περαιτέρω το φόντο στο Gamestar Mechanic χρησιμοποιώντας δύο πρόσθετες επιλογές στο παράθυρο διαλόγου Ρυθμίσεις επιπέδου: Κύλιση φόντου και στυλ φόντου. Μετακίνηση φόντου Η παράλλαξη είναι μια σημαντική ιδιότητα του φόντου στα παιχνίδια στα οποία έχει επιλεγεί η επιλογή Πολλαπλή οθόνη. Επεξεργάσιμη ...