Your SlideShare is downloading. ×
0
Introducción a websites
Introducción a websites
Introducción a websites
Introducción a websites
Introducción a websites
Introducción a websites
Introducción a websites
Introducción a websites
Introducción a websites
Introducción a websites
Introducción a websites
Introducción a websites
Introducción a websites
Introducción a websites
Introducción a websites
Introducción a websites
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Introducción a websites

272

Published on

Published in: Education, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
272
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
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. Conceptos básicos Sitios Web
  • 2. ¿Qué es un Website?  Un sitio web es un conjunto de páginas web, típicamente comunes a un dominio de Internet o subdominio en la World Wide Web en Internet Wikipedia Index.html Sección1 Cont1 Cont2 Cont N Sección2 Sección3
  • 3. Página web Documento adaptado para la Web y que normalmente forma parte de un sitio web. Su principal característica son los hiperenlaces a otras páginas, siendo esto el fundamento de la Web. Está compuesta principalmente por información (sólo texto o multimedia) e hiperenlaces; además puede contener o asociar datos de estilo (CSS) para especificar cómo debe visualizarse, o aplicaciones embebidas para hacerla interactiva.
  • 4. Capas / Elementos  Capa Estructural  Capa Presentación  Capa Comportamiento  Capa de información  Capa de diseño  Funcionalidades
  • 5. Capa Estructural
  • 6. Capa Estructural  XHTML 1.0  XML  Cantidad de etiquetas  <Title>  <H1, H2, ..Hn>  Div  Span
  • 7. Capa Presentación
  • 8. Capa Presentación Hojas de estilo (CSS)  Atributos como:  Font  Color  Background  Posicionamiento
  • 9. Capa Comportamiento Funcionalidades  Javascript  PHP/ASP  Players flash  Bases de datos  Interactividad  USABILIDAD
  • 10. Usabilidad  ISO  “grado de eficacia, eficiencia y satisfacción con la que usuarios específicos pueden lograr objetivos específicos, en contextos de uso específicos "
  • 11. 3 paneles  Dónde estoy?  Qué hay aquí?  Adónde puedo ir? 1. Branding area/Barra de Títulos 2. Barra de navegación 3. Panel de contenido
  • 12. Diseño Conceptual  Definir el esquema de organización, funcionamiento y navegación del sitio  El arte y la ciencia de organizar espacios de información con el fin de ayudar a los usuarios a satisfacer sus necesidades de información. -------------------- -------------------- -------------------- Index.html Sección1 Cont1 Cont2 Cont N Sección2 Sección3
  • 13. Diseño Conceptual  Esquemas  Taxonomias  Mapas de sitio  Metadata
  • 14. Diseño Visual  Aspecto del sitio web: composición de cada tipo de página, aspecto y comportamiento de los elementos de interacción y presentación de elementos multimedia
  • 15. Diseño Visual  Cuadrícula  Formas  Tamaños  Colores  Iconos  Imágenes  Tipografía  Texturas
  • 16. Diseño de Contenidos  Información  Política editorial  Producción y uso de Textos, imágenes, video, audio, animaciones, gráficos

×