Logotipo Oficial de WMS Web & Margeting Strategist




Cómo diseñar una página de internet desde ceros

Esta imagen cotiene gráficos relacionados con el título del artículo sobre Cómo diseñar una página de internet desde ceros

Aprender a diseñar páginas de internet no es difícil, se requiere paciencia y mucha repetición, es un lenguaje muy simple (HTML) ya verás.

Cada que buscas algo en la web, millones de posibilidades se presentan ante ti, ¿Quién ha hecho todo esto? ¿Cómo lo han hecho?

De quién lo ha hecho, es una respuesta no tan simple como el cómo se ha hecho todo eso, la cantidad de diseñadores de páginas de internet es relativamente poca en comparación con la cantidad de agencias o individuos que sólo adaptan templates, no tiene nada de malo, se entiende porque una cosa es una página dinámica en la que el cliente puede por sí solo actualizar su contenido a una estática en donde siempre será necesario llamar al diseñador para agregar nuevo contenido. Para la primera se requiere ser programador, para la segunda, basta con ser codificador.

Para diseñar una página de internet estática, necesitas dos aplicaciones.

Quiero aclarar que el asunto de elementos gráficos es tema a tratar aparte, el diseño de una página de internet se refiere al código que encapsula su contenido más que su apariencia.

La cuestión de la UI y UX es algo que veremos en otro artículo.

El diseño Web se alinea con la siguiente jerarquía:

Codificación para el Client-Side (el navegador)
Codificación Server-side (el servidor)
Bases de datos

Nuestro enfoque se centrará en la primera parte (Codificación Client-Side).

Comencemos

Primero, descargate un editor de texto como NotePad++, si lo deseas puedes utilizar Sublime Text o Visual Studio, te recomiendo Notepad++ por su simplicidad y rapidez.

Después de instalar tu editor de texto, crearemos el primer documento HTML al que pondrás por nombre index.html.

Una vez creado, ya tienes tu primer documento HTML, si vas a la carpeta donde lo guardaste y le das doble click, este se abrirá en el navegador como una página en blanco.

Ahora, pongamos algo de código en ella para que comience a tomar forma.

Copia el siguiente bloque de código y pégalo en tu documento:


 

Salva tu documento index.html y una vez más ve a la carpeta donde lo guardaste, da doble clic sobre este y verás que ahora tu página ya tiene nombre y la frase “Todo el contenido del documento…” en el cuerpo del documento.

 

 

Hay una gran cantidad de recursos gratuitos en línea de donde puedes aprender de iniciado a iluminado tan rapido como el tiempo que ledediques. Aquí te dejo algunos de esos recursos.

  1. W3 School
  2. Code.org
  3. SoloLearn

Abajo te dejo un vídeo que te encantará sobre codificación.

 

 

Artículos WMS recientes

Cómo hacer para que nunca se te olvide una contraseña

La mejor aplicación para programadores Web

Qué versión de PHP debes tener

Cómo evitar inyección SQL en PHP