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