0
Páginas Web en  Joomla Un paso más en nuestra web Luís Méndez Castedo Coordinador TIC  CP Los Campos (Gijón)
Hablaremos sobre: <ul><li>Páginas estáticas y dinámicas. </li></ul><ul><li>Joomla en nuestro entorno. </li></ul><ul><li>Ca...
En el principio fueron las páginas estáticas
Diseño estático HTML más complejo
Era laborioso <ul><li>Html </li></ul><ul><li>Crear todos los documentos </li></ul><ul><li>Crear menús </li></ul><ul><li>Cr...
Páginas dinámicas <ul><li>Web con lenguaje PHP, ASP y HTML </li></ul><ul><li>Necesitan una base de datos </li></ul><ul><li...
Páginas dinámicas Nuestro PC Servidor remoto PHP Interpreta PHP Base datos HTML (Joomla)
Páginas dinámicas Joomla   en nuestro entorno <ul><li>CP Antonio Machado </li></ul><ul><li>CP  Atalia </li></ul><ul><li>CP...
Desarrolladores de Joomla www.joomla.org www.joomlaspanish.org
Motivos para usar  Joomla <ul><li>Sistema de  código abierto </li></ul><ul><li>Es  gratuito </li></ul><ul><li>Gestión  onl...
Algunas Características Técnicas <ul><li>Gestor de contenidos dinámicos  (CMS) </li></ul><ul><li>Funciona con  PHP y MYSQL...
¡Hacia la instalación y más allá! Coordinador TIC
Joomla Instalación en un servidor local Nuestro ordenador
Instalación de  Joomla  Servidor web  local  en Windows Requisitos Servidor Apache   Servidor de bases de datos Mysql Inté...
Paso 1 : Instalamos EasyPHP Descargamos  Easyphp de sourceforget.net y lo ejecutamos Seleccionamos el idioma
Aceptamos la Bienvenida y la Licencia
Seleccionamos carpeta de destino
Se lanza la instalación
Se inician los servidores y vemos el icono
Sigamos el rastro a Easyphp
Paso 2  : Configuramos Mysql Picamos en el icono  Easyphp  >  Administración  >  Mysql Gestion
2.1 . Creamos un usuario administrador Picamos en “Privilegios”
Picamos en “Agregar nuevo usuario”
Rellenamos los campos pedidos ¡¡Anota estos datos!!
Asigna privilegios totales  en la misma página
Ya tenemos al usuario administrador creado Picamos en “localhost” y volvemos al administrador de Mysql
2.2.  Creamos la base de datos poniendo el nombre, el juego de caracteres del cotejamiento.
Mysql crea una base de datos con (0) tablas.
Paso 3 : Instalar Joomla Creamos una carpeta “joomla” dentro del directorio “WWW” de EasyPHP y descomprimimos en ella la v...
Con EasyPHP iniciado; en nuestro navegador escribimos:  http://localhost/joomla  y arranca la instalación Paso 1
Comprueba el  servidor, si no se ajusta a lo recomendado nos aparecerán anotaciones en rojo. Paso2 La carpeta donde lo ins...
Se muestran las condiciones de la licencia Paso 3
Introducimos los datos que anotamos al crear la base de datos Mysql. Paso 4 Joomla crea en la base mysql todas las tabla q...
Dejamos en blanco en la instalación local. Paso 5 Si instalamos en servidor remoto, pondremos los datos de nuestro servido...
Nombramos el sitio web. Confirmamos el correo electrónico. Creamos la contraseña para el administrador. Paso 6 Administrad...
Termina la instalación indicándonos que borremos la carpeta “installation” en EasyPHP > www > joomla Paso 7
Accedemos al inicio de nuestra web con:  http://localhost/joomla
Joomla Instalación en un servidor remoto Educastur
Instalar Joomla en servidor remoto  Requisitos Servidor Apache   Servidor de bases de datos Mysql Intérprete y lenguaje PH...
Paso 1  Instalación en Educastur Previamente accedemos a nuestro espacio  web en Educastur con Filezila. Necesitamos los d...
Paso 2  Solicitamos permisos Nos 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 ...
Paso 3  MYSQL en Educastur <ul><li>Más  sencillo  que en local. </li></ul><ul><li>No  hay que  configurar  la base de dato...
Entramos en el servicio de hospedaje y  MySQL http://web.educastur.princast.es
Nos pedirán datos de nuestro centro
Comprobamos la existencia de  nuestra  base mysql. Sola hay una y no podemos crear ninguna otra. Anotamos nombre y servido...
Descomprimimos el paquete de Joomla en nuestro equipo local y  subimos con Filezila por FTP  todos los archivos y carpetas...
Resultado final del FTP
Iniciamos la instalación vía web escribiendo en el navegador la URL de la carpeta donde hemos descomprimido todos los arch...
Primer paseo por  Joomla   http :// web.educastur.princast.es / cp / nombrecole / joomla Front-end
Acceso al Back-end  Usuario y contraseña
Back-end Desde este panel tenemos acceso a todo aquello que nos permita nuestro nivel de usuario. Este sería el panel para...
Consejos  antes de construir <ul><li>¿Qué queremos? </li></ul><ul><li>Tener  clara la estructura  del sitio, secciones, ca...
Joomla nos facilitará el trabajo y permitirá adelantarnos a los problemas.
Upcoming SlideShare
Loading in...5
×

