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

Cuestionario Microsoft Word
Cuestionario Microsoft WordCuestionario Microsoft Word
Cuestionario Microsoft Word
Gio Tabares
 
Practicas Power Point.pdf
Practicas Power Point.pdfPracticas Power Point.pdf
Practicas Power Point.pdf
brydyl
 
¿Cómo crear tablas en Word?.
¿Cómo crear  tablas en Word?.¿Cómo crear  tablas en Word?.
¿Cómo crear tablas en Word?.
Ticdys
 
Guía práctica publisher 2013-03-04
Guía práctica publisher 2013-03-04Guía práctica publisher 2013-03-04
Guía práctica publisher 2013-03-04
Konectia
 
3ra unidad corel draw
3ra unidad corel draw3ra unidad corel draw
3ra unidad corel draw
Javier Avalos
 
Examen power point ejercicio 6 7_y_8
Examen power point ejercicio 6 7_y_8Examen power point ejercicio 6 7_y_8
Examen power point ejercicio 6 7_y_8
BMC1992
 

Tendances (20)

Heramientas de word y sus funciones
Heramientas de word y sus funcionesHeramientas de word y sus funciones
Heramientas de word y sus funciones
 
Cuestionario Microsoft Word
Cuestionario Microsoft WordCuestionario Microsoft Word
Cuestionario Microsoft Word
 
1 introduccion de word
1 introduccion de word1 introduccion de word
1 introduccion de word
 
Practicas Power Point.pdf
Practicas Power Point.pdfPracticas Power Point.pdf
Practicas Power Point.pdf
 
¿Cómo crear tablas en Word?.
¿Cómo crear  tablas en Word?.¿Cómo crear  tablas en Word?.
¿Cómo crear tablas en Word?.
 
Guía práctica publisher 2013-03-04
Guía práctica publisher 2013-03-04Guía práctica publisher 2013-03-04
Guía práctica publisher 2013-03-04
 
100 preguntas word
100 preguntas word100 preguntas word
100 preguntas word
 
El entorno de photoshop cs6
El entorno de photoshop cs6El entorno de photoshop cs6
El entorno de photoshop cs6
 
Guia 03 tablas en word
Guia 03 tablas en wordGuia 03 tablas en word
Guia 03 tablas en word
 
WINDOWS 10.pptx
WINDOWS 10.pptxWINDOWS 10.pptx
WINDOWS 10.pptx
 
Introducción corel draw
Introducción corel drawIntroducción corel draw
Introducción corel draw
 
Excel - Fichas de Aprendizaje 2014
Excel - Fichas de Aprendizaje 2014Excel - Fichas de Aprendizaje 2014
Excel - Fichas de Aprendizaje 2014
 
Secciones de word
Secciones de wordSecciones de word
Secciones de word
 
Que es word y sus partes
Que es word y sus partesQue es word y sus partes
Que es word y sus partes
 
Explorador de-windows
Explorador de-windowsExplorador de-windows
Explorador de-windows
 
3ra unidad corel draw
3ra unidad corel draw3ra unidad corel draw
3ra unidad corel draw
 
Introduccion excel-basico
Introduccion excel-basicoIntroduccion excel-basico
Introduccion excel-basico
 
Entorno de Windows
Entorno de WindowsEntorno de Windows
Entorno de Windows
 
Trabajamos con publisher 2013
Trabajamos con publisher 2013Trabajamos con publisher 2013
Trabajamos con publisher 2013
 
Examen power point ejercicio 6 7_y_8
Examen power point ejercicio 6 7_y_8Examen power point ejercicio 6 7_y_8
Examen power point ejercicio 6 7_y_8
 

En vedette

Ug html.pptx
Ug html.pptxUg html.pptx
Ug html.pptx
zezeiko
 
10 formulario
10 formulario10 formulario
10 formulario
Marianmv
 
Atributos de BODY;MARQUEE y TABLE
Atributos de BODY;MARQUEE y TABLEAtributos de BODY;MARQUEE y TABLE
Atributos de BODY;MARQUEE y TABLE
MELISSA MORNEO
 

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 à 1 introduccion a 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

PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
lupitavic
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
El Fortí
 

Dernier (20)

SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdf
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.La triple Naturaleza del Hombre estudio.
La triple Naturaleza del Hombre estudio.
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptx
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
 
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 

1 introduccion a 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