I ara una mica de teoria, que ja tocava! El passat dissabte 8 de març a classe del Taller web vam començar a manejar el programa Dreamweaver, aquí us poso el que vam aprendre a fer:

- El primer cop que es fa servir l’eina Dreamweaver s’ha de seleccionar Administrar llocs> Seleccionar i crear una nova carpeta, en aquest cas li direm “taller web”, dins del folder DTD.

- S’obre un nou arxiu, avui una pàgina d’HTML (index.htm).

- Dreamweaver és un programa que genera codis, i aquests es poden copiar i enganxar a d’altres aplicacions que utilitzin aquest codi font, com pel nostre blog de WordPress.

- Per fer enllaços interns a Dreamveawer: cal subratllar el nom, buscar la carpeta dins de la columna dreta del programa, prémer el botó “assenyalar arxiu” i arrossegar la fletxa cap a la carpeta o pàgina.

- Per fer enllaços externs: escrivim l’enllaç de la pàgina externa a la casella de “vincle” (part inferior de la finestra) i perquè els usuaris no ens perdin com a pàgina referent seleccionarem destí>blank (així la nova pàgina s’obrirà en una nova finestra del navegador).

- Si volem veure la visualització o aspecte de la pàgina hem de prémer F12 (amb Internet Explorer) o Control+F12 (Mozilla Firefox).

- Propietats de la pàgina (Finestra>Propietats): També podem modificar el color del fons o de la lletra. Curiosament es pot canviar el color dels vincles (i així diferenciar els nous, dels ja visitats o fins i tot que canviïn de color quan cliquem a sobre de l’enllaç). Els marges també es poden modificar i posar amb més espais o a 0.

- Títol/codificació: És important definir el títol del document (per tal de facilitar la seva cerca), s’ha d’escollir la codificació Europeu occidental (per defecte).

- Inserció de vídeos i imatges: Després d’escollir un vídeo del Youtube o altres formats, copiem el codi corresponent a la pestanya de “codi” (no a la de disseny). També podem insertar un flash o imatge amb moviment i interactivitat. Les imatges s’enganxen directament. És important saber que tot el que insertem al nostre web ha d’estar guardat a l’arxiu on tenim localitzada la nostra carpeta.

- Creació de taules: Funciona com un processador de textos, hem de prémer la icona de taula de la part superior i li indiquem el número de columnes i files que volem que tingui, a més de la vora. Per seleccionar tota la taula hem de col·locar el cursor a la mateixa, clicar amb el botó dret del ratolí, escollir “taula” i “seleccionar taula”. l’aplicació ens permet modificar el tipus de lletra i el color s’aquesta o del fons. Per treballar millor és preferible que ocupi el 100% de l’espai, quan la tinguem enllestida ja la reduirem. Per fer espais a l’interior de les caselles hem de prémer Control+Shift+Barra espaiadora i per fer un salt de línia més estret cal prémer Intro+Shift.

El dissabte seguirem… Fins la propera!

M@rt@