Enrera
Mòdul 5
Disseny i creació de pàgines web
  Pràctica
1
2
3
4
5
   
Exercicis
Exercicis
 
 
Pràctica

Creació d'una interfície amb capes (II)

Ja teniu la pàgina amb les propietats bàsiques i els estils del text. Ara inseriu les capes.

Des del menú Insertar | Objetos de diseño | Capa, inseriu una capa i poseu-li de nom Títol.

Propietats de la capa Les mesures de 732 x 39 píxels les podeu aplicar redimensionant la capa amb el ratoli o escrivint-les directament a la finestra Propiedades. Mireu, també, que les coordenades referents a la seva posició a la pantalla siguin 5 píxels des del marge esquerre o des del superior.

Escriviu dins la capa el text "El portal del conill" i apliqueu-li l'estil Títol.

Aplicació de l'estil ''TITOL''

Observeu que, automàticament, apareix amb els atributs que havíeu definit i amb la imatge de fons fixada.

Tot seguit, inseriu les capes corresponents a les capçaleres dels enllaços.
Inseriu una altra capa i escriviu el nom titmenu1.

Propietats de la capa ''Titmenu1''

La redimensioneu a 205 x 31 píxels i li inseriu una taula de dues columnes i una fila, sense separació entre cel·les i amb contorn zero. La columna esquerra contindrà el gràfic GIF animat boto137.gif. Dins la columna dreta, escriviu Descripció i apliqueu l'estil titol2.

A partir d'aquí, podeu anar fent el mateix amb les altres capes que contenen les capçaleres:

Com tenir-los a casa
Afectacions a les persones
Curiositars
Caça menor
Gastronomia

Podeu situar les capes en els llocs aproximats, ja que al final de tot les alineareu correctament.

Els gràfics decoratius es poden alternar entre aquests dos: boto135.gif i boto137.gif

La capa central contindrà la fotografia de la vostra mascota.

Fotografia de la mascota dins d'una capa

Ja només us queden les capes que contenen els enllaços. A cada una heu inserit una taula amb tantes files com enllaços hi heu de posar.

Per inserir els enllaços, els seleccioneu separadament i enganxeu, sobre la barra de propietats, la URL corresponent. Veureu que, tot seguit, l'estil canvia per l'estil que havíeu definit al principi.

 

Les URL de cada vincle les teniu a l'arxiu vincles.rtf. Perquè us sigui més fàcil, proveu de copiar i enganxar cada una des del document a la barra de propietats.

Observeu que, en inserir un vincle a un text, aquest us canvia l'estil automàticament a l'estil que havíeu fixat al principi, a les propietats de la pàgina.

Un cop alineades totes les capes, deseu la pàgina, i, si tot ha anat bé, us quedarà semblant a aquesta.
   
Atenció !

Les capes simplifiquen molt el disseny d'una pàgina, gràcies a la seva flexibilitat.

En aquestes darreres pràctiques, heu utilitzat gràfics lliures que podeu trobar a llocs com:
http://www.thegifcollector.com.ar/gif_fondos.htm. A partir d'aquí, podeu experimentar amb diferents gràfics de fons i botons per al vostre projecte.

   
   
 
Amunt