Η δημιουργία φόντου για ιστοσελίδες στο Adobe Dreamweaver CS6 είναι διασκεδαστική και μπορεί να επιδιωχθεί με περισσότερους τρόπους από ό,τι θα φαντάζονταν οι περισσότεροι. Μπορείτε να δημιουργήσετε ένα επαναλαμβανόμενο μοτίβο με μια μόνο μικρή εικόνα, να δημιουργήσετε ένα υδατογράφημα ή να χρησιμοποιήσετε μια μεγάλη εικόνα για να γεμίσετε ένα ολόκληρο φόντο.
Ως προεπιλογή, ένα φόντο HTML επαναλαμβάνει την επιλεγμένη εικόνα μέχρι να γεμίσει την οθόνη. Σε συνδυασμό με τις ιδιότητες CSS, μπορείτε να ελέγξετε ή να εξαλείψετε την επαναλαμβανόμενη συμπεριφορά και ακόμη και να ορίσετε ακριβή τοποθέτηση για μια μεμονωμένη εικόνα φόντου.
Εάν γεμίζετε ένα φόντο με ένα μοτίβο, φροντίστε να δημιουργήσετε μια εικόνα μοτίβου που δεν έχει διακριτές άκρες.
Για να χρησιμοποιήσετε προς όφελός σας την προεπιλεγμένη, επαναλαμβανόμενη παράθεση για μια εικόνα φόντου, ακολουθήστε τα εξής βήματα:
Στο Photoshop, επιλέξτε Αρχείο→ Νέο για να δημιουργήσετε μια νέα εικόνα.
Στο παράθυρο διαλόγου Νέο που εμφανίζεται, δημιουργήστε μια εικόνα που είναι πολύ μεγαλύτερη από την υψηλή, επιλέξτε RGB, επιλέξτε 72 dpi και, στη συνέχεια, κάντε κλικ στο OK.
Για παράδειγμα, πληκτρολογήστε 1000 στο πεδίο κειμένου Πλάτος και 20 στο πεδίο κειμένου Ύψος.
Επιλέξτε ένα χρώμα προσκηνίου και φόντου για να δημιουργήσετε ένα μείγμα. στη συνέχεια χρησιμοποιήστε το εργαλείο Gradient για Shift+σύρετε από την κορυφή προς το κάτω μέρος της περιοχής της εικόνας για να δημιουργήσετε ένα γέμισμα διαβάθμισης.
Επιλέξτε Αρχείο→Αποθήκευση για web, αποθηκεύστε την εικόνα ως αρχείο JPEG στον φάκελο περιεχομένου web του ιστότοπού σας και, στη συνέχεια, κλείστε την εικόνα.
Στο Dreamweaver, επιλέξτε Τροποποίηση→ Ιδιότητες σελίδας ή κάντε κλικ στο κουμπί Ιδιότητες σελίδας στον επιθεωρητή ιδιοτήτων για να τοποθετήσετε την εικόνα ως εικόνα φόντου στην ιστοσελίδα σας.
Εάν το κουμπί Ιδιότητες σελίδας δεν είναι ορατό, κάντε κλικ στη σελίδα — φροντίστε να μην επιλέξετε άλλο στοιχείο, όπως μια εικόνα.
Εμφανίζεται το πλαίσιο διαλόγου Ιδιότητες σελίδας.
Στο παράθυρο διαλόγου Ιδιότητες σελίδας, κάντε κλικ στο κουμπί Αναζήτηση στα δεξιά της εικόνας φόντου. Στο παράθυρο που εμφανίζεται, μεταβείτε στη θέση της αποθηκευμένης εικόνας φόντου και, στη συνέχεια, κάντε κλικ στο OK.
Πίσω στο παράθυρο διαλόγου Ιδιότητες σελίδας, κάντε κλικ στο OK.
Η εικόνα εμφανίζεται στο παρασκήνιο, επαναλαμβάνοντας και δημιουργώντας μια δροσερή κλίση φόντου σε όλη τη σελίδα!
Ανάλογα με το μέγεθος και την ανάλυση της οθόνης ενός χρήστη, η εικόνα φόντου σας μπορεί να αναγκαστεί να επαναληφθεί. Η επανάληψη μιας εικόνας φόντου μπορεί να αποφέρει κάποια δημιουργικά αποτελέσματα.
Σε ορισμένες περιπτώσεις, ενδέχεται να μην δείτε το φόντο σας μέχρι να κάνετε κλικ στο κουμπί Προεπισκόπηση/Εντοπισμός σφαλμάτων στο πρόγραμμα περιήγησης και να κάνετε προεπισκόπηση της σελίδας στο προεπιλεγμένο πρόγραμμα περιήγησής σας.
Το πλαίσιο Σελίδες στο 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 με διαφανές φόντο και να εφαρμόσετε εφέ διαφάνειας.
