Πώς να χρησιμοποιήσετε μια εικόνα ως φόντο στο Adobe Dreamweaver CS6 - ανδρείκελα <[SET:descriptionel]δημιουργία φόντου στο Adobe Dreamweaver CS6

Η δημιουργία φόντου για ιστοσελίδες στο Adobe Dreamweaver CS6 είναι διασκεδαστική και μπορεί να επιδιωχθεί με περισσότερους τρόπους από τους περισσότερους ανθρώπους που θα φανταζόταν. Μπορείτε να δημιουργήσετε ένα επαναλαμβανόμενο μοτίβο με μια μικρή εικόνα, να δημιουργήσετε ένα υδατογράφημα ή να χρησιμοποιήσετε μια μεγάλη εικόνα για να γεμίσετε ένα ολόκληρο φόντο.

Ως προεπιλογή, ένα φόντο HTML επαναλαμβάνει την επιλεγμένη εικόνα μέχρι να γεμίσει την οθόνη. Σε συνδυασμό με τις ιδιότητες CSS, μπορείτε να ελέγξετε ή να εξαλείψετε την επαναλαμβανόμενη συμπεριφορά και ακόμη και να ορίσετε ακριβή τοποθέτηση για μια εικόνα φόντου.

Εάν γεμίζετε ένα φόντο με ένα μοτίβο, φροντίστε να δημιουργήσετε μια εικόνα μοτίβου που δεν έχει διακριτά άκρα.

Για να χρησιμοποιήσετε το πλεονέκτημα του προεπιλεγμένου, επαναλαμβανόμενου πλαισίου για μια εικόνα φόντου, ακολουθήστε τα παρακάτω βήματα:

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

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

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

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

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

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

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

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

   

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

7. Επιστροφή στο παράθυρο διαλόγου Ιδιότητες σελίδας, κάντε κλικ στο κουμπί OK.

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

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

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