Πριν ξεκινήσετε τη δημιουργία ενός περίπλοκου σχεδίου ρευστού πλέγματος στο Dreamweaver, σκεφτείτε να δοκιμάσετε ένα πιο απλό. Ξεκινήστε δημιουργώντας μια απλή διάταξη ρευστού πλέγματος μιας στήλης, ακολουθώντας αυτές τις εύκολες οδηγίες:
Επιλέξτε Αρχείο→ Νέο.
Ανοίγει το παράθυρο Νέο έγγραφο. Σημείωση: Βεβαιωθείτε ότι έχετε ολοκληρώσει τη διαδικασία ρύθμισης του ιστότοπου προτού ξεκινήσετε να εργάζεστε σε μια νέα διάταξη πλέγματος υγρών.
Από την αριστερή πλευρά της οθόνης, επιλέξτε Fluid Grid Layout.
Οι επιλογές του παραθύρου Νέο έγγραφο αλλάζουν σε επιλογές πλέγματος υγρών.
Καθορίστε τον αριθμό των στηλών που θέλετε σε καθεμία από τις τρεις διατάξεις.
Για να προσθέσετε ή να αφαιρέσετε στήλες, επιλέξτε το πεδίο κειμένου πάνω από κάθε στήλη με τη σειρά και εισαγάγετε τον αριθμό των στηλών που θέλετε.
Καθορίστε το ποσοστό του παραθύρου του προγράμματος περιήγησης που θέλετε να καλύπτει κάθε διάταξη.
Επιλέξτε το πεδίο κειμένου κάτω από κάθε διάταξη με τη σειρά και εισαγάγετε έναν αριθμό που αντιπροσωπεύει το ποσοστό του χώρου που θέλετε να καλύπτει η διάταξη όταν το σχέδιο προβάλλεται σε ένα παράθυρο του προγράμματος περιήγησης. Για παράδειγμα, από προεπιλογή η διάταξη της επιφάνειας εργασίας είναι ρυθμισμένη να καταλαμβάνει το 90 τοις εκατό του διαθέσιμου χώρου, αλλά θα μπορούσατε να το αλλάξετε σε 95 τοις εκατό για να δώσετε στον εαυτό σας περισσότερο χώρο σχεδιασμού και να μειώσει τον χώρο περιθωρίου.
Αλλάξτε το ποσοστό του πλάτους της στήλης για να αλλάξετε το μέγεθος του χώρου περιθωρίου μεταξύ κάθε στήλης.
Από προεπιλογή, το Dreamweaver ορίζει κάθε περιθώριο ώστε να καταλαμβάνει το 25 τοις εκατό του διαθέσιμου χώρου.
Χρησιμοποιήστε την αναπτυσσόμενη λίστα για να καθορίσετε έναν τύπο εγγράφου.
Από προεπιλογή, οι διατάξεις ρευστού πλέγματος δημιουργούνται χρησιμοποιώντας τον τύπο HTML5. Εκτός και αν χρειαστεί να αλλάξετε τον τύπο doctype για να είναι πιο συμβατός με άλλες μορφοποιήσεις που χρησιμοποιούνται στον ιστότοπό σας, το HMTL5 είναι η προτεινόμενη επιλογή για αποκριτικά σχέδια ιστού.
Κάντε κλικ στην επιλογή Δημιουργία.
Ανοίγει το παράθυρο διαλόγου Αποθήκευση ως έτοιμο για αποθήκευση ενός αρχείου CSS.
Εισαγάγετε ένα όνομα για το αρχείο CSS και κάντε κλικ στην Αποθήκευση.
Ανοίγει ένα νέο αρχείο HTML στον χώρο εργασίας του Dreamweaver, αλλά δεν έχει αποθηκευτεί ακόμη. Το αρχείο CSS που ονομάσατε αποθηκεύεται και το όνομά του γίνεται ορατό στον πίνακα Αρχεία.
Σημείωση: Σε αντίθεση με τη διαδικασία δημιουργίας άλλων τύπων σελίδων στο Dreamweaver, το αρχείο CSS αποθηκεύεται πρώτα και το αρχείο HTML αποθηκεύεται σε επόμενο βήμα.
Επιλέξτε Αρχείο→ Αποθήκευση
Ανοίγει το πλαίσιο διαλόγου Αποθήκευση ως.
Εισαγάγετε ένα όνομα για το αρχείο HTML και κάντε κλικ στο OK.
Το παράθυρο διαλόγου Αποθήκευση ως κλείνει και εμφανίζεται μια ειδοποίηση στο Dreamweaver που σας ενημερώνει ότι η διάταξη ρευστού πλέγματος απαιτεί δύο επιπλέον αρχεία: boilerplate.css και answer.min.js.
Κάντε κλικ στο OK για να αντιγράψετε τα αρχεία boilerplate.css και answer.min.js στον φάκελο του ιστότοπού σας.
Και τα τρία αρχεία προστίθενται στον πίνακα Αρχεία και επιστρέφετε στο νέο αρχείο HTML που έχετε ανοίξει στον χώρο εργασίας του Dreamweaver.
Δώστε στη σελίδα έναν τίτλο πληκτρολογώντας κείμενο στο πεδίο Τίτλος στο επάνω μέρος του χώρου εργασίας.
Και αυτό ολοκληρώνει τη διαδικασία δημιουργίας ενός νέου συνόλου αρχείων για τη διάταξη ρευστού πλέγματος σας.
Το πλαίσιο Σελίδες στο InDesign Creative Suite 5 σάς επιτρέπει να επιλέξετε, να μετακινήσετε, να προσθέσετε, να διαγράψετε, να αριθμήσετε, να αντιγράψετε, το μέγεθος και να περιηγηθείτε σε σελίδες σε μια δημοσίευση του InDesign.
Διορθώστε εύκολα τυπογραφικά και ορθογραφικά λάθη με τον ορθογραφικό έλεγχο στο InDesign Creative Suite 5, δημιουργώντας προσαρμοσμένα λεξικά χρήστη για καλύτερη ακρίβεια.
Ανακαλύψτε πώς να δημιουργήσετε και να χρησιμοποιήσετε πλαίσια κειμένου στο Adobe InDesign CS6. Εξερευνήστε νέες μεθόδους και εργαλεία για αποτελεσματική σχεδίαση.
Ανακαλύψτε πώς να μετατρέψετε τις φωτογραφίες σας σε ελαιογραφίες χρησιμοποιώντας το φίλτρο Oil Paint στο Photoshop CS6. Μάθετε χρήσιμες τεχνικές για καλύτερα αποτελέσματα.
Ανακαλύψτε πώς να δημιουργήσετε και να χρησιμοποιήσετε οδηγούς στο Photoshop CS6 για ακριβή ευθυγράμμιση και σχεδίαση.
Επιλέξτε Image→ Mode για να δείτε τις επιλογές λειτουργίας εικόνας στο Adobe Photoshop CS5. Χρησιμοποιήστε τη λειτουργία Duotone για τη δημιουργία εικόνας με 1-4 χρώματα, ιδανικά για επαγγελματικές εκτυπώσεις.
Μάθετε πώς να μετατρέψετε την εικόνα σας από RGB σε CMYK στο Adobe Photoshop CS6 με αυτές τις χρήσιμες οδηγίες.
Μάθετε πώς να μετρήσετε αποστάσεις και αντικείμενα στο Photoshop CS6 χρησιμοποιώντας εύχρηστες μεθόδους. Χρησιμοποιήστε τους χάρακες και τις γενικές επιλογές για ακριβείς μετρήσεις.
Μάθετε τα βασικά εργαλεία σχήματος στο Illustrator и την αποτελεσματική χρήση τους για δημιουργία επαγγελματικών σχεδίων.
Μάθετε πώς να εφαρμόζετε τη διαφάνεια στα γραφικά SVG στο Illustrator. Εξερευνήστε πώς να εξάγετε SVG με διαφανές φόντο και να εφαρμόσετε εφέ διαφάνειας.
