ACTIVIDAD 12 TRABAJO COLABORATIVO No 3

LINA FERNANDA CONTO ALBORNOZ

C.C. 29.683.564

Tutor Mauricio Perdomo Vargas

Diseño de Sitios Web (301122-5)

UNIVERSIDAD ABIERTA Y A DISTANCIA – UNAD

ESCUELA DE CIENCIAS BASICAS, TECNOLOGIA E INGENIERIA
21 de Noviembre de 2010

1
 CONTENIDO

Pág.

INTRODUCCIÓN 3

1. Objetivos 4
2. Informe Practicas No 5 y 6 5
3. Conclusiones 2
Bibliografía 13

2
 INTRODUCCION

El presente trabajo escrito, tiene como objetivo mostrar una descripción de la creación de
una páginas Web, utilizando un Hosting para su albergue, además del CMS Joomla.

Joomla es un Sistema de Gestión de Contenidos (CMS) reconocido mundialmente, que

ayuda a construir sitios web y otras aplicaciones en línea potentes. Lo mejor de todo, es que
Joomla es una solución de código abierto y está disponible libremente para cualquiera que
desee utilizarlo.

Para realizar el siguiente trabajo, tome como base las guías, el modulo del curso, el aula
virtual y en las experiencias que tengo frente al tema.

En este trabajo podrán encontrar, los objetivos, el informe de las prácticas 5 y 6, las
conclusiones y las biografías de las páginas utilizadas como material de ayuda.

3
 OBJETIVOS

 Registrar un dominio o un subdominio de manera gratuita en un Hosting.

 Instalar Joomla de manera local y remota.

 Conocer y aplicar lenguaje java script en la elaboración de Sitios Web.

 Diseñar y publicar Sitios Web con el CMS Joomla.

4
 INFORME PRÁCTICAS NO 5 Y 6

Crear un Hosting Gratuito:

Primero que todo, debemos adquirir en un Hosting gratuito un Sitio Web, para ello escogí
http://www.idomyweb.es/.

Para empezar a registrar el dominio o subdominio, debo llenar un formulario de datos que se
encuentra al lado derecho de la pantalla, y por ultimo dar clic en el botón Procesar Alta.

5
Luego nos aparece una ventana con un botón, el cual debemos dar clic para continuar.

Posteriormente, tenemos que ingresar un código de seguridad para validar la información

suministrada, y damos clic en el botón register.

6
Después nos muestra un mensaje diciendo que a nuestro correo electrónico a llegado un
mensaje de activación.

Ingresamos a nuestro correo en gmail, y en la bandeja de entrada aparece el siguiente

mensaje, el cual nos pide dar clic en un enlace para realizar la confirmación de la cuenta.

Y nos aparece la siguiente ventana, donde tenemos que ingresar un código de verificación y
dar clic en el botón Register.

Al verificar la cuenta nos lleva al panel de control del sitio.

7
Creación de una Base de datos:

Ahora tenemos que crear una BD, en la opción Bases de datos, Bases de datos MySQL.

8
Le damos como nombre prueba a la BD, y clic en el botón Crear base de datos.

Luego nos aparece una ventana donde nos indica los datos de la base de datos, la
contraseña es la misma del sitio.
9
Instalación de Joomla de manera remota:

Debemos tener instalado un cliente FTP, en mi caso instale FileZilla_3.3.4.1_win32-setup,

así: Ejecutamos el instalador, clic en I Agree, determinamos los usuarios que tendrán acceso
a la aplicación, clic en Next, seleccionamos los componentes a instalar, clic en Next, la
carpeta de destino que por defecto es C:\Archivos de programa\FileZilla FTP Client, clic en
Next, el menú donde aparecerá, clic en Install. Por último empezamos a ejecutar la aplicación
y clic en Finish.
Al realizar estos pasos nos aparece la siguiente ventana:

10
En ella debemos ingresar el nombre del servidor FTP, nombre de usuario y contraseña, para
conectarnos con la base de datos del sitio. Estos datos los obtenemos del panel de control
de nuestro sitio.

11
Con estos datos podemos ir al FileZilla, digitarlo y dar clic en el botón Conexión rápida.

12
Ahora tenemos que descomprimir la carpeta de instalación del Joomla

Luego tenemos que copiar todos los archivos de instalación de Joomla en la carpeta /htdocs.
Este proceso dura alrededor de unos 15 a 20 minutos.

