12 ene 2014

¿Qué son las CSS?, ¿qué es el HTML?, ¿para qué sirve el Javascript?

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:


¿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: 


¿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 prototiposimperativo, 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: 

Escrito por Miguel García Sánchez - Colomer

Dispuesto a ayudarte con tu Blog en todo lo posible, Diarios de la nube es mi medio para llegar hasta ti. El conocimiento es universal, es del mundo, es de todos, esta es mi parte y la comparto contigo.

14comentarios:

  1. Muy bueno colega! excelente articulo sigue así :D... compartido en Google+, Facebook y Twitter ;-)

    ResponderEliminar
    Respuestas
    1. Gracias Jonathan, te agradezco mucho tu apoyo, me motiva a seguir y tirar para adelante. Muchas gracias de nuevo.

      Eliminar
  2. ──▄▄████████▄───▄████████▄▄
    ─█░░░░░░░░░░░█─█░░░░░░░░░░░█
    █░░░░░░░░░░░░░█░░░░░░░░░░░░░█
    █░░░░░░▄▄███▄░░░▄███▄▄░░░░░░█
    █░░░░░████████▄████████░░░░░█
    ─█░░░░█████████████████░░░░█
    ──▀█░░░███████████████░░░█▀
    ────▀█░░░███████████░░░█▀
    ──────▀█░░░███████░░░█▀
    ────────▀█░░░███░░░█▀
    ──────────▀█░░█░░█▀
    ────────────▀█░█▀
    ──────────────█
    sos mi idolo!!!!

    ResponderEliminar
    Respuestas
    1. Sealiah, los comentarios más lindos a este y otro lado del océano. Un enorme abrazo y gracias por participar.

      Eliminar
  3. Gracias Miguel, si yo me he enterado de bastante, es que lo explicas muy bien, porque estoy pez es estas cosas, un beso

    ResponderEliminar
    Respuestas
    1. Para lo que necesites María Eugenia, cualquier aquí me tienes. Un saludo.

      Eliminar
  4. Que bueno tener personas como usted en la red GRACIAS.

    ResponderEliminar
    Respuestas
    1. A tu servicio Martha, para lo que necesites.

      Un saludo y gracias a ti por participar.

      Eliminar
  5. Hola Miguel.¿Se podría hacer un contador de lecturas de una entrada del blog? En blogger.
    Un contador como el que se ve aquí:

    http://themeforest.net/item/zefir-simple-and-clean-wordpress-blog-theme/full_screen_preview/7650213

    Me encanta ese ojo con el contador. Y me gustaría implantarlo en blog.
    Muchas gracias.

    ResponderEliminar
  6. Hola Miguel.
    ¿Podría hacerse un contador de visitas por entradas como lo que se muestra aquí?:


    http://themeforest.net/item/zefir-simple-and-clean-wordpress-blog-theme/full_screen_preview/7650213
    Me encanta ese ojo con el número de visitas


    Saludos .

    Gracias.

    ResponderEliminar
  7. Claro, puedes añadir a tu Blog lo que necesites. El tema es que esos scripts producen un coste en materia de rendimiento que es necesario no "disparar". La plantilla es preciosa, el tema es que está pensada para Blogs de Wordpress, no sé si la tienen disponible para Blogger. Ponerte ese contador es buscar cada parte del código javascript, css y html que utiliza y llevártela a tu Blog... pero no es una tarea limpia. Escribe en los comentarios de la plantilla al autor para ver si te puede proporcionar el código o de si existe plantilla para Blogger.

    Un saludo y gracias a ti. Cualquier duda aquí me tienes.

    ResponderEliminar
  8. Estupendo post como siempre. Ahora me quedo todo un poco más claro jajaja. Gracias.

    ResponderEliminar
    Respuestas
    1. Un placer Ana, encantado de que te haya servido. Cualquier cosa aquí estoy. Gracias a ti.

      Eliminar
  9. Gracias Saray, un placer ayudar. Gracias por participar.

    ResponderEliminar

 

© 2015 Por: Miguel García Sánchez - Colomer en Diarios de la nube Todos los derechos reservados.