Páginas web en joomla

890

Published on

Published in: Self Improvement
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
890
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
30
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Páginas web en joomla"

  1. 1. Páginas Web en Joomla Un paso más en nuestra web Luís Méndez Castedo Coordinador TIC CP Los Campos (Gijón)
  2. 2. Hablaremos sobre: <ul><li>Páginas estáticas y dinámicas. </li></ul><ul><li>Joomla en nuestro entorno. </li></ul><ul><li>Características de Joomla. </li></ul><ul><li>Instalación en servidor local. </li></ul><ul><li>Instalación en servidor remoto. </li></ul><ul><li>Primer paseo por Joomla. </li></ul><ul><li>Consejos finales. </li></ul>
  3. 3. En el principio fueron las páginas estáticas
  4. 4. Diseño estático HTML más complejo
  5. 5. Era laborioso <ul><li>Html </li></ul><ul><li>Crear todos los documentos </li></ul><ul><li>Crear menús </li></ul><ul><li>Crear los enlaces </li></ul><ul><li>Problemas de maquetado </li></ul><ul><li>Un buen diseño es difícil </li></ul><ul><li>Armar la estructura </li></ul><ul><li>Subir por FTP contenidos </li></ul>
  6. 6. Páginas dinámicas <ul><li>Web con lenguaje PHP, ASP y HTML </li></ul><ul><li>Necesitan una base de datos </li></ul><ul><li>Lo que vemos en pantalla es generado en el momento por el servidor. </li></ul><ul><li>Joomla construye sitios web basados en PHP con base de datos MYSQL. </li></ul>
  7. 7. Páginas dinámicas Nuestro PC Servidor remoto PHP Interpreta PHP Base datos HTML (Joomla)
  8. 8. Páginas dinámicas Joomla en nuestro entorno <ul><li>CP Antonio Machado </li></ul><ul><li>CP Atalia </li></ul><ul><li>CP Montevil </li></ul><ul><li>CP Evaristo Valle </li></ul><ul><li>CP Tremañes </li></ul><ul><li>CP Los Campos </li></ul><ul><li>CP V. Mareas </li></ul><ul><li>Educastur </li></ul><ul><li>IES Nº5 </li></ul><ul><li>IES Uni . Laboral </li></ul><ul><li>IES P. Feijoo </li></ul><ul><li>IES Matajove </li></ul>
  9. 9. Desarrolladores de Joomla www.joomla.org www.joomlaspanish.org
  10. 10. Motivos para usar Joomla <ul><li>Sistema de código abierto </li></ul><ul><li>Es gratuito </li></ul><ul><li>Gestión online </li></ul><ul><li>Administración sencilla </li></ul><ul><li>Crea todo tipo de sitios web </li></ul><ul><li>Resultado final impecable </li></ul><ul><li>Nos facilita el trabajo </li></ul><ul><li>Gran comunidad de usuarios </li></ul>Ventajas
  11. 11. Algunas Características Técnicas <ul><li>Gestor de contenidos dinámicos (CMS) </li></ul><ul><li>Funciona con PHP y MYSQL </li></ul><ul><li>Secciones > Categorías > Artículos </li></ul><ul><li>Editor de contenidos </li></ul><ul><li>Panel de administración sencillo </li></ul><ul><li>Gestión de usuarios </li></ul><ul><li>Administrador de archivos multimedia </li></ul><ul><li>Escalable agregando módulos y extensiones </li></ul><ul><li>Sistema de encuestas dinámicas </li></ul><ul><li>Estadística de visitas </li></ul><ul><li>Sindicación de noticias </li></ul><ul><li>Diseño profesional con plantillas </li></ul>
  12. 12. ¡Hacia la instalación y más allá! Coordinador TIC
  13. 13. Joomla Instalación en un servidor local Nuestro ordenador
  14. 14. Instalación de Joomla Servidor web local en Windows Requisitos Servidor Apache Servidor de bases de datos Mysql Intérprete y lenguaje PHP XML y ZLIB
  15. 15. Paso 1 : Instalamos EasyPHP Descargamos Easyphp de sourceforget.net y lo ejecutamos Seleccionamos el idioma
  16. 16. Aceptamos la Bienvenida y la Licencia
  17. 17. Seleccionamos carpeta de destino
  18. 18. Se lanza la instalación
  19. 19. Se inician los servidores y vemos el icono
  20. 20. Sigamos el rastro a Easyphp
  21. 21. Paso 2 : Configuramos Mysql Picamos en el icono Easyphp > Administración > Mysql Gestion
  22. 22. 2.1 . Creamos un usuario administrador Picamos en “Privilegios”
  23. 23. Picamos en “Agregar nuevo usuario”
  24. 24. Rellenamos los campos pedidos ¡¡Anota estos datos!!
  25. 25. Asigna privilegios totales en la misma página
  26. 26. Ya tenemos al usuario administrador creado Picamos en “localhost” y volvemos al administrador de Mysql
  27. 27. 2.2. Creamos la base de datos poniendo el nombre, el juego de caracteres del cotejamiento.
  28. 28. Mysql crea una base de datos con (0) tablas.
  29. 29. Paso 3 : Instalar Joomla Creamos una carpeta “joomla” dentro del directorio “WWW” de EasyPHP y descomprimimos en ella la versión que tengamos de Joomla.
  30. 30. Con EasyPHP iniciado; en nuestro navegador escribimos: http://localhost/joomla y arranca la instalación Paso 1
  31. 31. Comprueba el servidor, si no se ajusta a lo recomendado nos aparecerán anotaciones en rojo. Paso2 La carpeta donde lo instalamos tiene que tener los permisos de lectura y escritura adecuados.
  32. 32. Se muestran las condiciones de la licencia Paso 3
  33. 33. Introducimos los datos que anotamos al crear la base de datos Mysql. Paso 4 Joomla crea en la base mysql todas las tabla que necesita.
  34. 34. Dejamos en blanco en la instalación local. Paso 5 Si instalamos en servidor remoto, pondremos los datos de nuestro servidor FTP. Se usa con servidores no Windows.
  35. 35. Nombramos el sitio web. Confirmamos el correo electrónico. Creamos la contraseña para el administrador. Paso 6 Administrador por defecto es “admin” Contraseña la que pongamos
  36. 36. Termina la instalación indicándonos que borremos la carpeta “installation” en EasyPHP > www > joomla Paso 7
  37. 37. Accedemos al inicio de nuestra web con: http://localhost/joomla
  38. 38. Joomla Instalación en un servidor remoto Educastur
  39. 39. Instalar Joomla en servidor remoto Requisitos Servidor Apache Servidor de bases de datos Mysql Intérprete y lenguaje PHP XML y ZLIB
  40. 40. Paso 1 Instalación en Educastur Previamente 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
  41. 41. Paso 2 Solicitamos permisos Nos ponemos en contacto con el Webmaster de Educastur
  42. 42. Le solicitamos que adjudique permisos de lectura, escritura y ejecución a la carpeta que hemos creado en el paso anterior para nuestro Joomla.
  43. 43. Paso 3 MYSQL en Educastur <ul><li>Más sencillo que en local. </li></ul><ul><li>No hay que configurar la base de datos. </li></ul><ul><li>Tenemos una base creada por centro. </li></ul><ul><li>Solo necesitamos nombre y servidor para configurar Joomla. </li></ul>
  44. 44. Entramos en el servicio de hospedaje y MySQL http://web.educastur.princast.es
  45. 45. Nos pedirán datos de nuestro centro
  46. 46. Comprobamos la existencia de nuestra base mysql. Sola hay una y no podemos crear ninguna otra. Anotamos nombre y servidor. Nombre: campos Servidor: mysql.educastur.es
  47. 47. Descomprimimos el paquete de Joomla en nuestro equipo local y subimos con Filezila por FTP todos los archivos y carpetas a la carpeta creada anteriormente en nuestro espacio de Educastur.
  48. 48. Resultado final del FTP
  49. 49. Iniciamos la instalación vía web escribiendo en el navegador la URL de 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
  50. 50. Primer paseo por Joomla http :// web.educastur.princast.es / cp / nombrecole / joomla Front-end
  51. 51. Acceso al Back-end Usuario y contraseña
  52. 52. Back-end Desde este panel tenemos acceso a todo aquello que nos permita nuestro nivel de usuario. Este sería el panel para el Superadministrador
  53. 53. Consejos antes de construir <ul><li>¿Qué queremos? </li></ul><ul><li>Tener clara la estructura del sitio, secciones, categorías. </li></ul><ul><li>Tipos de usuarios. </li></ul><ul><li>Trabajar partiendo de cero </li></ul><ul><li>Trabajar en paralelo, probando primero en local y luego en remoto </li></ul><ul><li>Menos siempre es más </li></ul>
  54. 54. Joomla nos facilitará el trabajo y permitirá adelantarnos a los problemas.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×