páginas web en joomla
TRANSCRIPT
![Page 1: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/1.jpg)
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)
![Page 2: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/2.jpg)
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.
![Page 3: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/3.jpg)
En el principio fueron las páginas En el principio fueron las páginas estáticasestáticas
![Page 4: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/4.jpg)
Diseño estático HTML más Diseño estático HTML más complejocomplejo
![Page 5: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/5.jpg)
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
![Page 6: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/6.jpg)
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.
![Page 7: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/7.jpg)
Páginas dinámicasPáginas dinámicas
Nuestro PC
Servidor remoto
PHP
Interpreta PHP
Base datos
HTML
(Joomla)
![Page 8: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/8.jpg)
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
![Page 9: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/9.jpg)
Desarrolladores de JoomlaDesarrolladores de Joomla
www.joomla.org
www.joomlaspanish.org
![Page 10: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/10.jpg)
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
![Page 11: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/11.jpg)
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
![Page 12: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/12.jpg)
¡Hacia la instalación y más allá!¡Hacia la instalación y más allá!
Coordinador
TIC
![Page 13: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/13.jpg)
JoomlaJoomlaInstalación en un servidor localInstalación en un servidor local
Nuestro ordenadorNuestro ordenador
![Page 14: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/14.jpg)
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
![Page 15: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/15.jpg)
Paso 1Paso 1: Instalamos EasyPHP: Instalamos EasyPHP
Descargamos Easyphp de sourceforget.net y lo ejecutamos
Seleccionamos el idioma
![Page 16: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/16.jpg)
Aceptamos la Bienvenida y la LicenciaAceptamos la Bienvenida y la Licencia
![Page 17: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/17.jpg)
Seleccionamos carpeta de destinoSeleccionamos carpeta de destino
![Page 18: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/18.jpg)
Se lanza la instalaciónSe lanza la instalación
![Page 19: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/19.jpg)
Se inician los servidores y vemos el Se inician los servidores y vemos el iconoicono
![Page 20: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/20.jpg)
Sigamos el rastro a EasyphpSigamos el rastro a Easyphp
![Page 21: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/21.jpg)
Paso 2Paso 2 : Configuramos Mysql : Configuramos MysqlPicamos en el icono Easyphp > Administración > Mysql Gestion
![Page 22: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/22.jpg)
2.12.1. Creamos un usuario administrador. Creamos un usuario administrador
Picamos en “Privilegios”
![Page 23: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/23.jpg)
Picamos en “Agregar nuevo usuario”Picamos en “Agregar nuevo usuario”
![Page 24: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/24.jpg)
Rellenamos los campos pedidosRellenamos los campos pedidos¡¡Anota estos datos!!¡¡Anota estos datos!!
![Page 25: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/25.jpg)
Asigna privilegios totales en la misma página Asigna privilegios totales en la misma página
![Page 26: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/26.jpg)
Ya tenemos al usuario administrador creadoYa tenemos al usuario administrador creado
Picamos en “localhost” y volvemos al administrador de Mysql
![Page 27: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/27.jpg)
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.
![Page 28: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/28.jpg)
Mysql crea una base de datos con (0) tablas.Mysql crea una base de datos con (0) tablas.
![Page 29: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/29.jpg)
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.
![Page 30: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/30.jpg)
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
![Page 31: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/31.jpg)
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.
![Page 32: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/32.jpg)
Se muestran las condiciones de la licenciaSe muestran las condiciones de la licenciaPaso 3Paso 3
![Page 33: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/33.jpg)
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.
![Page 34: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/34.jpg)
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.
![Page 35: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/35.jpg)
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
![Page 36: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/36.jpg)
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
![Page 37: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/37.jpg)
Accedemos al inicio de nuestra web con: Accedemos al inicio de nuestra web con: http://localhost/joomlahttp://localhost/joomla
![Page 38: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/38.jpg)
JoomlaJoomlaInstalación en un servidor Instalación en un servidor
remotoremotoEducasturEducastur
![Page 39: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/39.jpg)
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
![Page 40: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/40.jpg)
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
![Page 41: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/41.jpg)
Paso 2 Solicitamos permisosPaso 2 Solicitamos permisosNos ponemos en contacto con el Webmaster de Educastur
![Page 42: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/42.jpg)
Le solicitamos que adjudique permisos de lectura, escritura y ejecución a la carpeta que hemos creado en el paso anterior para nuestro
Joomla.
![Page 43: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/43.jpg)
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.
![Page 44: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/44.jpg)
Entramos en el servicio de hospedaje y Entramos en el servicio de hospedaje y MySQLMySQLhttp://web.educastur.princast.eshttp://web.educastur.princast.es
![Page 45: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/45.jpg)
Nos pedirán datos de nuestro Nos pedirán datos de nuestro centrocentro
![Page 46: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/46.jpg)
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
![Page 47: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/47.jpg)
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.
![Page 48: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/48.jpg)
Resultado final del FTPResultado final del FTP
![Page 49: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/49.jpg)
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
![Page 50: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/50.jpg)
Primer paseo por Primer paseo por JoomlaJoomla http://web.educastur.princast.es/cp/nombrecole/joomla
Front-end
![Page 51: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/51.jpg)
Acceso al Back-end Acceso al Back-end Usuario y contraseñaUsuario y contraseña
![Page 52: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/52.jpg)
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
![Page 53: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/53.jpg)
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
![Page 54: Páginas web en joomla](https://reader036.vdocuments.mx/reader036/viewer/2022062523/545745eeaf795997098bb458/html5/thumbnails/54.jpg)
Joomla nos facilitará el trabajo y permitirá adelantarnos a los problemas.