13
Cuando todos los archivos se han copiado a la carpeta del servidor, abrimos el navegador y
escribimos http://linaconto.idomyweb.com/ en la barra de direcciones, y a aparece la
siguiente pantalla de instalación del Joomla.
Primero debemos configurar el idioma, escogemos español.

Luego hace una comprobación previa, de que los archivos hayan sido copiados y tengan los
permisos habilitados.

Ahora nos muestra una pantalla donde menciona el tema de las licencias.

14
Ahora configuráremos los datos de conexión de la base de datos.

Configuración de FTP, aquí no habilitamos la capa FTP para la gestión de archivos.

15
Terminamos la instalación, y para poder continuar debemos borrar la carpeta de instalación,
desde el FileZilla.

Estando conectados desde FileZilla, ubicamos la carpeta instalation y la borramos.

16
Empezando a crear los contenidos del sitio:
Ahora podemos identificarnos como administradores para empezar a trabajar.

17
Ahora entraremos al panel de control del administrador.

Si miramos una previsualización de nuestro sitio, se verá algo como este sin nada de
contenidos.

Necesito instalar una plantilla, para ello, debo dar clic en el menú Extensiones,
Instalar/Desistalar.
Doy clic el botón examinar, me aparece un cuadro de dialogo donde busco donde tengo la
plantilla, clic en abrir. Al hacer estos paso me aparece un mensaje de confirmación.

18
Ahora me dirijo al menú Extensiones, Gestor de Extensiones, para activar la plantilla que he
instalado. Para hacerlo, debo selecciona la plantilla y dar clic en el botón Predeterminado.

19
Para visualizar un reloj contador y videos, debo instalar algunos plugins: plg_jw_allvideos-
v3.3_j1.5 para ver los videos de youtube en mi sitio, y vinaora_visitors_counter_2.0 para
colocar un contador de visitas.
Para ello me dirijo al menú Extensiones, Instalar / Desinstalar, escojo el comprimido y clic en
Subir archivo.

Después de haber instalado los dos complementos, debo verificar si están activados; esto lo
hago desde el menú Extensiones, Gestor de Plugins. Si aparece con una equis roja, quiere
decir que no está activado, por lo tanto debo dar clic sobre ella hasta que aparase un icono
verde que significa que ha sido activado.

20
Como el contador de visitas esta en ingles, debo traducir algunas frases que aparecen en el.
Para ello me dirijo al menú extensiones, Gestor de módulos, escojo el contador y doy clic
sobre el para editarlo, cuando haya modificado los datos, doy clic en el botón Guardar.

21
Ahora creare las tres secciones (Noticias – Clasificados – Videos). Para ello doy clic en el
menú Contenido, Gestor de Secciones, y clic en el botón nuevo para empezar a crearlas.

Y procedo a llenar los datos que me piden como el titulo, un alias y una descripción, clic en
guardar.

22
Ahora tengo mis 3 secciones: Noticias, clasificados y videos.

23
Luego necesito crear las categorías: (4 para noticias, 1 para clasificados y 1 para videos).
Para ello debo dar clic en el menú Contenido, Gestor de Categorías, Nuevo.

Debo ingresar datos como el titulo, alias, una descripción y clic en el botón Guardar.

24
Ya tengo mis 4 categorías de noticias: Cali, Judicial, Deportes, Tecnología.

Lo mismo hago para Categoría de los clasificados, y videos, solo debo cambiar a que
sección corresponden.

Ahora debo crear los artículos respectivos. En el menú Contenido, Gestor de Artículos, clic
en Nuevo.

25
Lleno los datos que aparecen en el formulario, tales como título, alias, sección, categoría,
entre otros.

Si quiero una imagen dentro de mi artículo, debo copiarla desde el FileZilla así: busco la
imagen que necesito y que tengo en mi disco duro, y la arrastro hasta la carpeta de
imágenes del servidor.

26
Ahora tengo creado todos mis artículos de noticias.

27
Ahora debo realizar un artículo que tenga cuatro videos relacionados con las noticias
publicadas. Para ello debo dar clic en nuevo y llenar los siguientes datos, además de indexar
el video con el siguiente formato.
Formato:
{youtube}video_id{/youtube}

Ahora tengo todos mis artículos creados.

28
Ahora debo crear los menús que van a estar visibles para los usuarios, desde donde podrán
acceder a todos los contenidos del sitio.
Para ello me voy al menú Menus, Gestor de Menús, Nuevo.

Lleno el formulario con los datos que me piden, y doy clic en el botón Guardar.

