SlideShare une entreprise Scribd logo
1  sur  13
¿QUÉ ES DREAMWEAVER?¿QUÉ ES DREAMWEAVER?
Dreamweaver CS5 es un software fácil de
usar que permite crear páginas web
profesionales. Se puede crear tablas, editar
marcos, trabajar con capas, insertar
comportamientos JavaScript, etc.., de una
forma muy sencilla y visual.
CARACTERÍSTICASCARACTERÍSTICAS
Compatibilidad con CMS integrada. Es una interfaz o programa
que nos permite gestionar el contenido de un sitio web.
Integración Adobe Browserlab, es un servicio en línea de Adobe,
que nos permite comparar cómo se ve una misma página web
en las distintas versiones de Internet Explorer, Firefox y Safari,
bajo los sistemas operativos de Windows o Mac OS.
Configuración sencilla de sitios.
Ahora resulta más sencillo
configurar nuestro sitio local y remoto. Ya que se han
simplificado las opciones esenciales, y distinguido más las
opciones avanzadas y poco importantes.
Sugerencias de código.
las sugerencias de código incluyen nuestras clases
personalizadas, y los comandos y funciones propios de los
distintos CMS soportados.
FUNCIONFUNCION
ESES
Editar páginas web
Crear páginas web mediante el código HTML es más costoso
que hacerlo utilizando un editor gráfico. Hoy en día existe una
amplia gama de editores de páginas web, como pueden ser
Microsoft Expresion Web, Amaya, Bluefish, NVU, KompoZer o
Quanta Plus.
Para poder poner una página web en Internet, es necesario
contratar a alguna empresa con servidores que pueda alojarla y
hacerla accesible desde Internet las 24 horas del día.
No se recomienda utilizar hospedaje gratuito para la página de
una empresa, aunque sí es aceptable para una página personal,
sobre todo al comienzo.
¿CÓMO CREAR UN SITIO WEB EN DREAMWEAVER?¿CÓMO CREAR UN SITIO WEB EN DREAMWEAVER?
 Para trabajar de una manera eficaz tendrá que definir siempre un sitio local
para cada sitio Web que cree.
Para ello accede a la ventana de sitio, puede acceder desde:
 Sitio / Nuevo sitio.
desde el botón x situado en la esquina inferior derecha de la ventana.
 luego parecerá una ventana en la que rellenar los datos del sitio
 En la casilla “Nombre del sitio”, hay que poner el nombre que quieras poner
para el sitio.
 En “Carpeta raíz local” hay que poner la dirección local del sitio. Es decir, hay
que hacer una carpeta para el sitio y buscarla pulsando en el icono que pone
una carpeta.
 En Dirección HTTP, hay que poner la dirección del site en Internet. Puede
dejarse en blanco.
 -La casilla Caché debe dejarse siempre activada, para que Dreamweaver
pueda actualizar rápidamente los vínculos al mover, cambiar el nombre o
eliminar un archivo.
Y por último le damos al botón aceptar.
 La ventana de Sitio ya mostrará una lista de todas las carpetas y archivos
