SlideShare une entreprise Scribd logo
1  sur  12
Guía de Dreamweaver 8 en la que se explica
como diseñar documentos web con CSS dando la
máxima prioridad al acceso a la información,
empezando por un correcto marcado que aporte
el mayor significado semántico al contenido.
 Se hace una descripción de la interfaz y
funcionamiento del programa, se explica la
correcta utilización de los principales elementos
del código, y se inicia el desarrollo práctico de una
web, separando el proceso en dos fases, una
inicial centrada en el contenido, elementos y
carga semántica de los mismos, y una segunda
fase dedicada a la presentación de ese contenido.
Aprender a utilizar Dreamweaver para desarrollar
documentos web de código limpio, fáciles de
entender y mantener, bien estructurados y exentos
de    atributos  de    presentación.  Con    ello
aprendemos a trabajar con uno de los mejores y
más utilizados editores de html, pero a la vez
establecemos las bases y metodología de trabajo
propias del diseño web accesible basado en
estándares W3C .
es una aplicaciones en forma de estudio
(basada en la forma de estudio de adobe
Flash) que está destinada a la construcción,
diseño y edición de sitios, videos
y aplicaciones Web basados en estándares.
Creado inicialmente
por Macromedia(actualmente producido
por Adobe Systems) es el programa más
utilizado en el sector del diseño y la
programación web, por sus funcionalidades, su
integración con otras herramientas
como Adobe Flash y , recientemente, por su
soporte de los estándares del World Wide Web
Consortium.
Interfaz y Operaciones Básicas
 Iniciando Dreamweaver 8
 Configuración local de un sitio web
 Interfaz. Barras de herramientas
 Primer documento web
 Disposición general del área de trabajo
Otros Paneles Importantes
 Estilos
 Activos
 Fragmentos
 Atributos
 Comportamientos
Contenido Semántico
 Descripción del documento a desarrollar
 Designación Jerárquica de
  Encabezados
 Ejemplo Cabecera de documento
 Interactividad. Elementos de
  navegación
 Hipervínculos
 Insertando Contenido
Tipos de Elementos
   Encabezados
   Párrafos
   Listas sin ordenar
   Listas de definición
   Partes de un texto con b,i,strong, y em.
   Marcando citas con blockquote.
   Acrónimos y abreviaturas
   Elemento de bloque div
   Elemento de línea span
   Texto preformateado pre
   Datos tabulares con table
Operaciones Automatizadas
 Elementos de biblioteca
 Plantillas
 Cambiar fragmentos de código
 Buscar y cambiar etiquetas
 Cambiar vínculos
 Limpiar código
En la guía se utilizan herramientas
 interactivas que ayudan a seguir de
  forma visual los procesos descritos,
mostrando imágenes generales (para
 situarse en el espacio de trabajo de
Dreamweaver), y ampliadas (para ver
  de forma nítida los pasos de cada
                proceso).

Contenu connexe

Tendances (19)

Inf_1PB_EXC8_RUGIERO
Inf_1PB_EXC8_RUGIEROInf_1PB_EXC8_RUGIERO
Inf_1PB_EXC8_RUGIERO
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Web
WebWeb
Web
 
Programación para web
Programación para webProgramación para web
Programación para web
 
prog4
prog4prog4
prog4
 
Debpablo
DebpabloDebpablo
Debpablo
 
Lenguaje html esther 1 ro basico
Lenguaje html esther 1 ro basicoLenguaje html esther 1 ro basico
Lenguaje html esther 1 ro basico
 
Clase 1
Clase 1Clase 1
Clase 1
 
Leccion VI
Leccion VILeccion VI
Leccion VI
 
Deberdp
DeberdpDeberdp
Deberdp
 
9- Unidad 3: Webservices-3.1. Introducción, Conceptos y Características
9- Unidad 3: Webservices-3.1. Introducción, Conceptos y Características9- Unidad 3: Webservices-3.1. Introducción, Conceptos y Características
9- Unidad 3: Webservices-3.1. Introducción, Conceptos y Características
 
Deberdp
DeberdpDeberdp
Deberdp
 
Clase 1 Introducción al Desarrollo Web
Clase 1 Introducción al Desarrollo WebClase 1 Introducción al Desarrollo Web
Clase 1 Introducción al Desarrollo Web
 
Dinarys duran
Dinarys duranDinarys duran
Dinarys duran
 
Presentac[2]..
Presentac[2]..Presentac[2]..
Presentac[2]..
 
Clase 4 JavaScript Básico
Clase 4 JavaScript BásicoClase 4 JavaScript Básico
Clase 4 JavaScript Básico
 
Writer
WriterWriter
Writer
 
Jose maria velaz
Jose maria velazJose maria velaz
Jose maria velaz
 
Producto 3
Producto 3 Producto 3
Producto 3
 

En vedette

