| |
En aquesta pràctica s'utilitzen les taules per organitzar completament la informació d'una pàgina. D'aquesta manera s'obté una visualització i una impressió correcta, independentment de la configuració de pantalla de l'usuari o de la mida de la finestra del Navegador.
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
 |
Per
fer proves, podeu canviar la resolució de pantalla. Aquesta opció
es troba a Inici | Configuració | Tauler de control. Seleccioneu
la icona Pantalla i a la pestanya Paràmetres i especifiqueu
la mida a Àrea de l'escriptori. La resolució i la profunditat
de color depenen de les prestacions de la vostra placa gràfica, de
la mida del vostre monitor i de la versió del Windows. És
possible que no tingueu permís per canviar aquesta configuració
als ordinadors de l'IES. De vegades els canvis impliquen reinicialitzar
l'ordinador. |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
 |
Les
línies de text tendeixen a ocupar tota l'amplada de la finestra i
queden exageradament llargues o molt curtes; les imatges queden descol·locades
quan es canvia la mida de la finestra o la resolució de la pantalla.
La manera d'evitar-ho és fer servir taules amb una amplada fixa.
Les resolucions més freqüents són 640x480, 800x600 o 1024x768 píxels. Amb la resolució mínima l'espai útil de visualització és de 600 píxels. Aquesta amplada també garanteix una impressió correcta. En preparar les pàgines dins una taula d'amplada fixa de 600 píxels s'assegura que pràcticament tots els usuaris ho visualitzen bé. Si l'amplada de la taula es decideix pensant en usuaris que ho visualitzaran a 800x600 píxels, a les pantalles de menys resolució s'haurà de fer servir la barra de desplaçament horitzontal per veure el text. A més, aquestes últimes pàgines s'imprimeixen tallades, sense el tros de la dreta.
La resolució més extesa és la de 800x600 píxels. És recomanable dissenyar les pàgines pensant en aquesta resolució. |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
 |
Pàgines
dins de taules La finalitat d'aquesta pràctica és preparar un portal: la pàgina d'entrada al centre d'informació de la Garrotxa mitjançant una taula que englobi el contingut de tota la pàgina (text, imatges, taules...). Els enllaços d'aquesta pàgina permetran accedir a les pàgines fetes en pràctiques anteriors i a d'altres, que completaran la informació de la Garrotxa (per exemple, gastronomia, economia...). En finalitzar la pràctica, el resultat ha de ser semblant a:
Obriu el Dreamweaver i definiu les propietats de la pągina:
Deseu-la amb el nom de index.htm. La lletra per defecte de tota la pàgina és Arial, Tam 2. Els enllaços amb Arial, Tam 2, negreta. Per fer aquesta pàgina heu de crear una estructura de taules anidades com aquesta:  Cada una d'aquestes taules té les següents propietats:
Aquest és l'ordre de realització de la pàgina:
Definiu els enllaços a les pàgines corresponents. Deseu el fitxer index.htm. Comproveu la seva visualització amb el Navegador, canviant la resolució de la pantalla o la mida de la finestra. |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
Cal tenir en
compte que si l'adreça (http://www.iesgironella.ct/~usuari/cvweb/garrotxa)
acaba amb el nom d'una carpeta sense indicar explícitament
un fitxer, aleshores el navegador busca un fitxer anomenat index.htm
o index.html. Si no existeix aquest fitxer, el navegador
o bé donarà error o bé mostrarà tots
els fitxers que conté la carpeta.
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |
Reformateig
de pągines amb taules La finalitat d'aquesta prąctica és arreglar les pągines de la Garrotxa creades en el mņdul anterior, de manera que tot el contingut quedi dins una taula de 760 pķxels d'amplada (perquè es visualitzi correctament en una pantalla estàndard 800x600). Obriu amb el Redactor el fitxer garrotxa.htm, seleccioneu tota la pągina amb l'opció Edición | Seleccionar todo de la barra de menś. Cliqueu l'opció Edición | Cortar (o Ctrl X). Amb la pągina buida, inseriu una taula d'1 fila i d'1 columna, de vora 0 i de 760 pķxels d'amplada. Situeu el cursor dins la taula, i seleccioneu l'opció Edición | Pegar (o Ctrl V) per recuperar el contingut de la pągina. Deseu la pągina garrotxa.htm i comproveu la seva visualització canviant la resolució de la pantalla o la grandąria de la finestra. Arregleu totes les altres pągines de la Garrotxa. |
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| |
Si
voleu que tota la pàgina es visualitzi centrada, independentment
de la resolució, cal que seleccioneu la taula i, a la finestra de
propietats, marqueu l'opció Alinear Centro. |