contenidos en el sitio local , en ella también actúa podremos copiar, pegar,
eliminar, mover y abrir archivos del mismo modo que en el escritorio del PC.
¿PARA QUE NOS SIRVE¿PARA QUE NOS SIRVE
DREAMWEAVER?DREAMWEAVER?
Dreamweaver es la herramienta de desarrollo Web líder del mercado y
permite a sus usuarios diseñar, desarrollar y mantener de forma eficaz
sitios y aplicaciones Web basados en normas.
Con Dreamweaver , los desarrolladores Web lo abarcan todo, desde la
creación y mantenimiento de sitios Web básicos hasta aplicaciones
avanzadas compatibles con las mejores prácticas y las tecnologías más
recientes. Es el principal programa para la creación de sitios web y
aplicaciones.
El programa es realmente muy completo y sus nuevas versiones son
cada vez más sencillas, aunque siempre necesitarás conocer algo del
tema para poder utilizarlo. Buscando en Internet podrás encontrar
varios tutoriales que te ayudarán a comenzar a utilizar este programa.
EXISTEN 2 FORMAS DE CREAR PAGINAS WEBEXISTEN 2 FORMAS DE CREAR PAGINAS WEB
Por códigoPor código
Por DiseñoPor Diseño
EL CODIGO HTMLEL CODIGO HTML
HTML es el lenguaje que se emplea para el
desarrollo de páginas de internet. Está compuesto
por una serie de etiquetas que el navegador
interpreta y da forma en la pantalla. HTML dispone
de etiquetas para imágenes, hipervínculos que nos
permiten dirigirnos a otras páginas, saltos de línea,
listas, tablas, etc. .
ESTRUCTURA BASICA DE UNA PAGINA WEBESTRUCTURA BASICA DE UNA PAGINA WEB
<html><html>
<head><head>
<title> Es el titulo que va en el navegador</title><title> Es el titulo que va en el navegador</title>
</head></head>
<body><body>
Aquí va todo el contenido de mi webAquí va todo el contenido de mi web
</body></body>
</html></html>
EJEMPLOS DE BUENAS PRACTICAS DEEJEMPLOS DE BUENAS PRACTICAS DE
DISEÑO WEBDISEÑO WEB
EJEMPLOS DE MALAS PRACTICAS DE DISEÑOEJEMPLOS DE MALAS PRACTICAS DE DISEÑO
WEBWEB
http://marinvirtualtech.host22.com/

Contenu connexe

Tendances (20)

Pestaña vista de word
Pestaña vista de wordPestaña vista de word
Pestaña vista de word
 
Heramientas de word y sus funciones
Heramientas de word y sus funcionesHeramientas de word y sus funciones
Heramientas de word y sus funciones
 
Que es word y sus partes
Que es word y sus partesQue es word y sus partes
Que es word y sus partes
 
Entorno de power point
Entorno de power pointEntorno de power point
Entorno de power point
 
Microsoft office word 2016 sesión 1
Microsoft office word 2016   sesión 1Microsoft office word 2016   sesión 1
Microsoft office word 2016 sesión 1
 
Qué es power point
Qué es power pointQué es power point
Qué es power point
 
Que es un blog y sus caracteristicas
Que es un blog y sus caracteristicasQue es un blog y sus caracteristicas
Que es un blog y sus caracteristicas
 
Powerpoint Generalidades
Powerpoint GeneralidadesPowerpoint Generalidades
Powerpoint Generalidades
 
Excel
ExcelExcel
Excel
 
Creación de páginas web en wix
Creación de páginas web en wixCreación de páginas web en wix
Creación de páginas web en wix
 
Entorno power point
Entorno power pointEntorno power point
Entorno power point
 
Presentación de Microsoft Word
Presentación de Microsoft WordPresentación de Microsoft Word
Presentación de Microsoft Word
 
Get & post
Get & postGet & post
Get & post
 
100 Ejercicios Word
100 Ejercicios Word100 Ejercicios Word
100 Ejercicios Word
 
Como usar Paint
Como usar PaintComo usar Paint
Como usar Paint
 
Pestaña inicio
Pestaña inicioPestaña inicio
Pestaña inicio
 
Diapositiva Pagina Web
Diapositiva Pagina WebDiapositiva Pagina Web
Diapositiva Pagina Web
 
El diseño web
El diseño webEl diseño web
El diseño web
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
PRESENTACION SOBRE LOS NAVEGADORES
PRESENTACION SOBRE LOS NAVEGADORESPRESENTACION SOBRE LOS NAVEGADORES
PRESENTACION SOBRE LOS NAVEGADORES
 

En vedette

Ug html.pptx
Ug html.pptxUg html.pptx
Ug html.pptxzezeiko
 
10 formulario
10 formulario10 formulario
10 formularioMarianmv
 
4 hiperenlace
4 hiperenlace4 hiperenlace
4 hiperenlaceMarianmv
 
5 hiperenlace con web
5 hiperenlace con web5 hiperenlace con web
5 hiperenlace con webMarianmv
 
3 configurar un sitio web tablas y imgenes
3 configurar un sitio web tablas y imgenes3 configurar un sitio web tablas y imgenes
3 configurar un sitio web tablas y imgenesMarianmv
 
6 marquesinas
6 marquesinas6 marquesinas
6 marquesinasMarianmv
 
