SlideShare una empresa de Scribd logo
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: Páginas estáticas y dinámicas. Joomla en nuestro entorno. Características de Joomla. Instalación en servidor local. Instalación en servidor remoto. Primer paseo por Joomla. Consejos finales.
En el principio fueron las páginas estáticas
Diseño estático HTML más complejo
Era laborioso Html Crear todos los documentos Crear menús Crear los enlaces Problemas de maquetado Un buen diseño es difícil Armar la estructura Subir por FTP contenidos
Páginas dinámicas Web con lenguaje PHP, ASP y HTML Necesitan una base de datos Lo que vemos en pantalla es generado en el momento por el servidor. Joomla  construye sitios web basados en PHP con base de datos MYSQL.
Páginas dinámicas Nuestro PC Servidor remoto PHP Interpreta PHP Base datos HTML (Joomla)
Páginas dinámicas Joomla   en nuestro entorno CP Antonio Machado CP  Atalia CP Montevil CP Evaristo Valle CP Tremañes CP Los Campos CP V. Mareas Educastur IES  Nº5 IES  Uni . Laboral IES P. Feijoo IES  Matajove
Desarrolladores de Joomla www.joomla.org www.joomlaspanish.org
Motivos para usar  Joomla Sistema de  código abierto Es  gratuito Gestión  online Administración  sencilla Crea  todo tipo  de sitios web Resultado final  impecable Nos  facilita  el trabajo Gran  comunidad  de usuarios  Ventajas
Algunas Características Técnicas Gestor de contenidos dinámicos  (CMS) Funciona con  PHP y MYSQL Secciones > Categorías > Artículos Editor  de contenidos  Panel de  administración sencillo Gestión de  usuarios Administrador de archivos  multimedia Escalable agregando módulos y extensiones Sistema de  encuestas  dinámicas Estadística  de visitas Sindicación  de noticias Diseño profesional con  plantillas
¡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érprete y lenguaje PHP XML  y  ZLIB
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 versión que tengamos de Joomla.
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 instalamos tiene que tener los permisos de lectura y escritura adecuados.
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 que necesita.
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.
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
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 PHP XML  y  ZLIB
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
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 para nuestro Joomla.
Paso 3  MYSQL en Educastur Más  sencillo  que en local. No  hay que  configurar  la base de datos. Tenemos  una base creada  por centro. Solo necesitamos  nombre y servidor  para configurar Joomla.
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 servidor. Nombre:  campos Servidor:  mysql.educastur.es
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.
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 archivos de Joomla. http://web.educastur.princast.es/cp/nombrecole/joomla Y arrancará la instalación como en  local
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 el Superadministrador
Consejos  antes de construir ¿Qué queremos? Tener  clara la estructura  del sitio, secciones, categorías. Tipos de usuarios. Trabajar partiendo de  cero Trabajar en paralelo, probando  primero en local  y luego en remoto Menos  siempre es  más
Joomla nos facilitará el trabajo y permitirá adelantarnos a los problemas.

Más contenido relacionado

PDF
10 Joomla. Alojamiento Web Gratuito
DOCX
Montar un servidor web win7
PPTX
Plataformas e learning
PPTX
DOCX
Instalacion de joombla
PDF
Joomla 3.0 avanzado
PPTX
Clientes web
PDF
10 Joomla. Manipulacion Del Servidor Web Remoto
10 Joomla. Alojamiento Web Gratuito
Montar un servidor web win7
Plataformas e learning
Instalacion de joombla
Joomla 3.0 avanzado
Clientes web
10 Joomla. Manipulacion Del Servidor Web Remoto

La actualidad más candente (19)

