Sitios web

  • 546 views
Uploaded on

 

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
546
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
1
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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