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 Profesional 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. Si utilizas CMS, te puede interesar saber cuáles son los mejores hosting para WordPress.

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.

🤖

ChatGPT Gratis
Realiza preguntas sobre cualquier tema

¡Participa!

¡Compártelo en tus Redes Sociales!
Compartir en:

CITAR ARTÍCULO


Para tareas, investigaciones, tesis, libros, revistas, blogs ó artículos académicos

Referencia en Formato APA:

Delgado, Hugo. (2012).
Elementos básicos de un sitio Web y sus partes.
Recuperado 18 de marzo, 2024, de
https://disenowebakus.net/elementos-de-un-sitio-web.php

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 15 años continuos.
Contamos con más de 200 constancias y reconocimientos en la trayectoria Académica y Profesional, incluidos diplomados certificados por Google.

CONTINÚA APRENDIENDO

Menú categoría


Aprender HTML

TAMBIÉN MERECE LA PENA VISITAR:

Temas relacionados - Tags

Características de la Web Diseño Web Web

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

Conoce todos los cursos y tutoriales que tenemos para ti completamente gratis
Aprender Diseño Web

¿Todavía no encuentras lo que necesitas?

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

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

  1. Avatar usuario
    Mafer

    Que buena información :)

  2. Avatar usuario
    Julio best

    Me gustó mucho el tema panamá

  3. Avatar usuario
    MARCOS

    Me sirvió mucho la información.

  4. Avatar usuario
    reyna

    gracias por la información me sirvió mucho

  5. Avatar usuario
    jaime

    exelente informacion me ayudo demasiado

  6. Avatar usuario
    ASAEL

    Buena Info

  7. Avatar usuario
    victoria

    muy excelente su informacion gracias

  8. Avatar usuario
    Mimi

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

  9. Avatar usuario
    johana

    muy buena y completa informacion

  10. Avatar usuario
    cristian david

    me sirvio muchisimo la informacion en la tarea gracias bayy

  11. 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.

  12. Avatar usuario
    mauricio

    buena información

  13. Avatar usuario
    kioma

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

  14. Avatar usuario
    faken cesar

    ta chingon pues eso si ayuda en todo personal amen

  15. Avatar usuario
    milagros

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

  16. Avatar usuario
    sonny

    me sirvió muy bien muchas gracias :3

  17. Avatar usuario
    rafael

    excelente descripcion la use para mi materia de paginas Web

  18. Avatar usuario
    Yenia

    Gracias

  19. Avatar usuario
    bethzaira

    ummm esta muy genialixs y me sirvio mucho

  20. Avatar usuario
    daniela santos garcia

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

  21. Avatar usuario
    Cheque

    Like prro

  22. Avatar usuario
    Mony Meza

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

  23. Avatar usuario
    José

    El diseño Web puede ser fascinante.

  24. Avatar usuario
    carlos

    cual fue la fecha de publicación???

  25. Avatar usuario
    maria

    super

  26. Avatar usuario
    Isela

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

  27. Avatar usuario
    endy

    me sirvió de mucho gracias :*

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

  29. Avatar usuario
    fanii

    gracias me cirvio de mucho.

  30. Avatar usuario
    akexxali

    gracias por la info ...

  31. Avatar usuario
    martin

    buena info un saludo para el pode fragosso

  32. Avatar usuario
    luis

    esta chida la info

  33. Avatar usuario
    gato

    gracias por la información me va a serviir

  34. Avatar usuario
    Martin

    GRACIAS

  35. 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.

  36. Avatar usuario
    iguano

    muchas gracias

  37. Avatar usuario
    miguel

    gracias por la informacion

  38. Avatar usuario
    churripií±a

    muy buena informacion

  39. Avatar usuario
    Noobgameryt

    esta bien muy buena iunformacion

  40. Avatar usuario
    la baby

    esta muy chida la infor gracias

  41. Avatar usuario
    diana

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

  42. Avatar usuario
    jon

    me agrada la opcion bacana

  43. Avatar usuario
    fernandito

    buenisima me sirvio mucho

  44. Avatar usuario
    JOSE

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

  45. Avatar usuario
    lorenita

    que buenisima imformacion gracias

  46. Avatar usuario
    william berrio

    exelenthe imformations para estuds

  47. Avatar usuario
    chagote

    informacion accesible muy util para mi tarea de info

  48. Avatar usuario
    ANGELICA

    EXCELENTE INFORMACION

  49. Avatar usuario
    josef

    muy buena informacion

  50. Avatar usuario
    ariana

    gracias por la respuesta lo necesitaba

 

Deja tu Comentario

PATROCINADOR

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

Tu navegador ha bloqueado la publicidad.
Por favor 🙏 permite visualizar los anuncios para poder acceder, gracias.