Πώς να εισαγάγετε μια εικόνα σε μια κεφαλίδα για έναν ιστότοπο

Πίνακας περιεχομένων:

Πώς να εισαγάγετε μια εικόνα σε μια κεφαλίδα για έναν ιστότοπο
Πώς να εισαγάγετε μια εικόνα σε μια κεφαλίδα για έναν ιστότοπο

Βίντεο: Πώς να εισαγάγετε μια εικόνα σε μια κεφαλίδα για έναν ιστότοπο

Βίντεο: Πώς να εισαγάγετε μια εικόνα σε μια κεφαλίδα για έναν ιστότοπο
Βίντεο: Πώς Να Εισάγετε Κεφαλίδες & Υποσέλιδα Σε Φύλλο Εργασίας Του Microsoft Excel; 2024, Απρίλιος
Anonim

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

Πώς να εισαγάγετε μια εικόνα σε μια κεφαλίδα για έναν ιστότοπο
Πώς να εισαγάγετε μια εικόνα σε μια κεφαλίδα για έναν ιστότοπο

Οδηγίες

Βήμα 1

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

Βήμα 2

Είναι καλύτερο να χρησιμοποιήσετε το Adobe Photoshop για την επεξεργασία της εικόνας. Λάβετε υπόψη ότι οι εκδόσεις του προγράμματος μπορούν να είναι στα Αγγλικά και για την ευκολία της εργασίας θα χρειαστείτε μια ρωγμή. Μπορείτε να το κατεβάσετε δωρεάν στο Διαδίκτυο.

Βήμα 3

Ανοίξτε την εικόνα που θέλετε να αντικαταστήσετε σε έναν επεξεργαστή γραφικών και επιλέξτε "Εικόνα" - "Μέγεθος εικόνας" από το μενού. Θυμηθείτε, ή καταγράψτε καλύτερα τις τιμές σε pixel. Μπορείτε να κλείσετε την εικόνα - δεν θα τη χρειαστείτε πια.

Βήμα 4

Στο μενού "Αρχείο", επιλέξτε "Νέο", μετά το οποίο θα ανοίξει μια φόρμα μπροστά σας. Εισαγάγετε τις καταγεγραμμένες τιμές του μεγέθους της εικόνας σε αυτό και κάντε κλικ στο "OK". Μπορείτε επίσης να ορίσετε άλλες παραμέτρους στην πορεία, για παράδειγμα, το όνομα του επιπέδου ή τον τύπο του περιεχομένου του φόντου, αλλά δεν είναι θεμελιώδεις.

Βήμα 5

Δημιουργήστε ένα νέο επίπεδο ("Layer" - "New").

Βήμα 6

Ανοίξτε στο πρόγραμμα την εικόνα που θέλετε να δείτε στην κεφαλίδα του ιστότοπου ("Αρχείο" - "Άνοιγμα").

Βήμα 7

Στη γραμμή εργαλείων, επιλέξτε το εικονίδιο "Ορθογώνια περιοχή", χρησιμοποιήστε το για να επιλέξετε μια εικόνα.

Βήμα 8

Χρησιμοποιήστε την εντολή "Αντιγραφή" από το μενού "Επεξεργασία" και επικολλήστε την εικόνα σε ένα νέο επίπεδο του έτοιμου σχήματος ("Επεξεργασία" - "Επικόλληση"). Επιλέξτε το εργαλείο Μετακίνηση και μετακινήστε την εικόνα όπως απαιτείται.

Βήμα 9

Εάν το μέγεθος της εικόνας αποδείχθηκε μεγαλύτερο ή μικρότερο, τότε μπορεί να διορθωθεί χρησιμοποιώντας τις εντολές από το μενού "Εικόνα". Σε κάθε περίπτωση, οι παράμετροι της κύριας εικόνας σπάνια συμπίπτουν με τις απαιτούμενες, οπότε σχεδόν πάντα υπάρχει ένας κενός χώρος. Πρέπει να συμπληρωθεί και γι 'αυτό είναι καλύτερο να χρησιμοποιήσετε το "Ιστορικό". Για παράδειγμα, μπορείτε να γεμίσετε με ένα μόνο χρώμα ή να χρησιμοποιήσετε το εργαλείο Gradient και, στη συνέχεια, να εξομαλύνετε τη μετάβαση χρησιμοποιώντας dodge / darken, Finger, Sponges και ούτω καθεξής.

Βήμα 10

Υπάρχει μια ειδική ετικέτα για την εισαγωγή εικόνων στη γλώσσα html

με διάφορα χαρακτηριστικά:

• src - διεύθυνση εικόνας;

• ύψος - ύψος σε px.

• πλάτος - πλάτος σε px.

• περίγραμμα - περίγραμμα σε px.

• alt - μια εξήγηση για την εικόνα, που εμφανίζεται για τους χρήστες όταν η λειτουργία λήψης εικόνας είναι απενεργοποιημένη.

Για παράδειγμα,. Δεν απαιτείται αντίστροφη ετικέτα.

Συνιστάται: