Adobe Photoshop CS5 Dreamweaver Εικόνες φόντου - dummies

Δημιουργία φόντου για ιστοσελίδες στο Adobe Creative Suite 5 (Adobe CS5) Το Dreamweaver μπορεί να επιδιωχθεί με περισσότερους τρόπους από τους περισσότερους ανθρώπους. Μπορείτε να δημιουργήσετε ένα επαναλαμβανόμενο μοτίβο με μια μικρή εικόνα, να δημιουργήσετε ένα υδατογράφημα ή να χρησιμοποιήσετε μια μεγάλη εικόνα για να γεμίσετε ένα ολόκληρο φόντο.

1. Στο Photoshop, επιλέξτε Αρχείο → Νέο για να δημιουργήσετε μια νέα εικόνα.

2. Στο νέο παράθυρο διαλόγου που εμφανίζεται, δημιουργήστε μια εικόνα πολύ ευρύτερη από αυτή που είναι υψηλή, επιλέξτε RGB, επιλέξτε 72 dpi και, στη συνέχεια, κάντε κλικ στο κουμπί OK.

   Για παράδειγμα, πληκτρολογήστε 1000 στο πεδίο κειμένου Width και 20 στο πεδίο Text Height.

3. Επιλέξτε χρώμα προσκηνίου και φόντου για να δημιουργήσετε ένα μείγμα.

   Χρησιμοποιήστε το εργαλείο κλίσης για να κάνετε Shift + σύρετε από την κορυφή προς την κάτω πλευρά της περιοχής εικόνας για να δημιουργήσετε μια πληρότητα κλίσης.

4. Επιλέξτε Αρχείο → Αποθήκευση για ιστό.

   Αποθηκεύστε την εικόνα ως αρχείο JPEG στο φάκελο περιεχομένου ιστού του ιστότοπού σας και, στη συνέχεια, κλείστε την εικόνα.

5. Ανοίξτε τη σελίδα Dreamweaver.

   Στο Dreamweaver, επιλέξτε Τροποποίηση → Ιδιότητες σελίδας ή κάντε κλικ στο κουμπί Ιδιότητες σελίδας στον επιθεωρητή ιδιοτήτων για να τοποθετήσετε την εικόνα ως εικόνα φόντου στην ιστοσελίδα σας.

   Εάν το κουμπί Ιδιότητες σελίδας δεν είναι ορατό, κάντε κλικ στη σελίδα - βεβαιωθείτε ότι δεν έχετε επιλέξει άλλο στοιχείο, όπως μια εικόνα.

6. Εμφανίζεται το παράθυρο διαλόγου Ιδιότητες σελίδας.

   Κάντε κλικ στο κουμπί Περιήγηση στα δεξιά της εικόνας φόντου, μεταβείτε στη θέση της αποθηκευμένης εικόνας φόντου και, στη συνέχεια, κάντε κλικ στην επιλογή Επιλογή / ΟΚ. κάντε κλικ στο κουμπί OK στο παράθυρο διαλόγου Ιδιότητες σελίδας.

   Η εικόνα εμφανίζεται στο παρασκήνιο, επαναλαμβάνοντας και δημιουργώντας μια δροσερή κλίση φόντου στη σελίδα!

Ανάλογα με το μέγεθος και την ανάλυση της οθόνης ενός χρήστη, η εικόνα φόντου μπορεί να αναγκαστεί να επαναλάβει. Η επανάληψη μιας εικόνας φόντου μπορεί να δώσει κάποια δημιουργικά αποτελέσματα.

Μια εικόνα που έχει οριστεί ως φόντο επαναλαμβάνεται οριζόντια και κάθετα από προεπιλογή.

Σε ορισμένες περιπτώσεις, ενδέχεται να μην δείτε το φόντο σας μέχρι να κάνετε κλικ στο κουμπί Προεπισκόπηση / εντοπισμού σφαλμάτων στο πρόγραμμα περιήγησης και να κάνετε προεπισκόπηση της σελίδας στο προεπιλεγμένο πρόγραμμα περιήγησης.