7 comportamiento de capas
7 comportamiento de capas7 comportamiento de capas
7 comportamiento de capasMarianmv
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a htmlromeprofe
 
Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion htmlElim Aqp
 
2 reconociendo entorno gráfico
2 reconociendo entorno gráfico2 reconociendo entorno gráfico
2 reconociendo entorno gráficoMarianmv
 
Atributos de BODY;MARQUEE y TABLE
Atributos de BODY;MARQUEE y TABLEAtributos de BODY;MARQUEE y TABLE
Atributos de BODY;MARQUEE y TABLEMELISSA MORNEO
 
Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1Sergio Nouvel Castro
 

En vedette (20)

Ug html.pptx
Ug html.pptxUg html.pptx
Ug html.pptx
 
10 formulario
10 formulario10 formulario
10 formulario
 
8 marcos
8 marcos8 marcos
8 marcos
 
4 hiperenlace
4 hiperenlace4 hiperenlace
4 hiperenlace
 
5 hiperenlace con web
5 hiperenlace con web5 hiperenlace con web
5 hiperenlace con web
 
3 configurar un sitio web tablas y imgenes
3 configurar un sitio web tablas y imgenes3 configurar un sitio web tablas y imgenes
3 configurar un sitio web tablas y imgenes
 
6 marquesinas
6 marquesinas6 marquesinas
6 marquesinas
 
9 menús
9 menús9 menús
9 menús
 
Clase Html + CSS
Clase Html + CSSClase Html + CSS
Clase Html + CSS
 
Html geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldanaHtml geraly fernanda cabrera aldana
Html geraly fernanda cabrera aldana
 
7 comportamiento de capas
7 comportamiento de capas7 comportamiento de capas
7 comportamiento de capas
 
Introducción a html
Introducción a htmlIntroducción a html
Introducción a html
 
Apuntes de HTML 1
Apuntes de HTML 1Apuntes de HTML 1
Apuntes de HTML 1
 
Introduccion a programacion html
Introduccion a programacion htmlIntroduccion a programacion html
Introduccion a programacion html
 
Fundamentos de lenguaje html
Fundamentos de lenguaje htmlFundamentos de lenguaje html
Fundamentos de lenguaje html
 
2 reconociendo entorno gráfico
2 reconociendo entorno gráfico2 reconociendo entorno gráfico
2 reconociendo entorno gráfico
 
Atributos de BODY;MARQUEE y TABLE
Atributos de BODY;MARQUEE y TABLEAtributos de BODY;MARQUEE y TABLE
Atributos de BODY;MARQUEE y TABLE
 
Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1
 
Apuntes de HTML 2
Apuntes de HTML 2Apuntes de HTML 2
Apuntes de HTML 2
 
Taller maquetacion web
Taller maquetacion webTaller maquetacion web
Taller maquetacion web
 

Similaire à Crear sitios web profesionales con Dreamweaver

Similaire à Crear sitios web profesionales con Dreamweaver (20)

dremweaver
dremweaverdremweaver
dremweaver
 
Dreamwaver2222222222222
Dreamwaver2222222222222Dreamwaver2222222222222
Dreamwaver2222222222222
 
Dreamwaver2222222222222
Dreamwaver2222222222222Dreamwaver2222222222222
Dreamwaver2222222222222
 
DREMWEAVER
DREMWEAVERDREMWEAVER
DREMWEAVER
 
Dreamwever
DreamweverDreamwever
Dreamwever
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
5to sec. Dreamweaber
5to sec. Dreamweaber5to sec. Dreamweaber
5to sec. Dreamweaber
 
Presentación sin título
Presentación sin títuloPresentación sin título
Presentación sin título
 
Andrea Olivera
Andrea OliveraAndrea Olivera
Andrea Olivera
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
tutorial de dreamweaver
tutorial de dreamweavertutorial de dreamweaver
tutorial de dreamweaver
 
Informatica import....
Informatica import....Informatica import....
Informatica import....
 
Johan T,T
Johan T,TJohan T,T
Johan T,T
 
Ppt5 bcd.pptm recuperado
Ppt5 bcd.pptm recuperadoPpt5 bcd.pptm recuperado
Ppt5 bcd.pptm recuperado
 