PDF
10 Joomla. Instalacion De Joomla En Un Servidor Remoto
PPT
Cliente web
PPTX
PDF
Soluciones a problemas frecuentes al trabajar con Joomla y Wampserver
PPTX
Practica 1
PDF
Instalación de Servidor Web XAMPP
PDF
Mod 03 servidor remoto
DOCX
Preguntas Wamp
PDF
Instalacion Joomla 1.5
PDF
Wampserver caracteristicas y especificaciones
PDF
Manual Instalación Xampp + Moodle Servidor Local
DOCX
Manual de instalación moodle
PDF
Qué es y como se instala Joomla
PDF
Moodle_Instalacion en localhost
PPTX
Curso Joomla
DOCX
DOCX
Que es wamp server
PPTX
10 Joomla. Instalacion De Joomla En Un Servidor Remoto
Cliente web
Soluciones a problemas frecuentes al trabajar con Joomla y Wampserver
Practica 1
Instalación de Servidor Web XAMPP
Mod 03 servidor remoto
Preguntas Wamp
Instalacion Joomla 1.5
Wampserver caracteristicas y especificaciones
Manual Instalación Xampp + Moodle Servidor Local
Manual de instalación moodle
Qué es y como se instala Joomla
Moodle_Instalacion en localhost
Curso Joomla
Que es wamp server
Publicidad

Destacado (12)

PPTX
Curso de Joomla
PDF
Iniciación a la creación de páginas web con Joomla
PDF
Manual del usuario, Pagina Web UFT
PDF
Como Crear un Blog desde cero.
PDF
Keynote
PDF
Curso de Blog Marketing con Wordpress: Unidad 05 Plantillas de Pago
PDF
Curso de Struts2: Unidad Didáctica 00 Introduccion
PDF
Blog Marketing con Wordpress: Unidad 03 Administración y Contenidos
PDF
Wordpress -> Middleman: Lesson learned in the 2-years since migrating
PPTX
Curso de WordPress en Barcelona
PDF
Vistiendo a WordPress
PDF
Python Advanced – Building on the foundation
Curso de Joomla
Iniciación a la creación de páginas web con Joomla
Manual del usuario, Pagina Web UFT
Como Crear un Blog desde cero.
Keynote
Curso de Blog Marketing con Wordpress: Unidad 05 Plantillas de Pago
Curso de Struts2: Unidad Didáctica 00 Introduccion
Blog Marketing con Wordpress: Unidad 03 Administración y Contenidos
Wordpress -> Middleman: Lesson learned in the 2-years since migrating
Curso de WordPress en Barcelona
Vistiendo a WordPress
Python Advanced – Building on the foundation
Publicidad

Similar a Páginas web en joomla (20)

PPTX
PDF
Que es joomla
PPTX
Curso iniciacion-joomla-3.3-oklan
PDF
Curso.introducción a Xampp y Mysql.José ignacio Valaer Rubio
PDF
Joomla 3
DOC
Informe tecnico instalacion de joomla!
PPSX
Instroducción a Joomla Unicaribe
PPT
Instalacion joomla local
PPT
Presentacion de joomla
PDF
Administración del sitio web avanzado
ODP
Curso web 3
PDF
Producto 4 programacion web
PPT
PPTX
JOOMLA GRUPO.pptx
PDF
02 Joomla. Instalacion De Joomla En Un Servidor Web Local
PPT
Expocision Joomla Alexis Fabian Castillo 2002 0877
PPT
Expocision Joomla
PPT
Cursojoomlabsico 111125234318-phpapp01
PPT
A.3 bolaños.coronel.henry.g2.ppt
Que es joomla
Curso iniciacion-joomla-3.3-oklan
Curso.introducción a Xampp y Mysql.José ignacio Valaer Rubio
Joomla 3
Informe tecnico instalacion de joomla!
Instroducción a Joomla Unicaribe
Instalacion joomla local
Presentacion de joomla
Administración del sitio web avanzado
Curso web 3
Producto 4 programacion web
JOOMLA GRUPO.pptx
02 Joomla. Instalacion De Joomla En Un Servidor Web Local
Expocision Joomla Alexis Fabian Castillo 2002 0877
Expocision Joomla
Cursojoomlabsico 111125234318-phpapp01
A.3 bolaños.coronel.henry.g2.ppt

Último (20)

