Πώς να αλλάξετε την εμφάνιση ενός πίνακα στο Dreamweaver

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

• Πίνακας: Παρέχει μια περιοχή κειμένου όπου μπορείτε να εισαγάγετε ένα όνομα για έναν πίνακα. Αυτό το όνομα ή το αναγνωριστικό είναι χρήσιμο για τη στόχευση του πίνακα σε σενάρια.

• Γραμμές: Εμφανίζει τον αριθμό των σειρών στον πίνακα. Μπορείτε να αλλάξετε το μέγεθος του πίνακα αλλάζοντας τον αριθμό. Ωστόσο, να είστε προσεκτικοί: Εάν εισαγάγετε έναν αριθμό που είναι μικρότερος από τον αριθμό των σειρών στον πίνακά σας, το Dreamweaver διαγράφει τις κάτω σειρές — τα περιεχόμενα και όλα.

• Cols: Εμφανίζει τον αριθμό των στηλών στον πίνακα. Μπορείτε να αλλάξετε το μέγεθος του πίνακα αλλάζοντας τον αριθμό. Και πάλι, εάν εισαγάγετε έναν αριθμό μικρότερο από τον αριθμό των στηλών στον πίνακά σας, το Dreamweaver διαγράφει τις στήλες στη δεξιά πλευρά του πίνακα — περιεχόμενα και όλα.

• W (πλάτος): Εμφανίζει το πλάτος του πίνακα. Μπορείτε να αλλάξετε το πλάτος αλλάζοντας τον αριθμό. Μπορείτε να καθορίσετε το πλάτος ως ποσοστό ή μια τιμή σε pixel. Οι τιμές που εκφράζονται ως ποσοστό αύξησης ή μείωσης του μεγέθους του πίνακα σε σχέση με το μέγεθος του παραθύρου του προγράμματος περιήγησης του χρήστη ή οποιουδήποτε κοντέινερ που περικλείει, όπως ένας άλλος πίνακας ή ένα

  ετικέτα.

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

  Εάν ένας πίνακας εισαχθεί σε άλλο δοχείο, όπως α

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

  Σημείωση: Ξεκινώντας στο Dreamweaver CS4, δεν βρίσκετε πλέον πεδίο H (ύψος). Ως βέλτιστη πρακτική, οι περισσότεροι σχεδιαστές δεν καθορίζουν το ύψος του πίνακα, επειδή τα περιεχόμενα του πίνακα ενδέχεται να αλλάζουν από τον έναν επισκέπτη στον άλλο. Για παράδειγμα, το μέγεθος της γραμματοσειράς του κειμένου εξαρτάται από το σύστημα και τις ρυθμίσεις του χρήστη.

• CellPad: Καθορίζει το διάστημα μεταξύ των περιεχομένων ενός κελιού και του περιγράμματός του.

• CellSpace: Καθορίζει το διάστημα μεταξύ των κελιών του πίνακα.

• Στοίχιση: Ελέγχει τη στοίχιση του πίνακα στην ιστοσελίδα. Οι επιλογές είναι Προεπιλογή, Αριστερά, Κέντρο και Δεξιά. Κατά γενικό κανόνα, η ρύθμιση Προεπιλογή ευθυγραμμίζει τον πίνακα από την αριστερή πλευρά του παραθύρου του προγράμματος περιήγησης ή άλλου κοντέινερ.

• Περίγραμμα: Ελέγχει το μέγεθος του περιγράμματος γύρω από τον πίνακα. Όσο μεγαλύτερος είναι ο αριθμός, τόσο πιο παχύ είναι το περίγραμμα. Εάν θέλετε το περίγραμμα να είναι αόρατο, ορίστε το στο 0.

• Τάξη: Παρέχει εύκολη πρόσβαση σε επιλογές φύλλου στυλ.

• Εκκαθάριση και μετατροπή: Τα εικονίδια στην κάτω αριστερή περιοχή του επιθεωρητή ιδιοτήτων (κάντε κλικ στο βέλος επέκτασης στην κάτω δεξιά γωνία για να τα προβάλετε) παρέχουν αυτές τις επιλογές μορφοποίησης:

  • Το Clear Row Heights και το Clear Column Widths σάς επιτρέπουν να αφαιρέσετε όλες τις τιμές ύψους και πλάτους ταυτόχρονα.

  • Η μετατροπή πλάτη πίνακα σε εικονοστοιχεία και η μετατροπή πλάτη πίνακα σε ποσοστό σάς επιτρέπουν να αλλάζετε αυτόματα τις ρυθμίσεις πλάτους από ποσοστά σε εικονοστοιχεία. Τα εικονοστοιχεία καθορίζουν ένα σταθερό πλάτος. μια ρύθμιση ποσοστού σημαίνει ότι το πρόγραμμα περιήγησης προσαρμόζει αυτόματα το καθορισμένο ποσοστό της περιοχής εμφάνισης του προγράμματος περιήγησης.

Μπορείτε επίσης να εφαρμόσετε επιλογές μορφοποίησης και να αλλάξετε τα χαρακτηριστικά οποιουδήποτε στοιχείου — όπως κείμενο, εικόνα ή αρχείο πολυμέσων — μέσα σε ένα κελί πίνακα. Για να το κάνετε αυτό, επιλέξτε το στοιχείο και, στη συνέχεια, χρησιμοποιήστε τις επιλογές στον επιθεωρητή ιδιοτήτων CSS ή HTML για να κάνετε τις επιθυμητές αλλαγές, όπως θα κάνατε αν το στοιχείο δεν βρισκόταν σε ένα κελί πίνακα.