Δευτέρα 31 Δεκεμβρίου 2012

DreamWeaver Μέρος Ε: Πίνακες

Πίνακες

Οι πίνακες μπορούν να χρησιμοποιηθούν για να εμφανίσουν τις σχέσεις μεταξύ των δεδομένων ενώ μπορούν να χρησιμεύσουν και ως καθορισμός εμφάνισης (layout), να ορίσουν δηλαδή τις θέσεις των αντικειμένων σε μια ιστοσελίδα. Μπορείτε δηλαδή να θεωρήσετε ότι αν ένας πίνακας 2x2 θα χρησιμεύσει ως layout των σελίδων σας, τότε το πάνω αριστερά κελί θα περιέχει πάντα μια εικόνα, το πάνω δεξιά θα έχει πάντα τον τίτλο της εκάστοτε σελίδας με μεγάλα και έντονα γράμματα, το κάτω αριστερά κελί θα περιέχει μια λίστα από συνδέσμους και το κάτω δεξιά κελί θα έχει πάντα το κυρίως κείμενο της σελίδας. Με λίγα λόγια δηλαδή, ως layout, οι πίνακες μπορούν να κρατούν και να εμφανίζουν κείμενο και εικόνες σε μια συγκεκριμένη θέση της σελίδας.
Για να εισάγετε έναν πίνακα, επιλέξτε Insert > Table και στην συνέχεια ορίστε το πλήθος των γραμμών και των στηλών που θα έχει.

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

Δραστηριότητα

Σε αυτή την δραστηριότητα θα εισάγουμε έναν πίνακα και θα ορίσουμε τα περιεχόμενα του και τα χαρακτηριστικά του. Με παρόμοιο τρόπο μπορείτε να χρησιμοποιήσετε ένα πίνακα ως Layout για το website σας.

Απάντηση

Δημιουργήστε έναν πίνακα με 4 γραμμές και 3 στήλες, μήκος πίνακα 100 Pixels, κενό ανάμεσα στα κελιά (cell padding) 3 και με header «both». Παρατηρήστε ότι τα γράμματα A, B, C, D, G και J είναι πιο έντονα (bold) επειδή είχαμε επιλέξει την επιλογή «both» για header.
Τώρα πλέον μπορείτε να χειριστείτε τον πίνακα, αλλάζοντας τις διαστάσεις του κάθε κελιού του και τα περιεχόμενα του και να τον χρησιμοποιήσετε έτσι για πλήθος εργασιών όπως δημιουργία ενός άλμπουμ φωτογραφιών όπου κάθε κελί θα περιέχει μια φωτογραφία, δημιουργία ενός ημερολογίου με σημειώσεις για κάθε μέρα, κτλ.