SlideShare una empresa de Scribd logo
CREACIÓN DE SITIOS WEB Augusto Vargas Olarte Profesor de Informática
¿Qué es Sitio Web? Es un medio de comunicación digital compuesto por textos, gráficos, animaciones, sonido y video,  accesible a través de un navegador web. Las páginas web por lo general están enlazadas a otras páginas (enlaces), formando una red de información. Estas páginas están guardadas en formato HTML (HiperText Markup Language) o XHTML (eXtensible HiperText Markup Language). Se pueden usar para publicar y/o buscar información, jugar, enviar mensajes, realizar compras, entre otros.
¿Qué es un sitio web? Es un conjunto de páginas web que tratan un tema en especial o tienen un propósito definido. Tipos de sitios web: Estáticos: Su contenido no se cambia frecuentemente y su actualización se hace manualmente. Dinámicos: Su contenido se actualiza frecuentemente a través de una base de datos y un lenguaje de programación. Jerarquía: index.html pag1.html pag2.html pag3.html pag4.html pag5.html
Visualización de páginas web CLIENTES SERVIDOR Archivos html. Archivos de imágenes. Archivos de sonido. Archivos CSS. Bases de datos... Petición Respuesta Protocolo HTTP
Diseño de una página web Encabezado Pie de página Contenidos Link 1 Link 2 Link 3 Link 4 Link 5
¿Qué se necesita para crear un sitio web? Documentación. Editor de texto sin formato (p.e: notepad, gedit) o editor WYSIWYG -What You See Is What You Get- (p.e: Kompozer, Dreamweaver, Bluefish, frontpage). Un editor de imágenes (p.e: Gimp, Photoshop, Inkscape). Un navegador web (p.e: Mozilla firefox). Un sistema de transferencia de archivos (p.e: ftp, scp)
Recomendaciones en la creación de sitios web Mostrar información coherente y de interés de acuerdo al tema que trata el sitio web. Las páginas web deben ser cortas, concisas y con buena redacción y ortografía. Hacer un adecuado uso de los colores (p.e: fondo claro – letra oscura) durante todo el sitio web. No utilizar información con derechos de autor en nuestras páginas web para evitar el plagio.  Se puede usar información donde el autor especifique que es de libre uso. Optimizar las imágenes que se usen (se recomienda como tamaño máximo 100 KB) y no abusar de ellas. El  diseño debe ser homogéneo durante todo el sitio web.
Bibliografía http://www.w3c.es/Consorcio/ http://www.w3c.es/Divulgacion/GuiasBreves/XHTML http://www.w3c.es/Divulgacion/GuiasBreves/HojasEstilo http://es.wikipedia.org/wiki/Css http://es.wikipedia.org/wiki/XHTML http://www.terra.es/personal3/tutorialhtml/css2ref.html http://www.scourdesign.com/articulos/tutoriales/css/css3.php http://bergantells.net/~jander/weblog/tuto-xhtml_a3.pdf

Más contenido relacionado

ODP
Sitios Web
PPTX
PPTX
Pagina web
PPTX
Paginas web
PPTX
Páginas web introduccion
PPTX
Motores de busqueda y paginas web
PPTX
PPTX
Presentación1
Sitios Web
Pagina web
Paginas web
Páginas web introduccion
Motores de busqueda y paginas web
Presentación1

La actualidad más candente (18)

PPTX
Sitios paginas web
PPSX
Cómo hacer documentos en PDF accesibles y eficientes
PPTX
Jesica Contreras Pinzon
PPTX
Páginas web
PPTX
Informatica
DOCX
ACT.3 CONSTRUCCIÓN DE SITIO DE WEB DE COMERCIO ELECTRONICO
PPTX
Navegadores de internet
PPTX
Qué es una página web
PPTX
Paginas web
PPTX
Pagina web natalia decimo b
PPTX
Plataforma WEB
PDF
Licencias cc
PPTX
Sistema de gestion de contenidos
PDF
Actividad uno primer periodo
PPTX
Actividad uno
PPTX
Trabajo de nuevas tics
PPTX
Almacenaminto y gestión de la nformacion
Sitios paginas web
Cómo hacer documentos en PDF accesibles y eficientes
Jesica Contreras Pinzon
Páginas web
Informatica
ACT.3 CONSTRUCCIÓN DE SITIO DE WEB DE COMERCIO ELECTRONICO
Navegadores de internet
Qué es una página web
Paginas web
Pagina web natalia decimo b
Plataforma WEB
Licencias cc
Sistema de gestion de contenidos
Actividad uno primer periodo
Actividad uno
Trabajo de nuevas tics
Almacenaminto y gestión de la nformacion
Publicidad

