Elementos básicos de un sitio Web y sus partes

Los componentes de una página web son: imágenes, texto, audio, video, animaciones y otros contenidos multimedia interactuando con usuarios de Internet.

Elementos básicos de un sitio Web y sus partes | Aprender HTML | Los componentes de una página web son: imágenes, texto, audio, video, animaciones y otros contenidos multimedia interactuando con usuarios de Internet
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 electrónicas.

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.

¿Te gustó o fue útil?

Ayúdanos a compartirlo en Redes Sociales
Compártelo:

Profesor en la Universidad de Guadalajara

Hugo Delgado Desarrollador y Diseñador Web en Puerto Vallarta

Profesional en Desarrollo Web y Posicionamiento SEO 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.

TAMBIÉN MERECE LA PENA VISITAR:

Temas relacionados - Tags

Características de la Web Diseño Web Web

¿Todavía no encuentras lo que necesitas?

Usa nuestro buscador interno para descubrir más información
Contenido patrocinado:

¿Te gustaría aprender más sobre Diseño Web?

Conoce las palabras y términos más comúnes usados en el Mundo de Internet para la World Wide Web
Glosario de Internet

43 Comentarios en "Elementos básicos de un sitio Web y sus partes"

  1. Avatar usuario
    Mimi

    muy buena redacción de su información ya que yo m intereso y pz llevo ese carrera

  2. Avatar usuario
    johana

    muy buena y completa informacion

  3. Avatar usuario
    cristian david

    me sirvio muchisimo la informacion en la tarea gracias bayy

  4. Avatar usuario
    Dave

    Muy buena información,solo que deberían reducir un poco el tamaño de fuente, por lo menos en PC es algo incomodo leer textos con fuente con un tamaño tan grande.

  5. Avatar usuario
    mauricio

    buena información

  6. Avatar usuario
    kioma

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

  7. Avatar usuario
    faken cesar

    ta chingon pues eso si ayuda en todo personal amen

  8. Avatar usuario
    milagros

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

  9. Avatar usuario
    sonny

    me sirvió muy bien muchas gracias :3

  10. Avatar usuario
    rafael

    excelente descripcion la use para mi materia de paginas Web

  11. Avatar usuario
    Yenia

    Gracias

  12. Avatar usuario
    bethzaira

    ummm esta muy genialixs y me sirvio mucho

  13. Avatar usuario
    daniela santos garcia

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

  14. Avatar usuario
    Cheque

    Like prro

  15. Avatar usuario
    Mony Meza

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

  16. Avatar usuario
    José

    El diseño Web puede ser fascinante.

  17. Avatar usuario
    carlos

    cual fue la fecha de publicación???

  18. Avatar usuario
    maria

    super

  19. Avatar usuario
    Isela

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

  20. Avatar usuario
    endy

    me sirvió de mucho gracias :*

  21. Avatar usuario
    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.

  22. Avatar usuario
    fanii

    gracias me cirvio de mucho.

  23. Avatar usuario
    akexxali

    gracias por la info ...

  24. Avatar usuario
    martin

    buena info un saludo para el pode fragosso

  25. Avatar usuario
    luis

    esta chida la info

  26. Avatar usuario
    gato

    gracias por la información me va a serviir

  27. Avatar usuario
    Martin

    GRACIAS

  28. Avatar usuario
    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.

  29. Avatar usuario
    iguano

    muchas gracias

  30. Avatar usuario
    miguel

    gracias por la informacion

  31. Avatar usuario
    churripií±a

    muy buena informacion

  32. Avatar usuario
    Noobgameryt

    esta bien muy buena iunformacion

  33. Avatar usuario
    la baby

    esta muy chida la infor gracias

  34. Avatar usuario
    diana

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

  35. Avatar usuario
    jon

    me agrada la opcion bacana

  36. Avatar usuario
    fernandito

    buenisima me sirvio mucho

  37. Avatar usuario
    JOSE

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

  38. Avatar usuario
    lorenita

    que buenisima imformacion gracias

  39. Avatar usuario
    william berrio

    exelenthe imformations para estuds

  40. Avatar usuario
    chagote

    informacion accesible muy util para mi tarea de info

  41. Avatar usuario
    ANGELICA

    EXCELENTE INFORMACION

  42. Avatar usuario
    josef

    muy buena informacion

  43. Avatar usuario
    ariana

    gracias por la respuesta lo necesitaba

 

Deja tu Comentario

PATROCINADOR

Tu negocio también puede aparecer aquí. Más información