Πώς να αλλάξετε εμφάνιση πίνακα σε Dreamweaver - ανδρείκελα

Βίντεο: DIY: Δείτε πώς μπορείτε να αλλάξετε τις παλιές σας κορνίζες 2024

Πρέπει να αλλάξετε την εμφάνιση ενός πίνακα στον ιστότοπό σας; Όταν επιλέγετε έναν πίνακα στο Dreamweaver, ο επιθεωρητής ιδιότητας σάς δίνει πρόσβαση στις ακόλουθες επιλογές για την προσαρμογή της εμφάνισης του τραπεζιού σας:

Πίνακας: Παρέχει μια περιοχή κειμένου όπου μπορείτε να εισάγετε ένα όνομα για έναν πίνακα. Αυτό το όνομα ή αναγνωριστικό είναι χρήσιμο για τη στόχευση του πίνακα σε σενάρια.
Γραμμές: Εμφανίζει τον αριθμό των γραμμών στον πίνακα. Μπορείτε να αλλάξετε το μέγεθος του πίνακα αλλάζοντας τον αριθμό. Προσέξτε, ωστόσο: Εάν εισάγετε έναν αριθμό που είναι μικρότερος από τον αριθμό των γραμμών στον πίνακα σας, το Dreamweaver διαγράφει τις κάτω σειρές - τα περιεχόμενα και όλα.
Cols: Εμφανίζει τον αριθμό των στηλών στον πίνακα. Μπορείτε να αλλάξετε το μέγεθος του πίνακα αλλάζοντας τον αριθμό. Και πάλι, εάν εισάγετε αριθμό μικρότερο από τον αριθμό των στηλών στον πίνακα σας, το Dreamweaver διαγράφει τις στήλες στη δεξιά πλευρά του πίνακα - τα περιεχόμενα και όλα.
W (πλάτος): Εμφανίζει το πλάτος του πίνακα. Μπορείτε να αλλάξετε το πλάτος αλλάζοντας τον αριθμό. Μπορείτε να καθορίσετε το πλάτος ως ποσοστό ή μια τιμή σε εικονοστοιχεία. Οι τιμές που εκφράζονται ως ποσοστό αυξάνουν ή μειώνουν το μέγεθος του πίνακα σε σχέση με το μέγεθος του παραθύρου του προγράμματος περιήγησης του χρήστη ή οποιουδήποτε πλαισίου που περικλείει, όπως ένας άλλος πίνακας ή μια ετικέτα.

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

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

Σημείωση: Ξεκινώντας από το Dreamweaver CS4, δεν βρίσκετε πλέον ένα πεδίο H (ύψος). Ως βέλτιστη πρακτική, οι περισσότεροι σχεδιαστές δεν καθορίζουν το ύψος πίνακα επειδή τα περιεχόμενα του πίνακα ενδέχεται να αλλάζουν από έναν επισκέπτη σε άλλο. Για παράδειγμα, το μέγεθος γραμματοσειράς του κειμένου εξαρτάται από το σύστημα και τις ρυθμίσεις του χρήστη.
CellPad: Καθορίζει το διάστημα μεταξύ των περιεχομένων ενός κελιού και των ορίων του.
CellSpace: Καθορίζει το διάστημα μεταξύ των κελιών πίνακα.
Ευθυγράμμιση: Ελέγχει την ευθυγράμμιση του πίνακα στην ιστοσελίδα. Οι επιλογές είναι Προεπιλογή, Αριστερά, Κέντρο και Δεξιά. Κατά γενικό κανόνα, η προεπιλεγμένη ρύθμιση ευθυγραμμίζει τον πίνακα από την αριστερή πλευρά του παραθύρου του προγράμματος περιήγησης ή άλλου δοχείου.
Περίγραμμα: Ελέγχει το μέγεθος του περιγράμματος γύρω από τον πίνακα.Όσο μεγαλύτερος είναι ο αριθμός, τόσο πιο παχύ είναι το περιθώριο. Αν θέλετε να είναι αόρατη η οριοθέτηση, ορίστε την στο 0.
Κλάση: Παρέχει εύκολη πρόσβαση στις επιλογές φύλλου στυλ.
Διαγραφή και μετατροπή: Τα εικονίδια στην κάτω αριστερή περιοχή του ελεγκτή ιδιότητας (κάντε κλικ στο βέλος διαστολέα στην κάτω δεξιά γωνία για να τα δείτε) παρέχουν τις παρακάτω επιλογές μορφοποίησης:
- Clear Row Heights < > και Καθαρισμός πλάτους στήλης σας επιτρέπουν να αφαιρέσετε όλες τις τιμές ύψους και πλάτους ταυτόχρονα. Μετατροπή πλάτους πίνακα σε pixels
- και Μετατροπή πλάτους πίνακα σε ποσοστό σάς επιτρέπει να αλλάζετε αυτόματα τις ρυθμίσεις πλάτους από τα ποσοστά σε pixel. Τα εικονοστοιχεία καθορίζουν σταθερό πλάτος. μια ρύθμιση ποσοστού σημαίνει ότι το πρόγραμμα περιήγησης προσαρμόζει αυτόματα το καθορισμένο ποσοστό της περιοχής προβολής του προγράμματος περιήγησης. Μπορείτε επίσης να εφαρμόσετε τις επιλογές μορφοποίησης και να αλλάξετε τις ιδιότητες οποιουδήποτε στοιχείου - όπως το κείμενο, μια εικόνα ή ένα αρχείο πολυμέσων - μέσα σε μια κυψέλη πίνακα. Για να το κάνετε αυτό, επιλέξτε το στοιχείο και, στη συνέχεια, χρησιμοποιήστε τις επιλογές στον επιθεωρητή ιδιοτήτων CSS ή HTML για να κάνετε τις επιθυμητές αλλαγές, όπως θα κάνατε αν το στοιχείο δεν ήταν σε κυψέλη πίνακα.