Similar a Sitios web (20)

PPT
Editar páginas web
PPT
Editar páginas web
PPT
Editar páginas web
PPT
Editar páginas web
PPT
Editar páginas web
PPT
PáGinas Web Bach
PPT
Editar páginas web
PPT
Editar páginas web
PPT
Editar páginas web
PPT
Editar páginas web
PPT
Editar páginas web
PPT
Editar páginas web
PPT
Editar páginas web
PPT
Editar páginas web
PPT
Editar páginas web
PPT
editar páginas web
PPT
Editar páginas web
PPTX
Paginas web
PPTX
1.- Introdución Diseño web .pptx
PPTX
Paginas web.
Editar páginas web
Editar páginas web
Editar páginas web
Editar páginas web
Editar páginas web
PáGinas Web Bach
Editar páginas web
Editar páginas web
Editar páginas web
Editar páginas web
Editar páginas web
Editar páginas web
Editar páginas web
Editar páginas web
Editar páginas web
editar páginas web
Editar páginas web
Paginas web
1.- Introdución Diseño web .pptx
Paginas web.
Publicidad

Más de Augusto Vargas (20)

PDF
PitchFinal.pdf
PPTX
Manejodel teclado
PPTX
Pasos tecnicoscrearsitioweb
PPT
Presentacion scratch
PDF
Aumentaty markers
PPTX
Organigramas
PDF
Ejercicios de excel repaso general
PPT
Pasosactivacion
PPT
Quesblog
PPT
Creaecuentaenhotmail
PPT
Crearygestionarcorreoelectronico
PDF
Excelperiodo ii
DOC
Excelperiodo ii
PPT
Conceptos basicos de una hoja de calculo
PPT
Conceptos basicos de una hoja de calculo
DOC
Ejerciciodenivelacionexcelperiodo1
DOC
Ejerciciosdenivelacionexcel
DOC
Hojadecalculo
PPT
Hojadecalculo
PPT
Procesadores de-texto
PitchFinal.pdf
Manejodel teclado
Pasos tecnicoscrearsitioweb
Presentacion scratch
Aumentaty markers
Organigramas
Ejercicios de excel repaso general
Pasosactivacion
Quesblog
Creaecuentaenhotmail
Crearygestionarcorreoelectronico
Excelperiodo ii
Excelperiodo ii
Conceptos basicos de una hoja de calculo
Conceptos basicos de una hoja de calculo
Ejerciciodenivelacionexcelperiodo1
Ejerciciosdenivelacionexcel
Hojadecalculo
Hojadecalculo
Procesadores de-texto

Último (20)

PPTX
CLAASIFICACIÓN DE LOS ROBOTS POR UTILIDAD
DOCX
TRABAJO GRUPAL (5) (1).docxjsjsjskskksksk
PDF
ADMINISTRACIÓN DE ARCHIVOS - TICS (SENA).pdf
PPTX
unidad 3 tecnología 8° básico: planificación y elaboración de un objeto
PPTX
Sesion 1 de microsoft power point - Clase 1
PDF
Instrucciones simples, respuestas poderosas. La fórmula del prompt perfecto.
DOCX
Guía 5. Test de orientación Vocacional 2.docx
PDF
Tips de Seguridad para evitar clonar sus claves del portal bancario.pdf
PDF
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN
PDF
Diapositiva proyecto de vida, materia catedra
PDF
programa-de-estudios-2011-guc3ada-para-el-maestro-secundarias-tecnicas-tecnol...
PDF
0007_PPT_DefinicionesDeDataMining_201_v1-0.pdf
PPT
Protocolos de seguridad y mecanismos encriptación
PDF
TRABAJO DE TECNOLOGIA.pdf...........................
PPTX
Diapositivas Borrador Rocha Jauregui David Paolo (3).pptx
PDF
MANUAL de recursos humanos para ODOO.pdf
DOCX
TRABAJO GRUPAL (5) (1).docxsjjsjsksksksksk
PPTX
historia_web de la creacion de un navegador_presentacion.pptx
PPTX
Mecanismos-de-Propagacion de ondas electromagneticas
PPTX
ccna: redes de nat ipv4 stharlling cande
CLAASIFICACIÓN DE LOS ROBOTS POR UTILIDAD
TRABAJO GRUPAL (5) (1).docxjsjsjskskksksk
ADMINISTRACIÓN DE ARCHIVOS - TICS (SENA).pdf
unidad 3 tecnología 8° básico: planificación y elaboración de un objeto
Sesion 1 de microsoft power point - Clase 1
Instrucciones simples, respuestas poderosas. La fórmula del prompt perfecto.
Guía 5. Test de orientación Vocacional 2.docx
Tips de Seguridad para evitar clonar sus claves del portal bancario.pdf
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN
Diapositiva proyecto de vida, materia catedra
programa-de-estudios-2011-guc3ada-para-el-maestro-secundarias-tecnicas-tecnol...
0007_PPT_DefinicionesDeDataMining_201_v1-0.pdf
Protocolos de seguridad y mecanismos encriptación
TRABAJO DE TECNOLOGIA.pdf...........................
Diapositivas Borrador Rocha Jauregui David Paolo (3).pptx
MANUAL de recursos humanos para ODOO.pdf
TRABAJO GRUPAL (5) (1).docxsjjsjsksksksksk
historia_web de la creacion de un navegador_presentacion.pptx
Mecanismos-de-Propagacion de ondas electromagneticas
ccna: redes de nat ipv4 stharlling cande