PDF
Examen Trabajo de Investigación final.pdf
PPT
Programa 5 tecnica y concepto en un ambiente competitivo
PPT
Autocuidado para cualquier persona que desee atender su propia salud mental
PDF
1ra ACTIVIDAD 24 321CCSS 3°2025 FBT..pdf
PPTX
Larry Nasser un Caso para leer y aprender
PPTX
ATRAVEZ DEL MAR ROJO OOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
PDF
Presentación Diapositivas Propuesta Proyecto Creativo Retro Naranja.pdf
DOCX
SILABO. III PRACTIA E INVESTIG 2025.docx
PPTX
Filosofia hispano americano 2020 profesor
PDF
132521686-Modulo-i-Sistemas-de-Permiso-de-Trabajo.pdf
PPTX
Presentacion Educativa Sobre Sexualidad Responsable y Metodos Anticonceptivos...
PPTX
"MÁS A CERCA DEL ALCOHOLIMOSMO AA" LIBRO AZUL
PPTX
"ADMITIMOS QUE ERAMOS IMPOTENTES ANTE EL ALCOHOL Y QUE NUESTRAS VIDAS HABIAN ...
PDF
presentacion_propuesta_de_proyecto_scrapbook_doodle_marron_y_blanco_20250811_...
PPTX
ADQUISICION Y DESARROLLO LENGUAJE MAPA CONCEPTUAL.pptx
PPTX
19-20_Tema 2_Desarrollo cognitivo adolescencia (L2).pptx
PPT
RESOLUCION 2646 INTERSALUD sobre riesgo psicosocial
PDF
MATERIAL ADOLESCENTE PSICOCOLOGIA , SENTIMIENTOS CULPA.pdf
PDF
Sexualidad y genero en los Adolescentes
PDF
Que es PNL, ejercicios, ejemplos, para mejorar
Examen Trabajo de Investigación final.pdf
Programa 5 tecnica y concepto en un ambiente competitivo
Autocuidado para cualquier persona que desee atender su propia salud mental
1ra ACTIVIDAD 24 321CCSS 3°2025 FBT..pdf
Larry Nasser un Caso para leer y aprender
ATRAVEZ DEL MAR ROJO OOOOOOOOOOOOOOOOOOOOOOOOOOOOOO
Presentación Diapositivas Propuesta Proyecto Creativo Retro Naranja.pdf
SILABO. III PRACTIA E INVESTIG 2025.docx
Filosofia hispano americano 2020 profesor
132521686-Modulo-i-Sistemas-de-Permiso-de-Trabajo.pdf
Presentacion Educativa Sobre Sexualidad Responsable y Metodos Anticonceptivos...
"MÁS A CERCA DEL ALCOHOLIMOSMO AA" LIBRO AZUL
"ADMITIMOS QUE ERAMOS IMPOTENTES ANTE EL ALCOHOL Y QUE NUESTRAS VIDAS HABIAN ...
presentacion_propuesta_de_proyecto_scrapbook_doodle_marron_y_blanco_20250811_...
ADQUISICION Y DESARROLLO LENGUAJE MAPA CONCEPTUAL.pptx
19-20_Tema 2_Desarrollo cognitivo adolescencia (L2).pptx
RESOLUCION 2646 INTERSALUD sobre riesgo psicosocial
MATERIAL ADOLESCENTE PSICOCOLOGIA , SENTIMIENTOS CULPA.pdf
Sexualidad y genero en los Adolescentes
Que es PNL, ejercicios, ejemplos, para mejorar

