páginas web en joomla
TRANSCRIPT
Páginas Web en Páginas Web en JoomlaJoomla
Un paso más en nuestra webUn paso más en nuestra web
Luís Méndez CastedoLuís Méndez CastedoCoordinador TIC Coordinador TIC
CP Los Campos (Gijón)CP Los Campos (Gijón)
Hablaremos sobre:Hablaremos sobre:
Páginas estáticas y dinámicas.Páginas estáticas y dinámicas. Joomla en nuestro entorno.Joomla en nuestro entorno. Características de Joomla.Características de Joomla. Instalación en servidor local.Instalación en servidor local. Instalación en servidor remoto.Instalación en servidor remoto. Primer paseo por Joomla.Primer paseo por Joomla. Consejos finales.Consejos finales.
En el principio fueron las páginas En el principio fueron las páginas estáticasestáticas
Diseño estático HTML más Diseño estático HTML más complejocomplejo
Era laboriosoEra laborioso
HtmlHtml
1.1. Crear todos los documentosCrear todos los documentos2.2. Crear menúsCrear menús3.3. Crear los enlacesCrear los enlaces4.4. Problemas de maquetadoProblemas de maquetado5.5. Un buen diseño es difícilUn buen diseño es difícil6.6. Armar la estructuraArmar la estructura7.7. Subir por FTP contenidosSubir por FTP contenidos
Páginas dinámicasPáginas dinámicas
Web con lenguaje PHP, ASP y HTMLWeb con lenguaje PHP, ASP y HTML Necesitan una base de datosNecesitan una base de datos Lo que vemos en pantalla es generado en Lo que vemos en pantalla es generado en
el momento por el servidor.el momento por el servidor. JoomlaJoomla construye sitios web basados en construye sitios web basados en
PHP con base de datos MYSQL.PHP con base de datos MYSQL.
Páginas dinámicasPáginas dinámicas
Nuestro PC
Servidor remoto
PHP
Interpreta PHP
Base datos
HTML
(Joomla)
Páginas dinámicas JoomlaPáginas dinámicas Joomla en nuestro entornoen nuestro entorno
CP Antonio MachadoCP Antonio MachadoCP CP AtaliaAtaliaCP MontevilCP MontevilCP Evaristo ValleCP Evaristo ValleCP TremañesCP TremañesCP Los CamposCP Los CamposCP V. MareasCP V. MareasEducasturEducasturIES IES Nº5Nº5IES IES UniUni. Laboral. LaboralIES P. FeijooIES P. FeijooIES IES MatajoveMatajove
Desarrolladores de JoomlaDesarrolladores de Joomla
www.joomla.org
www.joomlaspanish.org
Motivos para usar Motivos para usar JoomlaJoomlaSistema de Sistema de código abiertocódigo abiertoEs Es gratuitogratuitoGestión Gestión onlineonlineAdministración Administración sencillasencillaCrea Crea todo tipotodo tipo de sitios web de sitios webResultado final Resultado final impecableimpecableNos Nos facilitafacilita el trabajo el trabajoGranGran comunidad comunidad de usuarios de usuarios
Ventajas
Algunas Características TécnicasAlgunas Características Técnicas
Gestor de contenidos dinámicos Gestor de contenidos dinámicos (CMS)(CMS) Funciona con Funciona con PHP y MYSQLPHP y MYSQL Secciones > Categorías > ArtículosSecciones > Categorías > Artículos EditorEditor de contenidos de contenidos Panel de Panel de administración sencilloadministración sencillo Gestión deGestión de usuarios usuarios Administrador de archivos Administrador de archivos multimediamultimedia Escalable agregando módulos y extensionesEscalable agregando módulos y extensiones Sistema de Sistema de encuestasencuestas dinámicas dinámicas EstadísticaEstadística de visitas de visitas SindicaciónSindicación de noticias de noticias Diseño profesional con Diseño profesional con plantillasplantillas
¡Hacia la instalación y más allá!¡Hacia la instalación y más allá!
Coordinador
TIC
JoomlaJoomlaInstalación en un servidor localInstalación en un servidor local
Nuestro ordenadorNuestro ordenador
Instalación de Instalación de Joomla Joomla Servidor web Servidor web locallocal en Windows en Windows
Requisitos
Servidor Apache
Servidor de bases de datos Mysql
Intérprete y lenguaje PHP
XML y ZLIB
Paso 1Paso 1: Instalamos EasyPHP: Instalamos EasyPHP
Descargamos Easyphp de sourceforget.net y lo ejecutamos
Seleccionamos el idioma
Aceptamos la Bienvenida y la LicenciaAceptamos la Bienvenida y la Licencia
Seleccionamos carpeta de destinoSeleccionamos carpeta de destino
Se lanza la instalaciónSe lanza la instalación
Se inician los servidores y vemos el Se inician los servidores y vemos el iconoicono
Sigamos el rastro a EasyphpSigamos el rastro a Easyphp
Paso 2Paso 2 : Configuramos Mysql : Configuramos MysqlPicamos en el icono Easyphp > Administración > Mysql Gestion
2.12.1. Creamos un usuario administrador. Creamos un usuario administrador
Picamos en “Privilegios”
Picamos en “Agregar nuevo usuario”Picamos en “Agregar nuevo usuario”
Rellenamos los campos pedidosRellenamos los campos pedidos¡¡Anota estos datos!!¡¡Anota estos datos!!
Asigna privilegios totales en la misma página Asigna privilegios totales en la misma página
Ya tenemos al usuario administrador creadoYa tenemos al usuario administrador creado
Picamos en “localhost” y volvemos al administrador de Mysql
2.2.2.2. Creamos la base de datos poniendo el Creamos la base de datos poniendo el nombre, el juego de caracteres del cotejamiento.nombre, el juego de caracteres del cotejamiento.
Mysql crea una base de datos con (0) tablas.Mysql crea una base de datos con (0) tablas.
Paso 3Paso 3: Instalar Joomla: Instalar JoomlaCreamos una carpeta “joomla” dentro del directorio “WWW” de EasyPHP y descomprimimos en ella la versión que tengamos de Joomla.
Con EasyPHP iniciado; en nuestro navegador escribimos: Con EasyPHP iniciado; en nuestro navegador escribimos: http://localhost/joomlahttp://localhost/joomla y arranca la instalación y arranca la instalación
Paso 1Paso 1
Comprueba el servidor, si no se ajusta a lo recomendado nos Comprueba el servidor, si no se ajusta a lo recomendado nos aparecerán anotaciones en rojo.aparecerán anotaciones en rojo.
Paso2Paso2
La carpeta donde lo instalamos tiene que tener los permisos de lectura y escritura adecuados.
Se muestran las condiciones de la licenciaSe muestran las condiciones de la licenciaPaso 3Paso 3
Introducimos los datos que anotamos al crear la base de datos Mysql.Introducimos los datos que anotamos al crear la base de datos Mysql.Paso 4Paso 4
Joomla crea en la base mysql todas las tabla que necesita.
Dejamos en blanco en la instalación local.Dejamos en blanco en la instalación local.Paso 5Paso 5
Si instalamos en servidor remoto, pondremos los datos de nuestro servidor FTP.
Se usa con servidores no Windows.
Nombramos el sitio web.Nombramos el sitio web.Confirmamos el correo electrónico.Confirmamos el correo electrónico.
Creamos la contraseña para el administrador.Creamos la contraseña para el administrador.Paso 6Paso 6
Administrador por defecto es “admin”
Contraseña la que pongamos
Termina la instalación indicándonos que borremos la carpeta Termina la instalación indicándonos que borremos la carpeta “installation” en EasyPHP > www > joomla“installation” en EasyPHP > www > joomla
Paso 7Paso 7
Accedemos al inicio de nuestra web con: Accedemos al inicio de nuestra web con: http://localhost/joomlahttp://localhost/joomla
JoomlaJoomlaInstalación en un servidor Instalación en un servidor
remotoremotoEducasturEducastur
Instalar Joomla en servidor remoto Instalar Joomla en servidor remoto
Requisitos
Servidor Apache
Servidor de bases de datos Mysql
Intérprete y lenguaje PHP
XML y ZLIB
Paso 1 Instalación en EducasturPaso 1 Instalación en EducasturPreviamente accedemos a nuestro espacio web en Educastur con Filezila. Necesitamos los datos de alojamiento de nuestro Centro: nombre del servidor FTP, nombre de usuario y contraseña.
Creamos en el directorio raiz una carpeta donde instalaremos Joomla
Paso 2 Solicitamos permisosPaso 2 Solicitamos permisosNos ponemos en contacto con el Webmaster de Educastur
Le solicitamos que adjudique permisos de lectura, escritura y ejecución a la carpeta que hemos creado en el paso anterior para nuestro
Joomla.
Paso 3 MYSQL en EducasturPaso 3 MYSQL en Educastur
Más Más sencillosencillo que en local. que en local. NoNo hay que hay que configurarconfigurar la base de datos. la base de datos. Tenemos Tenemos una base creadauna base creada por centro. por centro. Solo necesitamos Solo necesitamos nombre y servidornombre y servidor para para
configurar Joomla.configurar Joomla.
Entramos en el servicio de hospedaje y Entramos en el servicio de hospedaje y MySQLMySQLhttp://web.educastur.princast.eshttp://web.educastur.princast.es
Nos pedirán datos de nuestro Nos pedirán datos de nuestro centrocentro
Comprobamos la existencia de Comprobamos la existencia de nuestranuestra base mysql. base mysql.Sola hay una y no podemos crear ninguna otra.Sola hay una y no podemos crear ninguna otra.
Anotamos nombre y servidor.Anotamos nombre y servidor.
Nombre: campos
Servidor: mysql.educastur.es
Descomprimimos el paquete de Joomla en nuestro equipo local y Descomprimimos el paquete de Joomla en nuestro equipo local y subimos con Filezila por FTPsubimos con Filezila por FTP todos los archivos y carpetas a la carpeta todos los archivos y carpetas a la carpeta creada anteriormente en nuestro espacio de Educastur.creada anteriormente en nuestro espacio de Educastur.
Resultado final del FTPResultado final del FTP
Iniciamos la instalación vía web escribiendo en el navegador la URL de Iniciamos la instalación vía web escribiendo en el navegador la URL de la carpeta donde hemos descomprimido todos los archivos de Joomla.la carpeta donde hemos descomprimido todos los archivos de Joomla.http://web.educastur.princast.es/cp/nombrecole/joomla
Y arrancará la instalación como en local
Primer paseo por Primer paseo por JoomlaJoomla http://web.educastur.princast.es/cp/nombrecole/joomla
Front-end
Acceso al Back-end Acceso al Back-end Usuario y contraseñaUsuario y contraseña
Back-endBack-end
Desde este panel tenemos acceso a todo aquello que nos permita nuestro nivel de usuario.
Este sería el panel para el Superadministrador
Consejos antes de construirConsejos antes de construir
¿Qué queremos?¿Qué queremos? Tener Tener clara la estructuraclara la estructura del sitio, secciones, del sitio, secciones,
categorías.categorías. Tipos de usuarios.Tipos de usuarios. Trabajar partiendo de Trabajar partiendo de cerocero Trabajar en paralelo, probando Trabajar en paralelo, probando primero en localprimero en local
y luego en remotoy luego en remoto MenosMenos siempre es siempre es másmás
Joomla nos facilitará el trabajo y permitirá adelantarnos a los problemas.