Mejora tu sitio web. Rafael Sebastián Aguilar. Curso de extensión universitaria Campus de Burjasot Universidad de Valencia Febrero 2014

Transcripción

1 Mejora tu sitio web Rafael Sebastián Aguilar Curso de extensión universitaria Campus de Burjasot Universidad de Valencia Febrero 2014 Mejora tu sitio web R. Sebastian Universitat de Valencia - Febrero

2 Curso Joomla DIA 1 Introducción sobre virtulización de máquinas Breve introducción a CMS: Joomla Instalación de Apache + PHP + MySQL Para servidores Windows (opcional) Para servidores Linux (curso) Instalación Joomla Introducción al administrador de Joomla Introducción a los templates de Joomla Nuestra primera página web con Joomla 2

3 Introducción CMS: Joomla CMS: Content Management System o Sistema de gestión de contenidos. Como su nombre indica, es un sistema que permite al usuario de forma cómoda (gráfica) administrar los contenidos una web (añadir, eliminar, etc.) Será la plantilla del CMS la que defina qué posiciones posibles hay para cada contenido que se va a añadir. El gestor le asignará una posición de todas las posibles Otras de las características de CMS es la modularidad. Se pueden añadir módulos desarrollados por terceros, siempre la plantilla indicará el lugar posiciones 3

4 Servidores web IP cambia en cada caso Servidor IP Cliente IP Puerto 80 Apache (web) MySQL (BD) Joomla Cliente IP BD = Base de datos 4

5 Maquina Virtual Vamos a usar un servidor virtual mediante VMWare Player*: Simula un PC (servidor) dentro de un PC (cliente) Servidor IP Cliente IP Windows 7 Windows XP El Cliente esta en el mundo real ( y tiene un mundo matrix dentro) El servidor esta en Matrix ( y no es consciente, piensa que está en el mundo real) * 5

6 Servidor dentro del cliente Virtual Windows XP (matrix) Real Windows 7 (realidad) 6

7 Introducción CMS: Joomla Todas las acciones de administración se realizan a través del navegador web No es necesario tener conocimientos de HTTP Joomla está programado en PHP Elementos principales de Joomla: Base de datos MySQL: información + configuración Scripts PHP: Acceso a la base de datos y presentación de la información 7

8 Posibilidades de Joomla Acción Organizar tu web Publicar contenidos Cómo? Administrador Editor, artículos, categorías Modificar aspecto del portal Plantillas Calendario, Estadísticas, Visitas, reproductores, etc Módulos y Componentes 8

9 Como instalar el servidor? Instalar servidor de páginas web: Windows [diapositivas 10-15] Linux Servidor IP Windows o Linux Windows 7 9

10 Como instalar el servidor en Windows? (extra) Instalación de Apache + PHP + MySQL Instalar XAMPP. Este paquete lo engloba todo (servidores Apache, MySQL, ) Permite que instalemos un servidor de páginas web (Apache) y una base de datos (MySQL) en nuestro PC en pocos pasos Usaremos la última version Descargar de: xampp-win vc9-installer (autoinstalador) Instalar como servicio Tras instalar borrar carpeta C:\xampp\tmp 10

11 XAMPP (Servidor web - Apache) Estado 11

12 XAMPP (Servidor BD-MySql) NOTA: Acceder con (si no se instalo como servicio) phpmyadmin Crear Base de datos 1. nombre de la base de datos 2. el nombre del usuario de dicha base de datos 3. una contraseña para ese usuario creado 4. nombre del servidor (mayoría de las ocasiones será localhost). 12

13 Instalación de Joomla Importante! (ver próximas transparencias) Al crear la base de datos con MySQL apuntar: Usuario de la base de datos Nombre de la base de datos Contraseña de usuario Versión de Joomla Joomla_2.5.8-Spanish-Pack_Completo 13

14 XAMPP Crear Base de Datos 14

15 XAMPP Crear Usuario 15

16 Configuración de Joomla En directorio htdocs crear directorio Joomla C:\xampp\htdocs\Joomla En el directorio anterior descomprimir el contenido de Joomla_2.5.8 Iniciar instalación Joomla: 16

17 Como instalar el servidor en Linux? Abrir la máquina virtual Linux: Descomprimir servidor.zip y ejecutar servidor Indicar que el servidor fue copiado I copied it No actualizar, Remind me later 17

18 Como instalar el servidor Apache en Linux? Descargar e Instalar servidor Apache: Botón de Inicio à Máquina à Yast Instalar / Desinstalar software 18

19 Como instalar el servidor Apache en Linux? Instalar paquetes de servidor Apache: 1. Ver à Patrones à þ Servidor Web y LAMP 2. Seleccionar paquete php5-zlib (derecha) 19

20 Como instalar el servidor Apache en Linux? Activar servidor Apache y mysql: 1. Servicios del sistema (niveles de ejecución) 2. Apache2 (botón Activar); mysql (botón Activar) 20

21 Como instalar el servidor Apache en Linux? Comprobar servidor Apache y mysql: 1. Abrir navegador web (Firefox) 2. Conectar al servidor desde dentro: 3. Conectar al servidor desde windows: *Obtén la IP de tu servidor!! 21

22 Como configurar servidor mysql en Linux? Acceder a la consola de administración. Convertiros en super-usuarios y crear BD 1. Escribir su 2. Contraseña tres+dos=5 3. mysql_secure_installation Current password: ENTER Clave: Una-buena-clave Presionar ENTER para el resto de preguntas 4../joomla_db_create.sh 22

23 Como configurar servidor mysql en Linux? Comprobar que hemos instalado en la BD: 1. En la consola del terminal, escribir: cat joomla_db_create.sh 2. Apuntar los datos de usuario y password 3. No cerrar la ventana de consola 23

