diumenge, 5 de febrer del 2012

Pràctica1



El resultat final de la pràctica haurà de ser semblant a: 




Per arribar a aquest resultat, cal seguir les pautes següents:
  • Elimineu les finestres flotants F4
  • Us situeu a la part superior i, a l’apartat Título, poseu el títol de la pàgina: “Disseny de pàgines web”. Aquest títol no sortirà a la vostra pàgina. Si visualitzeu el codi HTML, veureu que se situa dins el <HEAD>.
  • Situeu-vos dins l’àrea de treball i escriviu el text següent:
    "Pràctica 1: Comencem a treballar amb el Dreamweaver"
  • Apretem F4 i seleccioneu el text que acabeu d'escriure, obriu la finestra Propiedades en el cas de no tenir-la oberta, i apliqueu les característiques següents al text seleccionat:

Propietats del text
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:
Propietats del text
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 la 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: 


D:/cognomnom/mod1


Seleccioneu el menú Fichero / Guardar como… amb el nom mod01prac01.


Inserir una línia de separació de la pantalla
  • Situeu-vos dins l’àrea de treball amb el vostre nom.
  • Aneu a la barra d’eines d'inserció, situeu-vos sobre la fletxa de l’opció Común i desplegueu el menú: seleccioneu l’opció HTML.
  • La primera opció és Regla horizontal, activeu-la.
Inserir línia de separació
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ú:
Insertar / HTML / Regla horizontal


  • Sota la línia que heu creat, poseu el nom del centre on esteu destinats, el nivell educatiu al qual pertanyeu i les matèries que esteu impartint. Cada un d'aquests apartats haurà d'estar en una línia diferent, i hi aplicareu formats diferents. En finalitzar, torneu a inserir una línia.
  • Sota l'última línia, inseriu la data.
    • Situeu-vos sota l'última línia per inserir la data.
    • A la barra d'eines, a l'apartat Común, feu clic sobre la icona Fecha.
    • Agafeu l’opció dd/mm/aaaa.
    • Amb les opcions de la finestra Propiedades, poseu la data en cursiva i alineeu-la a la dreta.
    Barra d'eines apartat Común

  • Guardeu els canvis des del menú Fichero / Guardar.