El documento describe los elementos básicos que componen una página web, incluyendo texto, imágenes, video, hipervínculos y más. Explica que una página web necesita alojarse en un servidor web con un nombre de dominio para ser accesible a otros. También destaca la importancia de una estructura intuitiva con encabezado, barra de navegación, contenido principal y pie de página.
2. Las páginas Web
Las páginas Web son el soporte de la información en la Web.
Los componentes de una página web son: imágenes, textos y otros
contenidos multimedia. Las secciones internas se encuentran enlazadas de
manera que el usuario puede navegar de una página a otra
utilizando hipervínculos, un concepto de interactividad surgido con el
fenómeno Internet.
NOTA:
Las partes que forman a una página Web son conjunto
de textos, imágenes, audio, video y otros contenidos.
3. Elementos que componen una página Web
TEXTO
El texto es el elemento más significativo de cualquier sitio Web porque los
usuarios navegan por la Web fundamentalmente en busca de información
expresada en hipertexto.
4. IMÁGENES
Aunque no debe abusar de las imágenes por el riesgo de aumentar el peso de
la página, y por lo tanto, los tiempos de descarga. Las imágenesconstituyen
un elemento esencial para ofrecer información visual del contenido y mostrar
un diseño atractivo y personal.
5. ESPACIO WEB
Para que nuestro sitio Web sea visible ante todos necesitamos colocarlo en un
servidor.
6. UN NOMBRE DE DOMINIO
El nombre de dominio es la primera parte de una dirección Web que
identifica al servidor que almacena y sirve su sitio.
7. HIPERVÍNCULOS
Por sí misma, una página Web no puede hacer mucho. La magia de verdad
comienza cuando relaciona varias página mediante enlaces.
8. VIDEO
Mientras Internet es cada vez más asequible, confiable y veloz, los programas
de edición de video se hacen más cercanos a los usuarios.
Ahora es más fácil realizar un video desde una cámara digital o un teléfono
móvil con cámara incorporada y que termine subiendo a la Web para ponerlo
al alcance de todos.
9. ANIMACIONES EN FLASH
Es una imagen animada, fácil de crear y sobre todo que ocupa poca memoria.
Tiene diferentes usos, desde la creación de dibujos animados hasta el
despliegue de dibujos interactivos.
10. SONIDOS
Un elemento cada vez más importante. La comercialización de nuevos
dispositivos digitales móviles como el iPhone ha potencializado este
elemento.
Además de incorporar sonido en la página Web puede descargar de ellas
archivos de audio para sus dispositivos móviles.
El formato MP3 es el más conocido y más usado por su calidad y nivel de
compresión.
11. La estructura del sitio web debe ser
visualmente intuitiva y fácil de utilizar
EncabezadoLogotipo (no borroso, no mal recortado, no pixeleado)
Bajo el logotipo, una frase corta que indique exactamente a qué se dedica tu
empresa. Por ejemplo bajo nuestro logotipo dice “Diseño y desarrollo de
páginas y aplicaciones web”.
Barra de navegación.
Debe permanecer en el mismo lugar en todas las páginas interiores, aunque
puede estar en otro lugar en la portada si hay una buena justificación. Al
estar siempre en el mismo lugar el visitante sabe en todo momento donde
buscar las demás opciones. Los diferentes niveles de opciones deben indicarse
visualmente con tipos de letra, negritas, colores o menús desplegables. Los
textos de cada opción deben ser claros y concisos. Si tu sitio web tiene
muchas secciones y tienes que crear dos o tres niveles de menú, no dudes en
hacerlo, siempre y cuando crees un camino fácil de intuir.
12. Área de contenido principal.
Es el área donde la vista del visitante va después de ojear rápidamente el
encabezado. Aquí debes poner tu información.
Barra lateral de contenido (opcional).
En algunos casos es muy útil tener una barra lateral, en la cual se puede
colocar información de fácil acceso, como números telefónicos o una liga a
nuestro formulario de cotizaciones.
Pie de página.
Debe contener un menú alterno en puro texto, con las opciones de primer
nivel. También úsalo para colocar información de contacto u otra información
importante. El contenido del pie debe aparecer en todas las páginas.
13. Características que hacen placentera y útil la
visita a un sitio web
Deben utilizarse de forma correcta las diferentes herramientas (HTML, CSS,
ASP.NET o algún otro lenguaje de servidor, AJAX, etc.) para lograr una
navegación que cuente con las siguientes características:
Páginas ligeras que descarguen rápidamente.
El formato y estilo de los diferentes elementos están centralizados en un solo
archivo, de tal forma que el navegador solamente lo tiene que leer una vez.
Elementos técnicos que facilitan la indexación en buscadores de
Internet:Inclusión de Metatags “Description” y “Keywords”.
Información bien redactada sin intentos de engañar a los buscadores de
Internet.
Uso de etiquetas H1 a H6 para títulos.
14. Imágenes optimizadas para que pesen menos.
No utilizar marcos (frames). Esto evita algunos posibles errores de
visualización en el navegador y facilita la impresión.
No utilizar Flash cuando no agregue valor. Los buscadores de Internet y
algunos smartphones y tabletas no pueden leer el texto en Flash.
En la mayoría de los casos es recomendable utilizar un ancho fijo (no
expandible a todo lo ancho de la pantalla) porque facilita la lectura.
Utilización de tipos de letra fácilmente legibles y una herramienta para
permitir crecer el texto. Existe una estimación de que el 75% de los adultos
utiliza algún tipo de anteojos para corregir la visión.
15. Todas las páginas contarán con un URL absoluto. Esto es, cada página tendrá
una dirección distinta y única en la barra de direcciones de tu navegador
(puede parecer obvio, pero hay sitios web que no funcionan así). Haciéndolo
correctamente, es posible para el visitante añadir tu página a favoritos o
enviar una liga a un producto determinado por e-mail.
De manera opcional se puede utilizar la migaja (breadcrumb) en todas las
páginas. Ejemplo: “Usted está en: Inicio –> Servicios –> Consultoría”.
16. Pagina web
Tema a tratar: Garfield
Pagina: DesayunoDeGarfield
Mena Ramírez Roberto Michell