Tutorial de dreamweaver
Tutorial de dreamweaverTutorial de dreamweaver
Tutorial de dreamweaver
 
Dreamweaver.
Dreamweaver.Dreamweaver.
Dreamweaver.
 
Dreamweaver.
Dreamweaver.Dreamweaver.
Dreamweaver.
 
Dreamwaver2222222222222
Dreamwaver2222222222222Dreamwaver2222222222222
Dreamwaver2222222222222
 
Dreamweaver.
Dreamweaver.Dreamweaver.
Dreamweaver.
 

Dernier

Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfvictorbeltuce
 
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdfÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdfluisantoniocruzcorte1
 
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfBIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfCESARMALAGA4
 
La evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundariaLa evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundariamarco carlos cuyo
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfsamyarrocha1
 
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfDaniel Ángel Corral de la Mata, Ph.D.
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfManuel Molina
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADOJosé Luis Palma
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...JAVIER SOLIS NOYOLA
 
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).pptPINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).pptAlberto Rubio
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas123yudy
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...fcastellanos3
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docxAgustinaNuez21
 
Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteJuan Hernandez
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressionsConsueloSantana3
 
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALVOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALEDUCCUniversidadCatl
 

Dernier (20)

Mapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdfMapa Mental de estrategias de articulación de las areas curriculares.pdf
Mapa Mental de estrategias de articulación de las areas curriculares.pdf
 
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdfÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
ÉTICA, NATURALEZA Y SOCIEDADES_3RO_3ER TRIMESTRE.pdf
 
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfBIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
 
La evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundariaLa evolucion de la especie humana-primero de secundaria
La evolucion de la especie humana-primero de secundaria
 
Fundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdfFundamentos y Principios de Psicopedagogía..pdf
Fundamentos y Principios de Psicopedagogía..pdf
 
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdfTema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
Tema 8.- Gestion de la imagen a traves de la comunicacion de crisis.pdf
 
PPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptxPPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptx
 
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdfTarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
Tarea 5_ Foro _Selección de herramientas digitales_Manuel.pdf
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
 
DIA INTERNACIONAL DAS FLORESTAS .
DIA INTERNACIONAL DAS FLORESTAS         .DIA INTERNACIONAL DAS FLORESTAS         .
DIA INTERNACIONAL DAS FLORESTAS .
 
Earth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversaryEarth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversary
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
 
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).pptPINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
PINTURA ITALIANA DEL CINQUECENTO (SIGLO XVI).ppt
 
periodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicasperiodico mural y sus partes y caracteristicas
periodico mural y sus partes y caracteristicas
 
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
Estas son las escuelas y colegios que tendrán modalidad no presencial este lu...
 
CIENCIAS NATURALES 4 TO ambientes .docx
CIENCIAS NATURALES 4 TO  ambientes .docxCIENCIAS NATURALES 4 TO  ambientes .docx
CIENCIAS NATURALES 4 TO ambientes .docx
 
Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parte
 
Uses of simple past and time expressions
Uses of simple past and time expressionsUses of simple past and time expressions
Uses of simple past and time expressions
 
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMALVOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
VOLUMEN 1 COLECCION PRODUCCION BOVINA . SERIE SANIDAD ANIMAL
 
Unidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDIUnidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDI
 