Páginas web en joomla

  • 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. Hablaremos sobre: Páginas estáticas y dinámicas. Joomla en nuestro entorno. Características de Joomla. Instalación en servidor local. Instalación en servidor remoto. Primer paseo por Joomla. Consejos finales.
  • 3. En el principio fueron las páginas estáticas
  • 4. Diseño estático HTML más complejo
  • 5. Era laborioso Html Crear todos los documentos Crear menús Crear los enlaces Problemas de maquetado Un buen diseño es difícil Armar la estructura Subir por FTP contenidos
  • 6. Páginas dinámicas Web con lenguaje PHP, ASP y HTML Necesitan una base de datos Lo que vemos en pantalla es generado en el momento por el servidor. Joomla construye sitios web basados en PHP con base de datos MYSQL.
  • 7. Páginas dinámicas Nuestro PC Servidor remoto PHP Interpreta PHP Base datos HTML (Joomla)
  • 8. Páginas dinámicas Joomla en nuestro entorno CP Antonio Machado CP Atalia CP Montevil CP Evaristo Valle CP Tremañes CP Los Campos CP V. Mareas Educastur IES Nº5 IES Uni . Laboral IES P. Feijoo IES Matajove
  • 9. Desarrolladores de Joomla www.joomla.org www.joomlaspanish.org
  • 10. Motivos para usar Joomla Sistema de código abierto Es gratuito Gestión online Administración sencilla Crea todo tipo de sitios web Resultado final impecable Nos facilita el trabajo Gran comunidad de usuarios Ventajas
  • 11. Algunas Características Técnicas Gestor de contenidos dinámicos (CMS) Funciona con PHP y MYSQL Secciones > Categorías > Artículos Editor de contenidos Panel de administración sencillo Gestión de usuarios Administrador de archivos multimedia Escalable agregando módulos y extensiones Sistema de encuestas dinámicas Estadística de visitas Sindicación de noticias Diseño profesional con plantillas
  • 12. ¡Hacia la instalación y más allá! Coordinador TIC
  • 13. Joomla Instalación en un servidor local Nuestro ordenador
  • 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. Paso 1 : Instalamos EasyPHP Descargamos Easyphp de sourceforget.net y lo ejecutamos Seleccionamos el idioma
  • 16. Aceptamos la Bienvenida y la Licencia
  • 18. Se lanza la instalación
  • 19. Se inician los servidores y vemos el icono
  • 20. Sigamos el rastro a Easyphp
  • 21. Paso 2 : Configuramos Mysql Picamos en el icono Easyphp > Administración > Mysql Gestion
  • 22. 2.1 . Creamos un usuario administrador Picamos en “Privilegios”
  • 23. Picamos en “Agregar nuevo usuario”
  • 24. Rellenamos los campos pedidos ¡¡Anota estos datos!!
  • 25. Asigna privilegios totales en la misma página
  • 26. Ya tenemos al usuario administrador creado Picamos en “localhost” y volvemos al administrador de Mysql
  • 27. 2.2. Creamos la base de datos poniendo el nombre, el juego de caracteres del cotejamiento.
  • 28. Mysql crea una base de datos con (0) tablas.
  • 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. Con EasyPHP iniciado; en nuestro navegador escribimos: http://localhost/joomla y arranca la instalación Paso 1
  • 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. Se muestran las condiciones de la licencia Paso 3
  • 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. 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. 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. Termina la instalación indicándonos que borremos la carpeta “installation” en EasyPHP > www > joomla Paso 7
  • 37. Accedemos al inicio de nuestra web con: http://localhost/joomla
  • 38. Joomla Instalación en un servidor remoto Educastur
  • 39. Instalar Joomla en servidor remoto Requisitos Servidor Apache Servidor de bases de datos Mysql Intérprete y lenguaje PHP XML y ZLIB
  • 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. Paso 2 Solicitamos permisos Nos ponemos en contacto con el Webmaster de Educastur
  • 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. Paso 3 MYSQL en Educastur Más sencillo que en local. No hay que configurar la base de datos. Tenemos una base creada por centro. Solo necesitamos nombre y servidor para configurar Joomla.
  • 44. Entramos en el servicio de hospedaje y MySQL http://web.educastur.princast.es
  • 45. Nos pedirán datos de nuestro centro
  • 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. 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.
  • 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. Primer paseo por Joomla http :// web.educastur.princast.es / cp / nombrecole / joomla Front-end
  • 51. Acceso al Back-end Usuario y contraseña
  • 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. Consejos antes de construir ¿Qué queremos? Tener clara la estructura del sitio, secciones, categorías. Tipos de usuarios. Trabajar partiendo de cero Trabajar en paralelo, probando primero en local y luego en remoto Menos siempre es más
  • 54. Joomla nos facilitará el trabajo y permitirá adelantarnos a los problemas.