Creación de Páginas Web usando joomla<br />Walter Fernando CuencaCabrera<br />Ciencias de la Computación<br />U.T.P.L.<br />
En éstetiempoesmuy importante aprovecharlasherramientasgratuitasque se encuentran en la red y aplicarlas para beneficio pe...
QuéesJoomla?<br />    	Joomla! es un software de gestión de contenidos para sitios web, hecho completamente en PHP. Se pub...
Descarga e Instalación de WampServer<br />Vamos al siguiente link: www.WampServer.com y descargamoselprograma.<br />Una ve...
Descarga e Instalación de WampServer<br />Y damos clic en Instalar.<br />Durante la descargaaparecerá una ventanapreguntan...
Descarga e Instalación de WampServer<br />Una vez el programa esté instalado en nuestra PC, lo ejecutamos y para ponerlo e...
Descarga e Instalación de Joomla<br />Vamos a descargar Joomla desde la siguiente dirección: http://www.joomlaspanish.org/...
Descarga e Instalación de Joomla<br />El siguiente paso es leer la licencia del programa, y hacer clic en siguente.<br />E...
Descarga e Instalación de Joomla<br />Despues encontraremos una pantalla para la configuración de la Capa FTP, este paso n...
Descarga e Instalación de Joomla<br />Con esto hemos terminado nuestra instalación de Joomla, y podremos accesar a nuestro...
Sitio web creado con joomla<br />Elsitioesrealizado solamente usando losprogramasJoomla y WampServer,.<br />Elsitioestacom...
Página web creada<br />Inserisco una imágen del sitiocreado.<br />
En vista que no puedorealizarmásdiapositivaslesdejoenlaces donde puedenencontrarinformacióndetallada para crear páginas we...
Upcoming SlideShare
Loading in …5
×

Practica profesional walter_cuenca

