Mejora tu sitio web Rafael Sebastián Aguilar

Curso de extensión universitaria

Campus de Burjasot Universidad de Valencia

Febrero 2014

1 Mejora tu sitio web – R. Sebastian – Universitat de Valencia - Febrero 2014

Mejora tu sitio web – R. Sebastian – Universitat de Valencia - Febrero 2014

Curso Joomla DIA 1 l  Introducción sobre virtulización de máquinas l  Breve introducción a CMS: Joomla l  Instalación de Apache + PHP + MySQL

l  Para servidores Windows (opcional) l  Para servidores Linux (curso)

l  Instalación Joomla l  Introducción al administrador de Joomla l  Introducción a los templates de Joomla l  Nuestra primera página web con Joomla

2

Curso Joomla DIA 2

l  Gestionar y añadir extensiones l  Cambiar plantillas en Joomla l  Hacer copias de seguridad del portal l  Crear un dominio gratuito l  Crear un página accesible desde Internet l  Subir vuestro portal a Internet

Mejora tu sitio web – R. Sebastian – Universitat de Valencia - Febrero 2014 3

Mejora tu sitio web – R. Sebastian – Universitat de Valencia - Febrero 2014

Añade extensiones Gestor de Extensiones l  Permite instalar

l  Componentes: Realizan funciones en el portal l  Encuestas, Banners, Control de acceso, Panel de

control, mensajería, … l  Módulos: Muestran información usando algún

formato específico l  Ultimas noticias, usuarios registrados, Pie de página,

artículos, Buscar, Estadísticas, … l  Plantillas: Definen el aspecto visual del portal

l  Beez_20, beez5, atomic, …

4

Mejora tu sitio web – R. Sebastian – Universitat de Valencia - Febrero 2014

Añade módulos a tu web Gestor de Módulos l  Dispone de muchos módulos pre-instalados l  Los módulos pueden ser colocados en una posición de

una plantilla (averiguar que “position” se corresponde con cada localización en la pantalla para vuestra plantilla) l  Asociar el módulo “Quien Esta En Línea” con todos los menús l  Hacer que se muestre en la parte inferior de los menús de cada página (position-9) l  Crear un usuario y acceder con él

5

Mejora tu sitio web – R. Sebastian – Universitat de Valencia - Febrero 2014

Templates en Joomla Gestor de Plantillas y Extensiones l  La plantillas definen la visualización de nuestra página l  Cambiar la plantilla por defecto:

l  Usar: “Beez5” y volver a visualizar vuestro portal

l  También podemos descargar una plantilla de Internet: l  http://www.qualityjoomlatemplates.com

l  Instalarla con el Gestor de Extensiones l  Instalarla con el Gestor de Extensiones

l  Localizar el fichero en Descargas/vuestra_plantilla.zip

l  Aplicar la plantilla en el Gestor de Plantillas y utilizarla como plantilla por defecto

6

Mejora tu sitio web – R. Sebastian – Universitat de Valencia - Febrero 2014

Estructura plantillas

7

Menu 1: Modulo 2 (posición 1)

Modulo 1 (posición 0)

Menu 2: Modulo 3 (posición 2)

Menu 3 Modulo 4 (posición 3)

Menu 4 Modulo 5 (posición 4)

Modulo 6 (posición 5)

El módulo se debe de asociar a un conjunto de menús

El módulo se asociará a una posición determinada de la plantilla

Mejora tu sitio web – R. Sebastian – Universitat de Valencia - Febrero 2014

Plantillas en Joomla Gestor de Extensiones l  Los templates o plantillas se pueden modificar y personalizar l  Cada template tiene unos campos diferentes que pueden ser

modificados en Gestor de Plantillas à Estilos l  Modificar el Color de la Plantilla de Beez_20 l  Cambiar el logo que utiliza por defecto l  Escribir en la descripción del sitio, “Página web personal” l  Modifica el estilo de la página “Parks Sitio”

8

Mejora tu sitio web – R. Sebastian – Universitat de Valencia - Febrero 2014

Módulos y Componentes Gestor de Extensiones l  Vamos a instalar un módulo y un componente para

encuestas que descargaremos de: l  http://afactory.org/downloads (v 1.5)

l  aPoll à Component 2.0 RC2 y Module 2.1

l  Mediante el componente podremos configurar el sistemas de encuestas

l  Mediante el módulo visualizamos las estadísticas y permitimos que los usuarios hagan sus votos l  Activar el módulo en el Gestor de Módulos l  Incluir, Nombre, posición, encuesta activa, menú asociado

9

l  Vamos a crear una carpeta para copias de seguridad l  Pasamos a super usuario con comando “su” y la clave de

