Creación de sitios web 101: ¿Qué tan difícil es?

Creación de sitios web 101: ¿Qué tan difícil es?

'Esto tiene que estar en el sitio web y oh sí, termínelo ayer'. Cualquiera que construya sitios web lo sabe. Lo que parece un pequeño ajuste para un cliente puede significar mucho trabajo entre bastidores. En la visión del mundo de un programador, entonces, hay dos tipos de personas: un grupo que entiende (o al menos conoce) 'el back-end' de los sitios web, el más pequeño, y luego hay un gran grupo de 'ignorantes'. No está nada mal, por supuesto, pero si está tratando con nuestra especie (The Website Builder) de alguna manera, es bueno conocer los conceptos básicos. Así descubres que añadir ese botoncito en la página de inicio es un trabajo más largo de lo esperado y sabes en qué idioma pensamos (y a veces incluso soñamos).

Con la ayuda del conocido cms WordPress, ahora puede crear sitios web con mayor facilidad. Con el conocimiento adecuado, es un CMS perfecto, también amigable con los motores de búsqueda y, por lo tanto, excelente si desea ser localizable orgánicamente en poco tiempo. Ofrece una buena base, pero luego realmente comienza. Si de verdad quieres crear algo especial, es fundamental que también sepas programar. De esta manera puede realizar ajustes que superan el estándar. Te mostramos los lenguajes básicos utilizados para la programación (el código a partir del cual se construyen los sitios web) aquí. 

El esqueleto: HTML

Comienza con HTML (y en WordPress también PHP). Esta es la base y todos los demás códigos eventualmente se aferrarán a esto. No en vano, esto se llama el esqueleto de un sitio web. Los elementos del sitio web se describen con diferentes etiquetas. Por ejemplo, puede indicar un encabezado con la etiqueta [h1]. Esto se verá así:

[h1]Aquí va el texto del titular[/h1]

Cuando considera cuántos elementos diferentes son posibles en un sitio web, solo piense en enlaces, formularios de contacto o listas, probablemente pueda imaginar que hay una cantidad casi infinita de etiquetas. Es un lenguaje completamente diferente que tienes que dominar.

Los músculos: JavaScript

Si quieres moverte, realmente necesitas músculos. Y el lenguaje de programación JavaScript se encarga de eso. Es un poco más complicado pero vale la pena, porque un sitio web dinámico es mucho más atractivo. Y más que eso: es útil si el visitante de su sitio web recibe comentarios inmediatos si completa incorrectamente un formulario de contacto. La etiqueta [script] permite incluir un script en el HTML. (Así que todo esto está relacionado con el esqueleto, la base, ¿recuerdas?) Por ejemplo, esto se vería así:

La piel: CSS

Los músculos y el esqueleto son bonitos, pero sin la piel no se ve muy bien. Ahí es donde entra CSS. Este lenguaje trata sobre el diseño del esqueleto y los músculos. CSS usa una propiedad de selector y le da un valor. O en lenguaje humano normal: seleccionas un elemento del HTML y le das un valor. Por ejemplo, si quisiéramos hacer esa etiqueta [h1] del HTML azul, se vería así:

h1

color azul;

Esto puede parecer simple ahora, pero nuevamente, las posibilidades son infinitas. ¿Qué sucede si también desea darle al texto un color de fondo, hacer que el título sea aún más grande o tal vez en negrita? Y luego quieres que el título esté en el medio de la página, con algo de espacio alrededor. Usted lo consigue.

Conclusión

No solo hay una gran cantidad de posibilidades, si ya se ha programado mucho para un sitio web, generalmente verá páginas de código. Si desea agregar un pequeño botón en algún lugar, solo es cuestión de encontrar dónde puede hacerlo y debe hacerlo de tal manera que no confunda inmediatamente el resto del código. Buscar dónde van las cosas mal... ¡eso puede llevar mucho tiempo! Pero es parte del trabajo y nuestro tipo (el Creador de sitios web) está, por supuesto, capacitado en esto. Afortunadamente, podemos dormir mejor (y soñar en lenguajes de programación) ahora que sabemos que tú también conoces un poco nuestro idioma.

PD Esta historia es, por supuesto, bastante simplista y solo hemos tocado la parte frontal de la programación. Luego también está el back-end... En resumen, la diferencia es: ¿cómo se ve vs. ¿como funciona? Y cómo funciona exactamente eso es una larga historia para otro momento.