Curso Drupal7 SiteBuilding parte 1

Curso de creación de páginas web sin programación con Drupal 7

- Alessandro Mascherpa -

Creación de páginas web sin programación y gestión de contenidos

en internet con Drupal 7

Junio de 2012

Parte 1

Junio2012 2



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 3



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 4



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



¿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 6



¿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 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 8



Technology stack para el Curso Acquia Dev Desktop:

http://www.acquia.com/products-services/dev-desktop

http://www.acquia.com/products-services/dev-desktop

Junio2012 9



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

http://localize.drupal.org/translate/languages/es

http://drupal.org/project/commerce_kickstart

Junio2012 10



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 11



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 12



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 13



2. Crear y gestionar contenido Crear Contenidos Formatos de texto Revisiones Etiquetar contenidos

Junio2012 14



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 15



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 16



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 17



3. Estructura● Bloques● Tipos de contenido● Menús● Clasificación con Taxonomías● Views● Display Suite y Panels

Junio2012 18



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 19



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 20



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 21



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 22



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 23



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

http://www.acquia.com/downloads

http://drupal.org/project/drupal

http://localize.drupal.org/translate/languages/es

http://drupal.org/project/modules

http://drupal.org/project/themes

http://drupal.org/project/distributions