Elementos básicos de un sitio Web

Elementos básicos de un sitio Web
COMPÁRTELO:

El diseño Web puede ser fascinante.

Crear sitios Web atractivos y profesionales es el sueño de millones de diseñadores de todo el mundo que utilizan las tecnologías de Internet.

Un sitio Web debe ser sobre todo accesible, intuitivo y agradable.

La organización inicial es muy importante para poder utilizar eficazmente las herramientas y tomar decisiones oportunas.

Vamos a iniciar con la concepción del diseño Web, a explicar las estrategias de diseño y a cómo organizar las ideas.

El comprender el proyecto desde ésta etapa, permite un ahorro significativo de recursos en el momento de la implementación.

Las páginas Web

Páginas internas del Sitio Web

Posiblemente el término página Web sea el más utilizado en Internet, precisamente porque cuando navega por la red lo hace en busca de 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.

Los Sitios Web

Un sitio Web es una localización en la Web que contiene varias páginas Web organizadas jerárquicamente.

Cada sitio tiene una página de inicio que corresponde a la página principal, llamada en inglés Home Page.

Es la primera página que se visualiza cuando se accede a un sitio tecleando el nombre del dominio en la barra del navegador.

Un sitio tiene generalmente más de una página Web y su objetivo principal es ofrecer la información que necesitan los usuarios y proporcionársela de manera que puedan asignarla fácilmente.

NOTA:
En ocasiones se utiliza el término página Web para referirse a un sitio Web. Un sitio Web es un conjunto de páginas Web. Las páginas Web constituyen archivos únicos con un nombre asignado.

Elementos que componen una página Web

  • ¿Cómo esta compuesta una página Web?
  • ¿Que información debe tener una página Web?

Las principales características que constituyen una página en Internet son:

Texto

Texto en un Sitio Web

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.

NOTA:
Los textos han convertido el inglés en el idioma universal de la red. En su objetivo por alcanzar la mayor audiencia posible, muchos sitios ofrecen su información y sus servicios en su idioma natal y en otros idiomas, fundamentalmente en inglés.

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ágenes constituyen un elemento esencial para ofrecer información visual del contenido y mostrar un diseño atractivo y personal.

Espacio Web

Espacio Servidor de páginas Web

Para que nuestro sitio Web sea visible ante todos necesitamos colocarlo en un servidor.

Un nombre de dominio

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.

Hipervínculos

Enlaces, hivervínculos en HTML

Por sí misma, una página Web no puede hacer mucho. La magia de verdad comienza cuando relaciona varias página mediante enlaces.

Video

Víodeo en Sitio Web

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.

Animaciones en Flash

Animación Web con reproductos Flash Player

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.

Sonidos

Sonido en páginas Web

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.

Otros elementos

Otros elementos bastante comunes son:

Banner: Una imagen fija o animada utilizada generalmente para publicidad.

Marcos: También llamados frames, son una especie de recuadro independiente en el que puede cargar una página Web.

De esta forma es posible dividir una página Web en diferentes partes o ventanas, cada una con sus propios bordes y barras de desplazamiento, cargando dentro de cada una de ellas una página web externa independiente.

Los marcos se usaron mucho en un momento determinado, pero además de crear algunos inconvenientes en el diseño, es una opción que no se recomienda ya que los motores de búsqueda no indexan correctamente los sitios realizados con marcos.

Actualmente se pueden obtener los mismos resultados con CSS.

Formulario: Zona para introducir datos o comentarios. Una plantilla o página con espacios vacíos para llenarse con alguna finalidad.

También se utiliza para referirse al conjunto de campos solicitados por un determinado programa, los cuales se almacenan para su manipulación y uso posterior.

El diseño Web

La Web se ha convertido en el medio de comunicación más importante del mundo gracias a su facilidad para ofrecer información con una rapidez nunca antes alcanzada por ningún otro medio.

Esta información puede ser consumida por cualquiera que tenga una conexión a Internet desde cualquier parte del mundo.

El desarrollo Web es una mezcla de tecnología, contenidos, arquitectura del sitio, diseño e interactividad.

El éxito de un sitio depende de la forma en que se combinan estos cinco factores que determinan en gran medida la rapidez con que se genera y ofrece la información, y por supuesto el éxito de un sitio.

Antes de analizar estos factores independientemente, debe considerar que ellos deben garantizar que el sitio sea fácil de mantener, flexible para cambiar de tamaño y realizar actualizaciones y atractivo visualmente para los usuarios, interesante para su audiencia, práctico para realizar descargas rápidas y búsquedas efectivas; también sólidos técnicamente, sin vínculos rotos, ni comportamientos inadecuados.