1,092 views
1,036 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
1,092
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
21
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Practica profesional walter_cuenca

  1. 1. Creación de Páginas Web usando joomla<br />Walter Fernando CuencaCabrera<br />Ciencias de la Computación<br />U.T.P.L.<br />
  2. 2. En éstetiempoesmuy importante aprovecharlasherramientasgratuitasque se encuentran en la red y aplicarlas para beneficio personal.<br />Explicarécomo usar Joomla un programa open source para realizarsitios web gratuitamente.<br />Utlizaréaunque una plataforma de esvilupo web/database que me sirvecomo server y data base se llamaWampServer.<br />Para desarrollarelsitio en casa sin conexión a internet instalaré Apache, un web server que lo usarécomolocalhost.<br />Creación de Páginas web usando software libre.<br />
  3. 3. QuéesJoomla?<br /> Joomla! es un software de gestión de contenidos para sitios web, hecho completamente en PHP. Se publica bajo licencia de código abierto GNU GPL v.2. Nació en septiembre de 2005 tras una divisióne (fork) del código de la CMS (Content Management System) Mambo; en la actualidad se está desarrollando rápidamente bajo la guía de un grupo de desarrolladores (en la mayoría de ex-desarrolladores de Mambo) agrupados en la asociación no-profit openSource Matters.<br /> El CMS se distribuye como un paquete comprimido. Simplemente descomprima el archivo en una carpeta pública en un servidor Web con soporte para PHP y tener acceso a una base de datos MySQL para los datos en el programa. Después de un proceso de instalación (más correctamente, la primera configuración) de unos pocos minutos, el sitio está en funcionamiento.<br />Qué es WampServer?<br />WampServer es un acrónimo utilizado para describir una plataforma para el desarrollo web o base de datos que toma su nombre de las iniciales de los componentes de software que se hace.<br /> Se desprende de WAMP (plataforma) que es la evolución; lanzado por primera vez el 21/11/2007. WampServer es gratuita y está libre y liberado bajo la licencia GNU General Public License. Está disponible en dos versiones del instalador (autoinstalable) y el código postal (que no requiere instalación), es útil comenzar WampServer desde una memoria USB.<br />Etimología<br />
  4. 4. Descarga e Instalación de WampServer<br />Vamos al siguiente link: www.WampServer.com y descargamoselprograma.<br />Una vezdescargadoelprograma lo ejecutamos y en la primeraventanaque se nos presenta damos clic en next.<br />Apareceráotraventana en la cual non pide de aceptar la licencia.<br />Despuésseleccionamos la carpeta de destino dodnedeseamosdescargarelprograma por lo general C:Wamp y damos clic en next.<br />Seleccionamos la opción crear icono en el desktop si deseamos y damos clic en next.<br />
  5. 5. Descarga e Instalación de WampServer<br />Y damos clic en Instalar.<br />Durante la descargaaparecerá una ventanapreguntandonos de indicar elbuscadorquedeseanutilizar con WampServer, puedenseleccionarfirefox, explorer, opera,etc, y damos clic en abrir.<br />En la siguienteventananospedirá de seleccioanarelprotocolo de transferencia de sevicio de mail (SMTP), dejamosel valor por defaul (localhost) e indicamos la dirección de correo electrónico y luegodamos clic en next.<br />Por últimodamos clic en Finish, con estohemostermiando la instalación de WampServer.<br />
  6. 6. Descarga e Instalación de WampServer<br />Una vez el programa esté instalado en nuestra PC, lo ejecutamos y para ponerlo en español, nos vamos con clic derecho sobre el iconito que generó en la barra de tareas (al lado del reloj), y definimos language > spanish.<br />Ahora, comencemos a utilizarlo…Lo primero es encender el servidor, para ello hacemos clic (normal) sobre el ícono en nuestra barra de tareas, y le damos clic a “Encender”. Y luego clic a “Iniciar los servicios”.<br />Hasta aquí tenemos montado nuestro servidor local!Para probarlo, accederemos a nuestro localhost, para ello, abrimos nuestro navegador favorito y tecleamos la siguiente url: http://localhost/<br />Nos debería abrir una página como la siguiente:<br />
  7. 7. Descarga e Instalación de Joomla<br />Vamos a descargar Joomla desde la siguiente dirección: http://www.joomlaspanish.org/<br />Una vez descargado debes descomprimirlo. Si no sabes cómo hacerlo, aquí tienes un artículo que te ayudará: Comprimir y Descomprimir archivos RAR, 7Z, ARJ, LZH<br />Una vez descargado Joomla, lo decomprimiremos en la carpeta www, de nuestro servidor local, recuerda que el nombre de la carpeta varia dependiendo la configuración de tu localhost. En mi caso como uso WampServer el path será c:wampwwwJoomla<br />Empezamos con la instalación de Joomla, para esto escribiremos en nuestro navegador la siguiente URL “http://localhost/installation/index.php”, nos mostrara una pantalla donde tendremos que elegir el idioma de instalación, y despues haremos clic en el botón siguiente, situado en la parte superior derecha.<br />En la siguiente pantalla, debemos verificar que todos los campos esten de color verde, para asi tener una instalación completamente funcional y sin ningun error. Si todo esta bien, hacemos clic en sigueinte.<br />
  8. 8. Descarga e Instalación de Joomla<br />El siguiente paso es leer la licencia del programa, y hacer clic en siguente.<br />En la siguiente pantalla, debemos rellenar los campos con la información de nuestra base de datos<br />Para crear nuestra base de datos nos vamos al panel de control de wampserver que se encuentra en la parte inferior derecha, hacemos clic el con el boton secundario del mouse y elegir la opcion phpMyAdmin.<br />En la finestra que se nos abre inserimos el nombre para la nuestra basa de datos y damos clic en crear.<br />Ahora que hemos creado nustra db compilamos los campos dela siguiente manera:<br />Tipo de base de datos: seleccionamos mysql<br />Nombre del Servidor: localhost<br />Nombre de usuario: root<br />Contraseña: “dejaremos en blanco”<br />Nombre de la base de datos: “Inserimos el nombre de la base de datos creada precedentemente”<br />Y damos clic en el boton siguiente.<br />
  9. 9. Descarga e Instalación de Joomla<br />Despues encontraremos una pantalla para la configuración de la Capa FTP, este paso no es necesario llenarlo nuestro hosting, procedemos a presionar el botón siguiente.<br />El paso siguiente sera llenar el nombre que tendra nuestro sitio web, el correo del administrador, asi como su contraseña y damos clic en siguiente.<br />En la siguiente pantalla, nos aparecera un mensaje que nos indica que debemos eliminar completamente el directorio de instalación.<br />Para eliminarlo, debemos entrar a los arhivos de Joomla, que se encuentran dentro de la carpeta C:wampJoomlawww, y eliminar completamente la carpeta llamada “installation”.<br />
  10. 10. Descarga e Instalación de Joomla<br />Con esto hemos terminado nuestra instalación de Joomla, y podremos accesar a nuestro panel de administración desde la siguiente URL, “http://localhost/Joomla/administrator/index.php”, despues ingresamos nuestro nombre de usuario que es “Admin”, y nuestra contraseña que ingresamos anteriormente.<br />Hecho esto ya estaremos dentro de nuesto panel de administración de Joomla<br />Con esto hemos terminado la instalación de Joomla.<br />
  11. 11. Sitio web creado con joomla<br />Elsitioesrealizado solamente usando losprogramasJoomla y WampServer,.<br />Elsitioestacompuesto de 4 partes, la parte superior, dereche e izquierda.<br />En la parte superiortenemos 6 opciones (Inicio, Explicación del programaJoomla, Instalación de Wampserver, Instalación de Joomla , Trabajar con joomla y Contacto).<br />En el menu Iniciohe dado una descripción de lo que significa Alfabetización Informática.<br />En el menu QuéesJoomla? Hago una breve introducción del programaquevamos a utilizar para queel utente se familiarice con Joomla.<br />En el menu Instalación de Wampserverhedescritodetalladamenteelprocedimiento para instalarelprograma en nuestroordenador.<br />En el menu Instalación de Joomlahedescritodetalladamenteelprocedimiento para instalarelprograma en nuestroordenador.<br />En el menu trabajar con Joomlahepublicado un tutorial queenseñapaso a pasoelutilizo de joomla.<br />En el menu Contactolosvisitantespuedendejarsusinquietudes y sugerencias para eladministrador del sitio.<br />En la parte inquierdatenemos la opción Buscar, Registro del usuario y enlaces a Youtube e Facebook.<br />En la parte derechaheinserido una encuesta, 2 enlacesdescargarJoomla e videos en Youtube, además de una vista quenos indica losusuariosqueestán visitandola página.<br />
  12. 12. Página web creada<br />Inserisco una imágen del sitiocreado.<br />
  13. 13. En vista que no puedorealizarmásdiapositivaslesdejoenlaces donde puedenencontrarinformacióndetallada para crear páginas web con joomla:<br />http://www.scribd.com/doc/12865188/Guia-de-Usuario-Joomla-15x<br />http://www.youtube.com/watch?v=VeTfhGjAOj4&feature=related<br />http://ayuda.joomlaspanish.org/content/view/46/31/<br />http://www.chw.net/foro/webmasters-f91/27597-guia-de-manejo-de-joomla-primera-parte-configuracion.html<br />Espero queéste material lessirva para quedesarrollensunpáginas web sin problemas.<br />Gracias.<br />Sitiosrecomendados<br />

×