Estos son los tres lenguajes principales que se usan para las interfaces de las paginas web. Cada uno es diferente y tiene la función, pero entre los tres se complementan. Serían como la siguiente imagen.

Su nombre proviene del inglés Hyper Text Markup Language, que significa «lenguaje de marcado de hipertexto».

Se utiliza para crear toda la estructura de la página web, ya sea los párrafos, títulos, encabezados, etc. Por ejemplo este mismo blog tiene en su estructura un potente código de HTML para que se vea así.

Cascading Style Sheet, es la encargada de la parte estética. Por tanto se combina con el HTML (parte estructural) y le da color, tamaño de fuente, ancho, y otros valores más visuales. Si traducimos el nombre de esta tecnología, tendremos “hoja de estilo en cascada”. ¿Qué significa eso?

Esto se refiere a que se pueden escribir varios estilos que contengan lo ya mencionado, por eso el significado ese de “cascada” ya que puede haber varios.

Es el único lenguaje de programación de los mencionados anteriormente. Su función es agregar dinamismo y movimiento a la página web. Por ejemplo cuando aparece un cuadro de alerta o un mecanismo de autocompletar, es gracias a javascript. Por tanto también se puede  integrar dentro del código de HTML.

Si accedéis a cualquier pagina web e inspeccionáis elemento (botón derecho – inspeccionar elemento) observaréis todos los códigos que forman dicha web con los parámetros que hemos estado estudiando.

Os preguntaréis, y ¿Cuál es el reto de esta semana? Pues bien, consistirá en recrear una página sencilla con HTML y CSS, y mandar una captura de como se ve. A continuación te dejo una guía, la cual tendrás que cambiar colores e información.

1 Abrir bloc de notas
2 Escribir los parámetros de la fuente que queremos, el color, tamaño, tipo de letra (CSS)
3 Escribir la estructura indicando las fuentes que hemos dicho antes (HTML)
4 Guardar el archivo en .html
5 Finalmente ejecuta (doble clic) el archivo que has creado y se te abrirá la pagina web.

Cuando lo tengas mándalo por md de Twitter a @HabboTemplarios, tenéis 1 semana para hacerlo y conseguir la fantástica estampilla que repartiremos con este blog. En caso de estar mal tendréis una segunda oportunidad para mandarlo.

Los que lo logren recibiran esta estampilla exclusiva del blog.

¿Quieres gastar una broma a algun familiar?

 

Abre un blog de notas como antes.

Escribe lo siguiente: start cmd

Guarda el archivo con la extensión .cmd

Al programa generado, crea un acceso directo al escritorio y cambia el icono por el de una aplicación que use mucho tu familiar (por ejemplo Google Chrome).

Mueve la aplicación buena fuera del escritorio y esperate que entre al ordenador y clique queriendo abrir el Google Chrome, se pensará que ha entrado un virus.