Com Inserir Una Imatge En Una Capçalera D’un Lloc Web

Taula de continguts:

Com Inserir Una Imatge En Una Capçalera D’un Lloc Web
Com Inserir Una Imatge En Una Capçalera D’un Lloc Web

Vídeo: Com Inserir Una Imatge En Una Capçalera D’un Lloc Web

Vídeo: Com Inserir Una Imatge En Una Capçalera D’un Lloc Web
Vídeo: Portal.EDU - Inserir imatge a una entrada 2024, Abril
Anonim

Una imatge seleccionada correctament caracteritza la direcció del lloc de la millor manera i li proporciona individualitat. A més, la majoria de les persones són visuals per naturalesa, cosa que significa que la imatge gràfica es recordarà molt millor per a elles.

Com inserir una imatge en una capçalera d’un lloc web
Com inserir una imatge en una capçalera d’un lloc web

Instruccions

Pas 1

Si només esteu creant el vostre lloc basant-vos en una plantilla ja feta, podeu inserir una imatge a la capçalera amb un simple reemplaçament. Per fer-ho, n'hi ha prou amb seleccionar una imatge adequada i desar-la amb el nom d'una il·lustració estàndard. El més important aquí és ajustar les dimensions, en cas contrari la vostra imatge simplement no s'adaptarà als paràmetres del recurs. Podeu fer el mateix amb un lloc web ja fabricat que té un sistema de control i que ja s’ha enviat navegant per Internet.

Pas 2

És millor utilitzar Adobe Photoshop per editar la imatge. Tingueu en compte que les versions del programa poden estar en anglès i per comoditat del treball necessitareu un crack. Es pot descarregar gratuïtament a Internet.

Pas 3

Obriu la imatge que voleu substituir en un editor de gràfics i seleccioneu "Imatge" - "Mida de la imatge" al menú. Recordeu, o millor, anoteu els valors en píxels. Podeu tancar la imatge, ja no la necessitareu.

Pas 4

Al menú "Fitxer", seleccioneu "Nou", després del qual s'obrirà un formulari al davant. Introduïu-hi els valors enregistrats de la mida de la imatge i feu clic a "D'acord". També podeu establir altres paràmetres al llarg del camí, per exemple, el nom de la capa o el tipus de contingut de fons, però no són fonamentals.

Pas 5

Creeu una capa nova ("Capa" - "Nova").

Pas 6

Obriu al programa la imatge que voleu veure a la capçalera del lloc ("Fitxer" - "Obrir").

Pas 7

A la barra d'eines, seleccioneu la icona "Àrea rectangular" i utilitzeu-la per seleccionar una imatge.

Pas 8

Utilitzeu l'ordre "Copia" del menú "Edita" i enganxeu la imatge en una nova capa de la forma preparada ("Edita" - "Enganxa"). Seleccioneu l'eina Mou i moveu la imatge segons sigui necessari.

Pas 9

Si la mida de la imatge va resultar ser més gran o més petita, es pot corregir mitjançant les ordres del menú "Imatge". En qualsevol cas, els paràmetres de la imatge principal poques vegades coincideixen amb els requerits, de manera que gairebé sempre hi ha un espai buit. S'ha d'emplenar i, per a això, és millor utilitzar el "Fons". Per exemple, podeu omplir amb un sol color o utilitzar l'eina Gradient i, a continuació, suavitzar la transició amb esquivar / enfosquir, Dit, esponges, etc.

Pas 10

Hi ha una etiqueta especial per inserir imatges en l'idioma html

amb diversos atributs:

• src - adreça de la imatge;

• altura - alçada en px;

• amplada - amplada en px;

• vora - vora en px;

• alt: una explicació de la imatge que es mostra als usuaris quan la funció de recepció d'imatges està desactivada.

Per exemple,. No cal cap etiqueta inversa.

Recomanat: