moodle ies baix camp XTEC

 !  Crèdit 9 DAI

UD 1: Disseny web amb Macromedia Dreamweaver


Dreamweaver és un editor de codi HTML per al disseny visual i l'administració de llocs i pàgines web. Incorpora la possibilitat de controlar manualment el codi HTML, treballar amb un entorn d'edició visual i, a més, inclou una gran quantitat d'eines que faciliten i amplien les possibilitats d'interactuació de l'ususari a les pàgines que elaborem.

Disposa de les opcions característiques de qualsevol editor del tipus WYSIWYG (What You See Is What You Get). Podem incorporar els elements més habituals en una  pàgina web com ara text, imatges, taules, enllaços, etc. També disposem d'un tipus d'eines d'utilització freqüent però que altres editors no contemplen,  com la verificació dels enllaços, l'edició de mapes d'imatge... La disponibilitat de l'aplicació d'opcions relacionades amb les últimes tecnologies com per exemple el treball amb capes, la creació automàtica de JavaScripts, la inserció d'elements Flash, els fulls d'estil CSS..., completen una oferta molt potent a les nostres mans.

Configuració de Dreamweaver

  • Navegadors
  • Edición | Preferencias
  • L'entorn de treball de Dreamweaver:
    • Barra de menús
    • Barra d'eines
    • Barra d'estat
    • Finestres flotants
    • Finestra de treball

Definició del lloc web amb Dreamweaver

Podem definir un lloc web com un conjunt format per les pàgines, imatges i qualsevol altre arxiu que hi ha a una web.

Propietats de la pàgina
Escriure i donar format al text

Copieu i enganxeu el següent text:

La Garrotxa

Extensió: 734 km2
Població: 46.708 h [1996]

Comarca de Catalunya, la més oriental de les de muntanya. Cap de la comarca, Olot. Comprèn l'alta conca del Fluvià i les capçaleres de la Muga i de les rieres d'Amer i de Llémena. El territori no és homogeni i hom pot considerar-hi, tant des del punt de vista físic com humà, dues subcomarques: el sector que s'estén al nord de la vall del Fluvià, denominat freqüentment alta Garrotxa, i el que ocupa la part meridional, conegut correntment per comarca d'Olot.

L'alta Garrotxa constitueix un sector molt muntanyós, laberíntic i escarpat amb profunds engorjats i cingleres. Els materials que hi predominen són les calcàries eocèniques, amb alguna intercalació margosa i algun aflorament d'argiles vermelles, materials profundament plegats i fallats, tallats per l'erosió i modelats per un aspre relleu càrstic. És drenat pels afluents de l'esquerra de la conca mitjana del Fluvià, entre els quals el Llierca i el seu afluent, la riera de Sant Aniol, que aïlla a l'oest el Montfalgars (1.610 m alt) i el puig de Comanegra (1.558 m), i la riera de Borró, que separa el conjunt muntanyós de Bassegoda (1.376 m) del massís de la Mare de Déu del Mont (1.115 m).

(...)

La població, que el 1860 arribà als 44.693 h, passà a 36.855 el 1900, a 40.777 el 1960 i a 46.060 h el 1991. Els municipis més poblats són Olot (26.713 h), Sant Joan les Fonts (2.821 h), la Vall d'En Bas (2.531h) i Besalú (2.098 h). A partir de la segona meitat del s XX començaren a ésser abandonades les terres de l'alta Garrotxa (el 1956 ja el 36% dels masos eren abandonats, i actualment, més del 50%]. Aquesta tendència a la despoblació es generalitza en tota la comarca pel damunt dels 600 m d'altitud. Els nuclis de població concentrada són molt poc importants.

Deseu el fitxer garrotxa.htm i feu clic a la icona Vista previa en els navegadors de la barra de menús. Comproveu com es visualitza.

Formatant el text: finestra Propiedades

  • Extensió: Població : font Arial, Helvética... , tamany 3 , color #FF6600 i negreta
  • 734 km2 i 46.708 h (1996): font Arial, Helvética... , tamany 3 , color #000000 i cursiva
  • La resta del text: font Arial, Helvética... , tamany 2 , color #000000
  • Els noms propis del text: font Arial, Helvética... , tamany 2 , color #000000 i negreta
  • Inseriu una línia després del títol

Pràctica: Creeu una pàgina semblant de la vostre comarca o població. Les dades les podeu prendre per exemple de l'enciclopedia lliure Wikipedia

 !   Activitat 1
  • Introducció
  • Configuració de Dreamweaver
  • Definició del lloc web amb Dreamweaver
    Propietats de la pàgina
    Escriure i donar format al text
  • Formatant el text

Següent