Preconfiguración de un sitio como red social en Drupal
En esta lección voy a preconfigurar Drupal para una red social. Instalaré los siguientes módulos:
Primeros pasos con HTML – Lección 9 – Creación de un menú
El elemento principal de un sitio web es el menú (navegación). A través de él se navega entre las páginas del sitio. El menú también es importante para la indexación del sitio por parte de los motores de búsqueda; sin la conexión entre las páginas, el motor de búsqueda no podrá acceder a todas las páginas. Veamos de qué está compuesto un menú.
Primeros pasos con HTML – Conclusión
Creo que con esto concluye el tutorial de HTML, aunque seguiré publicando lecciones si surgen nuevas ideas. Puede parecer que el tutorial ha sido muy breve, pero su título es “Primeros pasos”. No creo necesario describir todas las etiquetas aquí; eso lo haré más adelante en una guía de referencia de HTML.
Si deseas continuar aprendiendo, te recomiendo seguir con CSS, que forma parte de HTML y permite dar estilo a los elementos para que luzcan atractivos.
Aquí tienes un enlace a mi tutorial de CSS.
Tutorial de HTML – Materiales adicionales
En HTML puedes crear tu propio sitio web. Este tutorial de HTML te enseñará mucho sobre cómo escribir un sitio HTML. Las lecciones de HTML son fáciles de entender, disfrutarás aprendiendo HTML.
Tutorial de CSS
Así que has leído el libro de HTML y ahora das un paso más hacia la creación de tu sitio web y comienzas a aprender CSS. ¿Para qué sirve CSS? Si leíste mis “Primeros pasos con HTML”, habrás notado lo breve de ese manual. Intencionadamente omití muchas etiquetas y atributos de estilo —cursiva, negrita, color, forma, resaltado— porque supuse que no los necesitarías.
Tutorial de CSS – Lección 1 – Conectando estilos CSS
No voy a explicar para qué sirve CSS. Si abriste este tutorial es porque deseas aprenderlo. Solo diré que las posibilidades de CSS son muy amplias y permiten maquetar diseños de cualquier complejidad. A su vez, usar CSS implica renunciar al uso de atributos de etiquetas como size
, color
, bgcolor
, align
y otros que interfieren con CSS.
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: