PROGRESIÓN 5
REPRESENTA LA SOLUCIÓN DE LA SITUACIÓN, FENÓMENO O
PROBLEMÁTICA A TRAVÉS DE PÁGINAS WEB (HOSTING U HOSPEDAJE
DOMINIO, FTP, USUARIOS, CONTRASEÑAS), CON EL LENGUAJE DE MARCAS
-HYPER TEXT MARKUP LANGUAGE O HTML.
USO Y DISEÑO DE PAGINAS WEB
• Es un medio por el cual podemos publicar información en Internet, poniendo a disposición de todos,
contenido en la red para que sea accesible a través de distintos medios conectados a ella; puede incluir
una amplia gama de materiales, desde texto e imágenes, hasta video, audio, software y mas.
• Una página web es un documento digital que forma parte de un sitio web y se puede acceder a ella a través de un
navegador web, básicamente es un archivo compuesto principalmente por código html, aunque también puede
contener otros elementos como CSS (hojas de estilo en cascada) y java script para la interactividad. Puedes crear
un sitio web de acuerdo a la siguiente estructura:
¿Qué es el diseño web?
El diseño web es una disciplina enfocada en la planificación, ideación, creación e implementación de interfaces y
plataformas digitales. En otras palabras, el diseño web es el proceso que engloba todos los elementos necesarios para crear
páginas web.
Aunque su definición es sencilla, su producción no lo es. El diseño web aúna un gran elenco de factores que interpretan
roles diferentes en la creación de un sitio o página web con éxito. El diseño de la interfaz, el diseño del material y los
recursos gráficos, la experiencia de usuario, la adaptabilidad del diseño en todo tipo de dispositivos… son solo algunos de
los elementos que conforman el diseño web y lo hacen posible.
La complejidad de esta rama del diseño, cada vez en mayor auge, requiere de grandes profesionales detrás.
Los diseñadores web destacan por sus habilidades creativas y gráficas, por su alta experiencia en el uso de
tecnologías y software de diseño, y por su conocimiento de las últimas tendencias en un entorno tan
cambiante y evolutivo como es el ámbito digital.
Ahora que ya conocemos la definición de diseño web, vamos a profundizar más en sus características clave,
usos, ventajas y el por qué es necesario contar con un diseño profesional y de calidad para tu web.
¿Para qué sirve el diseño web?
Una página web representa el canal de comunicación digital más directo con el usuario. Es la tarjeta de visita de una
empresa en Internet y la que transmitirá nuestro mensaje al mundo online. Por ese motivo, nuestro mensaje debe
transmitirse de forma clara, atractiva y adecuada a nuestro público.
Es justo ahí donde entra el diseño web. El diseño web agrupa y cohesiona la imagen de marca, los valores corporativos
y el mensaje de la empresa y los plasma en forma de una página web visual y atrayente. El diseño web es lo que
permite a millones de personas, proyectos y empresas a tener presencia en Internet y llegar a sus consumidores de la
mejor forma.
¡Y eso no es todo! Gracias a un diseño web profesional se pueden lograr grandes cosas. Nos permite
satisfacer a los consumidores, ofrecerles una experiencia de usuario perfecta, ajustada a sus necesidades y
acompañarlos en su viaje por nuestros contenidos, productos y servicios. Un buen diseño web es la pieza
principal para abrirnos paso en la red y conseguir un puesto destacado entre nuestros competidores.
Además, un diseño web bien planteado y estructurado desde sus inicios, nos brinda la oportunidad de
posicionar mejor en los resultados de búsqueda, es decir, tener un sitio web preparado para
posicionamiento SEO desde el primer minuto
Elementos clave de un diseño web de calidad
Cómo ya hemos comentado anteriormente, nuestra página web es la carta de presentación de nuestra empresa en
internet, por lo que es esencial que esta cuente con un diseño web optimizado y bien ideado que nos permita ofrecer
una navegación de calidad e incentivar las máximas conversiones de nuestros consumidores digitales.
Velocidad de carga (Pagespeed)
Vivimos en el mundo de la inmediatez. La capacidad de atención de un usuario de internet tiene cada vez menos segundos
y, a todo ello, sumamos las cada vez más infinitas opciones donde escoger. Nadie va a esperar por un contenido si tiene
otras cien opciones al alcance de un clic.
Así que, enganchar a los usuarios desde el segundo 0 es imprescindible. Las plataformas, medios y redes sociales más
populares son plenamente conscientes de ello, por lo que ofrecen contenidos extremadamente rápidos y fáciles de
consumir.
Es aquí donde cobra real importancia la velocidad de carga de un sitio web. Siendo este uno de los elementos con mayor
peso de una página web. Diseñar un sitio web con un tiempo de carga lo más reducido posible es una de las prioridades a
seguir, cuidando para ello el uso y peso de las imágenes, las diferentes integraciones, el desarrollo, la interfaz y elementos
navegación…etcétera.
Recuerda: Una web rápida satisface mucho a los usuarios. Y un usuario feliz es un futuro cliente.
Usabilidad / Responsive
La usabilidad es la característica que se encarga de que todos y cada uno de los usuarios puedan acceder a tu sitio web
de la mejor forma. La usabilidad de una web permite que todos tus usuarios puedan descubrir y disfrutar de tu
contenido sin importar el dispositivo o el navegador en el que se encuentren.
Una buena usabilidad web evitará errores de visualización o renderizado, logrando así evitar dolores de cabeza o
frustración en los usuarios y que estos abandonen nuestra página porque no encuentran lo que están buscando. Gracias
a una web usable y de calidad, evitamos este problema. Es importante llevar a cabo una completa supervisión del
desarrollo y diseño de una web para que esta sea lo más usable posible y ofrezca la experiencia de usuario más
avanzada
User-friendly, legibilidad y navegación sencilla
Otro de los puntos más importantes del diseño web es que este, ante todo, debe ser legible y ofrecer una navegación fácil y
amena. Esto último lo apodamos normalmente como una web user-friendly (Una web amigable).
En la música, las obras y sinfonías más populares son aquellas que se presentan al público dando vida y forma a una
naturaleza que el espectador, en su interior, ya reconoce y adora. Pasa lo mismo con el diseño web. Este debe ser atractivo,
diferente e impactante, pero en su núcleo debe albergar practicidad, legibilidad y, sobre todo, funcionalidades que el usuario
ya comprenda y que hagan de su navegación un paseo por el campo.
Los colores utilizados en fondos e iconos, los diferentes apartados de la web, los bloques de contenido, los banners,
ilustraciones e imágenes…Todo debe de estar diseñado para que sean amigables y no cansen la vista del usuario,
maximizando la legibilidad y la accesibilidad, tanto para los usuarios como para los motores de búsqueda que rastrean
nuestra web.
Tipografía y contenidos
La tipografía es otro elemento que entra dentro de este apartado y que no debemos pasar por alto. Debemos ofrecer
una tipografía que encuentre el equilibrio entre los valores de la marca y la legibilidad para el usuario. En internet
transmitimos nuestro mensaje con palabra escrita (en su mayor parte), por lo que el usuario debe leer y entender
nuestros contenidos con total facilidad.
Siguiendo con los contenidos en forma de texto, además de ofrecer una tipografía fácil de entender, también debemos
evitar párrafos muy largos que puedan hacer que la lectura se haga pesada para el usuario y este decida parar de leer.
También debemos pensar en los diferentes dispositivos con los que navegarán nuestros usuarios por nuestra web.
Ordenadores, portátiles, móviles, tablets… Un diseño web profesional tendrá todos estos dispositivos en cuenta para
ofrecer un contenido de calidad que pueda ser legible y funcional en todos ello
¿Por qué contar con un diseño web profesional?
A continuación, presentamos algunas de las múltiples ventajas que te puede aportar un diseño web profesional a tu
empresa:
Causa la mejor primera impresión
Tu web es la presentación de tu empresa en Internet (No podemos dejar de enfatizar esto lo suficiente). Cuando un
cliente potencial acude a tu negocio físico, la primera impresión es crucial.
Con una página web es exactamente igual, esta debe de ser el reflejo más pulido de tu negocio. Una web con un diseño
web de baja calidad hará que los usuarios no tengan una buena experiencia e incluso piensen que la empresa está
desactualizada, por lo que serán más propensos de abandonar la página y buscar alternativas. Contar con un diseño web
funcional, atractivo y de alta calidad es justo lo que necesitas para dejar huella en los usuarios y causar una primera
impresión inolvidable.
Aumenta tus ventas y conversiones
Un diseño web bien planteado y altamente atractivo logrará atraer más la atención de tus visitantes digitales.
Un buen diseño web tendrá el poder de despertar el interés de tus clientes potenciales, invitarlos a pasar más tiempo
en tu web y a conocer tus soluciones, para finalmente acompañarlos en su proceso de compra y convertir a usuarios
interesados en nuevos clientes
CONCEPTOS QUE DEBEMOS TOMAR EN
CUENTA PARA ELABORAR UNA PAGINA WEB
SERVIDOR WEB
• Un servidor web o servidor HTTP es un programa
informático que procesa una aplicación del lado
del servidor, realizando conexiones
bidireccionales o unidireccionales y síncronas o
asíncronas con el cliente y generando o cediendo
una respuesta en cualquier lenguaje o aplicación
del lado del cliente. El código recibido por el
cliente es renderizado por un navegador web.
Para la transmisión de todos estos datos suele
utilizarse algún protocolo. Generalmente se usa el
protocolo HTTP para estas comunicaciones,
perteneciente a la capa de aplicación del modelo
OSI. El término también se emplea para referirse
a la computadora donde se ejecutan esas tareas.
NOMBRE DE DOMINIO
• Un nombre de dominio es una cadena de texto que se
asigna a una dirección IP numérica, que se utiliza para
acceder a un sitio web desde el software cliente. Dicho
de forma más sencilla, un nombre de dominio es el texto
que un usuario escribe en una ventana del navegador
para llegar a un sitio web concreto. Por ejemplo, el
nombre de dominio de Google es "[Link]".
• La dirección real de un sitio web es una compleja
dirección IP numérica (por ejemplo, [Link]), pero
gracias a DNS, los usuarios pueden introducir nombres
de dominio fácil de escribir y ser dirigidos a los sitios
web que buscan. Este proceso se conoce como
búsqueda de DNS.
DIRECCIÓN IP
• Una dirección IP (Protocolo de Internet) es una
etiqueta numérica asignada a cada dispositivo
conectado a una red informática que utiliza el
Protocolo de Internet para la comunicación.
Cada dispositivo con conexión a Internet tiene
una dirección IP, que asegura que los datos
lleguen a su destino. Puedes encontrar tu
dirección IP pública fácilmente en línea, y
también puedes acceder a tu dirección IP local
en tu dispositivo. Conocer tu dirección IP es
importante para navegar con seguridad y
solucionar problemas de conexión.
NAVEGADOR
• Un navegador web o explorador web (web browser, en
inglés) es un software de aplicación que permite al
usuario ingresar a diferentes páginas web en internet, ya
sea directamente a través de una dirección URL o bien
desde un hipervínculo o link.
• El nombre de este tipo de programas informáticos se
debe a que, en la jerga digital, se llama navegar a seguir
la información de una página web a otra a través de sus
enlaces. El navegador es el encargado de mostrar el
texto, las imágenes y los demás recursos en línea de un
modo ordenado y sincronizado, respetando los
mandatos del código fuente de cada página web.
• Los navegadores web son muy utilizados, por lo que
algunos vienen preinstalados en las computadoras y
forman parte de la oferta de aplicaciones de sistemas
operativos.
WWW
• WWW son las iniciales que identifican a la
expresión inglesa World Wide Web, el sistema de
documentos de hipertexto que se encuentran
enlazados entre sí y a los que se accede por medio
de Internet. A través de un software conocido
como navegador, los usuarios pueden visualizar
diversos sitios web (los cuales contienen texto,
imágenes, videos y otros contenidos multimedia) y
navegar a través de ellos mediante los
hipervínculos. De esta manera, podríamos decir,
utilizando una comparación con el sector de las
comunicaciones telefónicas, que www es el
«prefijo» que tiene todo portal que se encuentre
en la mencionada Red al que queremos acceder.
PROTOCOLO HTTP
• El http (del inglés HyperText Transfer Protocol o Protocolo de
Transferencia de Hiper Textos) es el protocolo de transmisión de
información de la World Wide Web, es decir, el código que se
establece para que el computador solicitante y el que contiene la
información solicitada puedan “hablar” un mismo idioma a la hora
de transmitir información por la red.
• Con el http se establecen criterios de sintaxis y semántica
informática (forma y significado) para el establecimiento de la
comunicación entre los diferentes elementos que constituyen la
arquitectura web: servidores, clientes, proxies. Fue creado en 1999
por el World Wide Web Consortium en colaboración con la Internet
Engineering Task Force.
• Se trata de un protocolo “sin estado”, vale decir, que no lleva
registro de visitas anteriores sino que siempre empieza de nuevo. La
información relativa a visitas previas se almacena en estos sistemas
en las llamadas “cookies”, almacenadas en el sistema cliente.
• El http ha pasado por numerosas versiones hasta alcanzar la actual a
principios del siglo XXI, llamada HTTP/2. Sus primeros intentos se
produjeron en 1991 y arrojaron versiones parciales en 1996, 1999,
2000 y, finalmente, la vigente en 2015.