Please enable JavaScript.
Coggle requires JavaScript to display documents.
Tipos de Páginas y Diseños Web (Tipos de Paginas web según su contenido…
Tipos de Páginas y Diseños Web
Páginas web estáticas
Como su propio nombre indica, son páginas que no necesitan prácticamente variación en sus contenidos. Es ideal cuando lo único que quieres con tu web es mostrar información básica de tu empresa
Páginas web dinámicas
Este tipo de páginas web son más complejas. Además de mostrar una información específica, el contenido varía en su interacción con el usuario. Un ejemplo puede ser una tienda online en la que el usuario puede elegir distintas características, añadir al carrito, proceder al pedido, etc.
Páginas Web en Flash
Este tipo de página web son construidas usando el software de Adobe llamado Flash. Este software permite realizar animaciones. Este tipo de página suelen ser muy vistosas y están cargadas de efectos, movimientos, sonidos y demás.
Tipos de Paginas web según su contenido
Blog: en estos sitios se introducen lecturas, diarios online o comentarios del autor. Además incluyen foros en los que los lectores pueden intercambiar opiniones.
Tienda virtual: estos permiten a sus usuarios comprar y vender cualquier tipo de productos.
Personal: estos sitios son administrados por una o muy pocas personas y contienen material sobre cualquier temática.
Institucionales: estos sitios son confeccionados por alguna entidad, con o sin fines de lucro, para darse a conocer, poner información propia y funcionan como un medio de contacto para sus clientes o miembros. Además, en caso de que sea una empresa, sirve para promocionar sus bienes y servicios.
Portal: este sitio funciona como punto de inicio para acceder a una intranet o cualquier otro recurso de Internet.
Educativo: estos sitios ofrecen cursos a distancia o presenciales, ofrecen información y contenidos descargables sobre distintas asignaturas y pueden estar orientados tanto a profesores como a alumnos.
De descargas: por medio de estos sitios, los usuarios pueden subir y bajar contenido electrónico como música, películas, videojuegos, fondos de pantallas, etcétera.
Diseño web líquido o fluido
Utiliza medidas relativas o porcentajes, en vez de pixeles, de esta forma los elementos se adaptan según el ancho de la pantalla. Esto pudiera provocar que las imágenes se estiren en pantallas grandes, que los textos sean difíciles de leer en dispositivos pequeños o que aparezcan incómodos espacios laterales rodeando toda la página del sitio. Este tipo de técnica es la menos efectiva y la menos recomendable.
Diseño web adaptativo, adaptable o adaptive
Este tipo de diseño utiliza plantillas estáticas para tamaños de pantalla prestablecidos, basadas en puntos de ruptura, de forma que al alcanzar cierto límite de tamaño en la pantalla, el diseño cambia. Esta técnica ofrece bajo nivel de usabilidad pues si el diseño cambia, es necesario actualizar todas las plantillas. Además, los contenidos se pueden seguir viendo reducidos si el acceso al sitio web es desde un móvil.
Diseño web responsivo o Responsive web design
Con esta estrategia, tanto el diseño como el contenido se adaptan a cada pantalla, proporcionando una experiencia de usuario similar en distintos formatos o resoluciones.
Los contenidos se muestran en bloques que se reorganizan según las características del dispositivo y el navegador en uso. O sea, la información se mantiene igual pero la diagramación se optimiza.
Esta es la técnica para diseño web más óptima y eficiente.
Es importante mencionar que estos métodos no son necesariamente excluyentes, en algunos casos es posible aplicarlos en forma combinada. Esta es la técnica que ofrece la mejor experiencia para los usuarios, ya que adapta los contenidos de forma comprensiva y considera los distintos escenarios. Además, ayuda a la optimización SEO al no usar re-direcciones a otras plantillas y reduce los costos de manutención al usar un sólo HTML y CSS.
