fbpx

El HTML es un lenguaje de programación que se utiliza para contenido digital.

En la antig√ľedad se usaba esta tecnolog√≠a para crear p√°ginas web, correos electr√≥nicos, aplicaciones, etc. Por suerte, hoy en d√≠a, no hace falta ser programador para crear contenido OnLine. Digo “crear contenido”, porque s√≠ puedes hacer una p√°gina web, pero no es lo mismo crear un blog como el que hice yo con WordPress que crear un e-commerce tipo Amazon. Obviamente, la diferencia es brutal!!!

Mockup ordenador código HTML

Yo tuve que aprender desde cero, a base de tutoriales y libros, a crear p√°ginas web. Antes utilizaba WebSite X5. Si no recuerdo mal me hab√≠a costado el software unos 70 ‚ā¨ pero ten√≠a que tener todo dentro del ordenador. No pod√≠a hacer modificaciones a no ser que sea en el mismo programa. Luego pas√© a CMS como Prestashop, Joomla, WordPress, etc.

El cambio ha sido genial, porque ya pod√≠a trabajar desde cualquier ordenador, adem√°s los clientes pod√≠an conectarse, realizar cambios y subir contenido. Pero… (hay un pero)

Hay momentos en los que se necesita retocar c√≥digo. Las plantillas de estas plataformas, aunque sean muy bonitas, a veces requieren de alg√ļna personalizaci√≥n. Es verdad que nos ahorran d√≠as de dise√Īo y de trabajo, pero, cada empresa tiene que optimizar su entorno, acorde a sus necesidades.

Mi truco para agilizar el trabajo

Como dije antes, yo no soy programador, ni tampoco aspiro a serlo. En el colegio estudi√© algo de Visual Basic y C++ pero creo que no se me daba muy bien. De echo tardaba m√°s en crear la parte visual que en el c√≥digo. Al final no funcionaba una mierda… A parte de esto, necesito algo de c√≥digo de programaci√≥n para las p√°ginas web.

En mi ordenador, tengo un archivo de notas guardado, con todos los códigos que voy necesitando. Por ejemplo, si tengo que hacer una tabla, con código HTML, abro el documento, copio/pego el texto y luego voy adaptando a mis necesidades. Fácil, no?

Cómo crear una tabla en HTML

Para crear una tabla, de 1 celda, simplemente puedes copiar esto y pegarlo…

<table bgcolor="#eeeeee">
<tbody>
<tr>
<td></td>
</tr>
</tbody>
</table>
<table>Es para informar al “lector del c√≥digo” de que ah√≠ comienza la tabla.
<tbody></tbody>Dentro de esta sintaxis, insertaremos todo nuestro contenido.
<tr></tr>Inicio y final de una línea.
<td></td>Inicio y final de una columna.
<bgcolor=”#123456″>Este c√≥digo sirve para definir el color de nuestra celda. Si la queremos transparente, no lo pondremos.

Tabla de 2 filas y 2 columnas

Si quieres a√Īadir m√°s columnas o m√°s filas, simplemente puedes copiar y pegar los c√≥digos <tr></tr> y <td></td>, como te muestro aqu√≠ abajo.

<table bgcolor="#eeeeee">
<tbody>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</tbody>
</table>

Es verdad que hay muchas m√°s opciones de dise√Īo como color de l√≠nea, trazo, desgradado, etc. Hay cosas muy chulas que se pueden hacer pero hay que recordar que mi trabajo consiste en la efectividad, y si con una simple tabla consigo mi objetivo, ya est√°!

Adem√°s… M√°s contenido, quiere decir m√°s c√≥digo, y esto significa m√°s peso y m√°s tiempo de carga. A veces lo m√°s simple es lo que mejor funciona. Hay que tenerlo en cuenta!

El d√≠a que necesite m√°s c√≥digo lo buscar√© por internet, lo estudiar√© y lo a√Īadir√© a mi archivo, para poder encontrarlo r√°pidamente en un futuro. Al momento, esto es lo que necesito y lo que tengo guardado.

Si necesitas una ayuda, no dudes en escribirme, estamos aquí para aprender.

Suerte y mucho éxito con tus páginas web!

Y t√ļ que piensas de todo esto?

Escríbeme por WhatsApp!