SlideShare una empresa de Scribd logo
1 de 13
 Introducción
 Objetivo general
 DreamWeaver
 Partes del dreamweaver
 Contenidos
 Otros paneles
 Contenido semántico
 Tipos de elementos
 Operaciones automatizadas
 Funcionamiento
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).

Más contenido relacionado

La actualidad más candente (17)

Cómo conectar un archivo CSS Con HTML
Cómo conectar un archivo CSS Con HTMLCómo conectar un archivo CSS Con HTML
Cómo conectar un archivo CSS Con HTML
 
Bloc de notas
Bloc de notasBloc de notas
Bloc de notas
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Paqueteria
PaqueteriaPaqueteria
Paqueteria
 
Leccion VI
Leccion VILeccion VI
Leccion VI
 
Web
WebWeb
Web
 
Cuales son las etiquetas de HTML y su función
Cuales son las etiquetas de HTML y su funciónCuales son las etiquetas de HTML y su función
Cuales son las etiquetas de HTML y su función
 
Octavo semana 21
Octavo semana 21Octavo semana 21
Octavo semana 21
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Colegionacionalnicolasesguerra.docx
Colegionacionalnicolasesguerra.docxColegionacionalnicolasesguerra.docx
Colegionacionalnicolasesguerra.docx
 
Trabajo dreamweaver
Trabajo dreamweaverTrabajo dreamweaver
Trabajo dreamweaver
 
Trabajo dreamweaver (1)
Trabajo dreamweaver (1)Trabajo dreamweaver (1)
Trabajo dreamweaver (1)
 
Conceptosbasicosdelhtml
ConceptosbasicosdelhtmlConceptosbasicosdelhtml
Conceptosbasicosdelhtml
 
Clase 1 Plataforma introducción a Diseño Web
Clase 1 Plataforma introducción a Diseño WebClase 1 Plataforma introducción a Diseño Web
Clase 1 Plataforma introducción a Diseño Web
 
Html
HtmlHtml
Html
 
Web app
Web appWeb app
Web app
 

Destacado

Bullying
BullyingBullying
BullyingWakile
 
Preguntas
PreguntasPreguntas
Preguntaskelin9
 
Flujo de procesos lineales e intermitentes rita lima 09000055
Flujo de procesos lineales e intermitentes rita lima 09000055Flujo de procesos lineales e intermitentes rita lima 09000055
Flujo de procesos lineales e intermitentes rita lima 09000055rtalima801
 
Annnnnnnnnnnnnngelaaaaaaa
AnnnnnnnnnnnnnngelaaaaaaaAnnnnnnnnnnnnnngelaaaaaaa
Annnnnnnnnnnnnngelaaaaaaaalegnitha
 
Clase 2 sist. computacional
Clase 2 sist. computacionalClase 2 sist. computacional
Clase 2 sist. computacional20001396
 
Webpulser commerce-mobile
Webpulser commerce-mobileWebpulser commerce-mobile
Webpulser commerce-mobileQuentin Tousart
 
Que es power point
Que es power pointQue es power point
Que es power pointsebasyjuli
 
Carnaval de barranquilla, origen e historia
Carnaval de barranquilla, origen e historiaCarnaval de barranquilla, origen e historia
Carnaval de barranquilla, origen e historiaWilfrido Perez
 
El tabac i l’alcohol
El tabac i l’alcoholEl tabac i l’alcohol
El tabac i l’alcoholRalucaVonicaG
 
investigaciones del turismo
investigaciones del turismoinvestigaciones del turismo
investigaciones del turismoMaylene Gil
 
Taller 2 salud ocupacional
Taller 2 salud ocupacionalTaller 2 salud ocupacional
Taller 2 salud ocupacionalnicolaslds
 
Las máscaras que usamos. sesión 3. senescyt pptx copia
Las máscaras que usamos. sesión 3. senescyt pptx   copiaLas máscaras que usamos. sesión 3. senescyt pptx   copia
Las máscaras que usamos. sesión 3. senescyt pptx copiaAlex Casanova Gaspar
 
Ley seguro social
Ley seguro socialLey seguro social
Ley seguro socialelianababel
 
Maira la celula
Maira la celulaMaira la celula
Maira la celulamaiiira
 
FMDH - La justice climatique sera-t-elle la prochaine justice internationale ...
FMDH - La justice climatique sera-t-elle la prochaine justice internationale ...FMDH - La justice climatique sera-t-elle la prochaine justice internationale ...
FMDH - La justice climatique sera-t-elle la prochaine justice internationale ...FMDH
 
Trabajo1 las tics
Trabajo1 las ticsTrabajo1 las tics
Trabajo1 las ticssofis300687
 
TECNOLOGÍA PARA EL FUTURO
TECNOLOGÍA PARA EL FUTUROTECNOLOGÍA PARA EL FUTURO
TECNOLOGÍA PARA EL FUTUROJuan Moreno
 

Destacado (20)

Bullying
BullyingBullying
Bullying
 
