PROYECTO PRODUCTIVO

UNIDAD DIDACTICA: DISEÑO WEB

I PARTE INSTALACION EN MODO LOCAL
1.- ¿Qué es Joomla!?
Joomla! es un tipo de CMS, es decir, es software para el manejo de
contenidos de websites directamente desde el servidor, en español se
conoce este como Sistema Gestor de Contenidos construido con PHP.
Este administrador de contenidos se usa para publicar en Internet e
intranets utilizando una base de datos MySQL.
Joomla! es software libre, abierto y está disponible para cualquiera bajo
licencia GPL. No se puede afirmar que sea perfecto, y no se puede prometer
que resolverá todas las necesidades en el mundo. Pero el software de
Joomla! se ajusta perfectamente al trabajo en muchas aplicaciones web. Se
están añadiendo nuevas características importantes en cada versión, y con
la ayuda y consejos de la increíble comunidad de usuarios se podrá seguir
proporcionando software de reconocido valor en los años venideros.

INSTALAR XAMPP Y LUEGO EJECUTAR start en Apache Y Mysql

Ingresar al idioma especificado Pantalla principal del xampp .

Creación de Mase de datos en http://localhost/phpmyadmin/ .

por tanto. te saluda en español. Haz clic enSiguiente para continuar. Joomla. LUEGO abrir un browser y escribir http://localhost/web/ .Descomprimir el archivo de Joomla en la carpeta C:\xampp\htdocs. crear una carpeta EJEMPLO: WEB Asistente de instalación – Paso 1. IDIOMA El primer paso de la instalación es elegir el idioma del sistema. De forma predeterminada aparece seleccionado el idioma que corresponde al lenguaje configurado en tu navegador.

Asistente de instalación – Paso 2. COMPROBACIÓN PREINSTALACIÓN La importancia de este segundo paso radica en la evaluación de las características de tu servidor para averiguar si será capaz o no de ejecutar Joomla 2.5. Después de las comprobaciones hacer clic en siguiente Después de leer el contrato de uso de la licencia hacer clic en siguiente .

Personalizar la configuración de la base de datos. Con el objetivo de resolver esta situación. Esta capa sólo es de utilidad si el . de modo que cada vez que Joomla necesite acceder a un archivo lo haga mediante este protocolo. que impedían acceder a ciertos archivos y carpetas. BASE DE DATOS Este es el paso más delicado porque tienes que cumplimentar los datos referentes a la configuración de la base de datos que creaste en el servidor local: el nombre del servidor.5. en lugar de mediante el protocolo HTTP que es el configurado de forma predeterminada. CONFIGURACIÓN FTP Probablemente la mayor fuente de problemas para antiguos usuarios de Joomla era la diferenciación de usuarios / privilegios en los sistemas UNIX. ni siquiera podrás continuar con la instalación. Asistente de instalación – Paso 5. desde la versión de Joomla 1. Y si no lo haces correctamente. el nombre de usuario. la contraseña y el nombre de la base de datos. se ha incluido una capa opcional de gestión de archivos basada en FTP. En un servidor remoto estos datos te los habrá proporcionado tu proveedor de servicios (es el caso de las webs institucionales educativas asturianas) o bien podrás gestionarlos a través de su Cpanel.Asistente de instalación – Paso 4. Para resolver este problema solía ser necesario cambiar los privilegios individuales de cada uno de estos archivos – carpetas resultando una tarea bastante tediosa.

establecer tu contraseña de administrador e incluso la posibilidad de migrar datos desde instalaciones previas de Joomla .servidor en el que está instalado Joomla 2. pues en los sistemas Windows los usuarios y sus privilegios se gestionan de un modo diferente que no causa este tipo de problemas.5está basado en UNIX / Linux. no si el servidor es Windows. Asistente de instalación – Paso 6. tu dirección de correo electrónico. CONFIGURACIÓN Aquí debes configurar algunos detalles sobre el sitio como su nombre.

organizados y comprimidos (en una palabra. En Ubuntu tendrás que navegar por el sistema de archivos para borrar la carpeta instalation de manera manual..Asistente de instalación – Paso 7. Localiza la carpeta installation y bórrala directamente con la tecla Suprimir de tu teclado. Estos elementos deben estar programados. Hacer clic en Eliminar la carpeta de Instalación Install La ventana también te recuerda que debes utilizar como nombre de usuario de acceso admin cuando quieras iniciar el sistema. www (doble clic) y portal (doble clic). por motivos de seguridad.Elementos de Joomla! Joomla consta de distintos elementos dinámicos para su funcionamiento que permiten modificar el sitio. FINALIZAR Esta última pantalla te advierte que debes borrar la carpeta instalación del servidor. Pulsa el botón Eliminar la carpeta de instalación para que Joomla se encargue también de esto. Hasta que no la borres y elimines todo su contenido no puedes comenzar a usarlo. Para ello acude a la carpeta var (doble clic). empaquetados) según las . Vuelve al navegador y observa que la ventana del último paso tiene dos opciones: 3. para comenzar a utilizar Joomla.