administrador. l  carpeta: “/srv/www/htdocs/joomla_backup” l  Desde la consola de comandos creamos y damos permisos:

l  mkdir /srv/www/htdocs/joomla_backup l  chown –RW wwwrun /srv/www/htdocs/joomla_backup

Mejora tu sitio web – R. Sebastian – Universitat de Valencia - Febrero 2014 10

Copia de seguridad Gestor de Extensiones

l  Descargar Akeeba Backup core 3.6.12 y Akeeba Kickstart 3.6.0 de www.akeebabackup.com 1.  Ir al Gestor de componentes 2.  Instalamos el componente Akeeba Backup core 3.  Vamos a Componentes à Akeeba Backup 4.  Aceptamos Licencia 5.  Descomprimir Akeeba Kickstart (estará en Descargas) 6.  Copiar fichero kickstart.php en servidor

1.  cp Descargas/kickstart-core-3.6.0/kickstart.php en /srv/www/htdocs/joomla_backup/

2.  chown wwwrun /srv/www/htdocs/joomla_backup/kickstart.php

Mejora tu sitio web – R. Sebastian – Universitat de Valencia - Febrero 2014 11

Copia de seguridad Gestor de Extensiones

l  Gestor de Componentes l  Akeeba Backup à Backup Now (poner un comentario asociado

a este backup y esperar a que acabe) l  En Manage Backup Files

l  En la columna “Manage & Download” cickamos en el botón de descargar

l  Lo copiamos de Descargas a /srv/www/htdocs/joomla_backup

l  En el Firefox l  http://localhost/joomla_backup/kickstart.php

Mejora tu sitio web – R. Sebastian – Universitat de Valencia - Febrero 2014 12

Copia de seguridad Gestor de Extensiones

l  Seguir las instrucciones que salen en pantalla: 1.  Pinchar el enlace de abajo o apretar ESC. 2.  Start (esperar) 3.  Run the Installer (se abre otra ventana) 4.  Todo debería ser correcto à Siguiente 5.  Los datos de mysql deberían de coincidir con los de

vuestra webà Siguiente (esperar) 6.  Siguiente 7.  Pinche para borrar directorio de instalación à OK

Mejora tu sitio web – R. Sebastian – Universitat de Valencia - Febrero 2014 13

Copia de seguridad Gestor de Extensiones

l  Alojamiento web gratuito: l  http://www.nixiweb.com à hosting gratis / Crear cuenta

l  http://www.hostinazo.com l  http://www.byethost.com l  http://www.ofees.net l  http://www.x10hosting.com

Mejora tu sitio web – R. Sebastian – Universitat de Valencia - Febrero 2014 14

Crear un dominio Alojamiento web

l  Acceder a nixiweb y registrar un usuario: l  Completar el formulario l  Obtendremos un mensaje del

registro por email

Mejora tu sitio web – R. Sebastian – Universitat de Valencia - Febrero 2014 15

Crear un dominio Alojamiento web

l  Comprobar la creación de la cuenta nixiweb l  Acceder a vuestro correo para revisar el registro l  Activar la cuenta mediante el link proporcionado en

el correo

Mejora tu sitio web – R. Sebastian – Universitat de Valencia - Febrero 2014 16

Crear un dominio Alojamiento web

l  Selección de vuestro subdominio: l  Indicar el dominio de vuestra web (ej. “Clubestudiantes.uni.me”) l  Activar la cuenta mediante el link proporcionado en el correo

Mejora tu sitio web – R. Sebastian – Universitat de Valencia - Febrero 2014 17

Crear un dominio Alojamiento web

l  Cuenta creada! http://tuweb.xteweb.com l  Recibiremos un nuevo correo con todos los detalles del

servidor: URL, dominio, acceso a panel de control…

Mejora tu sitio web – R. Sebastian – Universitat de Valencia - Febrero 2014 18

Crear un dominio Alojamiento web

l  Configuramos la cuenta l  Indicar los datos solicitados, y seleccionar una contraseña

Mejora tu sitio web – R. Sebastian – Universitat de Valencia - Febrero 2014 19

Crear un dominio Alojamiento web

l  Múltiples posibilidades de configuración desde el panel

Mejora tu sitio web – R. Sebastian – Universitat de Valencia - Febrero 2014 20

Panel de control Alojamiento web

Auto Instalador

l  Instalamos Joomla v1.7 automáticamente:

l  Usuario y contraseña: admin/La-clave-de-Joomla l  Instalación automática y configuración de MySQL l  Instalación automática y configuración de Joomla

Mejora tu sitio web – R. Sebastian – Universitat de Valencia - Febrero 2014 21

Panel de control Alojamiento web