29
Después de haber creado todos los menús que necesito (principal, Noticias, Videos,
Clasificados, Informe), debo adicionarle los ítems que tendrá. Para ello doy clic en cada uno
de los menús, en el botón Editar Items del menú.

Ahora debo crear los ítems para cada menú, dando clic en el botón nuevo.

30
Debo crear el ítem del menú, dependiendo que contenga este, como voy a anexar artículos,
escojo la opción Artículo, Presentación del artículo.

Me aparece un formulario, donde debo ingresar ciertos datos, además de escoger el articulo
a indexar.

31
Para el menú clasificado, escoger el ítem enlaces Web y llenar los siguientes datos.

32
Ahora tengo todos mis menús creados.

Debo asegurarme que los menús estén habilitados, para que sean visibles. En el menú
Extensiones, Gestor de Módulos, verifico que estén habilitados o publicados.

33
Para cambiar el texto que aparece en la barra de titulo del navegador, me dirijo a Menús /
Menú principal / Inicio / Parámetros del sistema / Título de la página.

34
%__!%_"%_ñ
CONCLUSIONES

Al finalizar este trabajo, descubrí las múltiples ventajas que tiene el CMS Joomla, ya que
aunque lo había escuchado, no sabía con exactitud que era una poderosa herramienta para
crear sitios Web.

Al trabajar desde cero con este CMS, pude comprender las ventajas que posee, alguna
como:

Organización del sitio web: Joomla está preparado para organizar eficientemente los
contenidos de su sitio en secciones y categorías, lo que facilita la navegabilidad para
los usuarios y permite crear una estructura sólida, ordenada y sencilla para los
administradores. Desde el panel administrador de Joomla usted podrá crear, editar y
borrar las secciones y categorías de su sitio de la manera en que más le convenga.
Publicación de Contenidos: Con Joomla CMS podrá crear páginas ilimitadas y
editarlas desde un sencillo editor que permite formatear los textos con los estilos e
imágenes deseados. Los contenidos son totalmente editables y modificables.
Escalabilidad e implementación de nuevas funcionalidades: Joomla ofrece la
posibilidad de instalar, desinstalar y administrar componentes y módulos, que
agregarán servicios de valor a los visitantes de su sitio web, por ejemplo: galerías de
imágenes, foros, newsletters, clasificados, etc.
Administración de usuarios: Joomla le permite almacenar datos de usuarios
registrados y también la posibilidad de enviar E-mails masivos a todos los usuarios. La
administración de usuarios es jerárquica, y los distintos grupos de usuarios poseen
diferentes niveles de facultades/permisos dentro de la gestión y administración del
sitio.
Diseño y aspecto estético del sitio: Es posible cambiar todo el aspecto del sitio web
tan solo con un par de clicks, gracias al sistema de templates que utiliza Joomla.
Navegación y menú: Totalmente editables desde el panel administrador de Joomla
Administrador de Imágenes: Joomla posee una utilidad para subir imágenes al
servidor y usarlas en todo el sitio.
Disposición de módulos modificable: En un sitio creado con Joomla, la posición de
módulos puede acomodarse como se prefiera.
Encuestas: Joomla posee un sistema de votaciones y encuestas dinámicas con
resultados en barras porcentuales.
Feed de Noticias: Joomla trae incorporado un sistema de sindicación de noticias por
RSS/XMS de generación automática
Publicidad: es posible hacer publicidad en el sitio usando el Administrador de
Banners
Estadísticas de visitas: con información de navegador, OS, y detalles de los
documentos (páginas) más vistos.

35
 BIBLIOGRAFIA

Puentes Andrade, Orlando. Guía Didáctica Diseño de Sitios Web, Universidad Abierta
y a Distancia UNAD, Bogotá, Diciembre 2005.

Aula virtual: Ingeniería de las telecomunicaciones.

Thomas A. Powell. Diseño de sitios Web. Manual de referencia. Editorial McGraw Hill.

Manual All videos: instalación configuración y mantenimiento. En Yafaonline, 17 de

marzo de 2008, http://www.yafaonline.com/portal/joomla/-joomla-tutoriales/manual-
allvideos-instalacion-configuracion-y-funcionamiento.html, consultada el 19 de
noviembre de 2010.

Manual de instalación de Joomla. En Comunidad Joomla,

http://comunidadjoomla.org/component/content/article/147-manual-de-instalacion-para-
joomla-15x.html?start=8, consultada el 19 de noviembre de 2010.

36