Sitios web

  • 1. CREACIÓN DE SITIOS WEB Augusto Vargas Olarte Profesor de Informática
  • 2. ¿Qué es Sitio Web? Es un medio de comunicación digital compuesto por textos, gráficos, animaciones, sonido y video, accesible a través de un navegador web. Las páginas web por lo general están enlazadas a otras páginas (enlaces), formando una red de información. Estas páginas están guardadas en formato HTML (HiperText Markup Language) o XHTML (eXtensible HiperText Markup Language). Se pueden usar para publicar y/o buscar información, jugar, enviar mensajes, realizar compras, entre otros.
  • 3. ¿Qué es un sitio web? Es un conjunto de páginas web que tratan un tema en especial o tienen un propósito definido. Tipos de sitios web: Estáticos: Su contenido no se cambia frecuentemente y su actualización se hace manualmente. Dinámicos: Su contenido se actualiza frecuentemente a través de una base de datos y un lenguaje de programación. Jerarquía: index.html pag1.html pag2.html pag3.html pag4.html pag5.html
  • 4. Visualización de páginas web CLIENTES SERVIDOR Archivos html. Archivos de imágenes. Archivos de sonido. Archivos CSS. Bases de datos... Petición Respuesta Protocolo HTTP
  • 5. Diseño de una página web Encabezado Pie de página Contenidos Link 1 Link 2 Link 3 Link 4 Link 5
  • 6. ¿Qué se necesita para crear un sitio web? Documentación. Editor de texto sin formato (p.e: notepad, gedit) o editor WYSIWYG -What You See Is What You Get- (p.e: Kompozer, Dreamweaver, Bluefish, frontpage). Un editor de imágenes (p.e: Gimp, Photoshop, Inkscape). Un navegador web (p.e: Mozilla firefox). Un sistema de transferencia de archivos (p.e: ftp, scp)
  • 7. Recomendaciones en la creación de sitios web Mostrar información coherente y de interés de acuerdo al tema que trata el sitio web. Las páginas web deben ser cortas, concisas y con buena redacción y ortografía. Hacer un adecuado uso de los colores (p.e: fondo claro – letra oscura) durante todo el sitio web. No utilizar información con derechos de autor en nuestras páginas web para evitar el plagio. Se puede usar información donde el autor especifique que es de libre uso. Optimizar las imágenes que se usen (se recomienda como tamaño máximo 100 KB) y no abusar de ellas. El diseño debe ser homogéneo durante todo el sitio web.
  • 8. Bibliografía http://www.w3c.es/Consorcio/ http://www.w3c.es/Divulgacion/GuiasBreves/XHTML http://www.w3c.es/Divulgacion/GuiasBreves/HojasEstilo http://es.wikipedia.org/wiki/Css http://es.wikipedia.org/wiki/XHTML http://www.terra.es/personal3/tutorialhtml/css2ref.html http://www.scourdesign.com/articulos/tutoriales/css/css3.php http://bergantells.net/~jander/weblog/tuto-xhtml_a3.pdf