Dreamweaver CS5: Comunicació Web

• 1

• 6

• 9

  setmanes

Superar la certificació Comunicació Web usant Dreamweaver, demostrant habilitats a:

– Establir els Requisits del Projecte
•Identificar el propòsit, el públic i les necessitats del públic en una pàgina web.
•Identificar el contingut duna pàgina web que és rellevant per al propòsit duna pàgina i apropiat per al públic al qual ens dirigim.
•Provar coneixement de les regles estàndards de copyright (termes relacionats, obtenció de permisos i cites de material amb copyright).
•Provar coneixement dels estàndards daccessibilitat a pàgines web que es dirigeixen a les necessitats de les persones amb discapacitats visuals o motores.
•Seguir les especificacions de disseny.
•Entendre la gestió de tasques i responsabilitats del projecte.

– Planejar el Disseny i la Distribució de la Pàgina
•Demostrar coneixements de les millors maneres de dissenyar una pàgina web, com ara mantenir la consistència, separar contingut de disseny, utilitzar fonts estàndards, i utilitzar colors segurs per a la xarxa.
•Produir dissenys de pàgines web que funcionin igual de bé en diversos sistemes operatius i diverses versions i configuracions de navegadors.
•Demostrar coneixement dels conceptes i principis de disseny de distribució de pàgines.
•Identificar els principis bàsics de la usabilitat, la llegibilitat i l'accessibilitat d'una pàgina web.
•Demostrar coneixement dels organigrames i storyboards per crear pàgines web i un mapa dun lloc que mantinguin la jerarquia planejada per a la pàgina web.
•Comunicació amb altres (com companys i clients) sobre el disseny i els plans de contingut.

– Entendre la interfície de l'Adobe Dreamweaver CS5
•Identificar elements de la interfície del Dreamweaver.
•Feu servir la barra d'inserció.
•Utilitzar l'inspector de propietats.
•Utilitzar el panell d'atributs.
•Utilitzar el panell de fitxers.

– Afegir Contingut
•Definir un lloc Dreamweaver.
•Crear, afegir títol, anomenar i salvar una pàgina web.
•Seguir una jerarquia i storyboards per crear pàgines web i mapes del lloc que mantinguin la jerarquia planejada per a la pàgina web.
•Afegir text a la pàgina web.
•Inserir imatges i aplicar text alternatiu a la pàgina web.
•Enllaçar el contingut de la web, fer servir hipervincles, enllaços a e-mail, i salts de secció amb nom.
•Inserir contingut multimèdia, vegeu vídeo, so, i animacions en format Flash.
•Inserir barres de navegació, imatges giratòries i botons creats a Adobe Fireworks en una pàgina web.
•Construir mapes en imatge.
•Importar informació tabulada a una pàgina web.
•Importar un document Microsoft Word o Microsoft Excel a una pàgina web.
•Crear formularis.

– Organitzar i Modificar Contingut
•Establir i modificar les propietats del document.
•Organitzar el contingut usant taules.
•Organitzar la distribució duna pàgina web amb etiquetes div posicionades absolutament i estils CSS.
•Modificar text i propietats de text.
•Modificar imatges i propietats d‟imatge.
•Modificar pel·lícules Flash en una pàgina web.
•Crear plantilles de pàgines web.
•Utilitzar etiquetes HTML bàsiques per configurar un document HTML, el format d'un text, afegir links, crear taules i construir llistes ordenades i no ordenades.
•Afegir contingut a la capçalera d'una pàgina web per fer-la visible als motors de cerca.
•Utilitzar CSS per implementar dissenys reusables.

