SlideShare una empresa de Scribd logo
1 de 10
P3 
“Diseño de páginas web” 
Alumnas: 
Mariana 
Rubio 
Itai Valdes
¿Qué es? 
actividad que consiste en la planificación, diseño e 
implementación de sitios web.
Permite: 
• Navegabilidad 
• interactividad 
• usabilidad 
• Arquitectura de la información 
• Interacción de medios
Como se estructura una página 
web con HTML 
tipo de documento 
<HTML> 
<HEAD> 
<TITLE>titulo de la página</TITLE> cosas 
que afectan a la página pero no a su 
contenido 
</HEAD> 
<BODY parámetros> contenido de la 
página </BODY> </HTML>
Como se estructura una página 
web con HTML
Que es HTML 
Es el lenguaje que se emplea para el 
desarrollo de páginas de internet. 
compuesto por: 
Etiquetas básicas para imágenes, 
hipervínculos que nos permiten dirigirnos 
a otras páginas, saltos de línea, listas, 
tablas, etc.
HTML 
HTML sirve para crear 
páginas web, darles 
estructura y contenido.
Que es una etiqueta 
Lenguaje de marcas utilizado en “HTML” . 
Ejemplo: 
<B>Letra Negrita, del inglés Bold 
(negrita). 
<TABLE>Definirá una tabla. 
<IMG>Inclusión de una IMaGen.
Que es un atributo 
En la etiqueta de inicio y consistirán 
normalmente en el nombre del atributo y 
el valor que toma separados por un signo 
de igual. 
Un ejemplo de atributo será: 
<A HREF="http://www.uca.es">Pagina 
principal de la UCA</A> 
En este caso la etiqueta A presenta un 
atributo HREF cuyo valor 
es http://www.uca.es.
Bibliografía 
• http://www2.uca.es/serv/sc/manual-html/ 
etiquet.htm (consulta 30 de Agosto 
del 2014) 
• Gonzalez, Enrique. 
aprenderaprogramar.com. “¿Que es y 
para que sirve HTML?”. 
http://www.aprenderaprogramar.com/ 
(consulta 30 de Agosto del 2014)

Más contenido relacionado

La actualidad más candente (20)

Paginas web y blogs . 2.
Paginas web y blogs . 2.Paginas web y blogs . 2.
Paginas web y blogs . 2.
 
Instituto tecnologico de_tijuana
Instituto tecnologico de_tijuanaInstituto tecnologico de_tijuana
Instituto tecnologico de_tijuana
 
Introducción Diseño Web
Introducción Diseño WebIntroducción Diseño Web
Introducción Diseño Web
 
Paginas web
Paginas webPaginas web
Paginas web
 
Cristian presentacion
Cristian presentacionCristian presentacion
Cristian presentacion
 
Alam vergara
Alam vergaraAlam vergara
Alam vergara
 
Clase 3 HTML
Clase 3 HTMLClase 3 HTML
Clase 3 HTML
 
Html
HtmlHtml
Html
 
Herramientas telematicas
Herramientas telematicas Herramientas telematicas
Herramientas telematicas
 
Eva sesion06 prezi
Eva sesion06 preziEva sesion06 prezi
Eva sesion06 prezi
 
Diapositivas
DiapositivasDiapositivas
Diapositivas
 
APUNTES
APUNTESAPUNTES
APUNTES
 
Tema 1
Tema 1Tema 1
Tema 1
 
Experiencia formativa etapa 3
Experiencia formativa  etapa 3Experiencia formativa  etapa 3
Experiencia formativa etapa 3
 
Ofimática semana 01
Ofimática semana 01Ofimática semana 01
Ofimática semana 01
 
Introduccion Portafolioweb
Introduccion PortafoliowebIntroduccion Portafolioweb
Introduccion Portafolioweb
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 
Google drive
Google driveGoogle drive
Google drive
 
Presentacion de informatica
Presentacion de informaticaPresentacion de informatica
Presentacion de informatica
 
Qué scribd para qué sirve
Qué scribd para qué sirveQué scribd para qué sirve
Qué scribd para qué sirve
 

Similar a DISEÑO DE PAGINAS WEB- 30/08/2014

etiquetas y editores.pptx
etiquetas y editores.pptxetiquetas y editores.pptx
etiquetas y editores.pptxfnixYT
 
Producto 3
Producto 3Producto 3
Producto 3LaloWR11
 
Narrativa pagina-web-welinton-burgos
Narrativa pagina-web-welinton-burgosNarrativa pagina-web-welinton-burgos
Narrativa pagina-web-welinton-burgosmoraleswbm
 
CODIGOS HTML.pptx Angulo y Hurtado 10-
CODIGOS  HTML.pptx Angulo y  Hurtado 10-CODIGOS  HTML.pptx Angulo y  Hurtado 10-
CODIGOS HTML.pptx Angulo y Hurtado 10-samuelhurtado083
 
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.LunaisabellaYandarCa
 