24 Como instalar Joomla*? * Descargar y descomprimir Joomla En el escritorio descomprimir Joomla258.zip Utiliza botón derecho y Extract Archive Here, Autodetect Subfolder 2. En la consola de comandos escribir: mv Escritorio/joomla258 /srv/www/htdocs/joomla chown R wwwrun /srv/www/htdocs/joomla Comprobar instalación 1. En el FireFox probar, 24

25 Configuración de Joomla Seleccionamos el idioma preferido, y Siguiente Comprobar que todo aparece como Si Aceptamos licencia Configuramos la base de datos Utilizar los datos anteriores: Nombre del host: localhost Usuario: joomla Contraseña: La-clave-de-joomla Nombre de la base de datos: joomladb Configuración FTP, > Siguiente 25

26 Configuración de Joomla Completar la configuración principal Nombre de sitio web Un Configuramos el usuario administrador: Usuario: admin Contraseña: admin > Siguiente 26

27 Configuración de Joomla Eliminar los datos de la instalación 27

28 El administrador de Joomla Es lo que se llama el back end o administrador Es una aplicación web con interfaz gráfica muy intuitiva Permite configurar todos los aspectos de nuestro sitio web. Escribir en Firefox: Para acceder a él hay que entrar con usuario y contraseña (admin,admin) 28

29 El administrador de Joomla 29

30 Crear un Usuario Crear un usuario para cada miembro del grupo Usuario 1: Grupo = Super usuario, Idioma= Español Usuario 2: Grupo = Público, Idioma= Inglés 30

31 Administrador Joomla Configuración de aspectos del sitio web Configuración Global Gestor de artículos Gestor de categorías Gestor multimedia Gestor de menús Gestor de Usuarios Gestor de módulos Gestor de extensiones Gestor de idiomas Gestor de plantillas 31

32 Administrador Joomla Configuración global > Sitio Algunas cosas que podemos configurar: Directorios de instalación de Joomla y Base de datos (MySQL) Sistema de correo electrónico para notificaciones Vamos a incluir información para que los motores de búsqueda como Google puedan indexar nuestra página Para Google 32

33 Administrador Joomla Configuración global > Servidor Configuración de cuenta de correo: Ejemplo: (poner vuestros datos) Para que cuando un nuevo usuario se registre le lleguen un 33

34 Administrador Joomla Gestionar contenidos Gestor de artículos Contiene el texto que aparece en el portal web Debe de ser asignado a una categoría definida previamente Pueden estar activo (publicados) o no activos (no publicado) Nombre Publicado Si/No Categoría Orden en categoría Quien puede verlo? 34

35 Administrador Joomla Gestionar contenidos Gestor de categorías Se utilizan para estructurar la información del portal Se definen creando una jerarquía Es parecido al uso de carpetas y subcarpetas en windows Pueden incluir texto descriptivo Ejemplo: Categoría Música Subcategorías Clásica, Rock, Jazz, Rock: 60s, 70s, Para ver un artículo o todos los artículos de una categoría debe existir un enlace que conduzca a ellos!! 35

36 Administrador Joomla Gestor de artículos Contenedor de Artículo y Categorías Categorías: Ayudan a organizar Diferentes niveles 36

37 Crea tu web Gestor de artículos Añadir un artículo: Título: Web Personal de XXXX Texto:.. Destacado > Si Comprobar vuestra web 37

38 Crear tu web Gestor de categorías Modificar permisos para que tu artículo solo puedan verlo los usuarios registrados Comprueba el portal. Qué efecto tiene? Acceder como admin Comprueba el portal 38

39 Crear tu web Edición online Si estamos registrados y tenemos permisos podemos modificar contenido desde el Portal 39

40 Crear tu web Gestor de categorías Crear las categorías de tu portal Ejemplo de una web de Club de Fans: Biografía, Conciertos, Discografía, Fotos, Videos Discografía: LPs, Sencillos, Recopilatorios Crea artículos y asócialos a las categorías correspondientes En los artículos utiliza Negrita, Cursiva, subrayado Usa la opción Leer más Añadir imágenes. Tendrás que descargarla primero y luego subirla al portal o usar su URL 40

41 Crea tu web Gestor de artículos Selecciona un artículo que hayas creado en una subcategoría Escribir algo de texto (si no tiene) Visible para el público general Con las siguiente Opciones Artículo : Con iconos de , imprimir, y número de veces leído Incluir un icono en la introducción del artículo Podéis encontrarlo en el portal? 41

42 Crea tu web Gestor de menús Vamos añadir un nuevo elemento al menú principal Gestor de Menús à Elementos de menu à Nuevo Título: Biografía / Tipo Elemento Menu: Lista de Categorías / Elegir una Categoría: Biografía 42

43 Crea tu web Gestor de menús Seleccionar crear nuevo elemento de menú Tipo de Menú: Artículo simple 43

44 Crea tu web Gestor de menús Ejemplo de Menú completo en Elementos Menú Página de inicio Tipo de contenido al que accedemos cuando clickamos en el menú 44

45 Crea tu web Gestor de menús Información en la sección de Menús Nombre Menú Número de submenus Módulos visibles desde dentro del menú y (lugar que ocupan en la ventana) 45

46 Crea tu web Gestor de menús El menú principal : Inicio Configuración del aspecto de la página principal Prueba diferentes configuraciones de los números indicados en el recuadro rojo Finalmente, cambia la página de inicio del portal para que aparezca Primeros pasos 46

47 Crea tu web Gestor de menús Vamos a crear un nuevo Menú Se llamará Menú Usuario Crear Elementos de Menú para este menú que permitan Crear artículos Acceder al blog personal Colocarlo a continuación del Menú principal 47