– Avaluar i Mantenir un Lloc
•Realitzar proves tècniques bàsiques.
•Identificar tècniques per a proves bàsiques d'usabilitat.
•Presentar pàgines web a altres (com a membres de l'equip i clients) per aconseguir feedback i avaluació.
•Identificar mètodes per recopilar feedback del lloc.
•Manejar atributs, enllaços i arxius per a un lloc.
•Publicar i actualitzar els fitxers d'un lloc a un servidor remot.

• 1

• 6

• 9

  setmanes

MÒDUL 1. PERSONALITZAR EL SEU ESPAI DE TREBALL
Recórrer lespai de treball
Canviar i dividir vistes
Vista Disseny
Vista Codi
Vista Dividir
Treballar amb panells
Minimitzar
Flotar
Arrossegar
Agrupar, apilar i acoblar
Seleccioneu un disseny d'espai de treball
Ajustar les barres d'eines
Personalitzar preferències
Crear mètodes d'accés directe personalitzats
Utilitzeu l'inspector Propietats
Utilitzeu la pestanya HTML
Utilitzeu l'etiqueta CSS
Propietats d'imatge
Propietats de taula
Preguntes de repàs
Respostes

MÒDUL 2. FONAMENTS BÀSICS HTML
Què és HTML?
On va començar HTML?
Escriure el teu propi codi HTML
Comprendre la sintaxi HTML
Inserir codi HTML
Formatar text amb HTML
Aplicar format en línia
Afegir estructura
Escriure HTML a Dreamweaver
Codis HTML 4 utilitzats freqüentment
Etiquetes HTML
Entitats de caràcter HTML
Cap on va HTML?
Preguntes de repàs
Respostes

MÒDUL 3. FONAMENTS BÀSICS CSS
Què és CSS?
Format HTML davant CSS
El model de caixa CSS
Formats HTML predefinits
Formatar text
Teoria de cascada
Teoria de l'herència
Teoria de la descendència
Teoria d'especificitat
Formatar objectes
Posicionar
Grandària
Vores i ombrejat
Marges i farciment
Múltiples, classes i ID, Oh, Senyor!
Aplicar format a múltiples elements
Crear selectors de classe CSS
Crear selectors ID CSS
Preguntes de repàs
Respostes

MÒDUL 4. UN COMENÇAMENT RÀPID
Definir un lloc Dreamweaver
Utilitzar la pantalla de benvinguda
Seleccionar un disseny CSS
Desar una pàgina
Modificar el títol de pàgina
Canviar capçaleres
Inserir text
Inserir imatges
Seleccionar i modificar estils CSS
Canviar l'amplada de la pàgina
Canviar els colors de fons de la pàgina
Inserir un fons gràfic al peu de pàgina
Ajustar fonts de text, colors i mides
Canviar font i color
Alterar la mida del text
Utilitzeu l'inspector Propietats
Vista prèvia d'una pàgina a Vista en viu
Vista prèvia de pàgines en un navegador
Preguntes de repàs
Respostes

MÒDUL 5. CREAR UN DISSENY DE PÀGINA
Fonaments bàsics de disseny web
Quin és el propòsit del lloc web?
Qui és el client?
Com arriben aquí?
Escenari
Treballar amb imatges en miniatura i wireframes
Crear vistes en miniatura
Crear un disseny de pàgina
Crear wireframes
Vista prèvia del vostre fitxer complet
Modificar un disseny CSS existent
Afegir una imatge de fons a la capçalera
Inserir nous components
Modificar l'amplada de la pàgina i el color de fons
Modificar el contingut i el format existent
Inserir un marcador de posició d'imatge
Inserir marcador de posició de text
Modificar el peu de pàgina
Comprovar la compatibilitat del navegador
Preguntes de repàs
Respostes

MÒDUL 6. TREBALLAR AMB FULLS D'ESTIL A CASCADA
Vista prèvia d'un fitxer acabat
Treballar amb el panell Estils CSS
Crear noves regles CSS
Crear selectors descendents
Crear classes predeterminades
Crear aneu personalitzats
Crear un menú interactiu
Modificar el comportament d'hiperenllaç
Modificar el comportament d'un hiperenllaç existent
Afegir atractiu visual als menús
Crear falses columnes
Moure regles a un full d'estil extern
Crear fulls d'estil per a altres tipus de mitjans
Mostra la barra d'eines Representació d'estils
Convertir un full d'estil existent per a impressió
Amagar àrees de pàgina no desitjades
Eliminar estils no desitjats
Preguntes de repàs
Respostes

MÒDUL 7. TREBALLAR AMB PLANTILLES
Vista prèvia de fitxers acabats
Crear una plantilla des d'un disseny existent
Inserir regions editables
Crear pàgines fill
Actualitzar una plantilla
Utilitzar elements Biblioteca
Crear un element Biblioteca
Actualitzar elements Biblioteca
Utilitzar server-side include
Crear server-side include
Inserir un server-side include
Actualitzar els server-side include
Preguntes de repàs
Respostes

MÒDUL 8. TREBALLAR AMB TEXT, LLISTES I TAULES
Vista prèvia d'un fitxer acabat
Importar text
Crear capçaleres
Crear llistes
Crear text sagnat
Crear i aplicar estil a taules
Crear taules des de zero
Copiar i enganxar taules
Aplicar estil a taules amb CSS
Aplicar estil a cel·les de taula
Controlar l'amplada de columna
Inserir taules des d'altres fonts
Ajustar alineació vertical
Afegir i formatar elements
Comprovar l'ortografia a les pàgines web
Trobar i reemplaçar text
Preguntes de repàs
Respostes

MÒDUL 9. TREBALLAR AMB IMATGES
Revisar els fonaments d'imatges web
Gràfics vectorials
Gràfics rasteritzats
Resolució
Grandària
Color
Formats de fitxer d'imatge rasteritzada
GIF
JPEG
PNG
Vista prèvia d'un fitxer acabat
Inserir una imatge
Ajusteu les posicions d'imatge amb classes CSS
Treballar amb el panell Inserir
Utilitzar Adobe Bridge
Inserir tipus de fitxer incompatibles
Treballar amb Photoshop Smart Objects
Copiar i enganxar imatges des de Fireworks i Photoshop
Inserir imatges en arrossegar i deixar anar
Optimitzar imatges amb l'inspector Propietats
Preguntes de repàs
Respostes

MÒDUL 10. TREBALLAR AMB NAVEGACIÓ
Fonaments d'hipervincle
Hipervincles interns i externs
Hipervincles relatius a absoluts
Vista prèvia del vostre fitxer acabat
Crear hipervincles interns
Crear un enllaç basat en imatge
Crear un enllaç extern
Configurar enllaços de correu electrònic
Adreceu-vos a elements de pàgina
Crear una àncora amb nom
Utilitzar atributs ID com a destins d'enllaç
Inserir barres de menú Spry
Modificar els menús Spry directament
Personalitzar l'aparença de la barra de menú Spry
Edita CSS en utilitzar el Navegador de codi
Inserir menús Spry com a elements Biblioteca
Comprovar la pàgina
Preguntes de repàs
Respostes

MÒDUL 11. Afegir INTERACTIVITAT
Aprendre els comportaments Dreamweaver
Vista prèvia d'un fitxer acabat
Treballar amb comportaments Dreamweaver
Aplicar un comportament
Aplicar un comportament Restaurar imatge intercanviada
Eliminar els comportaments aplicats
Afegir comportaments a hipervincles
Treballar amb widgets Acordió de Spry
Inserir un giny Acordió de Spry
Afegir panells addicionals
Personalitzar un Acordió de Spry
Preguntes de repàs
Respostes

MÒDUL 12. TREBALLAR AMB FLASH
Comprendre Flash
Vista prèvia d'un fitxer acabat
Afegir animacions Flash a una pàgina
Afegir un fitxer FLV a una pàgina
Preguntes de repàs
Respostes

MÒDUL 13. TREBALLAR AMB FORMULARIS
Vista prèvia d'un fitxer acabat
Aprendre més sobre els formularis
Afegir un formulari a una pàgina
Inserir elements de formulari de text
Configurar preferències per a formularis accessibles
Utilitzar camps de text
Incloure camps de text Spry
Crear un joc de camps
Crear camps de text de contrasenya
Inserir caselles de verificació
Crear botons d'opció
Incorporar àrees de text
Treballar amb llistes
Afegir un botó Enviar
Especificar una acció de formulari
Manar dades de formulari per correu electrònic
Aplicar estil als formularis
Preguntes de repàs
Respostes

MÒDUL 14. TREBALLAR AMB DADES ONLINE
Treballar amb contingut dinàmic
Vista prèvia del fitxer acabat
Utilitzar dades HTML i XML
Treballar amb dades HTML
Aplicar estil a taules Spry
Actualitzar dades HTML
Treballar amb dades XML
Triar un model de servidor
Configurar un servidor web local
Configurar un servidor de prova
Crear aplicacions de base de dades
Fonaments del disseny de base de dades
Connexió a una base de dades
Connexió a MySQL
Preguntes de repàs
Respostes

MÒDUL 15. CREAR PÀGINES DINÀMIQUES AMB DADES
Crear pàgines amb ASP, ColdFusion o PHP
Crear un joc de registres
Mostra dades des d'una base de dades
Provar fitxers al servidor de prova
Afegir un comportament Repetir regió
Exercici addicional: Crear una taula dinàmica per a classes i seminaris
Crear un conjunt de pàgina mestre/detall
Crear la pàgina mestre
Mostra imatges dinàmicament
Mostrar múltiples elements
Crear un comportament de paginació de registre
Amagar controls de paginació no necessaris
Mostra recompte de registres
Aplicar estil a les dades dinàmiques
Inserir un comportament anar a pàgina de detall
Crear una pàgina de detall
Preguntes de repàs
Respostes

MÒDUL 16. TREBALLAR AMB CODI
Visió general d'eines de codi
Seleccionar codi
Contreure codi
Ampliar codi
Afegir codi nou
Utilitzar el Navegador de codi
Accedir a Codi en viu
Utilitzar el mode Inspeccionar
Treballar en fitxers relacionats
Accedir a la vista Dividir codi
Comentar el codi
Preguntes de repàs
Respostes

MÒDUL 17. DEFINIR UN LLOC REMOT
Definir un lloc remot
Configurar un lloc FTP remot
Establir un lloc remot en un servidor web local o en xarxa
Amagar carpetes i fitxers
Conclusions
Crear una pàgina principal
Actualitzar enllaços
Col·locar el vostre lloc online
Sincronitzar lloc local i remot
Preguntes de repàs
Respostes

• 1

• 6

• 9

  setmanes

4