Leer y escribir código web puede ser increíblemente intimidante si no eres desarrollador o programador. Pero si diriges un sitio de membresía o un negocio en línea, un conocimiento básico de algunos conceptos y el lenguaje puede ser inmensamente útil. Tanto si estás construyendo tu propio sitio web como si trabajas con un desarrollador experimentado, estos trucos de codificación te ayudarán a que todo vaya más fluido.
Me gustaría añadir una breve aclaración: NO soy desarrollador. Sin embargo, como estratega digital me llaman con frecuencia para hacer ajustes de sitios web, personalizar boletines de noticias, de enlace para los clientes con los desarrolladores, solucionar problemas urgentes en el código backend, y mucho más. A lo largo de los años he utilizado mis conocimientos muy, MUY básicos de codificación para personalizar WordPress/Squarespace/MailChimp/AWeber crear widgets personalizados, resaltar palabras clave e información importante en páginas web y entradas de blog, y mucho más. Los siguientes trucos han sido mi salvación, ¡y espero que también te ayuden a ti!
1. Aprender la jerga
Entender algo de vocabulario básico de codificación es muy útil cuando se trata de comunicar necesidades o problemas a un desarrollador. Un buen punto de partida es conocer los distintos lenguajes de programación (HTML, CSS, Javascript, etc.), los lugares donde encontrar y colocar el código (código fuente, hojas de estilo, etc.) y la terminología de los distintos componentes del código (corchetes, etiquetas, propiedades, variables, etc.).
Dominar el lenguaje no sólo es una excelente forma de comunicarse con un desarrollador, sino que también facilita enormemente la búsqueda de ayuda en los foros. Si no puedes expresar el problema que tienes, probablemente no obtendrás la solución que necesitas.
2. Dominar los conceptos básicos de HTML
HTML es uno de los primeros lenguajes de código y (en mi opinión) uno de los más fáciles de aprender. Existen innumerables tutoriales en la web y un sinfín de aplicaciones para los conocimientos adquiridos. He utilizado mis conocimientos básicos de HTML para personalizar entradas de blogs, boletines, páginas web y mucho más. Ya sea para alinear una imagen, resaltar un texto importante, dar formato a un título o crear un enlace a otro sitio, saber cómo escribir y modificar pequeños fragmentos de código HTML ha sido fundamental.
Si te sientes intimidado por toda esta información, recuerda que debes seguir tu propio ritmo y prestar mucha atención a los patrones y la estructura. Una vez que entiendas la lógica que hay detrás del lenguaje que estás utilizando (y te prometo que hay un método detrás de cada locura), las cosas deberían encajar más fácilmente.
3. Examinar el código fuente
¿Lo sabías? Si haces clic con el botón derecho del ratón en un espacio en blanco de cualquier sitio web y seleccionas "Ver código fuente de la página", podrás ver el código de cualquier sitio web. Esto me resulta especialmente útil si veo algo en el sitio de otra persona y quiero saber cómo lo ha hecho. A veces la solución es tan fácil como copiar, pegar y modificar.
Examinar el código fuente también es una forma estupenda de ver aplicaciones reales de los conceptos básicos que has empezado a aprender. Si eres más de aprender visualmente, puedes examinar el código fuente de una página justo al lado para ver las funciones de líneas específicas de código. Es como una guía paso a paso de cómo construir exactamente esa página web.
4. Buscar en foros
Si tienes problemas para escribir una línea de código desde cero o si intentas resolver un problema con el que no has tenido experiencia anteriormente, una simple búsqueda en Google suele ser suficiente. Tanto si estás personalizando un tema de WordPress/Squarespace como creando un sitio web desde cero, relájate con la tranquilidad de saber que probablemente alguien ha pasado por lo mismo antes. Si buscas respuestas muy concretas en la web, inevitablemente encontrarás multitud de foros de ayuda. Lo más probable es que el mismo problema con el que te estás encontrando ahora mismo ya haya sido abordado por muchos otros.
Si estás trabajando con un tema o una plantilla específicos en un proyecto más largo, te recomiendo encarecidamente que marques los foros que te resulten útiles para poder volver a ellos fácilmente en caso de que surjan problemas en el futuro.
5. Práctica, práctica, práctica
Según mi experiencia, la mejor manera de entender el código es experimentar con él. Crea una página oculta e inédita en tu sitio web, pega en ella un fragmento de código de un foro o del código fuente de otro sitio y practica su manipulación. Casi todo lo que sé sobre leer y escribir código ha surgido de cometer errores en un espacio seguro. Realmente es una de esas cosas que tienen más sentido cuanto más lo haces.
Lo bueno de practicar en una página oculta, no publicada, es que tienes la libertad de jugar sin miedo a que se caiga o arruine todo tu sitio web. Cuando encuentres el fragmento de código que funciona, simplemente cópialo y pégalo en el código fuente o en la hoja de estilos de la página en la que realmente lo necesitas.
Para terminar...
Espero que estos consejos te resulten útiles y te sientas preparado para construir algo maravilloso hoy mismo. Si tienes alguna pregunta, escríbela en los comentarios y haré todo lo posible por responderla. Y si eres un desarrollador con algunos consejos adicionales para nosotros, ¡nos encantaría saber de ti!
Nicole,
¡¡¡Que soplo de Aire Fresco, que Oasis en un Desierto!!! La codificación es algo que quiero aprender y siento que debo conocerla casi hasta un nivel moderado. Sé que es necesario a la hora de hacer casi cualquier cosa en mi web y me resulta muy difícil depender de otras personas tan a menudo. ¡¡¡Estoy intentando estudiar un tutorial sobre HTML pero no soy tan disciplinado como debería!!!
Tengo una pregunta que me permitirá practicar un poco en una página "privada" de mi sitio... Si veo un pequeño anuncio de una sola columna que me gusta en el sitio web de alguien, y me gustaría diseñar algo similar... usted sugiere hacer clic con el botón derecho en el anuncio y hacer clic en "fuente". Si hago clic en el anuncio, ¿puedo suponer que todo el código de la "fuente" pertenece a todo el diseño de ese anuncio? ¿Cómo puedo determinar el inicio y el final del código que busco si hago clic en una página entera?
¡¡¡¡No era mi intención alargarme en mi comentario sobre tu post...simplemente estoy ávida de conocimientos y me ha encantado tu post!!!! ¡¡¡Voy a estar revisando su sitio web y espero convertirme en un seguidor regular !!!
Gracias,
Les
Hola Les,
Muchas gracias por tu comentario. Estoy completamente de acuerdo en que aprender HTML es algo que requiere bastante dedicación, pero la satisfacción de poder entrar ahí y hacer los cambios que necesites sin tener que contratar a un desarrollador merece mucho la pena.
Para responder a tu pregunta: si haces clic con el botón derecho del ratón en el añadido y seleccionas la opción "inspeccionar elemento", debería abrirse el código fuente y resaltar la sección exacta del código que ha creado ese anuncio. Por supuesto, usted tendrá que cambiar el nombre del archivo y el hipervínculo en el código para satisfacer sus necesidades específicas, pero que le dará el esqueleto para construir y evitar tener que buscar a través de todo el código de la página.
Espero que te sirva de ayuda y ¡mucha suerte!
Cordialmente,
Nicole