Please enable JavaScript.
Coggle requires JavaScript to display documents.
DISEÑOS DE PAGINAS WEB, SITIO WEB - Coggle Diagram
DISEÑOS DE PAGINAS WEB
PAGINA WEB
QUE ES ?
Una página web es un documento electrónico accesible a través de internet que contiene información organizada y presentada de forma visual.
TIPOS DE PAGINAS WEB
Página web de eCommerce
Foro en línea
Página web educativa
Landing page
Página web empresarial
Página web de noticias
Página web de eventos
Página web informativa
Página web interactiva
Página web de reservas
CATERISTICAS
La página debe ofrecer una experiencia de navegación sencilla y permitir a los usuarios encontrar rápidamente lo que buscan.
Su diseño necesita debe ser responsive para poder adaptarse a los tamaños de diferentes dispositivos y garantizar así una buena experiencia en celulares, tabletas y computadoras.
Es importante que la página cargue rápidamente para mantener la atención del usuario y mejorar el SEO.
También es básico implementar elementos de seguridad como certificados SSL.
Además, la página web debe estar optimizada para los motores de búsqueda, lo que requiere de un uso adecuado de palabras clave y links internos.
ELEMENTOS
Encabezado: Incluye el logotipo, el menú de navegación e incluso un buscador.
Cuerpo del contenido: Sección en la que se presenta la información, por lo que puede incluir textos, imágenes y otros medios.
Imágenes y gráficos: Ayudan a mejorar la estética y la comprensión del contenido.
Enlaces y navegación: Permiten al usuario moverse dentro de la página o hacia otras páginas de interés.
Pie de página: Donde encontrarán información de contacto, enlaces a políticas de privacidad y otros recursos importantes.
EJEMPLOS
Google.com.
YouTube.com.
Facebook.com.
Instagram.com.
Twitter.com.
Baidu.com.
Wikipedia.org.
Yahoo.com
CONSEPTOS BASICOS
Usabilidad: Asegúrate de que el sitio sea fácil de usar y navegar.
Responsive Design: La página debe adaptarse a diferentes dispositivos (móviles, tabletas, PCs).
Navegación clara: Los menús deben ser intuitivos y fáciles de encontrar.
Velocidad de carga: Optimiza la página para que cargue rápido.
Tipografía y colores: Usa fuentes legibles y una paleta de colores coherente con la marca.
Contenido visual optimizado: Imágenes y videos de calidad, pero ligeros para mejorar la carga.
Accesibilidad: Asegura que todos los usuarios, incluidos los con discapacidades, puedan navegar sin problemas.
Llamados a la acción (CTA): Los botones y enlaces importantes deben destacarse.
SEO: Optimiza la página para mejorar su posicionamiento en buscadores.
Pruebas y retroalimentación: Realiza pruebas para mejorar la experiencia del usuario.
QUE ES
. El diseño web se centra en cómo se ve y funciona un sitio web. Incluye elementos como colores, tipografías, gráficos y la interacción de los usuarios con el sitio. Un buen diseño web garantiza que tu sitio luzca profesional y funcione de manera fluida, ya sea que se visualice en una computadora, tableta o teléfono.
la simplicidad, el propósito, la navegación, la jerarquía visual, el contenido, la lectura de patrones en forma de F, el tiempo de carga y el diseño basado en cuadrícula ,
DISEÑO WEB
¿QUE ES?
l diseño de páginas web es la acción de planificar, diseñar, implementar y mantener la interfaz interactiva y funcional de cualquier sitio web, con los objetivos de transmitir fielmente la imagen de la empresa o marca y, a la vez, lograr una experiencia del usuario final agradable e intuitiva.
ELEMENTOS
ELEMENTOS
Encabezado
Menú
Imágenes
Contenido del sitio web
Página de inicio
1 more item...
TIPO
Diseño web estático
Diseño web dinámico
Diseño responsive
Diseño adaptativo.
Diseño centrado en el usuario
Diseño minimalista.
Diseño de una página (one-page)
1 more item...
ESTANDARES WEB
PORQUE LOS NESESITAMOS
Mantener la web gratis y accesible para todos
Ayudar a simplificar el código fuente
Reducción del tiempo de desarrollo y mantenimiento
Hacer de la web un lugar más accesible
Permitir compatibilidad y validación hacia atrás
Ayudar a mantener un mejor seo (optimización de motores de búsqueda)
Crear un grupo de conocimiento común
COMO SE CREAN
La creación de un estándar Web requiere un proceso controlado, que consta de varias etapas que aseguran la calidad de la especificación.
Este proceso permite la intervención de todos los usuarios de las tecnologías, con el objetivo de que puedan aportar su conocimiento y opiniones para la mejora de los documentos.
Tras este proceso, elaborado por especialistas en la materia, se obtienen unos estándares de calidad.
Al estar disponible para todo el mundo, las especificaciones se depuran exhaustivamente antes de ser consideradas como recomendación o estándar.
EJEMPLOS
HTML (HyperText Markup Language), para definir la estructura de los documentos.
XML (eXtensible Markup Language), que sirve de base para un gran número de tecnologías.
CSS (Cascading Style Sheets), que permite asignar estilos para la representación de los documentos.
Javascript, que permite otorgar dinamismo y funcionalidad.
SITIO WEB
ELEMENTOS
EJEMPLOS
CONCEPTOS BASICOS
Páginas Web: Documentos que conforman el contenido del sitio (ej. página principal, contacto).
HTML: Lenguaje que estructura el contenido de las páginas web.
CSS: Estilos visuales del sitio (colores, fuentes, disposición).
JavaScript: Lenguaje para hacer el sitio interactivo.
UI/UX: Diseño visual y experiencia del usuario al interactuar con el sitio.
Base de Datos: Almacena información dinámica del sitio (usuarios, contenido).
CMS: Herramienta para gestionar contenido sin necesidad de programar.
SEO: Estrategias para mejorar la visibilidad en los motores de búsqueda.
Responsive Design: Diseño que se adapta a distintos dispositivos.
HTTPS: Protocolo seguro para proteger la información en el sitio.
Enlaces: Conexiones entre páginas o secciones del sitio.
Formulario: Espacio para que los usuarios ingresen información.
Alojamiento Web (Hosting): El servicio que guarda los archivos del sitio para que estén accesibles en internet.
Dominio: La dirección web del sitio (ej. www.ejemplo.com).
google, youtube, faceebook,instagram, chatgpt, wikipedia, whatsaap,amazon, netflix
URL: significa Uniform Resource Locator es la dirección del sitio web en internet que especifica su ubicación y es única.
Dominio: es la dirección del sitio web, por ejemplo www.tiendanube.com
Hosting: es el alojamiento que permite almacenar todos los archivos y datos que componen al sitio web para que este funcione.
SSL: el protocolo Secure Sockets Layer brinda seguridad en la conexión porque hace que el intercambio de datos entre navegador y servidor sea cifrado.
CMS: es el Content Management System (es decir, Sistema de Gestión de Contenido) y hace más sencilla y accesible la creación y administración de los sitios. Un ejemplo conocido es WordPress, del que hablaremos más adelante.
Navegador: es la aplicación o el programa que permite ingresar a sitios web, visualizarlos e interactuar con ellos.
QUE ES?
Un sitio web es el conjunto de archivos electrónicos y páginas web referentes a un tema en particular, que incluye una página inicial de bienvenida, generalmente denominada home page, con un nombre de dominio y dirección en Internet específicos.
TIPOS
Sitios de noticias.
Sitios educativos.
Sitios web de vídeos.
Portales (gubernamentales, de cultura, de noticias…)
Páginas de sitios Bancarios.
Foros y sitios de opinión.
Sitios de descargas.
Directorios.
