comunidades

¿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: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 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: 
La guía para añadir botones para conectar con las redes sociales a tu blog



Fuente: este post proviene de Diarios de la nube, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
Modificado:
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Las imágenes que utilizas en tu Blog, en tu web, no son sólo un reclamo o un añadido decorativo para tus contenido. Pueden servir a los buscadores web para comprender mejor la información que proporci ...

Etiquetas: generaldesde0

Recomendamos

Relacionado

css Ejercicio CSS Cajas CSS ...

Plantilla Web CSS, HTML y PHP. Las lecturas previas para desarrollar esta plantilla son las siguientes: Guía de CSS para Principiantes Ejemplo de Plantilla CSS (Ejemplo1) Ejemplo de Plantilla CSS (Ejemplo2) ¿Cómo Abrir una Página HTML Dentro de un DIV? Después de revisar los ejemplos, Se propone la práctica de CSS, HTML y PHP por medio del desarrollo de una plantilla web que

general curso blogger desde cero

Si estás siguiendo de cerca el curso "Blogger desde cero", sabrás que la promesa de publicación para este sábado era profundizar en un tema referente al mundo del diseño de blogs. Ofrecerte una información útil de aproximación a los códigos inverosímiles que observamos -entre el estupor y el pánico- cuando nos proponemos modificar la plantilla de nuestro blog. Con este fin, tengo el abs ...

amino codigo comunidad ...

Muchos de nosotros que de una u otra manera tenemos relación con la programación, alguna vez nos hemos chocado con estos conceptos, sin tener la idea de que son y a que se dedican individualmente. Esto ocurre muy a menudo y nos hemos preguntado. ¿Cual es la diferencia entre html, css, Javascript?. De una forma simple para resumir estos conceptos. HTML: Es un lenguaje marcado de hipertexto CSS: H ...

Sin categoría

Como ya hemos comentado otras veces, si eres capaz de programar en WordPress y en la web en general, accedes a otra dimensión de posibilidades para tu proyecto online. Imagen de Fotolia - ©Digiclack Esto es así porque saber programar fulmina todas las barreras que te puedas encontrar en el desarrollo de tu proyecto online, ya no dependerás del plugin X para hacer tal cosa o de encontrar el tema Y ...

Después de mucho pedírmelo.... ¡¡¡el curso de html y css está aquí!! Siento haber tardado tanto en lanzarlo, pero preparar un curso de html no es como preparar un curso sobre promocionar un blog. Al fin y al cabo, todo aquello que os enseño en cómo promocionar o en otros de mis cursos, no deja de estar en vuestro idioma. El html es un lenguaje nuevo. Ya no vale copiar y pegar como hacíamos en los ...

Desarrollo Web Servicios Web HTML5

El mundo de la programación siempre ha estado en la búsqueda de nuevas maneras de optimizar y poder generar funciones que beneficien a las empresas. Hoy día, gracias a esta tecnología, es posible conseguir un mayor uso del tiempo de desarrollo y poder generar más dinero. La finalidad de esta tecnología Los expertos en Web Components reconocen la importancia de usar este tipo de tecnología, dado qu ...

blog top seo noti google

Hace unas pocas horas el canal oficial de Google en Youtube publicó un video. En este explican la importancia de utilizar prudentemente JavaScript. La idea es no afectar el rendimiento de una web a la hora de cargar el contenido para los usuarios. ¡Vamos a ver de qué se trata! ¿De qué se trata este mito? Construir sitios en JavaScript es una de las formas preferidas de los desarrolladores porque e ...

Programacion css programacion ...

¿Creamos una página web con HTML y CSS y que sea chula?, que mole, que entres y digas… Dios es la página de las páginas. Cómo programar una web en html5 y css Pues ya vimos cómo podemos crear nuestra web con HTML5 y CSS, pero si es cierto que aunque bonita le falta ese punto de dinamismo, ese movimiento en la página que le haga estar viva. Crear un dinamismo con CSS Pues sí querido lector (c ...

general cursos

Gracias a la inmensa popularidad de los MOOC (Massive Online Open Course) en los últimos años, se han abierto todo tipo de puertas para quienes desean aprender por su cuenta. Este tipo de cursos en linea, abiertos y masivos, abundan y están esperando por los alumnos las 24 horas del día los 365 días del año. Solo tienes que decidirte, registrarte, elegir un curso y empezar a aprender. Una de las r ...

general paletas de colores tutoriales

¡Hola hola, jueves! Cuando hace un par de semanas hice una recopilación de paletas de colores muy chulas me preguntaron cómo se utilizaban los colores de estas paletas. Yo, que manejo para todo el Photoshop, lo tengo muy fácil para conseguir el código de color, pero como se que no todas contáis con esta herramienta hoy os voy a enseñar una forma sencilla para obtener estos códigos con Paint. Parti ...