IES de Gironella
Àrea de Matemàtiques
CV FEM UN PROJECTE WEB
 
INSERCIÓ D'IMATGES

Informació
Insereix una imatgeEn una pàgina HTML es poden posar imatges en format GIF o JPG. Podeu fer-ho amb la icona Insertar imagen de la finestra Objectes.
 
 
Pràctiques

Inserció d'una imatge
 
Seguint amb l'exemple de la comarca de la Garrotxa, es tracta d'inserir la imatge del pont de Besalú de la Hiperenciclopèdia. Situeu-la al l'inici del segon paràgraf del text.
 
Cliqueu la imatge amb el botó dret del ratolí i deseu-la a la carpeta L:\eso_4t\usuari\web_personal\cvweb\garrotxa\ amb el nom de besalu.jpg. Reduïu la seva mida a 200x150 píxels amb el Paint Shop Pro.
 
Seleccioneu l'opció Insertar imagen de la finestra Objectes. Trieu el fitxer besalu.jpg de la carpeta on l'heu acabat de desar.
 
Deseu la pàgina garrotxa.htm i visualitzeu-la amb el Navegador. Comproveu que, per defecte, la part inferior de la imatge queda alineada amb la primera línea del paràgraf.
 
Pàgina garrotxa.htm visualitzada en el Navegador
Per modificar l'alineació de la imatge cliqueu la imatge, observeu la finestra propietats i seleccioneu l'opció Alinear Izquierda.

Torneu a desar la pàgina i comproveu el resultat en el Navegador:
 

 
Podeu fer aparéixer més o menys opcions a la finestra propietats clicant la fletxa inferior dreta.


Els paràmetres An Al fan referència a l'amplada i alçada, en píxels, de la imatge. És recomanable posar-los en blanc, així la imatge s'insereix amb la seva mida original, i la conservarà encara que es modifiqui. Si pel contrari voleu establir vosaltres aquests paràmetres cal que tingueu en compte que aquesta reducció/ampliació és, únicament, a nivell de visualització: la imatge no canvia de mida, es deforma.

Per canviar les dimensions d'una imatge o qualsevol altra modificació cal editar-la amb un editor gràfic com el Paint Sho Pro. Hi accedireu amb l'opció Editar.


 
Un altre paràmetre que es pot especificar en aquest quadre de diàleg és el gruix del contorn (Borde). El valor per defecte és 0 píxels, excepte quan la imatge té un enllaç (2 píxels).


Atenció

En els navegadors, el text alternatiu Alt es visualitza en forma d'etiqueta en passar el ratolí per sobre de la imatge. També el visualitzen els usuaris que tenen desactivats els gràfics.