En el contenido Web influyen la presentación, los conceptos de diseño y algunas estrategias comunes del trabajo en Internet.

Los elementos visuales como el color, el diseño de tipografía y las imágenes, conforman la personalidad de un sitio y generan un impacto emocional que determina que el sitio sea atractivo.

Aunque el objetivo final de todo diseñador sea transmitir un mensaje a una audiencia determinada, ser un buen diseñador gráfico no significa necesariamente ser un buen diseñador para la Web.

Cualquiera independientemente de su nivel artístico, puede conseguir un diseño funcional con buena apariencia.

Un poco de experiencia y conocimiento de algunos principios básicos de diseño más cierto grado de inspiración, originalidad y buen gusto harán que tenga parte de la batalla ganada.

Observe los detalles de su entorno, la naturaleza el arte y sobre todo el trabajo de otros creadores que hay en la Web.

Parece muy elemental, pero muchos olvidan las principales fuentes más asequibles de enriquecimiento estético.

Compártelo:
Siguiente ⇒
Servicios de Internet

Profesor de la Universidad de Guadalajara

Hugo Delgado Desarrollador y Diseñador Web en Puerto Vallarta

Profesional en Desarrollo y Posicionamiento Web desde hace más de 10 años continuos.
Contamos con más de 200 constancias y reconocimientos en la trayectoria Académica y Profesional, incluidos diplomados certificados por Google.

ARTÍCULOS RELACIONADOS:

39 Comentarios

  1. mauricio

    buena información

  2. kioma

    que me a parecido interesante , impresionante , una dimencion grande bonita y su biblioteca es muy bonitaa ermosa

  3. faken cesar

    ta chingon pues eso si ayuda en todo personal amen

  4. milagros

    Mmmmm ..no pense que encontraria lo que buscaba gracias ehhhhh

  5. sonny

    me sirvió muy bien muchas gracias :3

  6. rafael

    excelente descripcion la use para mi materia de paginas Web

  7. Yenia

    Gracias

  8. bethzaira

    ummm esta muy genialixs y me sirvio mucho

  9. daniela santos garcia

    mm me fascino su información esta mega ultra extra super fa.. su información

  10. Cheque

    Like prro

  11. Mony Meza

    Gracias su aporte me sirvio de mucho, tomare en cuenta sus enseñanzas.

  12. José

    El diseño Web puede ser fascinante.

  13. carlos

    cual fue la fecha de publicación???

  14. maria

    super

  15. Isela

    Hola.... los pasos para subir multimedia a la pagina web, por fa y gracias

  16. endy

    me sirvió de mucho gracias :*

  17. Jose

    La representación en que se basa la Web actual, básicamente describen la forma de mostrar la información, pero no su significado.

  18. fanii

    gracias me cirvio de mucho.

  19. akexxali

    gracias por la info ...

  20. martin

    buena info un saludo para el pode fragosso

  21. luis

    esta chida la info

  22. gato

    gracias por la información me va a serviir

  23. Martin

    GRACIAS

  24. Jose

    Para conocer que es la Web semántica, es necesario establecer los principios básicos, tanto conceptuales como tecnológicos sobre los que se asienta.

  25. iguano

    muchas gracias

  26. miguel

    gracias por la informacion

  27. churripií±a

    muy buena informacion

  28. Noobgameryt

    esta bien muy buena iunformacion

  29. la baby

    esta muy chida la infor gracias

  30. diana

    increible como una persona puede ser tan exacto y preciso, gracias

  31. jon

    me agrada la opcion bacana

  32. fernandito

    buenisima me sirvio mucho

  33. JOSE

    NO PUES ESTA PERRONY CHIDO POR LA INFORMACION ME AYUDO MUCHO =)

  34. lorenita

    que buenisima imformacion gracias

  35. william berrio

    exelenthe imformations para estuds

  36. chagote

    informacion accesible muy util para mi tarea de info

  37. ANGELICA

    EXCELENTE INFORMACION

  38. josef

    muy buena informacion

  39. ariana

    gracias por la respuesta lo necesitaba

 

Deja un Comentario

Recomendado para ti:

Llevando datos de las páginas en PHP a la base en MySQLLlevando datos de las páginas en PHP a la base en MySQL

Ya hemos realizado páginas que leen datos de nuestra base de datos pero, muchas veces, necesitamos transitar ...

Síguenos en Facebook