Descobrint el Dreamweaver

Dreamweaver és una aplicació informàtica que ens permet crear pàgines web editant amb llenguatge html. Aquest editor és del tipus WYS/WYG, és a dir, “what you see is what you get“.

Per començar, hem après a canviar de color, tamany i tipus de lletra a través del menú “propiedades” del programa. Aquest menú apareix a la part inferior i varia segons el què tenim seleccionat.

També hem creat links, tant a un arxiu del sistema com a altres pàgines web:
- Si linkem a un arxiu hem de prémer sobre “señalar archivo” i arrossegar el cursor fins el document que ens interessa.
- Si linkem a un web hem d’anar a l’opció “Vínculo” i anotem la URL a l’espai en blanc que hi ha al costat. Si volem que aquest web s’obri en una pàgina diferent sense perdre la nostra, anem a l’opció “Dest.” i hi posem “_blank_”. Les altres opcions actualment ja no s’utilitzen.

Per altra banda, també hem sabut com canviar l’aspecte de la nostra pàgina: el fons, el color de la font, el color dels vincles, els marges, etc. a través de l’opció “propiedades de página“. Dins d’aquesta opció també podem posar títol a la pàgina que hem creat, tot i que també es pot posar i modificar des de la pàgina principal de Dreamweaver. Aquest títol és el que apareixerà al buscador i a la pestanya quan entrem al web.

També hem insertat vídeo i imatge flash al web i l’hem traslladat al nostre blog, fent un “copy&paste” del codi html que es genera a l’editor. En el cas d’un arxiu flash, abans de res ens hem d’assegurar que està guardat al disc on tenim guardats els arxius .htm de la nostra pàgina.

Finalment, també hem après a crear taules i hem descobert que, de fet, totes les pàgines web estan estructurades a partir de taules. Per fer-ne una cal anar a l’opció “Insertar – tabla” on podrem escollir:

- el nombre de files i columnes
- l’amplada de la taula, que pot ser en % o en píxels. Si, en aquesta opció, no hi posem res la taula anirà ocupant l’espai en funció del què hi posem.
- l’espai, en píxels, entre els límits de la cel·la i el text que hi ha a dins (opció “Rell. celda”).
- l’espai, també en píxels, que volem entre cel·la i cel·la (opció “Esp. celda”).
- el gruix del contorn.

Com en Word, les caselles de la taula també es poden combinar, unint-les o dividint-les.

Una vegada hem creat la taula també la podem exportar al blog, copiant el codi html de la pestanya de “diseño” de l’editor i enganxant-lo a la pestanya de “codi” del post on ho vulguem insertar, tal com hem fet a l’insertar el vídeo.