Etiquetes

dilluns, 9 de gener del 2012

Ubicació d'imatges dins una pàgina web

L'objectiu d'aquesta pràctica és ubicar correctament imatges i gràfics dins una pàgina web.

Les imatges o els gràfics són arxius independents que podeu utilitzar o no a la vostra pàgina web, que es criden utilitzant un codi de localització a partir del llenguatge HTML:
<img src="imatges/m3_4.gif " width="162" height = "162">
El que interessa en aquest apartat  és la ubicació dels gràfics a la vostra pàgina web.

Gràfics com a fons de pàgina

Un gràfic de fons de pàgina és un gràfic que es repeteix tantes vegades com sigui la mida de la pantalla i de les dimensions del gràfic utilitzat, i que es pot definir a partir de les propietats de pàgina.
Com més difuminat i discret sigui el gràfic, més agradable visualment serà el resultat i la visualització de la pàgina; com més concret i més ric de color, la visualització serà més feixuga per part de l'usuari/ària.

Desenvolupament de la primera part de la pràctica
Seleccionar una imatge o un color com a fons de pàgina
  • Creeu un document nou i guardeu-lo com a m3_5a.htm a la carpeta mod3 que heu de creat al vostre directori.
  • Obriu el menú Modificar | Propiedades de la página.
  • Seleccioneu Título | Codificación i escriviu el títol mòdul 3_ubicació de gràfics. Seleccioneu Aspecto | Color de fondo: aquí seleccioneu el color que vulgueu, accepteu i vegeu el resultat clicant a F12.






  • Cliqueu a Control + J o feu clic al botó Examinar de l'opció Imagen de fondo. Per exemple, suposeu que dins la carpeta mod3 imatges en teniu una que voleu usar anomenada m3_4.gif. Seleccioneu la imatge m3_4.gif.
  • Accepteu per tancar el requadre de diàleg de propietats de pàgina.
  • Guardeu la pàgina a la carpeta mod3.
  • Premeu F12 per veure el resultat.


    Fes un hipervincle a aquesta pàgina en el portal d'entrada que ja vas fer anteriorment,  a la tercera fila segona columna, poseu el text Exercici 03  i no t'oblidis de guardar un pantallazo a la teva col.lecció de Gmail.



Cap comentari:

Publica un comentari a l'entrada