Todo lo que necesitas saber sobre HTML y nunca te atreviste a preguntarTodo lo que necesitas saber sobre HTML y nunca te atreviste a preguntar
La administradora de una empresa de servicios me preguntaba estos días: "¿Para qué dedicar tiempo en aprender cosas como HTML o CMS que pronto quedarán obsoletas, a la velocidad de vértigo con la que avanzan las nuevas tecnologías?" Respondí con una pregunta, que hizo sonreir (levemente :-) a mi interlocutora: "¿Vale la pena aprender inglés, hoy, a la velocidad que avanza todo?".
Los idiomas tienen eso de bueno: aunque evolucionan, las versiones anteriores son comprensibles para sus parlantes. Si no fuera así, ¡vaya lío!
Y HTML es un idioma. Para máquinas. Para todas las webs del mundo.
La versión 1 de HTML empezó en 1991; ahora estamos en la versión 5. ¿Ha habido una evolución en estos 24 años? Clarísima. Pero no un borrón y cuenta nueva. Eso no. Un documento de aquel tiempo tendría hoy un aspecto muy simple pero aun sería legible para un navegador actual.
Los CMS son las herramientas de código libre que te permiten tener tu propia web. Empezaron en el 2005. ¿Han evolucionado? Sí, claro. Básicamente ahora es más fácil trabajar con ellos, pero siguen, en esencia, cumpliendo la misma función: ayudarnos a desarrollar y mantener sitios web sin necesidad de ser programadores.
Presentamos aquí el segundo módulo del Nivel Básico.
Haz tu web con un CMS
¿Por qué necesitas saber usar un CMS?
Un CMS es un extraordinario Restaurante
¿Cómo funciona el Restaurante CMS?
¿Por qué necesitas saber usar un CMS?Te permite a ti, seas quien seas, publicar y editar el contenido de tu web o blog. No necesitas conocimientos previos de programación; si sabes usar un poco el Word y enviar un email, puedes hacerlo tú. El espacio ha sido, previamente, instalado y personalizado por un profesional. Tú haces el posterior mantenimiento.
El que hace la instalación del CMS. El que instala el CMS, y, según sea tu nivel de calidad y exigencia, él te hará la personalización de tu espacio web.
Reservado a programadores. Las comunidades de algunos CMS, como por ejemplo Joomla, están abiertas a la aportación de programadores para actualizarse constantemente a las exigencias de la evolución tecnológica y a las demandas de la red.
Pero si eres espabilado y te gusta esto de estar liado con un ordenador conectado a internet, un CMS te permite realizar tú mismo tu página web, sin coste económico, poniendo empeño y un montón de horas.
Lo dicho. Un CMS te permite:
Todo depende de dos cosas:
¿Para qué sirve un CMS?A diferencia de las plataformas con código propietario (aquel sitio web que encargas a un profesional que te la hace, a medida, desde cero) los CMS han permitido democratizar el desarrollo de sitios web.
Nos han facilitado mucho las cosas.
Ya hemos explicado en varios lugares que CMS son las iniciales de:
que significa Sistema de Gestión de Contenidos.
Pero esta definición no parece nada clara...
Un CMS es un programa gratuito que sirve para crear sitios web.
Se puede descargar sin coste desde la web de la empresa o institución desarrolladora.
Una vez creado, permite un mantenimiento fácil e intuitivo.
Está desarrollado con código libre (open source).
A menudo usamos la expresión página web para nombrar lo que en realidad es un sitio web. Una página es eso, sólo una página. Un conjunto de páginas integradas forman un espacio web, un pequeño ecosistema en el mundo virtual...
Con un CMS vamos creando páginas web (artículos, capítulos, notícias, productos...) que están integradas dentro de una estructura mayor, el sitio web.
Cada sitio web tiene su nombre de dominio.
De la misma forma que:
Este nombre hay que comprarlo a una entidad registradora.
El precio varía según la extensión. El .COM a día de hoy, cuesta unos 12 $/año.
Cada sitio web requiere, asimismo de un hosting.
Hosting significa alojamiento, hospedaje. Un hosting es un espacio en la nube, como si fuera un hotel virtual, contratado por ti a través de una empresa de hosting (valga la redundancia :-) o de alojamiento web.
El hosting incluye:
Sin embargo, teniendo tu CMS bien instalado, de poca cosa tendrás que preocupate. Tu tarea será la introducción de los contenidos de tu web, mandar y recibir los emails, cuidar a tus clientes y contar el dinero :-)
El precio de un hosting que incluya estos servicios oscilará entre 5€/mes y 10€/mes. Dependiendo de los recursos adicionales que necesites, puede llegar a unos 15€/mes o hasta más.
En Cros i Massó ofrecemos el hosting para nuestros clientes, incluido en nuestro servicio de diseño web. El hosting lo ofrecemos con la garantía de arsys.es, uno de los hosting más fiables de Europa.
Los principales CMSDe CMS hay muchos, pero los más usados son pocos.
Cito aquí los principales:
Con un complemento gratuito, WordPress y Joomla son también excelentes tiendas online. Al estar el e-commerce integrado en la web, estos dos CMS son la opción más recomendable.
Todo esto a día de hoy. Y esta frase habría que repertirla más veces, puesto que los CMS están en constante evolución.
Por ejemplo, un dato: se empieza a comentar que la excelente extensión de tienda online para Joomla, Virtuemart, se está preparando para ser integrada, además de en Joomla, en otros CMS, como por ejemplo, WordPress. Depende del tiempo que pase hasta que puedas leer este Módulo 2 del Curso de HTML5 este rumor puede ser ya una realidad.
Los niveles de uso de los CMS han ido variando a lo largo del tiempo, durante los 12 años de vida aproximada que tienen (WP: enero de 2004; Joomla: septiembre 2005).
Con Google Trends podemos saber la popularidad de los CMS en el mundo. Ésta es la proporción comparativa de búsquedas de los nombres de los cuatro CMS como término de búsquedas realizadas en google.com desde 2004 hasta el día de hoy.
Recarga ahora la página para ver como se posicionan los cuatro rectángulos.
Una curiosidad. Esta animación está hecha sólo con HTML5 y Javascript (más adelante, en este mismo curso Todo lo que necesitas saber sobre HTML y no te atreviste a preguntar, veremos la manera de hacerlo, bastante simple.)
Puedes consultar la gráfica completa online en: Los 4 principales CMS en el mundo. Es un diagrama dinámico. Es decir: tú mismo puedes variar los términos de búsqueda y también los países y regiones del mundo que te interese conocer.
El diagrama está echo con HTML + Javascript, a partir de las búsquedas realizadas en Google
Puedes ver la misma comparativa, pero a nivel de España: 4 principales CMS en España.
Agradezco personalmente a gnumax (Luís Méndez Alejo) por su aporte en Google+ con una gráfica dinánima sobre el uso de los CMS en el mundo. Puedes ver su artículo en: 11 motivos para usar Joomla en tus proyectos web.
Google Trends es la herramienta de tendencias de búsqueda de Google. Las gráficas de Google Trends representan la frecuencia con que se realiza la búsqueda de un término particular en varias regiones del mundo y en varios idiomas. El eje horizontal de la gráfica representa el tiempo (desde 2004), y el eje vertical representa la frecuencia con la que se ha buscado el término globalmente.
También permite al usuario comparar el volumen de búsquedas entre dos o más términos.
Un CMS es como un extraordinario RestaurantePermíteme una licencia. A partir de ahora CMS significará, para nosotros:
Es más fácil de recordar.
La estructura, herramientas y objetivos de un CMS son muy parecidos a los de un buen restaurante.
Un restaurante está compuesto por:
La organización de nuestro Restaurante Comida Muy Sana requiere de:
El jefe eres tú!
El administrador tiene varios nombres, dependiendo del CMS en concreto que hayas elegido para tu web:
La cocina del Restaurante CMS está en un lugar muy remoto llamado servidor.
Es ese lugar etéreo que has oído hablar tantas veces y que te causa (dime la verdad) una cierta angustia.
Pero, no. No pasa nada.
El servidor, hoy pasa del marrón al amarillo. Ahora es, simplemente, la cocina del Restaurante CMS :-)
En la cocina está:
¿El chef se llama Ferran Adrià?
No, pero casi :-)
El chef se llama:
Abreviado se escribe PHP.
PHP es quien crea las recetas (las reglas del sistema) y, junto a sus cocineros, cocina toda la comida que se sirve en el Restaurante.
En la realidad, sin embargo, PHP es un lenguaje de programación, gratuito, que trabaja en el lado del servidor. A él se debe todo el funcionamiento coordinado del Restaurante CMS. Su misión es la de un auténtico chef informático.
El artista que diseña la presentación de los platos se llama:
Abreviado se escribe CSS.
Éste es el artista, brillante. ¡Hace cada cosa! La presentación de cada plato, está a su cargo.
CSS, en la realidad, es un personaje más sobrio y menos divertido que el diseñador de la apariencia de los platos del Restaurante, aunque cumple su misma función: diseñar toda la presentación del espacio web.
CSS es el acrónimo de la expresión en inglés Cascading Styles Sheets, que significa: Hojas de estilo en cascada (esto de la cascada es un poco complicado de explicar, pero ya lo veremos más adelante.
CSS es un lenguaje, también gratuito, responsable por el diseño de una página web y por la aparencia gráfica de todo un sitio. Sin él, nada de lo que vemos en internet, tan equilibrado y bonito, sería igual.
La despensa es la:
donde se encuentran almacenados todos los ingredientes de la web.
En la despensa está todo bien ordenado. Hay los textos, las imágenes, los links, etc.
Hay diversos tipos de Bases de Datos.
Los CMS funcionan con MySQL, un sistema gratuito de bases de datos relacional, que es también software libre. En los últimos años empezaron a funcionar, también, con otros sistemas.
El comedor es móvil. Está allí donde esté el usuario.
En su casa. En la oficina.
En el Metro.
Allí donde esté el usuario, allí estará el comedor. Para que pueda saborear el contenido HTML de tu web.
Pero, una pregunta: ¿en el lavabo, se puede usar el móvil?
Fuera bromas, el comedor del Restaurante CMS está allí donde esté usuario conectado a internet, sea a través de un ordenador de sobremesa, un portátil, una tablet o un smartphone.
Es lo que, en lenguaje más técnico se le llama el lado del cliente (probablemente te suene esta expresión: cliente/servidor).
Como ya hemos visto, el comedor está compuesto por:
Los camareros son los navegadores:
Crome, Firefox, Safari, Explorer...
Estos son los responsables de hacer llegar los platos a los clientes hambrientos. Tienen que ser rápidos y muy eficientes, de lo contrario hay reclamación.
Los platos servidos son las páginas HTML
Es importante recordar que la comida de nuestro restaurante, es decir, todo lo que los usuarios comen, es el tan esperado y admirado lenguaje HTML, motivo principal de este Curso de HTML5.
Las mesas del CMS son las pantallas de los ordenadores. Hay mesas grandes de sobremesa (un ordenador), hay mesas portátiles (un notebook), mesas tipo tablet, mesas miniaturas móviles...
Los clientes del Restaurant son los que se lo comen todo y, además de pagar, dan propina y recomiendan el local a otras personas.
En tu caso, los clientes son los usuarios de tu web, los que necesitan lo que tú haces. Ellos son tu audiencia.
Sin tu audiencia, los visitantes de tu web, los que te siguen, no vives. Tienes que tratarlos bien y fidelizarles: Hacer comidas no solo con ingredientes de primera calidad y de sabor exquisito, sino también bien presentada.
Si lo haces bien, además de pagarte hoy, hablan bien de ti a tus futuros clientes :-)
Está claro que toda metáfora:
¿Cómo funciona el Restaurante CMSMuy fácil.
Un CMS, una vez instalado, se comporta como un restaurante, tipo pack, todo incluido.
Tú, como propietario, a través del administrador, introducirás todos los ingredientes (es decir: el contenido de tu web).
No hay que saber nada de cocina, ni de programación.
Todo funciona solo, a la perfección.
Tú vigilas la calidad de la chicha que pondrás, las verduras tienen que ser frescas, la fruta de la temporada...
No se vale copiar.
El mensaje tiene que ser claro.
Tú no necesitas pensar recetas, ni saber cocinar, ni decorar platos, ni servir las mesas. Él te lo hace todo.
No tienes ni que entrar en la cocina. Todo funciona a la perfección. Recuerda que tú eres el propietario.
Lo importante es que, al final, los camareros servirán comida exquisita, muy bien presentada, a tus clientes.
Y los clientes (tus clientes) pagarán la comida que hayan comido.
Te pagarán a ti, que eres el propietario.
En módulos posteriores veremos esto con más detalle.
El editor de texto: introducir contenidos.Tu trabajo será introducir los contenidos. ¿Cómo?
Nos pararemos a entender el funcionamiento del
porque es básico para el mantenimiento de una web.
Si has trabajado alguna vez con algún CMS, ya sabes que los artículos y módulos (en Joomla) o las entradas y páginas (en WordPress) se escriben (o se pegan desde Word) en un:
Editor de texto
En el símil del Restaurante CMS, hemos visto que: la Base de Datos es como una despensa en la que guardamos todos los ingredientes.
El editor sería algo así como
Es como un filtro que organiza todos tus contenidos:
los textos, las imágenes, los links...
Si no introducimos los ingredientes de manera correcta:
Esto, sin exagerar, es lo que ocurre en muchos sitios webs.
¿Por qué?
Pues porque están siendo mantenidas por quien no tiene los conocimientos y la práctica suficiente para usar el HTML adecuado al nivel de su proyecto online.
Como ya te anticipé, los editores de texto que vienen por defecto en WordPress y en Joomla son más bien malos. Son tipo Bloc de notas. Si queremos procesar texto como si fuera un Word, te ayudan, pero poco.
Word aún sería peor porque añade códigos raros que te harán estirarte de los cabellos, muy a menudo. Sin exagerar. Un día te hago una demostración y ¡te quedarás horrorizado!
¿Cómo podemos resolver este grave problema?
Ya hablamos de él en el Módulo 1 de este curso.
Veamos como.
Resumen y ejercicios prácticos¿Te acuerdas?
Eso. Tú tienes la función de administrar el Restaurante.
Tú eres el que sabe lo que hay qué hablar y el cómo hay que hacerlo.
Recuerda: la web es tuya. Los clientes, son los que, si lo has hecho bien, te pagarán :-)
Si no lo has hecho ya, te invito a mirar los videos de apoyo al Módulo 2 de este curso Todo lo que necesitas saber sobre HTML y no te atreviste a preguntar:
IMPORTANTE: La página actual para descargar el programa ha cambiado. Ya no es la que aparece en el video. Es esta: Descarga Sublime Text 2
Puedes hacer un comentario de este módulo. Como estamos preparando el material siguiente, nos ayudará mucho tu sincera opinión.
¡Seguimos!
El curso tiene 21 módulos, estructurados en 3 niveles:
- Nivel básico: Los primeros 7 módulos.
- Nivel medio: Los 7 módulos siguientes.
- Nivel avanzado: Los últimos 7 módulos.
También puedes comentar en:
Este artículo lo ha escrito Josep Massó i Carreras (de pequeño, en casa y en la escuela me llamaban Pep). Me dedico al diseño y desarrollo web. Trabajo para mejorar la presencia en internet de empresas, federaciones, fundaciones, profesionales, autónomos...
Hay tres ámbitos que me apasionan:
“Cuida tu presencia en Internet.”
Sé ético y generoso
(lo que plantamos hoy es lo que, tarde o temprano, acabaremos recogiendo).
© 2019 Cros i Massó