DiseƱo web | šŸ§” Lebianch | DiseƱo de pĆ”ginas web en Argentina | WEBS

CĆ³mo diseƱar una pĆ”gina web

DiseƱo web | šŸ§” Lebianch | DiseƱo de pĆ”ginas web en Argentina | Mundo

Seguramente, como estĆ”s leyendo este artĆ­culo, tienes cierta atracciĆ³n o interĆ©s en cĆ³mo diseƱar una pĆ”gina web. DĆ©jame decirte que estĆ”s en el lugar correcto, porque te explicarĆ© paso a paso cĆ³mo se diseƱa una web en el mundo real, y todo lo que tienes que tener en cuenta.

ĀæQuĆ© es el DiseƱo Web?

Imagen sobre que es el diseƱo web

Para empezar con el artĆ­culo, tengo que responder a la pregunta mĆ”s general: “ĀæQuĆ© es diseƱar una web?”. El diseƱo web, como dice su nombre, consiste en diseƱar la estructura y los contenidosde todo sitio web.

Aunque parezca sencillo, en realidad es mucho mĆ”s complejo de lo que parece. DiseƱar un sitio web lleva un mundo detrĆ”s, y muchas especializaciones. En este artĆ­culo, te explicarĆ© (de manera muy resumida, para darte una idea) cĆ³mo se diseƱan las pĆ”ginas web.

La diferencia entre DiseƱo y Desarrollo Web

Antes de entender cĆ³mo funcionan los sitios web, tienes que saber algo: no es lo mismo diseƱar un sitio web que desarrollarlo. El diseƱador web es el encargado de hacer la interfaz, contenidos, imĆ”genes, estructura y todo lo que tenga que ver con la maqueta de una pĆ”gina. Es decir, realizar un diseƱo estĆ”tico en programas de ediciĆ³n como AdobeXD o Photoshop. El Desarrollador Web es el encargado de pasar toda la maqueta hecha por el diseƱador a cĆ³digo y desplegarlo en un servidor para que todos puedan visitarlo.

ĀæCuĆ”les son las partes de una pĆ”gina web?

Otra cosa que hay que explicar es que no es lo mismo una pƔgina web que un sitio. La diferencia entre una pƔgina web y un sitio web es que la pƔgina es solamente lo que vemos en el navegador y el sitio web es el conjunto de todas las pƔginas (como cuando leemos un libro, la pƔgina web es la hoja y el sitio web es el libro en sƭ).

Una pƔgina web tiene bastantes partes, que son largas de explicar, pero vamos a resumirlas en tres: encabezado, cuerpo y pie de pƔgina.

imagen sobre footer y header en un sitio web

ĀæQuĆ© es el Header?

El header (encabezado) es la parte superior de una pƔgina, casi siempre suele ser la que conecta con otras partes del sitio, y la que te explica de quƩ se trata. Si entras a cualquier pƔgina, vas a ver que tiene una parte superior con un fondo, en donde estƔ el logo de la pƔgina y enlaces para ir a las diferentes secciones. El contenido que tiene es estƔtico, porque no cambia casi nunca.

ĀæQuĆ© es el Cuerpo de una pĆ”gina?

El cuerpo de una pĆ”gina es el lugar en donde se cargan todos los contenidos que tiene la web. Suele ser la parte en donde se encuentran todas las secciones especĆ­ficas (como por ejemplo, entradas de blog, informaciĆ³n de contacto, descripciones, etc.) y su contenido es dinĆ”mico, porque se actualiza conforme pasa el tiempo.

El cuerpo es la parte mƔs importante de un diseƱo web, ya que tiene todo el contenido importante y de valor para el usuario. Es la parte que mƔs debes trabajar, para tener una buena interfaz, dar una buena experiencia y que a los usuarios le den ganas de volver.

ĀæQuĆ© es el pĆ­e de pĆ”gina?

El pĆ­e de pĆ”gina es la parte en donde se muestran los detalles menos importantes del sitio, los que se dejan para el final. Usualmente allĆ­ estĆ”n los enlaces a las pĆ”ginas legales, informaciĆ³n de cookies, copyright de la marca, etc. Esta parte es estĆ”tica, como el encabezado, ya que su contenido no cambia de una pĆ”gina a otra.

ĀæCĆ³mo se pasa un DiseƱo Web a CĆ³digo?

como pasamos un diseƱo web a codigo php o html

El diseƱo web cumple una parte fundamental en el desarrollo de todo sitio, pero necesita ser codificado para que todos puedan acceder mediante el navegador. Para pasar de un diseƱo estĆ”tico (hecho en los programas de ediciĆ³n) a cĆ³digo, se usan tres lenguajes principales: HTML, CSS y JavaScript.

No te preocupes si por ahora no lo entiendes, poco a poco lo irĆ”s haciendo. Para darte una explicaciĆ³n corta, HTML es el lenguaje que se utiliza para darle la estructura a una pĆ”gina web, CSS se usa para darle estilos y JavaScript se usa para darle funcionalidades.

TambiƩn, en sitios web muy complejos, se usan otros lenguajes como PHP, pero suelen ser mƔs complicados y no influyen tanto en el diseƱo en sƭ.

ĀæCĆ³mo se sube un diseƱo web?

como subir un sitio

Subir una pƔgina web para que todos la puedan ver suele ser fƔcil, y por eso vamos a explicar quƩ es el hosting y quƩ es el dominio, los encargados de hacer que tu sitio web se vea en cualquier parte del mundo simplemente usando internet.

ĀæQuĆ© es un hosting?

El hosting es el servidor en donde se encuentra tu pĆ”gina, es decir, es el encargado de administrar todos los archivos y demĆ”s elementos, para hacerlos pĆŗblicos y que cualquier persona pueda acceder. El hosting es como la casa de tu pĆ”gina web.

ĀæQuĆ© es un dominio?

El dominio es bĆ”sicamente la direcciĆ³n de tu pagina web. Es como la direcciĆ³n de tu casa, la que se usa para visitarte. Funciona como en la vida real. Explicar donde estĆ” tu casa con coordenadas es bastante complicado, Āæno? Por eso, cuando alguien te quiere visitar, le das tu direcciĆ³n. Es exactamente igual con el dominio.