Hispol1 mgalante4
Hispol1 mgalante4Hispol1 mgalante4
Hispol1 mgalante4Nameless RV
 
Endartériectomies carotidiennes sous hypnosédation
Endartériectomies carotidiennes sous hypnosédationEndartériectomies carotidiennes sous hypnosédation
Endartériectomies carotidiennes sous hypnosédationSupportClinique
 
Comportamiento del profesional
Comportamiento del profesionalComportamiento del profesional
Comportamiento del profesionalJuan Vega
 
Investigacion ufg 2014: Las escuelas urbanas y su problemática (El Salvador) ...
Investigacion ufg 2014: Las escuelas urbanas y su problemática (El Salvador) ...Investigacion ufg 2014: Las escuelas urbanas y su problemática (El Salvador) ...
Investigacion ufg 2014: Las escuelas urbanas y su problemática (El Salvador) ...Melvin Henríquez
 
Como mejorar el rendimiento de la pc
Como mejorar el rendimiento de la pcComo mejorar el rendimiento de la pc
Como mejorar el rendimiento de la pcAnny Silis Cx
 
Constituciones mexicanas2
Constituciones mexicanas2Constituciones mexicanas2
Constituciones mexicanas2Nameless RV
 
Prévention responsable 2020 club paritaire des acteurs v2
Prévention responsable 2020 club paritaire des acteurs v2Prévention responsable 2020 club paritaire des acteurs v2
Prévention responsable 2020 club paritaire des acteurs v2Régis MARCHAL ip
 
autrans 2011 services mobiles collectivités
autrans 2011 services mobiles collectivitésautrans 2011 services mobiles collectivités
autrans 2011 services mobiles collectivitésEric Ferrari
 
Diaporama volcan
Diaporama volcanDiaporama volcan
Diaporama volcanbrigitteyb
 
Clase revolucion mexicana2
Clase revolucion mexicana2Clase revolucion mexicana2
Clase revolucion mexicana2Nameless RV
 
En algún génesis
En algún génesisEn algún génesis
En algún génesisLuis Meza
 
Tp abbe simon power pointe 2
Tp abbe simon power pointe 2Tp abbe simon power pointe 2
Tp abbe simon power pointe 2Simon NGOY ILUNGA
 
Vinci construction france utilise Gathering Tools pour son reporting environn...
Vinci construction france utilise Gathering Tools pour son reporting environn...Vinci construction france utilise Gathering Tools pour son reporting environn...
Vinci construction france utilise Gathering Tools pour son reporting environn...Calame Software
 

En vedette (20)

Hispol1 mgalante4
Hispol1 mgalante4Hispol1 mgalante4
Hispol1 mgalante4
 
Endartériectomies carotidiennes sous hypnosédation
Endartériectomies carotidiennes sous hypnosédationEndartériectomies carotidiennes sous hypnosédation
Endartériectomies carotidiennes sous hypnosédation
 
Comportamiento del profesional
Comportamiento del profesionalComportamiento del profesional
Comportamiento del profesional
 
Investigacion ufg 2014: Las escuelas urbanas y su problemática (El Salvador) ...
Investigacion ufg 2014: Las escuelas urbanas y su problemática (El Salvador) ...Investigacion ufg 2014: Las escuelas urbanas y su problemática (El Salvador) ...
Investigacion ufg 2014: Las escuelas urbanas y su problemática (El Salvador) ...
 
Mapa conceptual calidad
Mapa conceptual calidadMapa conceptual calidad
Mapa conceptual calidad
 
La piel-de-centroamerica-edelberto-torres
La piel-de-centroamerica-edelberto-torresLa piel-de-centroamerica-edelberto-torres
La piel-de-centroamerica-edelberto-torres
 
Como mejorar el rendimiento de la pc
Como mejorar el rendimiento de la pcComo mejorar el rendimiento de la pc
Como mejorar el rendimiento de la pc
 
Constituciones mexicanas2
Constituciones mexicanas2Constituciones mexicanas2
Constituciones mexicanas2
 
NELSON MANDELA
NELSON MANDELANELSON MANDELA
NELSON MANDELA
 
Prévention responsable 2020 club paritaire des acteurs v2
Prévention responsable 2020 club paritaire des acteurs v2Prévention responsable 2020 club paritaire des acteurs v2
Prévention responsable 2020 club paritaire des acteurs v2
 
Seminario VII
Seminario VIISeminario VII
Seminario VII
 
Cfda plénièrefinal120217déf
Cfda plénièrefinal120217défCfda plénièrefinal120217déf
Cfda plénièrefinal120217déf
 
Plan de estudios
Plan de estudiosPlan de estudios
Plan de estudios
 
autrans 2011 services mobiles collectivités
autrans 2011 services mobiles collectivitésautrans 2011 services mobiles collectivités
autrans 2011 services mobiles collectivités
 
Diaporama volcan
Diaporama volcanDiaporama volcan
Diaporama volcan
 
