Βίντεο: Μαθήματα Web Design με χρήση Dreamweaver 2025
Μπορείτε να εισαγάγετε έναν πίνακα κάνοντας κλικ στο εικονίδιο Πίνακας στο παράθυρο Layout Insert του Dreamweaver ή χρησιμοποιώντας το Εισαγάγετε το μενού, όπως φαίνεται στις παρακάτω οδηγίες βήμα-βήμα: Μην ανησυχείτε για την τελειοποίηση των ρυθμίσεων, αλλάζετε όλες αυτές τις επιλογές αργότερα (με εξαίρεση τις ρυθμίσεις προσβασιμότητας, οι οποίες μπορούν να επεξεργαστούν μόνο σε προβολή κώδικα μετά από εσάς Για να δημιουργήσετε έναν πίνακα στο Dreamweaver:
-
Εμφανίζεται το παράθυρο διαλόγου Πίνακας
Στα πεδία Γραμμές και Στήλες, καθορίστε τον αριθμό των γραμμών και των στηλών που θέλετε αντίστοιχα στον πίνακα σας
-
Στο πεδίο Πλάτος Πινάκων, πληκτρολογήστε το πλάτος του πίνακα και τότε επιλέξτε Percent ή Pixels από την αναπτυσσόμενη λίστα
-
Στο πεδίο Πάχος περιθωρίου, καθορίστε το πάχος του περιγράμματος του πίνακα σας σε εικονοστοιχεία.
-
Στα πεδία "Πληκτρολόγηση κυψελών" και "Κυψέλη κυψελών", πληκτρολογήστε τον αριθμό των pixel της επένδυσης κυψελών και της απόστασης κυψελών, αντίστοιχα, για τον πίνακα σας.
-
Τα πεδία γεμίσματος και αποστάσεως μπορούν να παραμείνουν κενά για να δημιουργήσουν ένα τραπέζι χωρίς επιπλέον παραγεμίσματα ή διαστήματα. Εναλλακτικά, μπορείτε να δημιουργήσετε ένα στυλ CSS που καθορίζει την απόσταση.
Επιλέξτε μια επιλογή κεφαλίδας κάνοντας κλικ στο εικονίδιο που αντιπροσωπεύει τη θέση κεφαλίδας που θέλετε στον πίνακα σας.
-
(Προαιρετικό) Στα πεδία προσβασιμότητας, προσθέστε μια λεζάντα και μια περίληψη.
-
Αυτά τα πεδία παρέχουν επιπλέον πληροφορίες που μπορεί να είναι χρήσιμες για τα άτομα με προβλήματα ακοής και άλλα άτομα που κάνουν περιήγηση στο διαδίκτυο χρησιμοποιώντας συσκευές ανάγνωσης οθόνης ή άλλα προγράμματα περιήγησης ιστού που διαβάζουν δυνατά ιστοσελίδες.
Κάντε κλικ στο κουμπί OK.
-
Ο πίνακας προστίθεται στη σελίδα στο Dreamweaver και κλείνει το παράθυρο διαλόγου Πίνακας.
Για να προσθέσετε κείμενο σε έναν πίνακα, κάντε κλικ για να τοποθετήσετε τον κέρσορα σε κάθε κελιά πίνακα και, στη συνέχεια, πληκτρολογήστε τα δεδομένα που θέλετε σε αυτό το κελί. Επαναλάβετε για κάθε κελί.
-
Εναλλακτικά, μπορείτε να χρησιμοποιήσετε την Επεξεργασία → Επικόλληση ειδικών για να εισαγάγετε δεδομένα σε στήλες από άλλο πρόγραμμα, όπως το Excel.
Για να εισαγάγετε μια εικόνα σε ένα κελί, κάντε κλικ για να τοποθετήσετε τον κέρσορα σε κάθε κελιά πίνακα και, στη συνέχεια, επιλέξτε Εισαγωγή → Εικόνα → Εικόνα. Επαναλάβετε για κάθε κελί.
-
Εναλλακτικά, μπορείτε να χρησιμοποιήσετε το εικονίδιο Εικόνα στον πίνακα Common Insertion.
Εφαρμόστε επιλογές μορφοποίησης, όπως έντονη ή πλάγια, σε επιλεγμένα κελιά και το περιεχόμενό τους, επιλέγοντας την επιλογή από τον επιθεωρητή ιδιοτήτων.
-
Μπορείτε να επεξεργαστείτε όλες τις επιλογές πίνακα, εκτός από τις επιλογές προσβασιμότητας, στον επιθεωρητή ιδιότητας αφού δημιουργήσετε έναν πίνακα. Όταν επιλέγετε έναν πίνακα ή ένα κελί κάνοντας κλικ στον χώρο εργασίας του Dreamweaver, τα χαρακτηριστικά εμφανίζονται στον επιθεωρητή ιδιοτήτων στο κάτω μέρος της περιοχής εργασίας.
Κάντε κλικ στο περίγραμμα οποιουδήποτε πίνακα για να επιλέξετε ολόκληρο τον πίνακα και ο επιθεωρητής ιδιότητας εμφανίζει τις επιλογές πίνακα. Για να δείτε όλες τις επιλογές, κάντε κλικ στο βέλος διαστολέα στην κάτω δεξιά γωνία του επιθεωρητή ιδιοκτησίας.
Πίστωση: Φωτογραφία από τη Janine Warner
Μερικές φορές επιλέγοντας ολόκληρο το τραπέζι και όχι μόνο μεμονωμένο κελί είναι δύσκολο. Αν έχετε πρόβλημα στην επιλογή του πίνακα, απλά τοποθετήστε τον κέρσορα οπουδήποτε στον πίνακα και επιλέξτε Τροποποίηση → Πίνακας → Επιλογή Πίνακα.