Tutorial de CSS – Lección 2 – Comenzando a usar CSS. Propiedades CSS background, color
Hola a todos. En la lección anterior creé dos archivos, index.html y style.css. Este es su código:
index.html:
<html> <head> <title>Tutorial de CSS</title> <link type="text/css" rel="stylesheet" media="all" href="style.css" /> </head> <body> <p>Aprende CSS con drupalbook.org</p> <p>Segunda línea: aprende CSS con drupalbook.org</p> </body> </html>
style.css:
Tutorial de CSS – Lección 3 – Propiedades background-color, font-style, font-weight, text-align, text-decoration, text-transform
Con el tiempo de existencia de HTML se han inventado muchas etiquetas y ahora, con la adopción generalizada de CSS, algunas hay que abandonar, como <font>, <b>, <i>, <center>. Más adelante veremos otras etiquetas "obsoletas". Estas propiedades también te ayudarán a evitar código innecesario en el HTML y trasladarlo a los archivos CSS.
Tutorial de CSS – Lección 4 – Propiedad display. Diferencia entre div y span
En lecciones anteriores vinculamos el CSS mediante un archivo y escribimos algo de código CSS para ver cómo funciona. En esta lección profundizaremos en una propiedad importante: display. La propiedad display determina cómo se muestra una etiqueta en el documento HTML: si se comporta como texto en línea o como un bloque con su propio ancho y alto. Comencemos por lo más sencillo: la forma predeterminada de visualización de las etiquetas varía: <div> se muestra como bloque y <span> como texto en línea.
Tutorial de CSS – Lección final – De HTML/CSS a Drupal
Con esto concluimos el tutorial de CSS, pero el aprendizaje de CSS no termina aquí. Propongo pasar a la práctica y seguir explorando CSS a través de la creación de un tema para Drupal. Buscaré en Internet un diseño en PSD y lo maquetaremos como un tema de Drupal basado en la plantilla Zen.
También puedes pasar al estudio de PHP:
Lecciones de JavaScript (manual, tutorial autodidacta)
JavaScript es uno de los lenguajes más populares del mundo, aunque con el tiempo pierde algo de terreno, sigue siendo muy estudiado por muchos programadores.
JavaScript te será necesario para el estudio posterior de jQuery, así que antes de adentrarte en jQuery —que a su vez es un framework de JavaScript— conviene dominar primero los fundamentos de JavaScript.
El código JavaScript se inserta directamente en el HTML de la página usando las etiquetas <script></script>:
Lección 1 de JavaScript: variables y operaciones con ellas
No voy a dar muchas vueltas describiendo todos los tipos de variables y operaciones: no es necesario; nuestro objetivo principal es asimilar la sintaxis básica de JavaScript para luego avanzar al estudio de jQuery, y así poder mejorar sus conocimientos y habilidades en JavaScript. Si realmente desea profundizar en JavaScript y no le atrae el uso del magnífico framework jQuery, entonces conviene buscar un manual de JavaScript más extenso. Pero si desea crear sitios en Drupal y luego aprender jQuery, vamos por buen camino. Así pues, comencemos.
Lección 2 de JavaScript: la instrucción if
En esta lección analizaremos cómo usar la estructura if en JavaScript. La sintaxis de JavaScript es aproximadamente la misma que la de PHP (ambos fueron diseñados pensando en programadores de C++), así que puedes consultar el uso de if en esta lección de PHP:
Lección 3 de JavaScript: bucles while y for
En esta lección analizaremos los bucles en JavaScript. Como mencioné anteriormente, la sintaxis de PHP es similar a JavaScript, por lo que también puedes consultar los bucles en PHP:
Lecciones de PHP – lección 12 – bucles while, foreach, for
Salvo por un detalle, en JavaScript no existe el bucle foreach(), por lo que en el futuro utilizaremos el método each() de jQuery para iterar sobre los elementos.
Lección de JavaScript 4: Funciones
En esta lección veremos las funciones en JavaScript: cómo escribirlas y qué tipos de funciones existen. Puedes leer sobre funciones en estas lecciones de PHP, ya que muchos ejemplos también funcionan en JavaScript:
Lecciones de PHP - Lección 7 - Funciones y programación funcional en PHP
Lección de JavaScript 5: Arrays y funciones para trabajar con arrays
En esta lección veremos otro tipo de datos en JavaScript: los arrays. También revisaremos algunas funciones para trabajar con cadenas y arrays. Las demás funciones las abordaremos en lecciones posteriores. Para familiarizarte con los arrays, puedes consultar el material sobre arrays en PHP: