Este documento presenta un curso sobre la creación de páginas web sin programación usando Drupal 7. El curso cubrirá introducir Drupal, crear y gestionar contenido, estructurar la información del sitio, configurar usuarios y módulos, y personalizar la apariencia. El objetivo es enseñar a los participantes cómo construir y administrar un sitio web dinámico sin necesidad de conocimientos de programación.

1. Curso de creación de páginas web
sin programación con Drupal 7
Creación de páginas web sin
programación y gestión de contenidos
en internet con Drupal 7
Junio de 2012
Parte 1
- Alessandro Mascherpa -

2. Curso de creación de páginas web
sin programación con Drupal 7
Personal

Ingeniero Técnico en Informática de
Gestión por la UJI

Desarrollador Web freelance

Administrador del grupo de usuarios
@DrupalCS

Miembro de la Asociación Española de
Drupal y de la Drupal Association
Junio2012 - Alessandro Mascherpa - 2

3. Curso de creación de páginas web
sin programación con Drupal 7
Contenidos curso
1.Introducción
2.Contenido
3.Estructura (Arquitectura de la información)
4.Personas (Usuarios)
5.Módulos (Funcionalidad)
6.Apariencia (Presentación)
Junio2012 - Alessandro Mascherpa - 3

4. Curso de creación de páginas web
sin programación con Drupal 7
1. Introducción

Qué es Drupal

Requisitos e instalación

Planificación del sitio

Configuración: información del sitio

Revisión del estado del sitio web con los
informes de Drupal 7
Junio2012 - Alessandro Mascherpa - 4

5. Curso de creación de páginas web
sin programación con Drupal 7
¿Que es Drupal?

Drupal es un CMS (Content Management
System) basado en interfaz web.

Permite gestionar tus páginas (sitio web)
sin necesidad de acudir a un técnico
intermediario ni el uso de programas de
ftp
Junio2012 - Alessandro Mascherpa -

6. Curso de creación de páginas web
sin programación con Drupal 7
¿Que más es Drupal?

Drupal es un CMF (Content Management
Framework) y permite también estructurar
el contenido, el layout (disposición de las
partes de la página), la navegación... todo
esto también desde interfaz web

Se pueden crear diferentes tipos de sitio
web como tiendas virtuales, redes
sociales, intranets... y combinaciones
Junio2012 - Alessandro Mascherpa - 6

7. Curso de creación de páginas web
sin programación con Drupal 7
Requisitos

Drupal 7

Un dominio (no necesario para practicar
en nuestro ordenador)

Servicio de Hosting (alojamiento web)

Apache u otro http server

MySQL u otro sistema de gestión de bases de datos

PHP (a partir de la versión 5.2)

Mail Server (si queremos que nuestro sitio envíe e-mails)
Junio2012 - Alessandro Mascherpa - 7

8. Curso de creación de páginas web
sin programación con Drupal 7
Technology stack para el Curso

Acquia Dev Desktop:
http://www.acquia.com/products-services/dev-desktop
Junio2012 - Alessandro Mascherpa - 8

9. Curso de creación de páginas web
sin programación con Drupal 7
Perfiles de instalación

Drupal 7 tiene tipos de configuración para
el momento de instalarlo

En el curso se usará el perfil Standar en
castellano:
http://localize.drupal.org/translate/languages/es

Hay otros perfiles como el Commerce
KickStart, que configura una tienda virtual:
http://drupal.org/project/commerce_kickstart
Junio2012 - Alessandro Mascherpa - 9

10. Curso de creación de páginas web
sin programación con Drupal 7
Configuración

Permite personalizar el comportamiento de nuestro
sitio y su información básica

Idioma del sitio y Búsqueda

Permite personalizar el comportamiento de algunos
módulos

¿Que son los módulos?
Junio2012 - Alessandro Mascherpa - 10

11. Curso de creación de páginas web
sin programación con Drupal 7
Informes

Permiten visualizar el estado de nuestro
sitio. Por ejemplo: si han salido
actualizaciones interesantes, si nuestro
sistema está correctamente configurado...

Permiten recoger y visualizar información
sobre el uso de nuestro sitio web
Junio2012 - Alessandro Mascherpa - 11

12. Curso de creación de páginas web
sin programación con Drupal 7
Planificación del sitio web
●
Especificar las necesidades de nuestros
usuarios y como vamos a satisfacerlas con
nuestro sitio web
●
Mapa web, información más relevante,
funcionalidad... ¿Que quieren ver los
usuarios y que queremos que vean?
●
Si no tenéis un proyecto propio haremos
un periódico/revista online
Junio2012 - Alessandro Mascherpa - 12

13. Curso de creación de páginas web
sin programación con Drupal 7
2. Crear y gestionar contenido

Crear Contenidos

Formatos de texto

Revisiones

Etiquetar contenidos
Junio2012 - Alessandro Mascherpa - 13

14. Curso de creación de páginas web
sin programación con Drupal 7
Crear contenidos

La finalidad de la Web es presentar
contenido al usuario

Flujo de trabajo de creación de contenidos

Permite mantener revisiones de
contenidos

Permite limitar quién puede crear, editar,
borrar o visualizar que contenidos
Junio2012 - Alessandro Mascherpa - 14

15. Curso de creación de páginas web
sin programación con Drupal 7
Fomatos de texto
●
La información en los campos de texto
siempre se guarda como la introducimos...
●
… pero al presentarla al usuario se filtra.
●
Evita fallos de seguridad y permite realizar
diferentes manipulaciones del texto...
●
… como eliminar palabras prohibidas,
cambiar símbolos emoticonos por
imágenes...
Junio2012 - Alessandro Mascherpa - 15

16. Curso de creación de páginas web
sin programación con Drupal 7
Versiones y clasificación
●
Permite controlar las versiones de un
determinado contenido. Muy útil cuando es
editado por diferentes usuarios
●
Las taxonomías nos permiten asociar
categorías a nuestro contenido.
Junio2012 - Alessandro Mascherpa - 16

17. Curso de creación de páginas web
sin programación con Drupal 7
3. Estructura
●
Bloques
●
Tipos de contenido
●
Menús
●
Clasificación con Taxonomías
●
Views
●
Display Suite y Panels
Junio2012 - Alessandro Mascherpa - 17

18. Curso de creación de páginas web
sin programación con Drupal 7
Introducción
●
La estructura engloba todo lo relacionado
con al arquitectura de la información
●
Presentación y estructura o composición
●
Agregación: ver información relacionada.
●
Navegación, como se llega a la información
●
El objetivo es conseguir que el usuario
acceda a la información con eficacia
Junio2012 - Alessandro Mascherpa - 18

19. Curso de creación de páginas web
sin programación con Drupal 7
Bloques
●
Los bloques son piezas del sitio web
●
Drupal permite disponer estas piezas en
regiones preestablecidas desde la interfaz
de usuario
●
Los bloques pueden ser contenido
estático, dinámico, formularios...
●
Los bloques se configuran por tema
Junio2012 - Alessandro Mascherpa - 19

20. Curso de creación de páginas web
sin programación con Drupal 7
Tipos de contenido

Se pueden crear diferentes tipos de
contenidos

Se pueden personalizar su estructura
añadiendo campos (esto funciona con todas las
entidades como usuarios o taxonomía)

Campos de texto

Imágenes y archivos (ver configuración)

… ampliable con módulos
Junio2012 - Alessandro Mascherpa - 20

21. Curso de creación de páginas web
sin programación con Drupal 7
Menús
●
Los menús definen la navegación principal
del sitio web y se gestionan desde UI
●
Se pueden crear menús que estén
disponibles como bloques
●
Los enlaces de un menú pueden ser
externos o internos al sitio web, si existe la
ruta (ver creación de contenido)
Junio2012 - Alessandro Mascherpa - 21

22. Curso de creación de páginas web
sin programación con Drupal 7
Clasificación con Taxonomías
●
Las taxonomías permiten clasificar el
contenido en categorías
●
Se crea un vocabulario que contiene
términos
●
El vocabulario se asocia a un tipo de
contenido
●
Los términos pueden ser predefinidos o no
Junio2012 - Alessandro Mascherpa - 22

23. Curso de creación de páginas web
sin programación con Drupal 7
Referencias
●
Acquia Dev desktop: http://www.acquia.com/downloads
●
Drupal: http://drupal.org/project/drupal
●
Traducciones: http://localize.drupal.org/translate/languages/es
●
Módulos: http://drupal.org/project/modules
●
Temas: http://drupal.org/project/themes
●
Perfiles: http://drupal.org/project/distributions
Junio2012 - Alessandro Mascherpa - 23