Conceptos previos para los no iniciados en informática o programación.
Muchas veces has escuchado cierta terminología de programación web que cuando llega a tus oídos inmediatamente despierta una curiosidad por "qué es" o "cómo funcionará" eso que han dicho y tantas veces he oído.
A continuación repasamos sin entrar en profundos detalles técnicos y buscando facilitar la compresión a los usuarios más noveles cada uno de estos conceptos de una manera simplificada, sencilla y cercana para que la próxima vez que los escuches te resulten familiares y sepas de qué te están hablando.
¿Qué son las CSS, el HTML y el Javascript?, ¿cómo funcionan en mi Blog o página web?:
¿Qué es la Plantilla de Blogger, el XML y el HTML?:
Es una representación esquemática realizada en XML que sintetiza código HTML en etiquetas propias que al ser interpretadas por el servidor de Blogger conforman la presentación del blog. Al ser reutilizadas por todos los usuarios no podemos alterarlas sólo para nuestros intereses. Es por ello que cuando queremos "ir más allá" de lo que ofrecen a nivel básico, debemos reescribir algunos de los elementos que las componen. Entre esos elementos citados se encuentran las hojas de estilo, pilar básico del aspecto y formato de nuestras páginas en Blogger o en cualquier "publicación web". Es decir, simplificando sin entrar en tecnicismos: la plantilla contiene el contenido del blog "resumido" en un lenguaje de etiquetas extendido (el XML) que luego, cuando se ejecuta en el ordenador de los usuarios, se interpreta en el lenguaje que sus navegadores entienden (el HTML). Si quieres profundizar en este punto no dejes de leer:Curso Blogger Para No Iniciados En Informática O Programación
Aprende a personalizar tu plantilla Bogger
Personaliza tu plantilla Blogger para móviles.
¿Qué son las CSS?
Con Blogger (y con cualquier publicación web) las plantillas basan su presentación fundamentalmente en hojas de estilo. Esta clase de archivos tienen la extensión .css: Hojas_de_estilo_en_cascada. Contienen la información semánticamente construida de los elementos que en la página HTML constituirán el aspecto y el formato de los componentes que integran dicha página. Es decir, son archivos externos que le dicen a cada componente que utilizamos en nuestro Blog (cajas de texto, títulos, comentarios, etc...) qué formato deben tener para darle un "estilo", una presentación a nuestras páginas web. Establecen, por citar ejemplos simples que puedan comprenderse al instante, el espaciado entre caracteres, el margen entre un marco y el texto, el color que se va a utilizar en las letras... Si quieres profundizar en la materia dispones de estas guías paso a paso:
Aprende a utilizar las hojas de estilo en Blogger
Guía para trabajar con hojas de estilo
¿Qué es el JavaScript?
La Wikipedia lo define como: "JavaScript es un lenguaje de programación interpretado, dialecto del estándar ECMAScript. Se define como orientado a objetos,3 basado en prototipos, imperativo, débilmente tipado y dinámico. Se utiliza principalmente en su forma del lado del cliente (client-side), implementado como parte de un navegador web permitiendo mejoras en la interfaz de usuario y páginas web dinámicas4 aunque existe una forma de JavaScript del lado del servidor (Server-side JavaScript o SSJS). Su uso en aplicaciones externas a la web, por ejemplo en documentos PDF, aplicaciones de escritorio (mayoritariamente widgets) es también significativo." Simplificando técnicamente una vez más: es un lenguaje de programación que enriquece con funcionalidad a los componentes que componen nuestro Blog. Esta funcionalidad es muy variada, por ejemplos sencillos: con JavaScript se puede calcular el número de visitas, se pueden validar campos de un formulario para saber si tienen la longitud adecuada, podemos hacer que un botón una vez pulsado ejecute una determinada tarea... permite a nuestros componentes de la página seguir un guión, "programar" "qué van a hacer" cuando se les utilice. En los Blogs solemos utilizar el Javascript fundamentalmente con los complementos para conectar con las redes sociales: botones de "me gusta", "+1", "Tweet", etc... Si quieres algunos ejemplos utilizando Javascript con botones de redes sociales dispones de estas guías paso a paso:
La guía para añadir botones para conectar con las redes sociales a tu blog