Modelos de paginas web
Contenidos
Modelos de paginas web
Cuántos tipos de páginas web
Todas las páginas web de acceso público constituyen colectivamente la World Wide Web. También hay sitios web privados a los que sólo se puede acceder en una red privada, como el sitio web interno de una empresa para sus empleados.
Las páginas web suelen estar dedicadas a un tema o propósito concreto, como las noticias, la educación, el comercio, el entretenimiento o las redes sociales. Los hipervínculos entre las páginas web guían la navegación del sitio, que suele comenzar con una página de inicio.
La World Wide Web (WWW) fue creada en 1990 por el físico británico del CERN Tim Berners-Lee.[1] El 30 de abril de 1993, el CERN anunció que la World Wide Web sería de uso gratuito para cualquier persona, lo que contribuyó al inmenso crecimiento de la Web.[2] Antes de la introducción del Protocolo de Transferencia de Hipertexto (HTTP), se utilizaban otros protocolos como el Protocolo de Transferencia de Archivos y el protocolo gopher para recuperar archivos individuales de un servidor. Estos protocolos ofrecían una sencilla estructura de directorios por la que el usuario navegaba y en la que elegía los archivos a descargar. La mayoría de las veces, los documentos se presentaban como archivos de texto sin formato o estaban codificados en formatos de procesadores de texto.
Weebly
Prestar atención al diseño del sitio web es crucial para construir su negocio. En la actualidad hay casi 1.700 millones de páginas web en línea, lo que proporciona una gran cantidad de tipos diferentes de páginas web para estudiar, pero también una gran confusión sobre qué tipo y diseño funcionará realmente mejor para usted.
Como diseñador o propietario de una pequeña empresa, debe conocer todos los tipos de páginas web que existen, para poder decidir cuál es la que satisface sus necesidades. Estudiar lo que eligieron los competidores y realizar pruebas le permitirá crear el formato perfecto para cada marca y su base de clientes.
Su página de inicio ayuda a los visitantes del sitio a llegar a diferentes áreas del mismo, y también puede servir como embudo de conversión. Dado que la mayoría de las personas llegan a usted a través de su página de inicio, es aquí donde el diseño es más importante.
Una página de inicio puede adoptar muchas formas diferentes, pero mientras se diseña es importante recordar el propósito de la página de inicio como la navegación principal y el punto de interés para los visitantes del sitio. Deje claro cuál es el negocio y ofrezca la propuesta de valor único (UVP) por adelantado. Establezca la jerarquía del sitio y la estructura de navegación en la página de inicio. Utilice la paleta de colores de su marca, el logotipo y las imágenes más relevantes para el negocio. La página de inicio marca el tono de la imagen del negocio, por lo que debe contar una historia sobre quién es usted a través de imágenes y palabras.
6 tipos de páginas web
Nota: En este ejemplo de código CSS, .fixed-size-box tiene una altura fija. A menudo es mejor no dar a un elemento una altura fija siempre que sea posible. Esto permite que los diseños sean flexibles para adaptarse a contenidos de diferentes tamaños.Las unidades de porcentaje pueden utilizarse para crear elementos flexibles basados en el tamaño del elemento padre. Los límites inferior y superior pueden definirse mediante las propiedades min- y max-..flexible-box { width: 100%; max-width: 600px;}Copy.flexible-box {
}Los valores de relleno y margen también pueden definirse con propiedades específicas para cada lado, a diferencia de la forma abreviada utilizada en este ejemplo. A veces esto puede ser más fácil de leer porque está claro qué valor corresponde a cada lado del elemento. También es útil para cuando sólo un lado de un elemento requiere relleno o margen.Aquí está .box-3 del ejemplo de código CSS anterior refactorizado para utilizar propiedades específicas de cada lado:.box-3 { padding-top: 1rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.25rem; margin-top: 1rem; margin-right: 0.75rem; margin-bottom: 0.5rem; margin-left: 0.25rem;}Copy.box-3 {
3 tipos de páginas web
Esta suele ser la primera pregunta que se hace sobre los estándares web. El contenido, el estilo y la maquetación se pueden conseguir simplemente con HTML: elementos de fuente para el estilo y tablas HTML para la maquetación, así que ¿por qué deberíamos molestarnos con esto del XHTML/CSS? Las tablas para el diseño, etc., es como se solía hacer en los viejos tiempos del diseño web, y mucha gente todavía lo hace así (aunque realmente no debería), que es una de las razones por las que creamos este curso en primer lugar. No cubriremos tales métodos en este curso. Aquí están las razones más convincentes para usar CSS y HTML en lugar de métodos anticuados:
HTML y XHTML son lenguajes de marcado compuestos por elementos, que contienen atributos (algunos opcionales y otros obligatorios). Estos elementos se utilizan para marcar los diferentes tipos de contenido en los documentos, especificando lo que cada parte del contenido se supone que se representa en los navegadores web (por ejemplo, títulos, párrafos, tablas, listas con viñetas, etc.)
Los elementos definen el tipo de contenido real, mientras que los atributos definen información adicional sobre esos elementos, como un ID para identificar ese elemento o una ubicación a la que apuntar un enlace. Hay que tener en cuenta que el marcado debe ser lo más semántico posible, es decir, debe describir sin ambigüedad la función del contenido. La figura 1 muestra la anatomía de un elemento típico.