Fem aquest curs perquè sabem fer pàgines
web i hem utilitzat el Dreamweaver. Si no és així, abans de
començar hauríem de fer una bona repassada dels cursos D72
i D98 sobre Disseny i Creació de Pàgines Web. Sigui
com sigui, donem per certa l'afirmació inicial.
Dreamweaver permet dissenyar pàgines utilitzant un editor visual. Per
sota, genera codi HTML, css i JavaScript. Entendre aquest codi és fonamental
si es vol anar més enllà.
Es pot aprendre molt si s'observa com treballa Dreamweaver, tot i que cal
tenir present que només és un programa i que s'ha d'assegurar
la possibilitat de tornar enrera (desfer). Sovint, genera més codi
del que hauríem fet a mà, sobretot, quan crea scripts.
En
aquesta pràctica, però, només treballarem sobre HTML.
No es tracta de programar (tot arribarà), sinó d'utilitzar
Dreamweaver de la forma més eficaç i, de passada, aconseguir
que generi menys codi, i més net.
Farem l'esquema d'una pàgina utilitzant tècniques que ens
permetin avançar amb rapidesa. Més endavant, aquest disseny
ens servirà de base per aplicar nous conceptes.
Les etiquetes HTML més utilitzades
<head> </head> (cap), <title>
</title> (títol), <body> </body> (cos),
zones de la pàgina. <table> </table> Defineixen l'inici i fi d'una taula. <tr> </tr> cada fila d'una taula i <td> </td>
cada cel·la individual dins d'una fila. <p> </p> Defineixen un paràgraf. <b> </b> (negreta), <i> </i> (inclinada),
<u> </u> (subratllada), etiquetes de format del text. <br> (no té parella) Fa un salt de línia. <font> </font> Tipus de lletra, mida i color del text. <img src="..."> Posa una imatge.
Algunes d'aquestes etiquetes tenen modificadors: width i heigh estableixen l'amplada i l'altura. color i bgColor defineixen el color del text i del fons. align i valign permeten establir l'alineació horitzontal i
vertical.