Clase revolucion mexicana2
Clase revolucion mexicana2Clase revolucion mexicana2
Clase revolucion mexicana2
 
En algún génesis
En algún génesisEn algún génesis
En algún génesis
 
PV du CM du 19/02/2014 - Waziers
PV du CM du 19/02/2014 - WaziersPV du CM du 19/02/2014 - Waziers
PV du CM du 19/02/2014 - Waziers
 
Tp abbe simon power pointe 2
Tp abbe simon power pointe 2Tp abbe simon power pointe 2
Tp abbe simon power pointe 2
 
Vinci construction france utilise Gathering Tools pour son reporting environn...
Vinci construction france utilise Gathering Tools pour son reporting environn...Vinci construction france utilise Gathering Tools pour son reporting environn...
Vinci construction france utilise Gathering Tools pour son reporting environn...
 

Similaire à Melanie gonzález (20)

Entorno de Programacion
Entorno de ProgramacionEntorno de Programacion
Entorno de Programacion
 
Html
HtmlHtml
Html
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Html presentacion
Html presentacionHtml presentacion
Html presentacion
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
Html
HtmlHtml
Html
 
Semana 2 HTML y CSS
Semana 2   HTML y CSSSemana 2   HTML y CSS
Semana 2 HTML y CSS
 
Html
HtmlHtml
Html
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Espacio de trabajo Dreamweaver
Espacio de trabajo DreamweaverEspacio de trabajo Dreamweaver
Espacio de trabajo Dreamweaver
 
Html5, css3, java script
Html5, css3, java scriptHtml5, css3, java script
Html5, css3, java script
 
Html5
Html5Html5
Html5
 
Dreamweaver cs5 naty
Dreamweaver cs5 natyDreamweaver cs5 naty
Dreamweaver cs5 naty
 
Presentación1
Presentación1Presentación1
Presentación1
 
El lenguaje html
El lenguaje htmlEl lenguaje html
El lenguaje html
 
Dreamweaver cs5 marcela trocha
Dreamweaver cs5 marcela trochaDreamweaver cs5 marcela trocha
Dreamweaver cs5 marcela trocha
 
introducción tecnologías web
introducción tecnologías webintroducción tecnologías web
introducción tecnologías web
 
Tipo
TipoTipo
Tipo
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 

Melanie gonzález

  • 1.
  • 2. Guía de Dreamweaver 8 en la que se explica como diseñar documentos web con CSS dando la máxima prioridad al acceso a la información, empezando por un correcto marcado que aporte el mayor significado semántico al contenido. Se hace una descripción de la interfaz y funcionamiento del programa, se explica la correcta utilización de los principales elementos del código, y se inicia el desarrollo práctico de una web, separando el proceso en dos fases, una inicial centrada en el contenido, elementos y carga semántica de los mismos, y una segunda fase dedicada a la presentación de ese contenido.
  • 3. Aprender a utilizar Dreamweaver para desarrollar documentos web de código limpio, fáciles de entender y mantener, bien estructurados y exentos de atributos de presentación. Con ello aprendemos a trabajar con uno de los mejores y más utilizados editores de html, pero a la vez establecemos las bases y metodología de trabajo propias del diseño web accesible basado en estándares W3C .
  • 4. es una aplicaciones en forma de estudio (basada en la forma de estudio de adobe Flash) que está destinada a la construcción, diseño y edición de sitios, videos y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia(actualmente producido por Adobe Systems) es el programa más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flash y , recientemente, por su soporte de los estándares del World Wide Web Consortium.
  • 5.
  • 6.
  • 7. Interfaz y Operaciones Básicas  Iniciando Dreamweaver 8  Configuración local de un sitio web  Interfaz. Barras de herramientas  Primer documento web  Disposición general del área de trabajo
  • 8. Otros Paneles Importantes  Estilos  Activos  Fragmentos  Atributos  Comportamientos
  • 9. Contenido Semántico  Descripción del documento a desarrollar  Designación Jerárquica de Encabezados  Ejemplo Cabecera de documento  Interactividad. Elementos de navegación  Hipervínculos  Insertando Contenido
  • 10. Tipos de Elementos  Encabezados  Párrafos  Listas sin ordenar  Listas de definición  Partes de un texto con b,i,strong, y em.  Marcando citas con blockquote.  Acrónimos y abreviaturas  Elemento de bloque div  Elemento de línea span  Texto preformateado pre  Datos tabulares con table
  • 11. Operaciones Automatizadas  Elementos de biblioteca  Plantillas  Cambiar fragmentos de código  Buscar y cambiar etiquetas  Cambiar vínculos  Limpiar código
  • 12. En la guía se utilizan herramientas interactivas que ayudan a seguir de forma visual los procesos descritos, mostrando imágenes generales (para situarse en el espacio de trabajo de Dreamweaver), y ampliadas (para ver de forma nítida los pasos de cada proceso).