Las mascaras
Las mascarasLas mascaras
Las mascaras
 
Preguntas
PreguntasPreguntas
Preguntas
 
Flujo de procesos lineales e intermitentes rita lima 09000055
Flujo de procesos lineales e intermitentes rita lima 09000055Flujo de procesos lineales e intermitentes rita lima 09000055
Flujo de procesos lineales e intermitentes rita lima 09000055
 
Annnnnnnnnnnnnngelaaaaaaa
AnnnnnnnnnnnnnngelaaaaaaaAnnnnnnnnnnnnnngelaaaaaaa
Annnnnnnnnnnnnngelaaaaaaa
 
Clase 2 sist. computacional
Clase 2 sist. computacionalClase 2 sist. computacional
Clase 2 sist. computacional
 
Periodismo digital
Periodismo digitalPeriodismo digital
Periodismo digital
 
Webpulser commerce-mobile
Webpulser commerce-mobileWebpulser commerce-mobile
Webpulser commerce-mobile
 
Que es power point
Que es power pointQue es power point
Que es power point
 
Carnaval de barranquilla, origen e historia
Carnaval de barranquilla, origen e historiaCarnaval de barranquilla, origen e historia
Carnaval de barranquilla, origen e historia
 
El tabac i l’alcohol
El tabac i l’alcoholEl tabac i l’alcohol
El tabac i l’alcohol
 
investigaciones del turismo
investigaciones del turismoinvestigaciones del turismo
investigaciones del turismo
 
Taller 2 salud ocupacional
Taller 2 salud ocupacionalTaller 2 salud ocupacional
Taller 2 salud ocupacional
 
Las máscaras que usamos. sesión 3. senescyt pptx copia
Las máscaras que usamos. sesión 3. senescyt pptx   copiaLas máscaras que usamos. sesión 3. senescyt pptx   copia
Las máscaras que usamos. sesión 3. senescyt pptx copia
 
Ley seguro social
Ley seguro socialLey seguro social
Ley seguro social
 
Maira la celula
Maira la celulaMaira la celula
Maira la celula
 
FMDH - La justice climatique sera-t-elle la prochaine justice internationale ...
FMDH - La justice climatique sera-t-elle la prochaine justice internationale ...FMDH - La justice climatique sera-t-elle la prochaine justice internationale ...
FMDH - La justice climatique sera-t-elle la prochaine justice internationale ...
 
Karol
KarolKarol
Karol
 
Trabajo1 las tics
Trabajo1 las ticsTrabajo1 las tics
Trabajo1 las tics
 
TECNOLOGÍA PARA EL FUTURO
TECNOLOGÍA PARA EL FUTUROTECNOLOGÍA PARA EL FUTURO
TECNOLOGÍA PARA EL FUTURO
 

Similar a Melaniee (20)

Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Entorno de Programacion
Entorno de ProgramacionEntorno de Programacion
Entorno de Programacion
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 
Espacio de trabajo Dreamweaver
Espacio de trabajo DreamweaverEspacio de trabajo Dreamweaver
Espacio de trabajo Dreamweaver
 
Html
HtmlHtml
Html
 
Dreamweaver cs5 marcela trocha
Dreamweaver cs5 marcela trochaDreamweaver cs5 marcela trocha
Dreamweaver cs5 marcela trocha
 
Dreamweaver cs5 naty
Dreamweaver cs5 natyDreamweaver cs5 naty
Dreamweaver cs5 naty
 
DREAMWEAVER.docx
DREAMWEAVER.docxDREAMWEAVER.docx
DREAMWEAVER.docx
 
Html presentacion
Html presentacionHtml presentacion
Html presentacion
 
Html
HtmlHtml
Html
 
Qué es el html
Qué es el htmlQué es el html
Qué es el html
 
Html5
Html5Html5
Html5
 
etiquetas y editores.pptx
etiquetas y editores.pptxetiquetas y editores.pptx
etiquetas y editores.pptx
 
Presentación1
Presentación1Presentación1
Presentación1
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
Html5, css3, java script
Html5, css3, java scriptHtml5, css3, java script
Html5, css3, java script
 
Html
HtmlHtml
Html
 
Informatica import....
Informatica import....Informatica import....
Informatica import....
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 

Melaniee

  • 1.
  • 2.  Introducción  Objetivo general  DreamWeaver  Partes del dreamweaver  Contenidos  Otros paneles  Contenido semántico  Tipos de elementos  Operaciones automatizadas  Funcionamiento
  • 3. 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.
  • 4. 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 .
  • 5. 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.
  • 6.
  • 7.
  • 8. 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
  • 9. Otros Paneles Importantes  Estilos  Activos  Fragmentos  Atributos  Comportamientos
  • 10. 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
  • 11. 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
  • 12. Operaciones Automatizadas  Elementos de biblioteca  Plantillas  Cambiar fragmentos de código  Buscar y cambiar etiquetas  Cambiar vínculos  Limpiar código
  • 13. 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).