|
||
|
||||||||||||||||
 |
||||||||||||||||
| Pràctica |
 |
 |
 |
 |
 |
Exercicis
|
 |
|||||||||
| L'objectiu d'aquesta pràctica és conèixer el funcionament bàsic del programa. Cal dir que el temari és molt ample i, al llarg d'un curs introductori com aquest, només veureu les parts més bàsiques. Per tant, moltes opcions no les utilitzareu. |
|
| Desenvolupament de la pràctica | |
 |
Treball amb Dreamweaver MX 2004: el vostre primer treball |
| El primer que s’ha de fer és carregar el programa. Com a norma, podeu seguir el procediment següent: Inicio / Todos los programas / Macromedia / Macromedia Dreamweaver MX 2004 De forma gràfica:
Un cop carregat, surt una pantalla inicial. Recordeu que el Dreamweaver MX 2004 és capaç de fer moltes coses relacionades amb el món de les pàgines web, però, vosaltres, en aquest nivell, només n'utilitzeu unes quantes, que serviran per dur a terme l'objectiu de fer una web. Tal com indica la imatge següent, premeu sobre l’apartat HTML, del qual ja coneixeu el significat pel treball fet al mòdul anterior.
Un cop hagueu accedit, veureu un munt de finestres, menús
i desplegables que conformen la interfície del programa.
Observeu la imatge següent amb la disposició d'aquestes
zones:
Feu un cop d'ull ràpid a aquests elements:
Barra d'eines d'inserció Conjunt d'objectes que podeu inserir a les
vostres pàgines: Barra d'eines de
visualització
Cal tenir en compte les icones de visualització i la forma de canvi d’un a un altre sistema:
Finestres flotants
Una altra forma d'amagar les finestres flotants és prémer a sobre del títol de cada una. D'aquesta forma, es minimitzen i, si les voleu tornar a obrir, només cal tornar a prémer sobre el nom visible.
A la part superior esquerra de cada finestra, hi ha una fletxa petita amb el nom; clicant-hi a sobre, es pot obrir o tancar. Si la voleu fer desaparèixer de forma
permanent (després la podreu recuperar a partir d’una opció
de menú), caldrà situar-se en el menú de la dreta
de cada finestra i prémer sobre l’opció Cerrar
grupo de paneles. |
|
|
Com a pràctica, esborreu de la interfície de treball totes les finestres de la dreta i la finestra inferior Propiedades. Per fer això, procediu de la manera següent: |
|
|
 |
De tot el munt de finestres disponibles al Dreamweaver MX 2004, n'hi ha dues que s’utilitzen molt i que seran l’objecte del vostre primer treball. Aquestes finestres són: |
Les dues es podem visualitzar/amagar amb les dues primeres opcions del menú Ventana, també amb la combinació de tecles següent:
Cada una d’aquestes opcions actua com un interruptor que amaga la finestra si és visible, o bé la visualitza en el cas que no hi sigui.
Cal tenir en compte les icones de visualització i la forma de canvi d’un a l'altre sistema:
|
|
|
La primera pàgina web amb el Dreamweaver MX 2004 |
El resultat final de la pràctica haurà de ser semblant a: Veure resultat final |
|
Per arribar a aquest resultat, cal seguir les pautes següents:
A continuació, poseu en tres línies diferents el vostre nom i cognoms. Tal com s'ha fet abans, seleccioneu el text i apliqueu les propietats següents:
Observeu com, cada cop que doneu determinades característiques a un text, el programa crea un Estilo, és a dir, un conjunt d’ordres de format amb un nom comú. A partir d’aquest moment, podeu tornar a especificar les ordres només establint el nom de l’estil a qualsevol part del text. Podeu anar a al vista de visualització de codi per veure el codi generat pel programa. Cal recordar que el Dreamweaver MX 2004 no es més que un generador de codi que els navegadors interpretaran a l’hora de situar el text en la vostra pantalla. Guardeu la pàgina que esteu fent en el vostre directori de treball: treballcursd72 Seleccioneu el menú Fichero / Guardar
como… amb el nom mod01prac02. Inserir una línia de separació de la pantalla
Una línia creuarà la vostra pantalla de dreta a esquerra. També podríeu haver aconseguit el mateix efecte des de
la barra de menú:
|
|
 |
|
|
|
