Πώς να εργαστείτε με πίνακες στο Adobe Dreamweaver CS6

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

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

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

Για να δημιουργήσετε έναν πίνακα στο Dreamweaver, ακολουθήστε τα εξής βήματα:

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

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

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

• Γραμμές: Στο πλαίσιο κειμένου Γραμμές, εισαγάγετε τον αριθμό των γραμμών που θέλετε στον πίνακα. Οι σειρές στοιβάζονται κάθετα και μπορούν να προστεθούν ή να διαγραφούν αφού δημιουργήσετε τον πίνακα.

• Στήλες: Στο πλαίσιο κειμένου Στήλες, εισαγάγετε τον αριθμό των στηλών που θέλετε στον πίνακα. Οι στήλες δημιουργούνται οριζόντια σε έναν πίνακα και μπορούν να προστεθούν ή να διαγραφούν αφού τις δημιουργήσετε.

• Πλάτος πίνακα: Εισαγάγετε μια μέτρηση πλάτους στο πλαίσιο κειμένου Πλάτος πίνακα και, στη συνέχεια, επιλέξτε μια μέτρηση (Εικονοστοιχεία ή Ποσοστό) από την αναπτυσσόμενη λίστα στα δεξιά. Το πλάτος πίνακα είναι ένα σημαντικό χαρακτηριστικό επειδή ορίζει το προεπιλεγμένο μέγεθος για τον πίνακα.

• Πάχος περιγράμματος: Εισαγάγετε (σε pixel) το πάχος που θέλετε για το πλάτος του περιγράμματος που περιβάλλει τα κελιά και έξω από τον πίνακα. Εάν θέλετε να μην βλέπετε μορφοποίηση πίνακα, πληκτρολογήστε 0 στο πλαίσιο κειμένου Πάχος περιγράμματος. Σημείωση: Στην προβολή σχεδίασης, εξακολουθείτε να βλέπετε ένα διακεκομμένο περίγραμμα πίνακα — είναι απλώς ένα οπτικό βοήθημα.

• Επένδυση κελιών: Εισαγάγετε έναν αριθμό στο πλαίσιο κειμένου Επένδυση κελιών, εάν θέλετε να χρησιμοποιήσετε την αναπλήρωση για να δημιουργήσετε ένα περιθώριο γύρω από όλο το περιεχόμενο μέσα στο κελί.

• Διάστημα κελιών: Εισαγάγετε έναν αριθμό στο πλαίσιο κειμένου Διάστιχο κελιών εάν θέλετε να αλλάξετε το διάστημα για να απομακρύνετε τα κελιά.

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

  ετικέτα). Αυτό ενισχύει ότι η πρώτη σειρά και τα περιεχόμενά της ορίζουν την κεφαλίδα του πίνακα.

• Επιλογές προσβασιμότητας: Μπορείτε να παρέχετε πρόσθετες πληροφορίες για να βοηθήσετε τους χρήστες με προβλήματα όρασης να κατανοήσουν τα περιεχόμενα του πίνακα σας. Προσθέστε μια λεζάντα που είναι σχετική με τον πίνακά σας στο πλαίσιο κειμένου Λεζάντα. Στην περιοχή Σύνοψη, συμπεριλάβετε πολλές γραμμές κειμένου για να παρέχετε περισσότερες πληροφορίες σχετικά με τον σκοπό του πίνακα και τα περιεχόμενά του.

Κάντε κλικ στο OK.

Το τραπέζι σας δημιουργήθηκε.

Όταν εργάζεστε με πίνακες, προσπαθήστε να εκμεταλλευτείτε τη δυνατότητα διευρυμένου πίνακα στο Dreamweaver. (Βρείτε το κουμπί Αναπτυγμένο στην ενότητα Διάταξη του πίνακα Εισαγωγή.) Η ανεπτυγμένη προβολή προσθέτει γέμιση κελιών και διάστημα σε έναν πίνακα και αυξάνει το μέγεθος του περιγράμματος για να διευκολύνει την επιλογή κελιών και περιεχομένου.

Για ακριβή προεπισκόπηση, επιστρέψτε στην Τυπική προβολή (κάντε κλικ στο κουμπί Τυπική στην ενότητα Διάταξη του πίνακα Εισαγωγή) αφού ολοκληρώσετε την επεξεργασία.