La instalación estándar de Joomla! incluye los componentes: Banners (anuncios). Menú Superior. y la lista puede seguir creciendo. Encuestas y Enlaces Web. Los módulos son muy fáciles de instalar en el Administrador (Back-end). Módulos. Componentes Los Componentes son elementos del núcleo de Joomla! con una funcionalidad determinada y que se muestran en el cuerpo principal de la plantilla del sitio web. Contactos. Dependiendo del diseño de la plantilla utilizada. suelen estar en el centro de la página web. Noticias Externas. Noticias Externas. La instalación habitual de Joomla! incluye 2 plantillas pre-instaladas: ‘madeyourweb’ y ‘rhuk_solaflare_ii’. para lograr un estándar y que estos puedan ser desempaquetados e instalados por com_installer que es un componente de administración que posee Joomla. Un ejemplo del código de un módulo es: <?php mosLoadModules ( ‘module position’ ). Pero a través de las siguientes ligas se pueden descargar templates para ser asignadas a nuestro sitio Directorio de Extensiones Joomla! o al Sitio del Desarrollador. Selector de Plantilla.especificaciones del desarrollo y directivas de codificación de Joomla. Encuestas. Mambots Un Mambot es una pequeña función orientada a una tara que intercepta cierto tipo de contenido u lo manipula de algún modo. Los elementos dinámicos que pueden instalarse son: Componentes. Un Módulo es un pequeño artículo de contenido que puede mostrarse en cualquier parte que la plantilla lo permita.php Este archivo contiene código HTML. etc. Esta se almacena en una base de datos MySQL. Contador de Accesos. Módulos Los Módulos amplían las posibilidades de Joomla! proporcionando nueva funcionalidad al software. Mambots.?>. Templates La plantilla (template) y sus archivos asociados proporcionan el ‘aspecto visual y el manejo’ del sitio web y se mantienen separados del contenido del sitio. y proporciona el soporte . Joomla! incluye los módulos: Menú Principal. Algunos de ellos son Editores WYSIWYG. PHP y posiblemente JavaScript. y Templates. {mosimage} y {mospagebreak} ya incluidos en Joomla!. Lenguajes. Habitualmente constan de los siguientes archivos: Nombre del Archivo Detalles index. Los archivos de la plantilla se ubican en la carpeta ‘templates’ en la carpeta de instalación de Joomla!.

jpg o . Además.xm l Este archivo contiene los detalles descriptivos de la plantilla y las referencias a todos los archivos usados.Modificar la apariencia desde Back-end. colores… Pueden existir tantos archivos CSS como usted desee proporcionar en la referencia HTML del archivo index. una imagen en miniatura del diseño del sitio web. en combinación con los archivos . ?> Nota: Aunque en este ejemplo se ha dividido el código en tres líneas.png. esta Hoja de Estilos en Cascada (CSS) contiene el código que define el estilo visual del sitio web.php. si está activado. en la práctica no deben existir espacios. Debe crear una cuenta con los permisos necesarios para poder darle una nueva configuración a la página. Template_css. en el Administrador de Plantillas para proporcionar.css y las imágenes. el archivo css… template_thumbnai l. Una vez que ya este dado de alta como usuario de joomla.css Situado en la carpeta ‘css’ del directorio de la plantilla.php. 4. Debe estar situado en el directorio raíz de la plantilla. ejemplo: index.localhost/web/administrator que le desplegara la siguiente pantalla y usted lo llenará con el nombre de usuario que se le asigno y la contraseña para permitirle el acceso al Back-end: .. Constituyen los elementos gráficos del diseño del sitio web. debe acceder al formulario de acceso a través del link: www. determinan la estructura del diseño y los elementos de contenido del sitio. . Por ejemplo: <?php echo "<link rel=\"stylesheet\"href=\"$GLOBALS [mosConfig_live_site]/templates/ $GLOBALS[cur_template] /css/template_css.gif. ejemplo: tamaños de letra. Archivos de Imagen Estos archivos están situados en la carpeta ‘images’ y pueden ser .css\" type=\"text/css\"/>" . templateDetails.png Este archivo se usa.para el diseño de su sitio web.

Panel de Acceso de modo administrador Panel de la pantalla de Administración de componentes el Joomla 2.5 .

II PARTE INSTALACION EN MODO SERVIDOR PROPIETARIO 1. Registro de DOMINIO: .

edu. INGRESAR AL PANEL DE CONTROL DE CPANEL: EJEMPLO: http://www.2.iestphuancavelica. DIRECCIONAR EL DOMINIO A LOS DNS DEL HOSTING INGRESANDO AL MENU ADMINISTRAR 3.pe:2082 .

VISTA DEL PANEL PRICIPAL 5.4. CREACION DE LA BASE DE DATOS PARA EL JOOMLA .

DE MODO MYSQL 7. GESTIONAR PLANTILLAS .6.

8. ACTIVAR LA PLANTILLA 10. INSTALAR MODULOS A TRAVES DEL GESTOR DE EXTENSIONES 9.ACTIVAR OPCIONES DE LA PLANTILLA .

Vista previa del módulo de visitas Para ubicar la ubicación de módulos escribir: ?tp=1 http://www.11.iestphuancavelica.pe/portal/?tp=1 .edu.Instalando módulo de visitas vinaora ( activar el plugin y poner la posición donde mostrar) 12.

13.SEGURIDAD .