Crear sitios web profesionales con Dreamweaver

  • 1.
  • 2. ¿QUÉ ES DREAMWEAVER?¿QUÉ ES DREAMWEAVER? Dreamweaver CS5 es un software fácil de usar que permite crear páginas web profesionales. Se puede crear tablas, editar marcos, trabajar con capas, insertar comportamientos JavaScript, etc.., de una forma muy sencilla y visual.
  • 3. CARACTERÍSTICASCARACTERÍSTICAS Compatibilidad con CMS integrada. Es una interfaz o programa que nos permite gestionar el contenido de un sitio web. Integración Adobe Browserlab, es un servicio en línea de Adobe, que nos permite comparar cómo se ve una misma página web en las distintas versiones de Internet Explorer, Firefox y Safari, bajo los sistemas operativos de Windows o Mac OS.
  • 4. Configuración sencilla de sitios. Ahora resulta más sencillo configurar nuestro sitio local y remoto. Ya que se han simplificado las opciones esenciales, y distinguido más las opciones avanzadas y poco importantes. Sugerencias de código. las sugerencias de código incluyen nuestras clases personalizadas, y los comandos y funciones propios de los distintos CMS soportados.
  • 5. FUNCIONFUNCION ESES Editar páginas web Crear páginas web mediante el código HTML es más costoso que hacerlo utilizando un editor gráfico. Hoy en día existe una amplia gama de editores de páginas web, como pueden ser Microsoft Expresion Web, Amaya, Bluefish, NVU, KompoZer o Quanta Plus. Para poder poner una página web en Internet, es necesario contratar a alguna empresa con servidores que pueda alojarla y hacerla accesible desde Internet las 24 horas del día. No se recomienda utilizar hospedaje gratuito para la página de una empresa, aunque sí es aceptable para una página personal, sobre todo al comienzo.
  • 6. ¿CÓMO CREAR UN SITIO WEB EN DREAMWEAVER?¿CÓMO CREAR UN SITIO WEB EN DREAMWEAVER?  Para trabajar de una manera eficaz tendrá que definir siempre un sitio local para cada sitio Web que cree. Para ello accede a la ventana de sitio, puede acceder desde:  Sitio / Nuevo sitio. desde el botón x situado en la esquina inferior derecha de la ventana.  luego parecerá una ventana en la que rellenar los datos del sitio  En la casilla “Nombre del sitio”, hay que poner el nombre que quieras poner para el sitio.  En “Carpeta raíz local” hay que poner la dirección local del sitio. Es decir, hay que hacer una carpeta para el sitio y buscarla pulsando en el icono que pone una carpeta.  En Dirección HTTP, hay que poner la dirección del site en Internet. Puede dejarse en blanco.  -La casilla Caché debe dejarse siempre activada, para que Dreamweaver pueda actualizar rápidamente los vínculos al mover, cambiar el nombre o eliminar un archivo. Y por último le damos al botón aceptar.  La ventana de Sitio ya mostrará una lista de todas las carpetas y archivos contenidos en el sitio local , en ella también actúa podremos copiar, pegar, eliminar, mover y abrir archivos del mismo modo que en el escritorio del PC.
  • 7. ¿PARA QUE NOS SIRVE¿PARA QUE NOS SIRVE DREAMWEAVER?DREAMWEAVER? Dreamweaver es la herramienta de desarrollo Web líder del mercado y permite a sus usuarios diseñar, desarrollar y mantener de forma eficaz sitios y aplicaciones Web basados en normas. Con Dreamweaver , los desarrolladores Web lo abarcan todo, desde la creación y mantenimiento de sitios Web básicos hasta aplicaciones avanzadas compatibles con las mejores prácticas y las tecnologías más recientes. Es el principal programa para la creación de sitios web y aplicaciones. El programa es realmente muy completo y sus nuevas versiones son cada vez más sencillas, aunque siempre necesitarás conocer algo del tema para poder utilizarlo. Buscando en Internet podrás encontrar varios tutoriales que te ayudarán a comenzar a utilizar este programa.
  • 8. EXISTEN 2 FORMAS DE CREAR PAGINAS WEBEXISTEN 2 FORMAS DE CREAR PAGINAS WEB Por códigoPor código Por DiseñoPor Diseño
  • 9. EL CODIGO HTMLEL CODIGO HTML HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una serie de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc. .
  • 10. ESTRUCTURA BASICA DE UNA PAGINA WEBESTRUCTURA BASICA DE UNA PAGINA WEB <html><html> <head><head> <title> Es el titulo que va en el navegador</title><title> Es el titulo que va en el navegador</title> </head></head> <body><body> Aquí va todo el contenido de mi webAquí va todo el contenido de mi web </body></body> </html></html>
  • 11. EJEMPLOS DE BUENAS PRACTICAS DEEJEMPLOS DE BUENAS PRACTICAS DE DISEÑO WEBDISEÑO WEB
  • 12. EJEMPLOS DE MALAS PRACTICAS DE DISEÑOEJEMPLOS DE MALAS PRACTICAS DE DISEÑO WEBWEB