Power point de redes
Power point de redesPower point de redes
Power point de redesjimey
 
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTMLCODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTMLdanielaruiztomy
 
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etcCODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etcdanielaruiztomy
 
440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)
440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)
440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)wandelsonwww
 
dia´positivas de etiquetas para crear paginas web. Computacion.pptx
dia´positivas de etiquetas para crear paginas web. Computacion.pptxdia´positivas de etiquetas para crear paginas web. Computacion.pptx
dia´positivas de etiquetas para crear paginas web. Computacion.pptxyurirosario
 
Diseño de paginas web clase 1 lista
Diseño de paginas web clase 1 listaDiseño de paginas web clase 1 lista
Diseño de paginas web clase 1 listaJenny Palacios
 

Similar a DISEÑO DE PAGINAS WEB- 30/08/2014 (20)

etiquetas y editores.pptx
etiquetas y editores.pptxetiquetas y editores.pptx
etiquetas y editores.pptx
 
(producto 3)
 (producto 3) (producto 3)
(producto 3)
 
Producto 3
Producto 3Producto 3
Producto 3
 
Narrativa pagina-web-welinton-burgos
Narrativa pagina-web-welinton-burgosNarrativa pagina-web-welinton-burgos
Narrativa pagina-web-welinton-burgos
 
Códigos. De. HTML.
Códigos.         De.                HTML.Códigos.         De.                HTML.
Códigos. De. HTML.
 
CODIGOS HTML.pptx Angulo y Hurtado 10-
CODIGOS  HTML.pptx Angulo y  Hurtado 10-CODIGOS  HTML.pptx Angulo y  Hurtado 10-
CODIGOS HTML.pptx Angulo y Hurtado 10-
 
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
CODIGO HTML.pdf Daniela Ruiz, que es, características, etc.
 
Power point de redes
Power point de redesPower point de redes
Power point de redes
 
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTMLCODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
CODIGO HTML.pptx DANIELA RUIZ CODIGOS HTML
 
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etcCODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
CODIGO HTML.pptx DANIELA RUIZ Que es, características, funciones, etc
 
440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)
440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)
440 material impreso uc059-3 desarrollo de pagina web y recursos multimedia (1)
 
Html
HtmlHtml
Html
 
Tipo
TipoTipo
Tipo
 
Camilo diaz
Camilo diazCamilo diaz
Camilo diaz
 
dia´positivas de etiquetas para crear paginas web. Computacion.pptx
dia´positivas de etiquetas para crear paginas web. Computacion.pptxdia´positivas de etiquetas para crear paginas web. Computacion.pptx
dia´positivas de etiquetas para crear paginas web. Computacion.pptx
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
PRODUCTO 3
PRODUCTO 3PRODUCTO 3
PRODUCTO 3
 
PRODUCTO 3
PRODUCTO 3PRODUCTO 3
PRODUCTO 3
 
Presentacion asignatura
Presentacion asignaturaPresentacion asignatura
Presentacion asignatura
 
Diseño de paginas web clase 1 lista
Diseño de paginas web clase 1 listaDiseño de paginas web clase 1 lista
Diseño de paginas web clase 1 lista
 

DISEÑO DE PAGINAS WEB- 30/08/2014

  • 1. P3 “Diseño de páginas web” Alumnas: Mariana Rubio Itai Valdes
  • 2. ¿Qué es? actividad que consiste en la planificación, diseño e implementación de sitios web.
  • 3. Permite: • Navegabilidad • interactividad • usabilidad • Arquitectura de la información • Interacción de medios
  • 4. Como se estructura una página web con HTML tipo de documento <HTML> <HEAD> <TITLE>titulo de la página</TITLE> cosas que afectan a la página pero no a su contenido </HEAD> <BODY parámetros> contenido de la página </BODY> </HTML>
  • 5. Como se estructura una página web con HTML
  • 6. Que es HTML Es el lenguaje que se emplea para el desarrollo de páginas de internet. compuesto por: Etiquetas básicas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.
  • 7. HTML HTML sirve para crear páginas web, darles estructura y contenido.
  • 8. Que es una etiqueta Lenguaje de marcas utilizado en “HTML” . Ejemplo: <B>Letra Negrita, del inglés Bold (negrita). <TABLE>Definirá una tabla. <IMG>Inclusión de una IMaGen.
  • 9. Que es un atributo En la etiqueta de inicio y consistirán normalmente en el nombre del atributo y el valor que toma separados por un signo de igual. Un ejemplo de atributo será: <A HREF="http://www.uca.es">Pagina principal de la UCA</A> En este caso la etiqueta A presenta un atributo HREF cuyo valor es http://www.uca.es.
  • 10. Bibliografía • http://www2.uca.es/serv/sc/manual-html/ etiquet.htm (consulta 30 de Agosto del 2014) • Gonzalez, Enrique. aprenderaprogramar.com. “¿Que es y para que sirve HTML?”. http://www.aprenderaprogramar.com/ (consulta 30 de Agosto del 2014)