Upload
others
View
2
Download
0
Embed Size (px)
Citation preview
1
I RESULTADOS DE APRENDIZAJE
En esta guiacutea de praacutectica se pretende
bull Administrar del moacutedulo de Joomla para mostrar el menuacute
bull Crear nuevos menuacutes dentro de un sitio Web bajo Joomla
bull Crear elementos (iacutetems) dentro de un menuacute
bull Crear menuacutes con enlaces externos
II INTRODUCCIOacuteN
Los menuacutes
El sistema de navegacioacuten principal de los sitios web se crea utilizando menuacutes tal como muestra la
imagen siguiente
UNIVERSIDAD DON BOSCO
FACULTAD DE INGENIERIA
ESCUELA DE COMPUTACIOacuteN
Ciclo I
Desarrollo de Aplicaciones Web con Gestores de Contenido
Guiacutea Ndeg 3
Creacioacuten de menuacutes con Joomla
2
La importancia de realizar un buen sistema de navegacioacuten implicaraacute que los usuarios lleguen con
facilidad a la informacioacuten buacutesqueda algo que le permitiraacute obtener numerosas visitas Si los usuarios no
pueden encontrar lo que buscan de forma raacutepida e intuitiva seguramente iraacuten a buscar a otro sitio web
Cuando instala Joomla con datos de ejemplo se crean automaacuteticamente algunos menuacutes preestablecidos
y configurados con los correspondientes moacutedulos de menuacutes
Tipos de iacutetem de menuacute
Cuando se crea un iacutetem de menuacute es necesario asignarle un tipo de iacutetem de menuacute para definir lo que
se va a mostrar
Los tipos de iacutetem de menuacute se pueden clasificar en 4 categoriacuteas
1 Enlaces internos este tipo de iacutetem de menuacute permite acceder a los artiacuteculos o moacutedulos que son
parte del mismo sitio web o que estaacuten bajo el mismo dominio
2 Enlaces externos este tipo de iacutetem de menuacute se utiliza para acceder a paacuteginas de un sitio web
externo Se puede utilizar para acceder a sitios web externos como Google Yahoo MSN desde
nuestro sitio web
3 Separadores sirve para crear una separacioacuten o espacio divisorio entre las opciones de un mismo
menuacute lo que le permite organizar el menuacute de forma loacutegica
4 Alias crea un enlace de alias a otro iacutetem de menuacute que ya existe Con esto puede mostrar
informacioacuten que ya se encuentra en otro iacutetem de otro menuacute
Creacioacuten de menuacutes en Joomla
La creacioacuten de menuacutes en Joomla se realiza desde el Gestor de menuacutes del panel administrativo razoacuten
por la cual deberaacuten iniciar sesioacuten como administrador en el back-end
La interfaz de administracioacuten se abre desde
http[servidor][carpetajoomla]administrator
Despueacutes debe ingresar a la opcioacuten Menuacutes -gt Gestor de menuacutes
3
III MATERIALES Y EQUIPO
No Requerimiento Cantidad
1 Guiacutea de praacutectica 3 1
2 Computadora con sistema operativo Windows 1
3 Paquete completo de Joomla versioacuten 39+ instalado en forma
local 1
4 Webhosting Hostinger 1
IV PROCEDIMIENTO
Parte I Creacioacuten de artiacuteculos el sitio Web Joomla ya existente
1 Se sugiere utilizar la misma PC donde realizo la practica anterior e instalo al CMS Joomla de
manera local
2 Ingrese al back-end del sitio instalado en su equipo digitando en la barra de direcciones del
navegador de su preferencia el enlace con el siguiente formato
httplocalhost[CarpetaLocaldeJoomla]administrator
En donde reemplazara [CarpetaLocaldeJoomla] por el nombre de la carpeta de instalacioacuten
local de Joomla guardada en la carpeta publica (Cwamp64www) del WampServer instalado
3 Escriba el usuario y contrasentildea de Administrador de Joomla que configuro en la praacutectica 2 para
entrar al Panel de Control
4 Modificar el contenido de la paacutegina de inicio copiando el texto que muestra la siguiente direccioacuten
httpseswikipediaorgwikiAnimalia
4
5 Luego agregar un artiacuteculo a cada una de las siguientes categoriacuteas ya creadas Mamiacuteferos y Aves
6 Al final tendraacute el siguiente listado de artiacuteculos agregados en cada una de las categoriacuteas
Parte 2 Creacioacuten de elementos de menuacute dentro del menuacute Principal
7 En el panel de control de Joomla hacer clic en el enlace Gestor de Menuacutes o en el menuacute Menuacutes -gt
Gestor de menuacutes
8 Dentro del Gestor de menuacutes localice el menuacute denominado Menuacute principal (Main menu)
Si no ha trabajado antes con menuacutes y si no instaloacute los datos de ejemplo seguramente seraacute el uacutenico
menuacute que podraacute observar en el listado
9 Al dar clic en el elemento Menuacute principal (Main menu) ingresaraacute al Gestor de iacutetems de menuacute
del Menuacute principal que uacutenicamente debe mostrar el elemento (iacutetem) de menuacute Inicio (Home)
Por defecto en el menuacute principal si no instaloacute datos de ejemplo debe aparecer uacutenicamente el
elemento Inicio (Home) Verifiacutequelo
5
10 Vamos a agregar un nuevo elemento de menuacute al menuacute principal dando clic en el botoacuten Nuevo de
la barra de herramientas superior (botoacuten color verde)
Esto cargaraacute la paacutegina Nuevo elemento de menuacute
11 En el formulario para crear un nuevo elemento de menuacute debe ingresar la informacioacuten solicitada
principalmente indicar el Tipo de elemento de menuacute usando el botoacuten Seleccionar
Indique el Tiacutetulo del menuacute el alias (opcional ya que Joomla asignaraacute un valor automaacuteticamente si
no lo hace Ud) indicar el Estado la localizacioacuten del menuacute (que deberaacute ser Menuacute principal (Main
Menu)) y seleccione el elemento padre (Home)
12 Haga clic en Artiacuteculos para mostrar las opciones que proporciona Joomla para este tipo de
elemento de menuacute
6
13 Haga clic sobre la opcioacuten Mostrar un solo artiacuteculo
14 Apareceraacute en el formulario un nuevo campo de seleccioacuten de artiacuteculo
15 Haga clic en el botoacuten Seleccionar de este campo
7
16 Estos son los artiacuteculos que ya ingresoacute desde el Gestor de artiacuteculos y que ubicoacute en alguna categoriacutea
de las categoriacuteas que se han creado previamente
17 Seleccione uno de los artiacuteculos que aparezcan en el listado por ejemplo vamos a seleccionar la
categoriacutea Animales
18 Termine de llenar los detalles del nuevo elemento de menuacute en el formulario de creacioacuten de un
nuevo elemento de menuacute
a Tiacutetulo del elemento del menuacute Mamiacuteferos
b Alias mamiferos-menu
Al terminar presione el botoacuten Guardar (c)
19 Verifique que se ha creado correctamente el elemento de menuacute Debe aparecer un mensaje que se
lo indique independientemente de si presionoacute el botoacuten Guardar Guardar y cerrar o Guardar y
nuevo
20 Actualice la paacutegina de inicio de su sitio Joomla para observar lo que ocurre con el menuacute principal
de su sitio web Deberiacutea aparecer la el menuacute Mamiacuteferos a la par del menuacute Home o Inicio
8
21 Realizar pruebas para comprobar el uso del nuevo menuacute
Parte 3 Creacioacuten de un nuevo menuacute principal
22 Ingrese nuevamente al Gestor de menuacutes si acaso lo habiacutea abandonado o se habiacutea salido
23 Dentro del Gestor de menuacutes haga clic en el botoacuten Nuevo en la barra de herramientas ubicada a la
derecha del tiacutetulo Gestor de menuacutes Menuacutes
24 Llene el formulario para creacioacuten de un nuevo menuacute ingresando
bull El Tiacutetulo Clasificacioacuten de Animales
bull Tipo de menuacute animales-menu (note que no se utilizan espacios en blanco ni caracteres especiales
del espantildeol en este campo)
bull Descripcioacuten Presentacioacuten de las diferentes clasificaciones del reino animal
Al terminar presione el botoacuten Guardar
9
25 Verifique que el menuacute se haya creado correctamente Debe aparecer el mensaje que se muestra a
continuacioacuten
26 Cierre el formulario para ver en el listado de menuacutes el menuacute recieacuten creado
OBSERVACIOacuteN
En este momento todaviacutea no podraacute visualizar algun cambio en el front-end
Siga el procedimiento para proseguir y poder visualizar el menuacute
Ejercicio 3 Creacioacuten de los elementos (iacutetems) del menuacute
27 El menuacute anterior creado en el ejercicio 2 no posee elementos solo se ha creado un objeto que
para tener funcionalidad necesita poseer elementos que seraacuten las opciones que se desplegaraacuten al
posicionar el menuacute y en las que los usuarios haraacuten clic para navegar en el sitio web
Ingrese al Gestor de menuacutes para comenzar a crear los elementos del menuacute anterior
10
28 Puede dar clic en el nombre del menuacute
O hacer clic en la opcioacuten Menuacutes del menuacute superior y seleccionar la opcioacuten Antildeadir nuevo elemento
de menuacute de la subopcioacuten Clasificacioacuten de Animales
29 Cargaraacute la paacutegina del Gestor de menuacutes Elementos de menuacute en donde podraacute crear uno a uno los
elementos del menuacute Haga clic en el botoacuten Nuevo
30 En la paacutegina Gestor de menuacutes Antildeadir un elemento de menuacute seleccionar el Tipo de elemento
de menuacute para lo que deberaacute presionar el botoacuten Seleccionar (ubicado junto al campo de formulario
del tipo de elemento de menuacute)
11
31 Seleccione el tipo de elemento de menuacute
En este caso crearemos un elemento de tipo
Artiacuteculo y en el listado de tipos de
elementos de menuacute seleccionar Mostrar un
solo artiacuteculo
32 Seleccione el artiacuteculo que estaraacute referido al elemento de menuacute que se estaacute creando
Para ello haga clic sobre el botoacuten Seleccionar junto al campo de texto en Seleccionar artiacuteculo
33 Seleccione el artiacuteculo que vincularaacute a la opcioacuten de menuacute en el diaacutelogo emergente que apareceraacute
luego de presionar el botoacuten Seleccionar en el ejercicio seleccione el artiacuteculo Aves
12
34 Llene los Detalles (Details) del formulario para creacioacuten de un nuevo elemento (iacutetem) de menuacute
a Tiacutetulo del elemento del menuacute Aves
b Alias aves-menu
c Abrir en Nueva ventana con barra de navegacioacuten
Presione el botoacuten Guardar (d)
35 Haga clic en Cerrar para que los cambios se almacenen
13
36 Verifique que se haya creado correctamente el elemento de menuacute
37 Vaya al menuacute Gestor de artiacuteculos y coloque como destacados a los siguientes artiacuteculos Mamiacuteferos
y Peces
38 Haga clic en el la opcioacuten de menuacute Menuacutes y haga clic en Antildeadir un nuevo elemento del menuacute a la
opcioacuten Clasificacioacuten de Animales
39 Siguiendo el mismo procedimiento cree un elemento de menuacute adicional En este caso el tipo de
elemento de menuacute seraacute nuevamente Artiacuteculos y dentro de los tipos de artiacuteculos seleccione enlace
Mostrar todos los artiacuteculos destacados
14
40 Complete los campos del formulario para creacioacuten del nuevo elemento de menuacute En el tiacutetulo del
menuacute coloque Otras clasificaciones en el alias peces-mamiferos-menu
Verifique que el elemento de menuacute esteacute en Clasificacioacuten de Animales y que en el Elemento
principal esteacute seleccionado Elemento de menuacute raiacutez
41 En la opcioacuten Abrir en seleccionar la opcioacuten Nueva ventana con barra de desplazamiento Haga
clic en Guardar y finalmente cierre
42 Verifique que esteacuten creados los dos elementos de menuacute en el menuacute Clasificacioacuten de los animales
15
43 Ingrese al front-end notaraacute que no aparece el menuacute por ninguacuten lado Esto tiene su explicacioacuten y es
que necesita crear un moacutedulo para gestionar la presentacioacuten del menuacute en el front-end Algo que
haremos en el siguiente ejercicio
Ejercicio 4 Creacioacuten del moacutedulo para mostrar el menuacute
44 Crear un nuevo moacutedulo desde el Gestor de moacutedulos Puede hacerlo desde el menuacute del panel
administrativo en la opcioacuten Extensiones
45 En el Gestor de moacutedulos presionaraacute el botoacuten Nuevo para crear un nuevo moacutedulo Este moacutedulo
estaraacute asociado al menuacute Clasificacioacuten de Animales que se creoacute en el ejercicio 2 del procedimiento
16
46 Seleccione el tipo de moacutedulo que va a crear En este caso seraacute un Menuacute
47 Ingrese los detalles del menuacute como se indica a continuacioacuten
17
a) Tiacutetulo Clasificacioacuten Animales
b) Seleccionar menuacute Clasificacioacuten de Animales
c) Indicar que la posicioacuten del menuacute seraacute Inferior-derecha [position-3]
(Se utiliza cuando tenga que establecer la posicioacuten del menuacute en la paacutegina del front-end del sitio)
48 Haga clic en Guardar y despueacutes haga clic en Cerrar
49 Verifique que se haya creado correctamente el moacutedulo para el menuacute Clasificacioacuten de Animales
50 Abra otro navegador o una nueva pestantildea del que estaacute usando e ingrese al front-end para verificar
que se muestra el menuacute luego de haber creado y configurado el moacutedulo
18
51 Cuando se tiene un menuacute creado con artiacuteculos destacados y se quiere agregar un nuevo artiacuteculo a
este menuacute solo es necesario destacar el artiacuteculo realizar el ejercicio con el articulo Aves
52 Ahora vuelva a cargar el front-end e ingrese a la opcioacuten de menuacute Otras Clasificaciones Observaraacute
que esta vez carga el contenido de los tres artiacuteculos destacados
Ejercicio 5 Creacioacuten de un menuacute de enlaces externos
En algunas situaciones puede ser uacutetil crear un menuacute de enlaces externos para cargar paacuteginas de otros
sitios que resulten buenas referencias de acuerdo al tema abordado en el sitio web
53 Ingrese nuevamente al Gestor de menuacutes desde el menuacute principal del panel de administracioacuten de
Joomla
54 Presione el botoacuten Nuevo en el menuacute superior del Gestor de menuacutes
55 Ingrese la informacioacuten del menuacute Luego presione el botoacuten Guardar
56 Haga clic en la opcioacuten Cerrar
19
57 Cree los elementos de este menuacute haciendo clic en el nombre del menuacute Presione el botoacuten Nuevo en
el Gestor de iacutetems de menuacute
58 Seleccione el tipo de elemento de menuacute presionando el botoacuten Seleccionar que aparece junto al
campo de texto Tipo de elemento del menuacute
59 Haga clic en el elemento Enlaces de sistema
60 Y en el listado que se despliega clic sobre Crear una URL
10 Notaraacute que los campos de formulario a llenar cambian al seleccionar URL externa
Ingrese en el campo Enlace la direccioacuten del sitio que quiere cargar desde el sitio web
Joomla
En este enlace utilice httpwwwlistadodeanimalescom
20
a) Tiacutetulo del elemento del menuacute Listado de animales
b) Abrir en Nueva ventana con barra de desplazamiento
c) Menuacute Enlace externo
11 Cree Ud dos elementos de menuacutes adicionales Uno que titularaacute Animales en extensioacuten y otro
que titularaacute Animales maacutes raros del mundo
Los enlaces respectivos seraacuten
httpwwwsostenibilidadcomtop-10-animales-en-peligro-de-extincion1
httpnationalgeographicesanimalesanimales-mas-rarosimagenpez-rosado-con-manos
Cree el moacutedulo para este menuacute para poder visualizarlo en el front-end
V INVESTIGACIOacuteN COMPLEMENTARIA
1) Cree un sitio web sobre el tema que Ud prefiera Se le pide crear al menos dos categoriacuteas
dos subcategoriacuteas en cada una de ellas y un total de seis artiacuteculos Puede ubicar estos
artiacuteculos en la subcategoriacutea que desee
2) Cuando ya tenga las categoriacuteas cree dos iacutetems de menuacute dentro del menuacute principal un nuevo
menuacute que deberaacuten cargar en tres de sus opciones tres de los artiacuteculos y en la otra opcioacuten del
menuacute deberaacute cargar los tres artiacuteculos restantes
3) Cree un artiacuteculo adicional no categorizado que deberaacute cargar en la paacutegina de Inicio (Home)
21
VI BIBLIOGRAFIacuteA
bull iexclManual Imprescindible Joomla Bintu Harwani Harwani Bintu Madrid Espantildea
ANAYA 2010 Biblioteca UDB ndash Clasificacioacuten 0052762 H343 2010
bull Menuacutes Menu Item Article Category List
httpsdocsjoomlaorgHelp34Menus_Menu_Item_Article_Category_List
bull Creating a submenuacute httpsdocsjoomlaorgCreating_a_submenu
22
Alumno
HOJA DE EVALUACIOacuteN
DE GUIacuteAS DE PRAacuteCTICA
Actividad a
evaluar
Criterio a evaluar Cumplioacute Puntaje
SI NO
Desarrollo de la
Praacutectica
Logro terminar todas las partes de la guiacutea de
laboratorio (30)
Presentoacute la evidencia del desarrollo de cada una de las
partes a su docente (35)
Trabajo de manera correcta y ordenada la guiacutea de
laboratorio y el funcionan de todas las configuraciones
planteadas en la misma (35)
PROMEDIO
Investigacioacuten
complementaria
Envioacute la investigacioacuten complementaria en la fecha
indicada (20)
Resolvioacute todos los ejercicios planteados en la
investigacioacuten complementaria (35)
Presenta el reporte de una manera clara ordenada y
loacutegica (35)
PROMEDIO
Carnet
Docente Fecha
Tiacutetulo de la guiacutea No
2
La importancia de realizar un buen sistema de navegacioacuten implicaraacute que los usuarios lleguen con
facilidad a la informacioacuten buacutesqueda algo que le permitiraacute obtener numerosas visitas Si los usuarios no
pueden encontrar lo que buscan de forma raacutepida e intuitiva seguramente iraacuten a buscar a otro sitio web
Cuando instala Joomla con datos de ejemplo se crean automaacuteticamente algunos menuacutes preestablecidos
y configurados con los correspondientes moacutedulos de menuacutes
Tipos de iacutetem de menuacute
Cuando se crea un iacutetem de menuacute es necesario asignarle un tipo de iacutetem de menuacute para definir lo que
se va a mostrar
Los tipos de iacutetem de menuacute se pueden clasificar en 4 categoriacuteas
1 Enlaces internos este tipo de iacutetem de menuacute permite acceder a los artiacuteculos o moacutedulos que son
parte del mismo sitio web o que estaacuten bajo el mismo dominio
2 Enlaces externos este tipo de iacutetem de menuacute se utiliza para acceder a paacuteginas de un sitio web
externo Se puede utilizar para acceder a sitios web externos como Google Yahoo MSN desde
nuestro sitio web
3 Separadores sirve para crear una separacioacuten o espacio divisorio entre las opciones de un mismo
menuacute lo que le permite organizar el menuacute de forma loacutegica
4 Alias crea un enlace de alias a otro iacutetem de menuacute que ya existe Con esto puede mostrar
informacioacuten que ya se encuentra en otro iacutetem de otro menuacute
Creacioacuten de menuacutes en Joomla
La creacioacuten de menuacutes en Joomla se realiza desde el Gestor de menuacutes del panel administrativo razoacuten
por la cual deberaacuten iniciar sesioacuten como administrador en el back-end
La interfaz de administracioacuten se abre desde
http[servidor][carpetajoomla]administrator
Despueacutes debe ingresar a la opcioacuten Menuacutes -gt Gestor de menuacutes
3
III MATERIALES Y EQUIPO
No Requerimiento Cantidad
1 Guiacutea de praacutectica 3 1
2 Computadora con sistema operativo Windows 1
3 Paquete completo de Joomla versioacuten 39+ instalado en forma
local 1
4 Webhosting Hostinger 1
IV PROCEDIMIENTO
Parte I Creacioacuten de artiacuteculos el sitio Web Joomla ya existente
1 Se sugiere utilizar la misma PC donde realizo la practica anterior e instalo al CMS Joomla de
manera local
2 Ingrese al back-end del sitio instalado en su equipo digitando en la barra de direcciones del
navegador de su preferencia el enlace con el siguiente formato
httplocalhost[CarpetaLocaldeJoomla]administrator
En donde reemplazara [CarpetaLocaldeJoomla] por el nombre de la carpeta de instalacioacuten
local de Joomla guardada en la carpeta publica (Cwamp64www) del WampServer instalado
3 Escriba el usuario y contrasentildea de Administrador de Joomla que configuro en la praacutectica 2 para
entrar al Panel de Control
4 Modificar el contenido de la paacutegina de inicio copiando el texto que muestra la siguiente direccioacuten
httpseswikipediaorgwikiAnimalia
4
5 Luego agregar un artiacuteculo a cada una de las siguientes categoriacuteas ya creadas Mamiacuteferos y Aves
6 Al final tendraacute el siguiente listado de artiacuteculos agregados en cada una de las categoriacuteas
Parte 2 Creacioacuten de elementos de menuacute dentro del menuacute Principal
7 En el panel de control de Joomla hacer clic en el enlace Gestor de Menuacutes o en el menuacute Menuacutes -gt
Gestor de menuacutes
8 Dentro del Gestor de menuacutes localice el menuacute denominado Menuacute principal (Main menu)
Si no ha trabajado antes con menuacutes y si no instaloacute los datos de ejemplo seguramente seraacute el uacutenico
menuacute que podraacute observar en el listado
9 Al dar clic en el elemento Menuacute principal (Main menu) ingresaraacute al Gestor de iacutetems de menuacute
del Menuacute principal que uacutenicamente debe mostrar el elemento (iacutetem) de menuacute Inicio (Home)
Por defecto en el menuacute principal si no instaloacute datos de ejemplo debe aparecer uacutenicamente el
elemento Inicio (Home) Verifiacutequelo
5
10 Vamos a agregar un nuevo elemento de menuacute al menuacute principal dando clic en el botoacuten Nuevo de
la barra de herramientas superior (botoacuten color verde)
Esto cargaraacute la paacutegina Nuevo elemento de menuacute
11 En el formulario para crear un nuevo elemento de menuacute debe ingresar la informacioacuten solicitada
principalmente indicar el Tipo de elemento de menuacute usando el botoacuten Seleccionar
Indique el Tiacutetulo del menuacute el alias (opcional ya que Joomla asignaraacute un valor automaacuteticamente si
no lo hace Ud) indicar el Estado la localizacioacuten del menuacute (que deberaacute ser Menuacute principal (Main
Menu)) y seleccione el elemento padre (Home)
12 Haga clic en Artiacuteculos para mostrar las opciones que proporciona Joomla para este tipo de
elemento de menuacute
6
13 Haga clic sobre la opcioacuten Mostrar un solo artiacuteculo
14 Apareceraacute en el formulario un nuevo campo de seleccioacuten de artiacuteculo
15 Haga clic en el botoacuten Seleccionar de este campo
7
16 Estos son los artiacuteculos que ya ingresoacute desde el Gestor de artiacuteculos y que ubicoacute en alguna categoriacutea
de las categoriacuteas que se han creado previamente
17 Seleccione uno de los artiacuteculos que aparezcan en el listado por ejemplo vamos a seleccionar la
categoriacutea Animales
18 Termine de llenar los detalles del nuevo elemento de menuacute en el formulario de creacioacuten de un
nuevo elemento de menuacute
a Tiacutetulo del elemento del menuacute Mamiacuteferos
b Alias mamiferos-menu
Al terminar presione el botoacuten Guardar (c)
19 Verifique que se ha creado correctamente el elemento de menuacute Debe aparecer un mensaje que se
lo indique independientemente de si presionoacute el botoacuten Guardar Guardar y cerrar o Guardar y
nuevo
20 Actualice la paacutegina de inicio de su sitio Joomla para observar lo que ocurre con el menuacute principal
de su sitio web Deberiacutea aparecer la el menuacute Mamiacuteferos a la par del menuacute Home o Inicio
8
21 Realizar pruebas para comprobar el uso del nuevo menuacute
Parte 3 Creacioacuten de un nuevo menuacute principal
22 Ingrese nuevamente al Gestor de menuacutes si acaso lo habiacutea abandonado o se habiacutea salido
23 Dentro del Gestor de menuacutes haga clic en el botoacuten Nuevo en la barra de herramientas ubicada a la
derecha del tiacutetulo Gestor de menuacutes Menuacutes
24 Llene el formulario para creacioacuten de un nuevo menuacute ingresando
bull El Tiacutetulo Clasificacioacuten de Animales
bull Tipo de menuacute animales-menu (note que no se utilizan espacios en blanco ni caracteres especiales
del espantildeol en este campo)
bull Descripcioacuten Presentacioacuten de las diferentes clasificaciones del reino animal
Al terminar presione el botoacuten Guardar
9
25 Verifique que el menuacute se haya creado correctamente Debe aparecer el mensaje que se muestra a
continuacioacuten
26 Cierre el formulario para ver en el listado de menuacutes el menuacute recieacuten creado
OBSERVACIOacuteN
En este momento todaviacutea no podraacute visualizar algun cambio en el front-end
Siga el procedimiento para proseguir y poder visualizar el menuacute
Ejercicio 3 Creacioacuten de los elementos (iacutetems) del menuacute
27 El menuacute anterior creado en el ejercicio 2 no posee elementos solo se ha creado un objeto que
para tener funcionalidad necesita poseer elementos que seraacuten las opciones que se desplegaraacuten al
posicionar el menuacute y en las que los usuarios haraacuten clic para navegar en el sitio web
Ingrese al Gestor de menuacutes para comenzar a crear los elementos del menuacute anterior
10
28 Puede dar clic en el nombre del menuacute
O hacer clic en la opcioacuten Menuacutes del menuacute superior y seleccionar la opcioacuten Antildeadir nuevo elemento
de menuacute de la subopcioacuten Clasificacioacuten de Animales
29 Cargaraacute la paacutegina del Gestor de menuacutes Elementos de menuacute en donde podraacute crear uno a uno los
elementos del menuacute Haga clic en el botoacuten Nuevo
30 En la paacutegina Gestor de menuacutes Antildeadir un elemento de menuacute seleccionar el Tipo de elemento
de menuacute para lo que deberaacute presionar el botoacuten Seleccionar (ubicado junto al campo de formulario
del tipo de elemento de menuacute)
11
31 Seleccione el tipo de elemento de menuacute
En este caso crearemos un elemento de tipo
Artiacuteculo y en el listado de tipos de
elementos de menuacute seleccionar Mostrar un
solo artiacuteculo
32 Seleccione el artiacuteculo que estaraacute referido al elemento de menuacute que se estaacute creando
Para ello haga clic sobre el botoacuten Seleccionar junto al campo de texto en Seleccionar artiacuteculo
33 Seleccione el artiacuteculo que vincularaacute a la opcioacuten de menuacute en el diaacutelogo emergente que apareceraacute
luego de presionar el botoacuten Seleccionar en el ejercicio seleccione el artiacuteculo Aves
12
34 Llene los Detalles (Details) del formulario para creacioacuten de un nuevo elemento (iacutetem) de menuacute
a Tiacutetulo del elemento del menuacute Aves
b Alias aves-menu
c Abrir en Nueva ventana con barra de navegacioacuten
Presione el botoacuten Guardar (d)
35 Haga clic en Cerrar para que los cambios se almacenen
13
36 Verifique que se haya creado correctamente el elemento de menuacute
37 Vaya al menuacute Gestor de artiacuteculos y coloque como destacados a los siguientes artiacuteculos Mamiacuteferos
y Peces
38 Haga clic en el la opcioacuten de menuacute Menuacutes y haga clic en Antildeadir un nuevo elemento del menuacute a la
opcioacuten Clasificacioacuten de Animales
39 Siguiendo el mismo procedimiento cree un elemento de menuacute adicional En este caso el tipo de
elemento de menuacute seraacute nuevamente Artiacuteculos y dentro de los tipos de artiacuteculos seleccione enlace
Mostrar todos los artiacuteculos destacados
14
40 Complete los campos del formulario para creacioacuten del nuevo elemento de menuacute En el tiacutetulo del
menuacute coloque Otras clasificaciones en el alias peces-mamiferos-menu
Verifique que el elemento de menuacute esteacute en Clasificacioacuten de Animales y que en el Elemento
principal esteacute seleccionado Elemento de menuacute raiacutez
41 En la opcioacuten Abrir en seleccionar la opcioacuten Nueva ventana con barra de desplazamiento Haga
clic en Guardar y finalmente cierre
42 Verifique que esteacuten creados los dos elementos de menuacute en el menuacute Clasificacioacuten de los animales
15
43 Ingrese al front-end notaraacute que no aparece el menuacute por ninguacuten lado Esto tiene su explicacioacuten y es
que necesita crear un moacutedulo para gestionar la presentacioacuten del menuacute en el front-end Algo que
haremos en el siguiente ejercicio
Ejercicio 4 Creacioacuten del moacutedulo para mostrar el menuacute
44 Crear un nuevo moacutedulo desde el Gestor de moacutedulos Puede hacerlo desde el menuacute del panel
administrativo en la opcioacuten Extensiones
45 En el Gestor de moacutedulos presionaraacute el botoacuten Nuevo para crear un nuevo moacutedulo Este moacutedulo
estaraacute asociado al menuacute Clasificacioacuten de Animales que se creoacute en el ejercicio 2 del procedimiento
16
46 Seleccione el tipo de moacutedulo que va a crear En este caso seraacute un Menuacute
47 Ingrese los detalles del menuacute como se indica a continuacioacuten
17
a) Tiacutetulo Clasificacioacuten Animales
b) Seleccionar menuacute Clasificacioacuten de Animales
c) Indicar que la posicioacuten del menuacute seraacute Inferior-derecha [position-3]
(Se utiliza cuando tenga que establecer la posicioacuten del menuacute en la paacutegina del front-end del sitio)
48 Haga clic en Guardar y despueacutes haga clic en Cerrar
49 Verifique que se haya creado correctamente el moacutedulo para el menuacute Clasificacioacuten de Animales
50 Abra otro navegador o una nueva pestantildea del que estaacute usando e ingrese al front-end para verificar
que se muestra el menuacute luego de haber creado y configurado el moacutedulo
18
51 Cuando se tiene un menuacute creado con artiacuteculos destacados y se quiere agregar un nuevo artiacuteculo a
este menuacute solo es necesario destacar el artiacuteculo realizar el ejercicio con el articulo Aves
52 Ahora vuelva a cargar el front-end e ingrese a la opcioacuten de menuacute Otras Clasificaciones Observaraacute
que esta vez carga el contenido de los tres artiacuteculos destacados
Ejercicio 5 Creacioacuten de un menuacute de enlaces externos
En algunas situaciones puede ser uacutetil crear un menuacute de enlaces externos para cargar paacuteginas de otros
sitios que resulten buenas referencias de acuerdo al tema abordado en el sitio web
53 Ingrese nuevamente al Gestor de menuacutes desde el menuacute principal del panel de administracioacuten de
Joomla
54 Presione el botoacuten Nuevo en el menuacute superior del Gestor de menuacutes
55 Ingrese la informacioacuten del menuacute Luego presione el botoacuten Guardar
56 Haga clic en la opcioacuten Cerrar
19
57 Cree los elementos de este menuacute haciendo clic en el nombre del menuacute Presione el botoacuten Nuevo en
el Gestor de iacutetems de menuacute
58 Seleccione el tipo de elemento de menuacute presionando el botoacuten Seleccionar que aparece junto al
campo de texto Tipo de elemento del menuacute
59 Haga clic en el elemento Enlaces de sistema
60 Y en el listado que se despliega clic sobre Crear una URL
10 Notaraacute que los campos de formulario a llenar cambian al seleccionar URL externa
Ingrese en el campo Enlace la direccioacuten del sitio que quiere cargar desde el sitio web
Joomla
En este enlace utilice httpwwwlistadodeanimalescom
20
a) Tiacutetulo del elemento del menuacute Listado de animales
b) Abrir en Nueva ventana con barra de desplazamiento
c) Menuacute Enlace externo
11 Cree Ud dos elementos de menuacutes adicionales Uno que titularaacute Animales en extensioacuten y otro
que titularaacute Animales maacutes raros del mundo
Los enlaces respectivos seraacuten
httpwwwsostenibilidadcomtop-10-animales-en-peligro-de-extincion1
httpnationalgeographicesanimalesanimales-mas-rarosimagenpez-rosado-con-manos
Cree el moacutedulo para este menuacute para poder visualizarlo en el front-end
V INVESTIGACIOacuteN COMPLEMENTARIA
1) Cree un sitio web sobre el tema que Ud prefiera Se le pide crear al menos dos categoriacuteas
dos subcategoriacuteas en cada una de ellas y un total de seis artiacuteculos Puede ubicar estos
artiacuteculos en la subcategoriacutea que desee
2) Cuando ya tenga las categoriacuteas cree dos iacutetems de menuacute dentro del menuacute principal un nuevo
menuacute que deberaacuten cargar en tres de sus opciones tres de los artiacuteculos y en la otra opcioacuten del
menuacute deberaacute cargar los tres artiacuteculos restantes
3) Cree un artiacuteculo adicional no categorizado que deberaacute cargar en la paacutegina de Inicio (Home)
21
VI BIBLIOGRAFIacuteA
bull iexclManual Imprescindible Joomla Bintu Harwani Harwani Bintu Madrid Espantildea
ANAYA 2010 Biblioteca UDB ndash Clasificacioacuten 0052762 H343 2010
bull Menuacutes Menu Item Article Category List
httpsdocsjoomlaorgHelp34Menus_Menu_Item_Article_Category_List
bull Creating a submenuacute httpsdocsjoomlaorgCreating_a_submenu
22
Alumno
HOJA DE EVALUACIOacuteN
DE GUIacuteAS DE PRAacuteCTICA
Actividad a
evaluar
Criterio a evaluar Cumplioacute Puntaje
SI NO
Desarrollo de la
Praacutectica
Logro terminar todas las partes de la guiacutea de
laboratorio (30)
Presentoacute la evidencia del desarrollo de cada una de las
partes a su docente (35)
Trabajo de manera correcta y ordenada la guiacutea de
laboratorio y el funcionan de todas las configuraciones
planteadas en la misma (35)
PROMEDIO
Investigacioacuten
complementaria
Envioacute la investigacioacuten complementaria en la fecha
indicada (20)
Resolvioacute todos los ejercicios planteados en la
investigacioacuten complementaria (35)
Presenta el reporte de una manera clara ordenada y
loacutegica (35)
PROMEDIO
Carnet
Docente Fecha
Tiacutetulo de la guiacutea No
3
III MATERIALES Y EQUIPO
No Requerimiento Cantidad
1 Guiacutea de praacutectica 3 1
2 Computadora con sistema operativo Windows 1
3 Paquete completo de Joomla versioacuten 39+ instalado en forma
local 1
4 Webhosting Hostinger 1
IV PROCEDIMIENTO
Parte I Creacioacuten de artiacuteculos el sitio Web Joomla ya existente
1 Se sugiere utilizar la misma PC donde realizo la practica anterior e instalo al CMS Joomla de
manera local
2 Ingrese al back-end del sitio instalado en su equipo digitando en la barra de direcciones del
navegador de su preferencia el enlace con el siguiente formato
httplocalhost[CarpetaLocaldeJoomla]administrator
En donde reemplazara [CarpetaLocaldeJoomla] por el nombre de la carpeta de instalacioacuten
local de Joomla guardada en la carpeta publica (Cwamp64www) del WampServer instalado
3 Escriba el usuario y contrasentildea de Administrador de Joomla que configuro en la praacutectica 2 para
entrar al Panel de Control
4 Modificar el contenido de la paacutegina de inicio copiando el texto que muestra la siguiente direccioacuten
httpseswikipediaorgwikiAnimalia
4
5 Luego agregar un artiacuteculo a cada una de las siguientes categoriacuteas ya creadas Mamiacuteferos y Aves
6 Al final tendraacute el siguiente listado de artiacuteculos agregados en cada una de las categoriacuteas
Parte 2 Creacioacuten de elementos de menuacute dentro del menuacute Principal
7 En el panel de control de Joomla hacer clic en el enlace Gestor de Menuacutes o en el menuacute Menuacutes -gt
Gestor de menuacutes
8 Dentro del Gestor de menuacutes localice el menuacute denominado Menuacute principal (Main menu)
Si no ha trabajado antes con menuacutes y si no instaloacute los datos de ejemplo seguramente seraacute el uacutenico
menuacute que podraacute observar en el listado
9 Al dar clic en el elemento Menuacute principal (Main menu) ingresaraacute al Gestor de iacutetems de menuacute
del Menuacute principal que uacutenicamente debe mostrar el elemento (iacutetem) de menuacute Inicio (Home)
Por defecto en el menuacute principal si no instaloacute datos de ejemplo debe aparecer uacutenicamente el
elemento Inicio (Home) Verifiacutequelo
5
10 Vamos a agregar un nuevo elemento de menuacute al menuacute principal dando clic en el botoacuten Nuevo de
la barra de herramientas superior (botoacuten color verde)
Esto cargaraacute la paacutegina Nuevo elemento de menuacute
11 En el formulario para crear un nuevo elemento de menuacute debe ingresar la informacioacuten solicitada
principalmente indicar el Tipo de elemento de menuacute usando el botoacuten Seleccionar
Indique el Tiacutetulo del menuacute el alias (opcional ya que Joomla asignaraacute un valor automaacuteticamente si
no lo hace Ud) indicar el Estado la localizacioacuten del menuacute (que deberaacute ser Menuacute principal (Main
Menu)) y seleccione el elemento padre (Home)
12 Haga clic en Artiacuteculos para mostrar las opciones que proporciona Joomla para este tipo de
elemento de menuacute
6
13 Haga clic sobre la opcioacuten Mostrar un solo artiacuteculo
14 Apareceraacute en el formulario un nuevo campo de seleccioacuten de artiacuteculo
15 Haga clic en el botoacuten Seleccionar de este campo
7
16 Estos son los artiacuteculos que ya ingresoacute desde el Gestor de artiacuteculos y que ubicoacute en alguna categoriacutea
de las categoriacuteas que se han creado previamente
17 Seleccione uno de los artiacuteculos que aparezcan en el listado por ejemplo vamos a seleccionar la
categoriacutea Animales
18 Termine de llenar los detalles del nuevo elemento de menuacute en el formulario de creacioacuten de un
nuevo elemento de menuacute
a Tiacutetulo del elemento del menuacute Mamiacuteferos
b Alias mamiferos-menu
Al terminar presione el botoacuten Guardar (c)
19 Verifique que se ha creado correctamente el elemento de menuacute Debe aparecer un mensaje que se
lo indique independientemente de si presionoacute el botoacuten Guardar Guardar y cerrar o Guardar y
nuevo
20 Actualice la paacutegina de inicio de su sitio Joomla para observar lo que ocurre con el menuacute principal
de su sitio web Deberiacutea aparecer la el menuacute Mamiacuteferos a la par del menuacute Home o Inicio
8
21 Realizar pruebas para comprobar el uso del nuevo menuacute
Parte 3 Creacioacuten de un nuevo menuacute principal
22 Ingrese nuevamente al Gestor de menuacutes si acaso lo habiacutea abandonado o se habiacutea salido
23 Dentro del Gestor de menuacutes haga clic en el botoacuten Nuevo en la barra de herramientas ubicada a la
derecha del tiacutetulo Gestor de menuacutes Menuacutes
24 Llene el formulario para creacioacuten de un nuevo menuacute ingresando
bull El Tiacutetulo Clasificacioacuten de Animales
bull Tipo de menuacute animales-menu (note que no se utilizan espacios en blanco ni caracteres especiales
del espantildeol en este campo)
bull Descripcioacuten Presentacioacuten de las diferentes clasificaciones del reino animal
Al terminar presione el botoacuten Guardar
9
25 Verifique que el menuacute se haya creado correctamente Debe aparecer el mensaje que se muestra a
continuacioacuten
26 Cierre el formulario para ver en el listado de menuacutes el menuacute recieacuten creado
OBSERVACIOacuteN
En este momento todaviacutea no podraacute visualizar algun cambio en el front-end
Siga el procedimiento para proseguir y poder visualizar el menuacute
Ejercicio 3 Creacioacuten de los elementos (iacutetems) del menuacute
27 El menuacute anterior creado en el ejercicio 2 no posee elementos solo se ha creado un objeto que
para tener funcionalidad necesita poseer elementos que seraacuten las opciones que se desplegaraacuten al
posicionar el menuacute y en las que los usuarios haraacuten clic para navegar en el sitio web
Ingrese al Gestor de menuacutes para comenzar a crear los elementos del menuacute anterior
10
28 Puede dar clic en el nombre del menuacute
O hacer clic en la opcioacuten Menuacutes del menuacute superior y seleccionar la opcioacuten Antildeadir nuevo elemento
de menuacute de la subopcioacuten Clasificacioacuten de Animales
29 Cargaraacute la paacutegina del Gestor de menuacutes Elementos de menuacute en donde podraacute crear uno a uno los
elementos del menuacute Haga clic en el botoacuten Nuevo
30 En la paacutegina Gestor de menuacutes Antildeadir un elemento de menuacute seleccionar el Tipo de elemento
de menuacute para lo que deberaacute presionar el botoacuten Seleccionar (ubicado junto al campo de formulario
del tipo de elemento de menuacute)
11
31 Seleccione el tipo de elemento de menuacute
En este caso crearemos un elemento de tipo
Artiacuteculo y en el listado de tipos de
elementos de menuacute seleccionar Mostrar un
solo artiacuteculo
32 Seleccione el artiacuteculo que estaraacute referido al elemento de menuacute que se estaacute creando
Para ello haga clic sobre el botoacuten Seleccionar junto al campo de texto en Seleccionar artiacuteculo
33 Seleccione el artiacuteculo que vincularaacute a la opcioacuten de menuacute en el diaacutelogo emergente que apareceraacute
luego de presionar el botoacuten Seleccionar en el ejercicio seleccione el artiacuteculo Aves
12
34 Llene los Detalles (Details) del formulario para creacioacuten de un nuevo elemento (iacutetem) de menuacute
a Tiacutetulo del elemento del menuacute Aves
b Alias aves-menu
c Abrir en Nueva ventana con barra de navegacioacuten
Presione el botoacuten Guardar (d)
35 Haga clic en Cerrar para que los cambios se almacenen
13
36 Verifique que se haya creado correctamente el elemento de menuacute
37 Vaya al menuacute Gestor de artiacuteculos y coloque como destacados a los siguientes artiacuteculos Mamiacuteferos
y Peces
38 Haga clic en el la opcioacuten de menuacute Menuacutes y haga clic en Antildeadir un nuevo elemento del menuacute a la
opcioacuten Clasificacioacuten de Animales
39 Siguiendo el mismo procedimiento cree un elemento de menuacute adicional En este caso el tipo de
elemento de menuacute seraacute nuevamente Artiacuteculos y dentro de los tipos de artiacuteculos seleccione enlace
Mostrar todos los artiacuteculos destacados
14
40 Complete los campos del formulario para creacioacuten del nuevo elemento de menuacute En el tiacutetulo del
menuacute coloque Otras clasificaciones en el alias peces-mamiferos-menu
Verifique que el elemento de menuacute esteacute en Clasificacioacuten de Animales y que en el Elemento
principal esteacute seleccionado Elemento de menuacute raiacutez
41 En la opcioacuten Abrir en seleccionar la opcioacuten Nueva ventana con barra de desplazamiento Haga
clic en Guardar y finalmente cierre
42 Verifique que esteacuten creados los dos elementos de menuacute en el menuacute Clasificacioacuten de los animales
15
43 Ingrese al front-end notaraacute que no aparece el menuacute por ninguacuten lado Esto tiene su explicacioacuten y es
que necesita crear un moacutedulo para gestionar la presentacioacuten del menuacute en el front-end Algo que
haremos en el siguiente ejercicio
Ejercicio 4 Creacioacuten del moacutedulo para mostrar el menuacute
44 Crear un nuevo moacutedulo desde el Gestor de moacutedulos Puede hacerlo desde el menuacute del panel
administrativo en la opcioacuten Extensiones
45 En el Gestor de moacutedulos presionaraacute el botoacuten Nuevo para crear un nuevo moacutedulo Este moacutedulo
estaraacute asociado al menuacute Clasificacioacuten de Animales que se creoacute en el ejercicio 2 del procedimiento
16
46 Seleccione el tipo de moacutedulo que va a crear En este caso seraacute un Menuacute
47 Ingrese los detalles del menuacute como se indica a continuacioacuten
17
a) Tiacutetulo Clasificacioacuten Animales
b) Seleccionar menuacute Clasificacioacuten de Animales
c) Indicar que la posicioacuten del menuacute seraacute Inferior-derecha [position-3]
(Se utiliza cuando tenga que establecer la posicioacuten del menuacute en la paacutegina del front-end del sitio)
48 Haga clic en Guardar y despueacutes haga clic en Cerrar
49 Verifique que se haya creado correctamente el moacutedulo para el menuacute Clasificacioacuten de Animales
50 Abra otro navegador o una nueva pestantildea del que estaacute usando e ingrese al front-end para verificar
que se muestra el menuacute luego de haber creado y configurado el moacutedulo
18
51 Cuando se tiene un menuacute creado con artiacuteculos destacados y se quiere agregar un nuevo artiacuteculo a
este menuacute solo es necesario destacar el artiacuteculo realizar el ejercicio con el articulo Aves
52 Ahora vuelva a cargar el front-end e ingrese a la opcioacuten de menuacute Otras Clasificaciones Observaraacute
que esta vez carga el contenido de los tres artiacuteculos destacados
Ejercicio 5 Creacioacuten de un menuacute de enlaces externos
En algunas situaciones puede ser uacutetil crear un menuacute de enlaces externos para cargar paacuteginas de otros
sitios que resulten buenas referencias de acuerdo al tema abordado en el sitio web
53 Ingrese nuevamente al Gestor de menuacutes desde el menuacute principal del panel de administracioacuten de
Joomla
54 Presione el botoacuten Nuevo en el menuacute superior del Gestor de menuacutes
55 Ingrese la informacioacuten del menuacute Luego presione el botoacuten Guardar
56 Haga clic en la opcioacuten Cerrar
19
57 Cree los elementos de este menuacute haciendo clic en el nombre del menuacute Presione el botoacuten Nuevo en
el Gestor de iacutetems de menuacute
58 Seleccione el tipo de elemento de menuacute presionando el botoacuten Seleccionar que aparece junto al
campo de texto Tipo de elemento del menuacute
59 Haga clic en el elemento Enlaces de sistema
60 Y en el listado que se despliega clic sobre Crear una URL
10 Notaraacute que los campos de formulario a llenar cambian al seleccionar URL externa
Ingrese en el campo Enlace la direccioacuten del sitio que quiere cargar desde el sitio web
Joomla
En este enlace utilice httpwwwlistadodeanimalescom
20
a) Tiacutetulo del elemento del menuacute Listado de animales
b) Abrir en Nueva ventana con barra de desplazamiento
c) Menuacute Enlace externo
11 Cree Ud dos elementos de menuacutes adicionales Uno que titularaacute Animales en extensioacuten y otro
que titularaacute Animales maacutes raros del mundo
Los enlaces respectivos seraacuten
httpwwwsostenibilidadcomtop-10-animales-en-peligro-de-extincion1
httpnationalgeographicesanimalesanimales-mas-rarosimagenpez-rosado-con-manos
Cree el moacutedulo para este menuacute para poder visualizarlo en el front-end
V INVESTIGACIOacuteN COMPLEMENTARIA
1) Cree un sitio web sobre el tema que Ud prefiera Se le pide crear al menos dos categoriacuteas
dos subcategoriacuteas en cada una de ellas y un total de seis artiacuteculos Puede ubicar estos
artiacuteculos en la subcategoriacutea que desee
2) Cuando ya tenga las categoriacuteas cree dos iacutetems de menuacute dentro del menuacute principal un nuevo
menuacute que deberaacuten cargar en tres de sus opciones tres de los artiacuteculos y en la otra opcioacuten del
menuacute deberaacute cargar los tres artiacuteculos restantes
3) Cree un artiacuteculo adicional no categorizado que deberaacute cargar en la paacutegina de Inicio (Home)
21
VI BIBLIOGRAFIacuteA
bull iexclManual Imprescindible Joomla Bintu Harwani Harwani Bintu Madrid Espantildea
ANAYA 2010 Biblioteca UDB ndash Clasificacioacuten 0052762 H343 2010
bull Menuacutes Menu Item Article Category List
httpsdocsjoomlaorgHelp34Menus_Menu_Item_Article_Category_List
bull Creating a submenuacute httpsdocsjoomlaorgCreating_a_submenu
22
Alumno
HOJA DE EVALUACIOacuteN
DE GUIacuteAS DE PRAacuteCTICA
Actividad a
evaluar
Criterio a evaluar Cumplioacute Puntaje
SI NO
Desarrollo de la
Praacutectica
Logro terminar todas las partes de la guiacutea de
laboratorio (30)
Presentoacute la evidencia del desarrollo de cada una de las
partes a su docente (35)
Trabajo de manera correcta y ordenada la guiacutea de
laboratorio y el funcionan de todas las configuraciones
planteadas en la misma (35)
PROMEDIO
Investigacioacuten
complementaria
Envioacute la investigacioacuten complementaria en la fecha
indicada (20)
Resolvioacute todos los ejercicios planteados en la
investigacioacuten complementaria (35)
Presenta el reporte de una manera clara ordenada y
loacutegica (35)
PROMEDIO
Carnet
Docente Fecha
Tiacutetulo de la guiacutea No
4
5 Luego agregar un artiacuteculo a cada una de las siguientes categoriacuteas ya creadas Mamiacuteferos y Aves
6 Al final tendraacute el siguiente listado de artiacuteculos agregados en cada una de las categoriacuteas
Parte 2 Creacioacuten de elementos de menuacute dentro del menuacute Principal
7 En el panel de control de Joomla hacer clic en el enlace Gestor de Menuacutes o en el menuacute Menuacutes -gt
Gestor de menuacutes
8 Dentro del Gestor de menuacutes localice el menuacute denominado Menuacute principal (Main menu)
Si no ha trabajado antes con menuacutes y si no instaloacute los datos de ejemplo seguramente seraacute el uacutenico
menuacute que podraacute observar en el listado
9 Al dar clic en el elemento Menuacute principal (Main menu) ingresaraacute al Gestor de iacutetems de menuacute
del Menuacute principal que uacutenicamente debe mostrar el elemento (iacutetem) de menuacute Inicio (Home)
Por defecto en el menuacute principal si no instaloacute datos de ejemplo debe aparecer uacutenicamente el
elemento Inicio (Home) Verifiacutequelo
5
10 Vamos a agregar un nuevo elemento de menuacute al menuacute principal dando clic en el botoacuten Nuevo de
la barra de herramientas superior (botoacuten color verde)
Esto cargaraacute la paacutegina Nuevo elemento de menuacute
11 En el formulario para crear un nuevo elemento de menuacute debe ingresar la informacioacuten solicitada
principalmente indicar el Tipo de elemento de menuacute usando el botoacuten Seleccionar
Indique el Tiacutetulo del menuacute el alias (opcional ya que Joomla asignaraacute un valor automaacuteticamente si
no lo hace Ud) indicar el Estado la localizacioacuten del menuacute (que deberaacute ser Menuacute principal (Main
Menu)) y seleccione el elemento padre (Home)
12 Haga clic en Artiacuteculos para mostrar las opciones que proporciona Joomla para este tipo de
elemento de menuacute
6
13 Haga clic sobre la opcioacuten Mostrar un solo artiacuteculo
14 Apareceraacute en el formulario un nuevo campo de seleccioacuten de artiacuteculo
15 Haga clic en el botoacuten Seleccionar de este campo
7
16 Estos son los artiacuteculos que ya ingresoacute desde el Gestor de artiacuteculos y que ubicoacute en alguna categoriacutea
de las categoriacuteas que se han creado previamente
17 Seleccione uno de los artiacuteculos que aparezcan en el listado por ejemplo vamos a seleccionar la
categoriacutea Animales
18 Termine de llenar los detalles del nuevo elemento de menuacute en el formulario de creacioacuten de un
nuevo elemento de menuacute
a Tiacutetulo del elemento del menuacute Mamiacuteferos
b Alias mamiferos-menu
Al terminar presione el botoacuten Guardar (c)
19 Verifique que se ha creado correctamente el elemento de menuacute Debe aparecer un mensaje que se
lo indique independientemente de si presionoacute el botoacuten Guardar Guardar y cerrar o Guardar y
nuevo
20 Actualice la paacutegina de inicio de su sitio Joomla para observar lo que ocurre con el menuacute principal
de su sitio web Deberiacutea aparecer la el menuacute Mamiacuteferos a la par del menuacute Home o Inicio
8
21 Realizar pruebas para comprobar el uso del nuevo menuacute
Parte 3 Creacioacuten de un nuevo menuacute principal
22 Ingrese nuevamente al Gestor de menuacutes si acaso lo habiacutea abandonado o se habiacutea salido
23 Dentro del Gestor de menuacutes haga clic en el botoacuten Nuevo en la barra de herramientas ubicada a la
derecha del tiacutetulo Gestor de menuacutes Menuacutes
24 Llene el formulario para creacioacuten de un nuevo menuacute ingresando
bull El Tiacutetulo Clasificacioacuten de Animales
bull Tipo de menuacute animales-menu (note que no se utilizan espacios en blanco ni caracteres especiales
del espantildeol en este campo)
bull Descripcioacuten Presentacioacuten de las diferentes clasificaciones del reino animal
Al terminar presione el botoacuten Guardar
9
25 Verifique que el menuacute se haya creado correctamente Debe aparecer el mensaje que se muestra a
continuacioacuten
26 Cierre el formulario para ver en el listado de menuacutes el menuacute recieacuten creado
OBSERVACIOacuteN
En este momento todaviacutea no podraacute visualizar algun cambio en el front-end
Siga el procedimiento para proseguir y poder visualizar el menuacute
Ejercicio 3 Creacioacuten de los elementos (iacutetems) del menuacute
27 El menuacute anterior creado en el ejercicio 2 no posee elementos solo se ha creado un objeto que
para tener funcionalidad necesita poseer elementos que seraacuten las opciones que se desplegaraacuten al
posicionar el menuacute y en las que los usuarios haraacuten clic para navegar en el sitio web
Ingrese al Gestor de menuacutes para comenzar a crear los elementos del menuacute anterior
10
28 Puede dar clic en el nombre del menuacute
O hacer clic en la opcioacuten Menuacutes del menuacute superior y seleccionar la opcioacuten Antildeadir nuevo elemento
de menuacute de la subopcioacuten Clasificacioacuten de Animales
29 Cargaraacute la paacutegina del Gestor de menuacutes Elementos de menuacute en donde podraacute crear uno a uno los
elementos del menuacute Haga clic en el botoacuten Nuevo
30 En la paacutegina Gestor de menuacutes Antildeadir un elemento de menuacute seleccionar el Tipo de elemento
de menuacute para lo que deberaacute presionar el botoacuten Seleccionar (ubicado junto al campo de formulario
del tipo de elemento de menuacute)
11
31 Seleccione el tipo de elemento de menuacute
En este caso crearemos un elemento de tipo
Artiacuteculo y en el listado de tipos de
elementos de menuacute seleccionar Mostrar un
solo artiacuteculo
32 Seleccione el artiacuteculo que estaraacute referido al elemento de menuacute que se estaacute creando
Para ello haga clic sobre el botoacuten Seleccionar junto al campo de texto en Seleccionar artiacuteculo
33 Seleccione el artiacuteculo que vincularaacute a la opcioacuten de menuacute en el diaacutelogo emergente que apareceraacute
luego de presionar el botoacuten Seleccionar en el ejercicio seleccione el artiacuteculo Aves
12
34 Llene los Detalles (Details) del formulario para creacioacuten de un nuevo elemento (iacutetem) de menuacute
a Tiacutetulo del elemento del menuacute Aves
b Alias aves-menu
c Abrir en Nueva ventana con barra de navegacioacuten
Presione el botoacuten Guardar (d)
35 Haga clic en Cerrar para que los cambios se almacenen
13
36 Verifique que se haya creado correctamente el elemento de menuacute
37 Vaya al menuacute Gestor de artiacuteculos y coloque como destacados a los siguientes artiacuteculos Mamiacuteferos
y Peces
38 Haga clic en el la opcioacuten de menuacute Menuacutes y haga clic en Antildeadir un nuevo elemento del menuacute a la
opcioacuten Clasificacioacuten de Animales
39 Siguiendo el mismo procedimiento cree un elemento de menuacute adicional En este caso el tipo de
elemento de menuacute seraacute nuevamente Artiacuteculos y dentro de los tipos de artiacuteculos seleccione enlace
Mostrar todos los artiacuteculos destacados
14
40 Complete los campos del formulario para creacioacuten del nuevo elemento de menuacute En el tiacutetulo del
menuacute coloque Otras clasificaciones en el alias peces-mamiferos-menu
Verifique que el elemento de menuacute esteacute en Clasificacioacuten de Animales y que en el Elemento
principal esteacute seleccionado Elemento de menuacute raiacutez
41 En la opcioacuten Abrir en seleccionar la opcioacuten Nueva ventana con barra de desplazamiento Haga
clic en Guardar y finalmente cierre
42 Verifique que esteacuten creados los dos elementos de menuacute en el menuacute Clasificacioacuten de los animales
15
43 Ingrese al front-end notaraacute que no aparece el menuacute por ninguacuten lado Esto tiene su explicacioacuten y es
que necesita crear un moacutedulo para gestionar la presentacioacuten del menuacute en el front-end Algo que
haremos en el siguiente ejercicio
Ejercicio 4 Creacioacuten del moacutedulo para mostrar el menuacute
44 Crear un nuevo moacutedulo desde el Gestor de moacutedulos Puede hacerlo desde el menuacute del panel
administrativo en la opcioacuten Extensiones
45 En el Gestor de moacutedulos presionaraacute el botoacuten Nuevo para crear un nuevo moacutedulo Este moacutedulo
estaraacute asociado al menuacute Clasificacioacuten de Animales que se creoacute en el ejercicio 2 del procedimiento
16
46 Seleccione el tipo de moacutedulo que va a crear En este caso seraacute un Menuacute
47 Ingrese los detalles del menuacute como se indica a continuacioacuten
17
a) Tiacutetulo Clasificacioacuten Animales
b) Seleccionar menuacute Clasificacioacuten de Animales
c) Indicar que la posicioacuten del menuacute seraacute Inferior-derecha [position-3]
(Se utiliza cuando tenga que establecer la posicioacuten del menuacute en la paacutegina del front-end del sitio)
48 Haga clic en Guardar y despueacutes haga clic en Cerrar
49 Verifique que se haya creado correctamente el moacutedulo para el menuacute Clasificacioacuten de Animales
50 Abra otro navegador o una nueva pestantildea del que estaacute usando e ingrese al front-end para verificar
que se muestra el menuacute luego de haber creado y configurado el moacutedulo
18
51 Cuando se tiene un menuacute creado con artiacuteculos destacados y se quiere agregar un nuevo artiacuteculo a
este menuacute solo es necesario destacar el artiacuteculo realizar el ejercicio con el articulo Aves
52 Ahora vuelva a cargar el front-end e ingrese a la opcioacuten de menuacute Otras Clasificaciones Observaraacute
que esta vez carga el contenido de los tres artiacuteculos destacados
Ejercicio 5 Creacioacuten de un menuacute de enlaces externos
En algunas situaciones puede ser uacutetil crear un menuacute de enlaces externos para cargar paacuteginas de otros
sitios que resulten buenas referencias de acuerdo al tema abordado en el sitio web
53 Ingrese nuevamente al Gestor de menuacutes desde el menuacute principal del panel de administracioacuten de
Joomla
54 Presione el botoacuten Nuevo en el menuacute superior del Gestor de menuacutes
55 Ingrese la informacioacuten del menuacute Luego presione el botoacuten Guardar
56 Haga clic en la opcioacuten Cerrar
19
57 Cree los elementos de este menuacute haciendo clic en el nombre del menuacute Presione el botoacuten Nuevo en
el Gestor de iacutetems de menuacute
58 Seleccione el tipo de elemento de menuacute presionando el botoacuten Seleccionar que aparece junto al
campo de texto Tipo de elemento del menuacute
59 Haga clic en el elemento Enlaces de sistema
60 Y en el listado que se despliega clic sobre Crear una URL
10 Notaraacute que los campos de formulario a llenar cambian al seleccionar URL externa
Ingrese en el campo Enlace la direccioacuten del sitio que quiere cargar desde el sitio web
Joomla
En este enlace utilice httpwwwlistadodeanimalescom
20
a) Tiacutetulo del elemento del menuacute Listado de animales
b) Abrir en Nueva ventana con barra de desplazamiento
c) Menuacute Enlace externo
11 Cree Ud dos elementos de menuacutes adicionales Uno que titularaacute Animales en extensioacuten y otro
que titularaacute Animales maacutes raros del mundo
Los enlaces respectivos seraacuten
httpwwwsostenibilidadcomtop-10-animales-en-peligro-de-extincion1
httpnationalgeographicesanimalesanimales-mas-rarosimagenpez-rosado-con-manos
Cree el moacutedulo para este menuacute para poder visualizarlo en el front-end
V INVESTIGACIOacuteN COMPLEMENTARIA
1) Cree un sitio web sobre el tema que Ud prefiera Se le pide crear al menos dos categoriacuteas
dos subcategoriacuteas en cada una de ellas y un total de seis artiacuteculos Puede ubicar estos
artiacuteculos en la subcategoriacutea que desee
2) Cuando ya tenga las categoriacuteas cree dos iacutetems de menuacute dentro del menuacute principal un nuevo
menuacute que deberaacuten cargar en tres de sus opciones tres de los artiacuteculos y en la otra opcioacuten del
menuacute deberaacute cargar los tres artiacuteculos restantes
3) Cree un artiacuteculo adicional no categorizado que deberaacute cargar en la paacutegina de Inicio (Home)
21
VI BIBLIOGRAFIacuteA
bull iexclManual Imprescindible Joomla Bintu Harwani Harwani Bintu Madrid Espantildea
ANAYA 2010 Biblioteca UDB ndash Clasificacioacuten 0052762 H343 2010
bull Menuacutes Menu Item Article Category List
httpsdocsjoomlaorgHelp34Menus_Menu_Item_Article_Category_List
bull Creating a submenuacute httpsdocsjoomlaorgCreating_a_submenu
22
Alumno
HOJA DE EVALUACIOacuteN
DE GUIacuteAS DE PRAacuteCTICA
Actividad a
evaluar
Criterio a evaluar Cumplioacute Puntaje
SI NO
Desarrollo de la
Praacutectica
Logro terminar todas las partes de la guiacutea de
laboratorio (30)
Presentoacute la evidencia del desarrollo de cada una de las
partes a su docente (35)
Trabajo de manera correcta y ordenada la guiacutea de
laboratorio y el funcionan de todas las configuraciones
planteadas en la misma (35)
PROMEDIO
Investigacioacuten
complementaria
Envioacute la investigacioacuten complementaria en la fecha
indicada (20)
Resolvioacute todos los ejercicios planteados en la
investigacioacuten complementaria (35)
Presenta el reporte de una manera clara ordenada y
loacutegica (35)
PROMEDIO
Carnet
Docente Fecha
Tiacutetulo de la guiacutea No
5
10 Vamos a agregar un nuevo elemento de menuacute al menuacute principal dando clic en el botoacuten Nuevo de
la barra de herramientas superior (botoacuten color verde)
Esto cargaraacute la paacutegina Nuevo elemento de menuacute
11 En el formulario para crear un nuevo elemento de menuacute debe ingresar la informacioacuten solicitada
principalmente indicar el Tipo de elemento de menuacute usando el botoacuten Seleccionar
Indique el Tiacutetulo del menuacute el alias (opcional ya que Joomla asignaraacute un valor automaacuteticamente si
no lo hace Ud) indicar el Estado la localizacioacuten del menuacute (que deberaacute ser Menuacute principal (Main
Menu)) y seleccione el elemento padre (Home)
12 Haga clic en Artiacuteculos para mostrar las opciones que proporciona Joomla para este tipo de
elemento de menuacute
6
13 Haga clic sobre la opcioacuten Mostrar un solo artiacuteculo
14 Apareceraacute en el formulario un nuevo campo de seleccioacuten de artiacuteculo
15 Haga clic en el botoacuten Seleccionar de este campo
7
16 Estos son los artiacuteculos que ya ingresoacute desde el Gestor de artiacuteculos y que ubicoacute en alguna categoriacutea
de las categoriacuteas que se han creado previamente
17 Seleccione uno de los artiacuteculos que aparezcan en el listado por ejemplo vamos a seleccionar la
categoriacutea Animales
18 Termine de llenar los detalles del nuevo elemento de menuacute en el formulario de creacioacuten de un
nuevo elemento de menuacute
a Tiacutetulo del elemento del menuacute Mamiacuteferos
b Alias mamiferos-menu
Al terminar presione el botoacuten Guardar (c)
19 Verifique que se ha creado correctamente el elemento de menuacute Debe aparecer un mensaje que se
lo indique independientemente de si presionoacute el botoacuten Guardar Guardar y cerrar o Guardar y
nuevo
20 Actualice la paacutegina de inicio de su sitio Joomla para observar lo que ocurre con el menuacute principal
de su sitio web Deberiacutea aparecer la el menuacute Mamiacuteferos a la par del menuacute Home o Inicio
8
21 Realizar pruebas para comprobar el uso del nuevo menuacute
Parte 3 Creacioacuten de un nuevo menuacute principal
22 Ingrese nuevamente al Gestor de menuacutes si acaso lo habiacutea abandonado o se habiacutea salido
23 Dentro del Gestor de menuacutes haga clic en el botoacuten Nuevo en la barra de herramientas ubicada a la
derecha del tiacutetulo Gestor de menuacutes Menuacutes
24 Llene el formulario para creacioacuten de un nuevo menuacute ingresando
bull El Tiacutetulo Clasificacioacuten de Animales
bull Tipo de menuacute animales-menu (note que no se utilizan espacios en blanco ni caracteres especiales
del espantildeol en este campo)
bull Descripcioacuten Presentacioacuten de las diferentes clasificaciones del reino animal
Al terminar presione el botoacuten Guardar
9
25 Verifique que el menuacute se haya creado correctamente Debe aparecer el mensaje que se muestra a
continuacioacuten
26 Cierre el formulario para ver en el listado de menuacutes el menuacute recieacuten creado
OBSERVACIOacuteN
En este momento todaviacutea no podraacute visualizar algun cambio en el front-end
Siga el procedimiento para proseguir y poder visualizar el menuacute
Ejercicio 3 Creacioacuten de los elementos (iacutetems) del menuacute
27 El menuacute anterior creado en el ejercicio 2 no posee elementos solo se ha creado un objeto que
para tener funcionalidad necesita poseer elementos que seraacuten las opciones que se desplegaraacuten al
posicionar el menuacute y en las que los usuarios haraacuten clic para navegar en el sitio web
Ingrese al Gestor de menuacutes para comenzar a crear los elementos del menuacute anterior
10
28 Puede dar clic en el nombre del menuacute
O hacer clic en la opcioacuten Menuacutes del menuacute superior y seleccionar la opcioacuten Antildeadir nuevo elemento
de menuacute de la subopcioacuten Clasificacioacuten de Animales
29 Cargaraacute la paacutegina del Gestor de menuacutes Elementos de menuacute en donde podraacute crear uno a uno los
elementos del menuacute Haga clic en el botoacuten Nuevo
30 En la paacutegina Gestor de menuacutes Antildeadir un elemento de menuacute seleccionar el Tipo de elemento
de menuacute para lo que deberaacute presionar el botoacuten Seleccionar (ubicado junto al campo de formulario
del tipo de elemento de menuacute)
11
31 Seleccione el tipo de elemento de menuacute
En este caso crearemos un elemento de tipo
Artiacuteculo y en el listado de tipos de
elementos de menuacute seleccionar Mostrar un
solo artiacuteculo
32 Seleccione el artiacuteculo que estaraacute referido al elemento de menuacute que se estaacute creando
Para ello haga clic sobre el botoacuten Seleccionar junto al campo de texto en Seleccionar artiacuteculo
33 Seleccione el artiacuteculo que vincularaacute a la opcioacuten de menuacute en el diaacutelogo emergente que apareceraacute
luego de presionar el botoacuten Seleccionar en el ejercicio seleccione el artiacuteculo Aves
12
34 Llene los Detalles (Details) del formulario para creacioacuten de un nuevo elemento (iacutetem) de menuacute
a Tiacutetulo del elemento del menuacute Aves
b Alias aves-menu
c Abrir en Nueva ventana con barra de navegacioacuten
Presione el botoacuten Guardar (d)
35 Haga clic en Cerrar para que los cambios se almacenen
13
36 Verifique que se haya creado correctamente el elemento de menuacute
37 Vaya al menuacute Gestor de artiacuteculos y coloque como destacados a los siguientes artiacuteculos Mamiacuteferos
y Peces
38 Haga clic en el la opcioacuten de menuacute Menuacutes y haga clic en Antildeadir un nuevo elemento del menuacute a la
opcioacuten Clasificacioacuten de Animales
39 Siguiendo el mismo procedimiento cree un elemento de menuacute adicional En este caso el tipo de
elemento de menuacute seraacute nuevamente Artiacuteculos y dentro de los tipos de artiacuteculos seleccione enlace
Mostrar todos los artiacuteculos destacados
14
40 Complete los campos del formulario para creacioacuten del nuevo elemento de menuacute En el tiacutetulo del
menuacute coloque Otras clasificaciones en el alias peces-mamiferos-menu
Verifique que el elemento de menuacute esteacute en Clasificacioacuten de Animales y que en el Elemento
principal esteacute seleccionado Elemento de menuacute raiacutez
41 En la opcioacuten Abrir en seleccionar la opcioacuten Nueva ventana con barra de desplazamiento Haga
clic en Guardar y finalmente cierre
42 Verifique que esteacuten creados los dos elementos de menuacute en el menuacute Clasificacioacuten de los animales
15
43 Ingrese al front-end notaraacute que no aparece el menuacute por ninguacuten lado Esto tiene su explicacioacuten y es
que necesita crear un moacutedulo para gestionar la presentacioacuten del menuacute en el front-end Algo que
haremos en el siguiente ejercicio
Ejercicio 4 Creacioacuten del moacutedulo para mostrar el menuacute
44 Crear un nuevo moacutedulo desde el Gestor de moacutedulos Puede hacerlo desde el menuacute del panel
administrativo en la opcioacuten Extensiones
45 En el Gestor de moacutedulos presionaraacute el botoacuten Nuevo para crear un nuevo moacutedulo Este moacutedulo
estaraacute asociado al menuacute Clasificacioacuten de Animales que se creoacute en el ejercicio 2 del procedimiento
16
46 Seleccione el tipo de moacutedulo que va a crear En este caso seraacute un Menuacute
47 Ingrese los detalles del menuacute como se indica a continuacioacuten
17
a) Tiacutetulo Clasificacioacuten Animales
b) Seleccionar menuacute Clasificacioacuten de Animales
c) Indicar que la posicioacuten del menuacute seraacute Inferior-derecha [position-3]
(Se utiliza cuando tenga que establecer la posicioacuten del menuacute en la paacutegina del front-end del sitio)
48 Haga clic en Guardar y despueacutes haga clic en Cerrar
49 Verifique que se haya creado correctamente el moacutedulo para el menuacute Clasificacioacuten de Animales
50 Abra otro navegador o una nueva pestantildea del que estaacute usando e ingrese al front-end para verificar
que se muestra el menuacute luego de haber creado y configurado el moacutedulo
18
51 Cuando se tiene un menuacute creado con artiacuteculos destacados y se quiere agregar un nuevo artiacuteculo a
este menuacute solo es necesario destacar el artiacuteculo realizar el ejercicio con el articulo Aves
52 Ahora vuelva a cargar el front-end e ingrese a la opcioacuten de menuacute Otras Clasificaciones Observaraacute
que esta vez carga el contenido de los tres artiacuteculos destacados
Ejercicio 5 Creacioacuten de un menuacute de enlaces externos
En algunas situaciones puede ser uacutetil crear un menuacute de enlaces externos para cargar paacuteginas de otros
sitios que resulten buenas referencias de acuerdo al tema abordado en el sitio web
53 Ingrese nuevamente al Gestor de menuacutes desde el menuacute principal del panel de administracioacuten de
Joomla
54 Presione el botoacuten Nuevo en el menuacute superior del Gestor de menuacutes
55 Ingrese la informacioacuten del menuacute Luego presione el botoacuten Guardar
56 Haga clic en la opcioacuten Cerrar
19
57 Cree los elementos de este menuacute haciendo clic en el nombre del menuacute Presione el botoacuten Nuevo en
el Gestor de iacutetems de menuacute
58 Seleccione el tipo de elemento de menuacute presionando el botoacuten Seleccionar que aparece junto al
campo de texto Tipo de elemento del menuacute
59 Haga clic en el elemento Enlaces de sistema
60 Y en el listado que se despliega clic sobre Crear una URL
10 Notaraacute que los campos de formulario a llenar cambian al seleccionar URL externa
Ingrese en el campo Enlace la direccioacuten del sitio que quiere cargar desde el sitio web
Joomla
En este enlace utilice httpwwwlistadodeanimalescom
20
a) Tiacutetulo del elemento del menuacute Listado de animales
b) Abrir en Nueva ventana con barra de desplazamiento
c) Menuacute Enlace externo
11 Cree Ud dos elementos de menuacutes adicionales Uno que titularaacute Animales en extensioacuten y otro
que titularaacute Animales maacutes raros del mundo
Los enlaces respectivos seraacuten
httpwwwsostenibilidadcomtop-10-animales-en-peligro-de-extincion1
httpnationalgeographicesanimalesanimales-mas-rarosimagenpez-rosado-con-manos
Cree el moacutedulo para este menuacute para poder visualizarlo en el front-end
V INVESTIGACIOacuteN COMPLEMENTARIA
1) Cree un sitio web sobre el tema que Ud prefiera Se le pide crear al menos dos categoriacuteas
dos subcategoriacuteas en cada una de ellas y un total de seis artiacuteculos Puede ubicar estos
artiacuteculos en la subcategoriacutea que desee
2) Cuando ya tenga las categoriacuteas cree dos iacutetems de menuacute dentro del menuacute principal un nuevo
menuacute que deberaacuten cargar en tres de sus opciones tres de los artiacuteculos y en la otra opcioacuten del
menuacute deberaacute cargar los tres artiacuteculos restantes
3) Cree un artiacuteculo adicional no categorizado que deberaacute cargar en la paacutegina de Inicio (Home)
21
VI BIBLIOGRAFIacuteA
bull iexclManual Imprescindible Joomla Bintu Harwani Harwani Bintu Madrid Espantildea
ANAYA 2010 Biblioteca UDB ndash Clasificacioacuten 0052762 H343 2010
bull Menuacutes Menu Item Article Category List
httpsdocsjoomlaorgHelp34Menus_Menu_Item_Article_Category_List
bull Creating a submenuacute httpsdocsjoomlaorgCreating_a_submenu
22
Alumno
HOJA DE EVALUACIOacuteN
DE GUIacuteAS DE PRAacuteCTICA
Actividad a
evaluar
Criterio a evaluar Cumplioacute Puntaje
SI NO
Desarrollo de la
Praacutectica
Logro terminar todas las partes de la guiacutea de
laboratorio (30)
Presentoacute la evidencia del desarrollo de cada una de las
partes a su docente (35)
Trabajo de manera correcta y ordenada la guiacutea de
laboratorio y el funcionan de todas las configuraciones
planteadas en la misma (35)
PROMEDIO
Investigacioacuten
complementaria
Envioacute la investigacioacuten complementaria en la fecha
indicada (20)
Resolvioacute todos los ejercicios planteados en la
investigacioacuten complementaria (35)
Presenta el reporte de una manera clara ordenada y
loacutegica (35)
PROMEDIO
Carnet
Docente Fecha
Tiacutetulo de la guiacutea No
6
13 Haga clic sobre la opcioacuten Mostrar un solo artiacuteculo
14 Apareceraacute en el formulario un nuevo campo de seleccioacuten de artiacuteculo
15 Haga clic en el botoacuten Seleccionar de este campo
7
16 Estos son los artiacuteculos que ya ingresoacute desde el Gestor de artiacuteculos y que ubicoacute en alguna categoriacutea
de las categoriacuteas que se han creado previamente
17 Seleccione uno de los artiacuteculos que aparezcan en el listado por ejemplo vamos a seleccionar la
categoriacutea Animales
18 Termine de llenar los detalles del nuevo elemento de menuacute en el formulario de creacioacuten de un
nuevo elemento de menuacute
a Tiacutetulo del elemento del menuacute Mamiacuteferos
b Alias mamiferos-menu
Al terminar presione el botoacuten Guardar (c)
19 Verifique que se ha creado correctamente el elemento de menuacute Debe aparecer un mensaje que se
lo indique independientemente de si presionoacute el botoacuten Guardar Guardar y cerrar o Guardar y
nuevo
20 Actualice la paacutegina de inicio de su sitio Joomla para observar lo que ocurre con el menuacute principal
de su sitio web Deberiacutea aparecer la el menuacute Mamiacuteferos a la par del menuacute Home o Inicio
8
21 Realizar pruebas para comprobar el uso del nuevo menuacute
Parte 3 Creacioacuten de un nuevo menuacute principal
22 Ingrese nuevamente al Gestor de menuacutes si acaso lo habiacutea abandonado o se habiacutea salido
23 Dentro del Gestor de menuacutes haga clic en el botoacuten Nuevo en la barra de herramientas ubicada a la
derecha del tiacutetulo Gestor de menuacutes Menuacutes
24 Llene el formulario para creacioacuten de un nuevo menuacute ingresando
bull El Tiacutetulo Clasificacioacuten de Animales
bull Tipo de menuacute animales-menu (note que no se utilizan espacios en blanco ni caracteres especiales
del espantildeol en este campo)
bull Descripcioacuten Presentacioacuten de las diferentes clasificaciones del reino animal
Al terminar presione el botoacuten Guardar
9
25 Verifique que el menuacute se haya creado correctamente Debe aparecer el mensaje que se muestra a
continuacioacuten
26 Cierre el formulario para ver en el listado de menuacutes el menuacute recieacuten creado
OBSERVACIOacuteN
En este momento todaviacutea no podraacute visualizar algun cambio en el front-end
Siga el procedimiento para proseguir y poder visualizar el menuacute
Ejercicio 3 Creacioacuten de los elementos (iacutetems) del menuacute
27 El menuacute anterior creado en el ejercicio 2 no posee elementos solo se ha creado un objeto que
para tener funcionalidad necesita poseer elementos que seraacuten las opciones que se desplegaraacuten al
posicionar el menuacute y en las que los usuarios haraacuten clic para navegar en el sitio web
Ingrese al Gestor de menuacutes para comenzar a crear los elementos del menuacute anterior
10
28 Puede dar clic en el nombre del menuacute
O hacer clic en la opcioacuten Menuacutes del menuacute superior y seleccionar la opcioacuten Antildeadir nuevo elemento
de menuacute de la subopcioacuten Clasificacioacuten de Animales
29 Cargaraacute la paacutegina del Gestor de menuacutes Elementos de menuacute en donde podraacute crear uno a uno los
elementos del menuacute Haga clic en el botoacuten Nuevo
30 En la paacutegina Gestor de menuacutes Antildeadir un elemento de menuacute seleccionar el Tipo de elemento
de menuacute para lo que deberaacute presionar el botoacuten Seleccionar (ubicado junto al campo de formulario
del tipo de elemento de menuacute)
11
31 Seleccione el tipo de elemento de menuacute
En este caso crearemos un elemento de tipo
Artiacuteculo y en el listado de tipos de
elementos de menuacute seleccionar Mostrar un
solo artiacuteculo
32 Seleccione el artiacuteculo que estaraacute referido al elemento de menuacute que se estaacute creando
Para ello haga clic sobre el botoacuten Seleccionar junto al campo de texto en Seleccionar artiacuteculo
33 Seleccione el artiacuteculo que vincularaacute a la opcioacuten de menuacute en el diaacutelogo emergente que apareceraacute
luego de presionar el botoacuten Seleccionar en el ejercicio seleccione el artiacuteculo Aves
12
34 Llene los Detalles (Details) del formulario para creacioacuten de un nuevo elemento (iacutetem) de menuacute
a Tiacutetulo del elemento del menuacute Aves
b Alias aves-menu
c Abrir en Nueva ventana con barra de navegacioacuten
Presione el botoacuten Guardar (d)
35 Haga clic en Cerrar para que los cambios se almacenen
13
36 Verifique que se haya creado correctamente el elemento de menuacute
37 Vaya al menuacute Gestor de artiacuteculos y coloque como destacados a los siguientes artiacuteculos Mamiacuteferos
y Peces
38 Haga clic en el la opcioacuten de menuacute Menuacutes y haga clic en Antildeadir un nuevo elemento del menuacute a la
opcioacuten Clasificacioacuten de Animales
39 Siguiendo el mismo procedimiento cree un elemento de menuacute adicional En este caso el tipo de
elemento de menuacute seraacute nuevamente Artiacuteculos y dentro de los tipos de artiacuteculos seleccione enlace
Mostrar todos los artiacuteculos destacados
14
40 Complete los campos del formulario para creacioacuten del nuevo elemento de menuacute En el tiacutetulo del
menuacute coloque Otras clasificaciones en el alias peces-mamiferos-menu
Verifique que el elemento de menuacute esteacute en Clasificacioacuten de Animales y que en el Elemento
principal esteacute seleccionado Elemento de menuacute raiacutez
41 En la opcioacuten Abrir en seleccionar la opcioacuten Nueva ventana con barra de desplazamiento Haga
clic en Guardar y finalmente cierre
42 Verifique que esteacuten creados los dos elementos de menuacute en el menuacute Clasificacioacuten de los animales
15
43 Ingrese al front-end notaraacute que no aparece el menuacute por ninguacuten lado Esto tiene su explicacioacuten y es
que necesita crear un moacutedulo para gestionar la presentacioacuten del menuacute en el front-end Algo que
haremos en el siguiente ejercicio
Ejercicio 4 Creacioacuten del moacutedulo para mostrar el menuacute
44 Crear un nuevo moacutedulo desde el Gestor de moacutedulos Puede hacerlo desde el menuacute del panel
administrativo en la opcioacuten Extensiones
45 En el Gestor de moacutedulos presionaraacute el botoacuten Nuevo para crear un nuevo moacutedulo Este moacutedulo
estaraacute asociado al menuacute Clasificacioacuten de Animales que se creoacute en el ejercicio 2 del procedimiento
16
46 Seleccione el tipo de moacutedulo que va a crear En este caso seraacute un Menuacute
47 Ingrese los detalles del menuacute como se indica a continuacioacuten
17
a) Tiacutetulo Clasificacioacuten Animales
b) Seleccionar menuacute Clasificacioacuten de Animales
c) Indicar que la posicioacuten del menuacute seraacute Inferior-derecha [position-3]
(Se utiliza cuando tenga que establecer la posicioacuten del menuacute en la paacutegina del front-end del sitio)
48 Haga clic en Guardar y despueacutes haga clic en Cerrar
49 Verifique que se haya creado correctamente el moacutedulo para el menuacute Clasificacioacuten de Animales
50 Abra otro navegador o una nueva pestantildea del que estaacute usando e ingrese al front-end para verificar
que se muestra el menuacute luego de haber creado y configurado el moacutedulo
18
51 Cuando se tiene un menuacute creado con artiacuteculos destacados y se quiere agregar un nuevo artiacuteculo a
este menuacute solo es necesario destacar el artiacuteculo realizar el ejercicio con el articulo Aves
52 Ahora vuelva a cargar el front-end e ingrese a la opcioacuten de menuacute Otras Clasificaciones Observaraacute
que esta vez carga el contenido de los tres artiacuteculos destacados
Ejercicio 5 Creacioacuten de un menuacute de enlaces externos
En algunas situaciones puede ser uacutetil crear un menuacute de enlaces externos para cargar paacuteginas de otros
sitios que resulten buenas referencias de acuerdo al tema abordado en el sitio web
53 Ingrese nuevamente al Gestor de menuacutes desde el menuacute principal del panel de administracioacuten de
Joomla
54 Presione el botoacuten Nuevo en el menuacute superior del Gestor de menuacutes
55 Ingrese la informacioacuten del menuacute Luego presione el botoacuten Guardar
56 Haga clic en la opcioacuten Cerrar
19
57 Cree los elementos de este menuacute haciendo clic en el nombre del menuacute Presione el botoacuten Nuevo en
el Gestor de iacutetems de menuacute
58 Seleccione el tipo de elemento de menuacute presionando el botoacuten Seleccionar que aparece junto al
campo de texto Tipo de elemento del menuacute
59 Haga clic en el elemento Enlaces de sistema
60 Y en el listado que se despliega clic sobre Crear una URL
10 Notaraacute que los campos de formulario a llenar cambian al seleccionar URL externa
Ingrese en el campo Enlace la direccioacuten del sitio que quiere cargar desde el sitio web
Joomla
En este enlace utilice httpwwwlistadodeanimalescom
20
a) Tiacutetulo del elemento del menuacute Listado de animales
b) Abrir en Nueva ventana con barra de desplazamiento
c) Menuacute Enlace externo
11 Cree Ud dos elementos de menuacutes adicionales Uno que titularaacute Animales en extensioacuten y otro
que titularaacute Animales maacutes raros del mundo
Los enlaces respectivos seraacuten
httpwwwsostenibilidadcomtop-10-animales-en-peligro-de-extincion1
httpnationalgeographicesanimalesanimales-mas-rarosimagenpez-rosado-con-manos
Cree el moacutedulo para este menuacute para poder visualizarlo en el front-end
V INVESTIGACIOacuteN COMPLEMENTARIA
1) Cree un sitio web sobre el tema que Ud prefiera Se le pide crear al menos dos categoriacuteas
dos subcategoriacuteas en cada una de ellas y un total de seis artiacuteculos Puede ubicar estos
artiacuteculos en la subcategoriacutea que desee
2) Cuando ya tenga las categoriacuteas cree dos iacutetems de menuacute dentro del menuacute principal un nuevo
menuacute que deberaacuten cargar en tres de sus opciones tres de los artiacuteculos y en la otra opcioacuten del
menuacute deberaacute cargar los tres artiacuteculos restantes
3) Cree un artiacuteculo adicional no categorizado que deberaacute cargar en la paacutegina de Inicio (Home)
21
VI BIBLIOGRAFIacuteA
bull iexclManual Imprescindible Joomla Bintu Harwani Harwani Bintu Madrid Espantildea
ANAYA 2010 Biblioteca UDB ndash Clasificacioacuten 0052762 H343 2010
bull Menuacutes Menu Item Article Category List
httpsdocsjoomlaorgHelp34Menus_Menu_Item_Article_Category_List
bull Creating a submenuacute httpsdocsjoomlaorgCreating_a_submenu
22
Alumno
HOJA DE EVALUACIOacuteN
DE GUIacuteAS DE PRAacuteCTICA
Actividad a
evaluar
Criterio a evaluar Cumplioacute Puntaje
SI NO
Desarrollo de la
Praacutectica
Logro terminar todas las partes de la guiacutea de
laboratorio (30)
Presentoacute la evidencia del desarrollo de cada una de las
partes a su docente (35)
Trabajo de manera correcta y ordenada la guiacutea de
laboratorio y el funcionan de todas las configuraciones
planteadas en la misma (35)
PROMEDIO
Investigacioacuten
complementaria
Envioacute la investigacioacuten complementaria en la fecha
indicada (20)
Resolvioacute todos los ejercicios planteados en la
investigacioacuten complementaria (35)
Presenta el reporte de una manera clara ordenada y
loacutegica (35)
PROMEDIO
Carnet
Docente Fecha
Tiacutetulo de la guiacutea No
7
16 Estos son los artiacuteculos que ya ingresoacute desde el Gestor de artiacuteculos y que ubicoacute en alguna categoriacutea
de las categoriacuteas que se han creado previamente
17 Seleccione uno de los artiacuteculos que aparezcan en el listado por ejemplo vamos a seleccionar la
categoriacutea Animales
18 Termine de llenar los detalles del nuevo elemento de menuacute en el formulario de creacioacuten de un
nuevo elemento de menuacute
a Tiacutetulo del elemento del menuacute Mamiacuteferos
b Alias mamiferos-menu
Al terminar presione el botoacuten Guardar (c)
19 Verifique que se ha creado correctamente el elemento de menuacute Debe aparecer un mensaje que se
lo indique independientemente de si presionoacute el botoacuten Guardar Guardar y cerrar o Guardar y
nuevo
20 Actualice la paacutegina de inicio de su sitio Joomla para observar lo que ocurre con el menuacute principal
de su sitio web Deberiacutea aparecer la el menuacute Mamiacuteferos a la par del menuacute Home o Inicio
8
21 Realizar pruebas para comprobar el uso del nuevo menuacute
Parte 3 Creacioacuten de un nuevo menuacute principal
22 Ingrese nuevamente al Gestor de menuacutes si acaso lo habiacutea abandonado o se habiacutea salido
23 Dentro del Gestor de menuacutes haga clic en el botoacuten Nuevo en la barra de herramientas ubicada a la
derecha del tiacutetulo Gestor de menuacutes Menuacutes
24 Llene el formulario para creacioacuten de un nuevo menuacute ingresando
bull El Tiacutetulo Clasificacioacuten de Animales
bull Tipo de menuacute animales-menu (note que no se utilizan espacios en blanco ni caracteres especiales
del espantildeol en este campo)
bull Descripcioacuten Presentacioacuten de las diferentes clasificaciones del reino animal
Al terminar presione el botoacuten Guardar
9
25 Verifique que el menuacute se haya creado correctamente Debe aparecer el mensaje que se muestra a
continuacioacuten
26 Cierre el formulario para ver en el listado de menuacutes el menuacute recieacuten creado
OBSERVACIOacuteN
En este momento todaviacutea no podraacute visualizar algun cambio en el front-end
Siga el procedimiento para proseguir y poder visualizar el menuacute
Ejercicio 3 Creacioacuten de los elementos (iacutetems) del menuacute
27 El menuacute anterior creado en el ejercicio 2 no posee elementos solo se ha creado un objeto que
para tener funcionalidad necesita poseer elementos que seraacuten las opciones que se desplegaraacuten al
posicionar el menuacute y en las que los usuarios haraacuten clic para navegar en el sitio web
Ingrese al Gestor de menuacutes para comenzar a crear los elementos del menuacute anterior
10
28 Puede dar clic en el nombre del menuacute
O hacer clic en la opcioacuten Menuacutes del menuacute superior y seleccionar la opcioacuten Antildeadir nuevo elemento
de menuacute de la subopcioacuten Clasificacioacuten de Animales
29 Cargaraacute la paacutegina del Gestor de menuacutes Elementos de menuacute en donde podraacute crear uno a uno los
elementos del menuacute Haga clic en el botoacuten Nuevo
30 En la paacutegina Gestor de menuacutes Antildeadir un elemento de menuacute seleccionar el Tipo de elemento
de menuacute para lo que deberaacute presionar el botoacuten Seleccionar (ubicado junto al campo de formulario
del tipo de elemento de menuacute)
11
31 Seleccione el tipo de elemento de menuacute
En este caso crearemos un elemento de tipo
Artiacuteculo y en el listado de tipos de
elementos de menuacute seleccionar Mostrar un
solo artiacuteculo
32 Seleccione el artiacuteculo que estaraacute referido al elemento de menuacute que se estaacute creando
Para ello haga clic sobre el botoacuten Seleccionar junto al campo de texto en Seleccionar artiacuteculo
33 Seleccione el artiacuteculo que vincularaacute a la opcioacuten de menuacute en el diaacutelogo emergente que apareceraacute
luego de presionar el botoacuten Seleccionar en el ejercicio seleccione el artiacuteculo Aves
12
34 Llene los Detalles (Details) del formulario para creacioacuten de un nuevo elemento (iacutetem) de menuacute
a Tiacutetulo del elemento del menuacute Aves
b Alias aves-menu
c Abrir en Nueva ventana con barra de navegacioacuten
Presione el botoacuten Guardar (d)
35 Haga clic en Cerrar para que los cambios se almacenen
13
36 Verifique que se haya creado correctamente el elemento de menuacute
37 Vaya al menuacute Gestor de artiacuteculos y coloque como destacados a los siguientes artiacuteculos Mamiacuteferos
y Peces
38 Haga clic en el la opcioacuten de menuacute Menuacutes y haga clic en Antildeadir un nuevo elemento del menuacute a la
opcioacuten Clasificacioacuten de Animales
39 Siguiendo el mismo procedimiento cree un elemento de menuacute adicional En este caso el tipo de
elemento de menuacute seraacute nuevamente Artiacuteculos y dentro de los tipos de artiacuteculos seleccione enlace
Mostrar todos los artiacuteculos destacados
14
40 Complete los campos del formulario para creacioacuten del nuevo elemento de menuacute En el tiacutetulo del
menuacute coloque Otras clasificaciones en el alias peces-mamiferos-menu
Verifique que el elemento de menuacute esteacute en Clasificacioacuten de Animales y que en el Elemento
principal esteacute seleccionado Elemento de menuacute raiacutez
41 En la opcioacuten Abrir en seleccionar la opcioacuten Nueva ventana con barra de desplazamiento Haga
clic en Guardar y finalmente cierre
42 Verifique que esteacuten creados los dos elementos de menuacute en el menuacute Clasificacioacuten de los animales
15
43 Ingrese al front-end notaraacute que no aparece el menuacute por ninguacuten lado Esto tiene su explicacioacuten y es
que necesita crear un moacutedulo para gestionar la presentacioacuten del menuacute en el front-end Algo que
haremos en el siguiente ejercicio
Ejercicio 4 Creacioacuten del moacutedulo para mostrar el menuacute
44 Crear un nuevo moacutedulo desde el Gestor de moacutedulos Puede hacerlo desde el menuacute del panel
administrativo en la opcioacuten Extensiones
45 En el Gestor de moacutedulos presionaraacute el botoacuten Nuevo para crear un nuevo moacutedulo Este moacutedulo
estaraacute asociado al menuacute Clasificacioacuten de Animales que se creoacute en el ejercicio 2 del procedimiento
16
46 Seleccione el tipo de moacutedulo que va a crear En este caso seraacute un Menuacute
47 Ingrese los detalles del menuacute como se indica a continuacioacuten
17
a) Tiacutetulo Clasificacioacuten Animales
b) Seleccionar menuacute Clasificacioacuten de Animales
c) Indicar que la posicioacuten del menuacute seraacute Inferior-derecha [position-3]
(Se utiliza cuando tenga que establecer la posicioacuten del menuacute en la paacutegina del front-end del sitio)
48 Haga clic en Guardar y despueacutes haga clic en Cerrar
49 Verifique que se haya creado correctamente el moacutedulo para el menuacute Clasificacioacuten de Animales
50 Abra otro navegador o una nueva pestantildea del que estaacute usando e ingrese al front-end para verificar
que se muestra el menuacute luego de haber creado y configurado el moacutedulo
18
51 Cuando se tiene un menuacute creado con artiacuteculos destacados y se quiere agregar un nuevo artiacuteculo a
este menuacute solo es necesario destacar el artiacuteculo realizar el ejercicio con el articulo Aves
52 Ahora vuelva a cargar el front-end e ingrese a la opcioacuten de menuacute Otras Clasificaciones Observaraacute
que esta vez carga el contenido de los tres artiacuteculos destacados
Ejercicio 5 Creacioacuten de un menuacute de enlaces externos
En algunas situaciones puede ser uacutetil crear un menuacute de enlaces externos para cargar paacuteginas de otros
sitios que resulten buenas referencias de acuerdo al tema abordado en el sitio web
53 Ingrese nuevamente al Gestor de menuacutes desde el menuacute principal del panel de administracioacuten de
Joomla
54 Presione el botoacuten Nuevo en el menuacute superior del Gestor de menuacutes
55 Ingrese la informacioacuten del menuacute Luego presione el botoacuten Guardar
56 Haga clic en la opcioacuten Cerrar
19
57 Cree los elementos de este menuacute haciendo clic en el nombre del menuacute Presione el botoacuten Nuevo en
el Gestor de iacutetems de menuacute
58 Seleccione el tipo de elemento de menuacute presionando el botoacuten Seleccionar que aparece junto al
campo de texto Tipo de elemento del menuacute
59 Haga clic en el elemento Enlaces de sistema
60 Y en el listado que se despliega clic sobre Crear una URL
10 Notaraacute que los campos de formulario a llenar cambian al seleccionar URL externa
Ingrese en el campo Enlace la direccioacuten del sitio que quiere cargar desde el sitio web
Joomla
En este enlace utilice httpwwwlistadodeanimalescom
20
a) Tiacutetulo del elemento del menuacute Listado de animales
b) Abrir en Nueva ventana con barra de desplazamiento
c) Menuacute Enlace externo
11 Cree Ud dos elementos de menuacutes adicionales Uno que titularaacute Animales en extensioacuten y otro
que titularaacute Animales maacutes raros del mundo
Los enlaces respectivos seraacuten
httpwwwsostenibilidadcomtop-10-animales-en-peligro-de-extincion1
httpnationalgeographicesanimalesanimales-mas-rarosimagenpez-rosado-con-manos
Cree el moacutedulo para este menuacute para poder visualizarlo en el front-end
V INVESTIGACIOacuteN COMPLEMENTARIA
1) Cree un sitio web sobre el tema que Ud prefiera Se le pide crear al menos dos categoriacuteas
dos subcategoriacuteas en cada una de ellas y un total de seis artiacuteculos Puede ubicar estos
artiacuteculos en la subcategoriacutea que desee
2) Cuando ya tenga las categoriacuteas cree dos iacutetems de menuacute dentro del menuacute principal un nuevo
menuacute que deberaacuten cargar en tres de sus opciones tres de los artiacuteculos y en la otra opcioacuten del
menuacute deberaacute cargar los tres artiacuteculos restantes
3) Cree un artiacuteculo adicional no categorizado que deberaacute cargar en la paacutegina de Inicio (Home)
21
VI BIBLIOGRAFIacuteA
bull iexclManual Imprescindible Joomla Bintu Harwani Harwani Bintu Madrid Espantildea
ANAYA 2010 Biblioteca UDB ndash Clasificacioacuten 0052762 H343 2010
bull Menuacutes Menu Item Article Category List
httpsdocsjoomlaorgHelp34Menus_Menu_Item_Article_Category_List
bull Creating a submenuacute httpsdocsjoomlaorgCreating_a_submenu
22
Alumno
HOJA DE EVALUACIOacuteN
DE GUIacuteAS DE PRAacuteCTICA
Actividad a
evaluar
Criterio a evaluar Cumplioacute Puntaje
SI NO
Desarrollo de la
Praacutectica
Logro terminar todas las partes de la guiacutea de
laboratorio (30)
Presentoacute la evidencia del desarrollo de cada una de las
partes a su docente (35)
Trabajo de manera correcta y ordenada la guiacutea de
laboratorio y el funcionan de todas las configuraciones
planteadas en la misma (35)
PROMEDIO
Investigacioacuten
complementaria
Envioacute la investigacioacuten complementaria en la fecha
indicada (20)
Resolvioacute todos los ejercicios planteados en la
investigacioacuten complementaria (35)
Presenta el reporte de una manera clara ordenada y
loacutegica (35)
PROMEDIO
Carnet
Docente Fecha
Tiacutetulo de la guiacutea No
8
21 Realizar pruebas para comprobar el uso del nuevo menuacute
Parte 3 Creacioacuten de un nuevo menuacute principal
22 Ingrese nuevamente al Gestor de menuacutes si acaso lo habiacutea abandonado o se habiacutea salido
23 Dentro del Gestor de menuacutes haga clic en el botoacuten Nuevo en la barra de herramientas ubicada a la
derecha del tiacutetulo Gestor de menuacutes Menuacutes
24 Llene el formulario para creacioacuten de un nuevo menuacute ingresando
bull El Tiacutetulo Clasificacioacuten de Animales
bull Tipo de menuacute animales-menu (note que no se utilizan espacios en blanco ni caracteres especiales
del espantildeol en este campo)
bull Descripcioacuten Presentacioacuten de las diferentes clasificaciones del reino animal
Al terminar presione el botoacuten Guardar
9
25 Verifique que el menuacute se haya creado correctamente Debe aparecer el mensaje que se muestra a
continuacioacuten
26 Cierre el formulario para ver en el listado de menuacutes el menuacute recieacuten creado
OBSERVACIOacuteN
En este momento todaviacutea no podraacute visualizar algun cambio en el front-end
Siga el procedimiento para proseguir y poder visualizar el menuacute
Ejercicio 3 Creacioacuten de los elementos (iacutetems) del menuacute
27 El menuacute anterior creado en el ejercicio 2 no posee elementos solo se ha creado un objeto que
para tener funcionalidad necesita poseer elementos que seraacuten las opciones que se desplegaraacuten al
posicionar el menuacute y en las que los usuarios haraacuten clic para navegar en el sitio web
Ingrese al Gestor de menuacutes para comenzar a crear los elementos del menuacute anterior
10
28 Puede dar clic en el nombre del menuacute
O hacer clic en la opcioacuten Menuacutes del menuacute superior y seleccionar la opcioacuten Antildeadir nuevo elemento
de menuacute de la subopcioacuten Clasificacioacuten de Animales
29 Cargaraacute la paacutegina del Gestor de menuacutes Elementos de menuacute en donde podraacute crear uno a uno los
elementos del menuacute Haga clic en el botoacuten Nuevo
30 En la paacutegina Gestor de menuacutes Antildeadir un elemento de menuacute seleccionar el Tipo de elemento
de menuacute para lo que deberaacute presionar el botoacuten Seleccionar (ubicado junto al campo de formulario
del tipo de elemento de menuacute)
11
31 Seleccione el tipo de elemento de menuacute
En este caso crearemos un elemento de tipo
Artiacuteculo y en el listado de tipos de
elementos de menuacute seleccionar Mostrar un
solo artiacuteculo
32 Seleccione el artiacuteculo que estaraacute referido al elemento de menuacute que se estaacute creando
Para ello haga clic sobre el botoacuten Seleccionar junto al campo de texto en Seleccionar artiacuteculo
33 Seleccione el artiacuteculo que vincularaacute a la opcioacuten de menuacute en el diaacutelogo emergente que apareceraacute
luego de presionar el botoacuten Seleccionar en el ejercicio seleccione el artiacuteculo Aves
12
34 Llene los Detalles (Details) del formulario para creacioacuten de un nuevo elemento (iacutetem) de menuacute
a Tiacutetulo del elemento del menuacute Aves
b Alias aves-menu
c Abrir en Nueva ventana con barra de navegacioacuten
Presione el botoacuten Guardar (d)
35 Haga clic en Cerrar para que los cambios se almacenen
13
36 Verifique que se haya creado correctamente el elemento de menuacute
37 Vaya al menuacute Gestor de artiacuteculos y coloque como destacados a los siguientes artiacuteculos Mamiacuteferos
y Peces
38 Haga clic en el la opcioacuten de menuacute Menuacutes y haga clic en Antildeadir un nuevo elemento del menuacute a la
opcioacuten Clasificacioacuten de Animales
39 Siguiendo el mismo procedimiento cree un elemento de menuacute adicional En este caso el tipo de
elemento de menuacute seraacute nuevamente Artiacuteculos y dentro de los tipos de artiacuteculos seleccione enlace
Mostrar todos los artiacuteculos destacados
14
40 Complete los campos del formulario para creacioacuten del nuevo elemento de menuacute En el tiacutetulo del
menuacute coloque Otras clasificaciones en el alias peces-mamiferos-menu
Verifique que el elemento de menuacute esteacute en Clasificacioacuten de Animales y que en el Elemento
principal esteacute seleccionado Elemento de menuacute raiacutez
41 En la opcioacuten Abrir en seleccionar la opcioacuten Nueva ventana con barra de desplazamiento Haga
clic en Guardar y finalmente cierre
42 Verifique que esteacuten creados los dos elementos de menuacute en el menuacute Clasificacioacuten de los animales
15
43 Ingrese al front-end notaraacute que no aparece el menuacute por ninguacuten lado Esto tiene su explicacioacuten y es
que necesita crear un moacutedulo para gestionar la presentacioacuten del menuacute en el front-end Algo que
haremos en el siguiente ejercicio
Ejercicio 4 Creacioacuten del moacutedulo para mostrar el menuacute
44 Crear un nuevo moacutedulo desde el Gestor de moacutedulos Puede hacerlo desde el menuacute del panel
administrativo en la opcioacuten Extensiones
45 En el Gestor de moacutedulos presionaraacute el botoacuten Nuevo para crear un nuevo moacutedulo Este moacutedulo
estaraacute asociado al menuacute Clasificacioacuten de Animales que se creoacute en el ejercicio 2 del procedimiento
16
46 Seleccione el tipo de moacutedulo que va a crear En este caso seraacute un Menuacute
47 Ingrese los detalles del menuacute como se indica a continuacioacuten
17
a) Tiacutetulo Clasificacioacuten Animales
b) Seleccionar menuacute Clasificacioacuten de Animales
c) Indicar que la posicioacuten del menuacute seraacute Inferior-derecha [position-3]
(Se utiliza cuando tenga que establecer la posicioacuten del menuacute en la paacutegina del front-end del sitio)
48 Haga clic en Guardar y despueacutes haga clic en Cerrar
49 Verifique que se haya creado correctamente el moacutedulo para el menuacute Clasificacioacuten de Animales
50 Abra otro navegador o una nueva pestantildea del que estaacute usando e ingrese al front-end para verificar
que se muestra el menuacute luego de haber creado y configurado el moacutedulo
18
51 Cuando se tiene un menuacute creado con artiacuteculos destacados y se quiere agregar un nuevo artiacuteculo a
este menuacute solo es necesario destacar el artiacuteculo realizar el ejercicio con el articulo Aves
52 Ahora vuelva a cargar el front-end e ingrese a la opcioacuten de menuacute Otras Clasificaciones Observaraacute
que esta vez carga el contenido de los tres artiacuteculos destacados
Ejercicio 5 Creacioacuten de un menuacute de enlaces externos
En algunas situaciones puede ser uacutetil crear un menuacute de enlaces externos para cargar paacuteginas de otros
sitios que resulten buenas referencias de acuerdo al tema abordado en el sitio web
53 Ingrese nuevamente al Gestor de menuacutes desde el menuacute principal del panel de administracioacuten de
Joomla
54 Presione el botoacuten Nuevo en el menuacute superior del Gestor de menuacutes
55 Ingrese la informacioacuten del menuacute Luego presione el botoacuten Guardar
56 Haga clic en la opcioacuten Cerrar
19
57 Cree los elementos de este menuacute haciendo clic en el nombre del menuacute Presione el botoacuten Nuevo en
el Gestor de iacutetems de menuacute
58 Seleccione el tipo de elemento de menuacute presionando el botoacuten Seleccionar que aparece junto al
campo de texto Tipo de elemento del menuacute
59 Haga clic en el elemento Enlaces de sistema
60 Y en el listado que se despliega clic sobre Crear una URL
10 Notaraacute que los campos de formulario a llenar cambian al seleccionar URL externa
Ingrese en el campo Enlace la direccioacuten del sitio que quiere cargar desde el sitio web
Joomla
En este enlace utilice httpwwwlistadodeanimalescom
20
a) Tiacutetulo del elemento del menuacute Listado de animales
b) Abrir en Nueva ventana con barra de desplazamiento
c) Menuacute Enlace externo
11 Cree Ud dos elementos de menuacutes adicionales Uno que titularaacute Animales en extensioacuten y otro
que titularaacute Animales maacutes raros del mundo
Los enlaces respectivos seraacuten
httpwwwsostenibilidadcomtop-10-animales-en-peligro-de-extincion1
httpnationalgeographicesanimalesanimales-mas-rarosimagenpez-rosado-con-manos
Cree el moacutedulo para este menuacute para poder visualizarlo en el front-end
V INVESTIGACIOacuteN COMPLEMENTARIA
1) Cree un sitio web sobre el tema que Ud prefiera Se le pide crear al menos dos categoriacuteas
dos subcategoriacuteas en cada una de ellas y un total de seis artiacuteculos Puede ubicar estos
artiacuteculos en la subcategoriacutea que desee
2) Cuando ya tenga las categoriacuteas cree dos iacutetems de menuacute dentro del menuacute principal un nuevo
menuacute que deberaacuten cargar en tres de sus opciones tres de los artiacuteculos y en la otra opcioacuten del
menuacute deberaacute cargar los tres artiacuteculos restantes
3) Cree un artiacuteculo adicional no categorizado que deberaacute cargar en la paacutegina de Inicio (Home)
21
VI BIBLIOGRAFIacuteA
bull iexclManual Imprescindible Joomla Bintu Harwani Harwani Bintu Madrid Espantildea
ANAYA 2010 Biblioteca UDB ndash Clasificacioacuten 0052762 H343 2010
bull Menuacutes Menu Item Article Category List
httpsdocsjoomlaorgHelp34Menus_Menu_Item_Article_Category_List
bull Creating a submenuacute httpsdocsjoomlaorgCreating_a_submenu
22
Alumno
HOJA DE EVALUACIOacuteN
DE GUIacuteAS DE PRAacuteCTICA
Actividad a
evaluar
Criterio a evaluar Cumplioacute Puntaje
SI NO
Desarrollo de la
Praacutectica
Logro terminar todas las partes de la guiacutea de
laboratorio (30)
Presentoacute la evidencia del desarrollo de cada una de las
partes a su docente (35)
Trabajo de manera correcta y ordenada la guiacutea de
laboratorio y el funcionan de todas las configuraciones
planteadas en la misma (35)
PROMEDIO
Investigacioacuten
complementaria
Envioacute la investigacioacuten complementaria en la fecha
indicada (20)
Resolvioacute todos los ejercicios planteados en la
investigacioacuten complementaria (35)
Presenta el reporte de una manera clara ordenada y
loacutegica (35)
PROMEDIO
Carnet
Docente Fecha
Tiacutetulo de la guiacutea No
9
25 Verifique que el menuacute se haya creado correctamente Debe aparecer el mensaje que se muestra a
continuacioacuten
26 Cierre el formulario para ver en el listado de menuacutes el menuacute recieacuten creado
OBSERVACIOacuteN
En este momento todaviacutea no podraacute visualizar algun cambio en el front-end
Siga el procedimiento para proseguir y poder visualizar el menuacute
Ejercicio 3 Creacioacuten de los elementos (iacutetems) del menuacute
27 El menuacute anterior creado en el ejercicio 2 no posee elementos solo se ha creado un objeto que
para tener funcionalidad necesita poseer elementos que seraacuten las opciones que se desplegaraacuten al
posicionar el menuacute y en las que los usuarios haraacuten clic para navegar en el sitio web
Ingrese al Gestor de menuacutes para comenzar a crear los elementos del menuacute anterior
10
28 Puede dar clic en el nombre del menuacute
O hacer clic en la opcioacuten Menuacutes del menuacute superior y seleccionar la opcioacuten Antildeadir nuevo elemento
de menuacute de la subopcioacuten Clasificacioacuten de Animales
29 Cargaraacute la paacutegina del Gestor de menuacutes Elementos de menuacute en donde podraacute crear uno a uno los
elementos del menuacute Haga clic en el botoacuten Nuevo
30 En la paacutegina Gestor de menuacutes Antildeadir un elemento de menuacute seleccionar el Tipo de elemento
de menuacute para lo que deberaacute presionar el botoacuten Seleccionar (ubicado junto al campo de formulario
del tipo de elemento de menuacute)
11
31 Seleccione el tipo de elemento de menuacute
En este caso crearemos un elemento de tipo
Artiacuteculo y en el listado de tipos de
elementos de menuacute seleccionar Mostrar un
solo artiacuteculo
32 Seleccione el artiacuteculo que estaraacute referido al elemento de menuacute que se estaacute creando
Para ello haga clic sobre el botoacuten Seleccionar junto al campo de texto en Seleccionar artiacuteculo
33 Seleccione el artiacuteculo que vincularaacute a la opcioacuten de menuacute en el diaacutelogo emergente que apareceraacute
luego de presionar el botoacuten Seleccionar en el ejercicio seleccione el artiacuteculo Aves
12
34 Llene los Detalles (Details) del formulario para creacioacuten de un nuevo elemento (iacutetem) de menuacute
a Tiacutetulo del elemento del menuacute Aves
b Alias aves-menu
c Abrir en Nueva ventana con barra de navegacioacuten
Presione el botoacuten Guardar (d)
35 Haga clic en Cerrar para que los cambios se almacenen
13
36 Verifique que se haya creado correctamente el elemento de menuacute
37 Vaya al menuacute Gestor de artiacuteculos y coloque como destacados a los siguientes artiacuteculos Mamiacuteferos
y Peces
38 Haga clic en el la opcioacuten de menuacute Menuacutes y haga clic en Antildeadir un nuevo elemento del menuacute a la
opcioacuten Clasificacioacuten de Animales
39 Siguiendo el mismo procedimiento cree un elemento de menuacute adicional En este caso el tipo de
elemento de menuacute seraacute nuevamente Artiacuteculos y dentro de los tipos de artiacuteculos seleccione enlace
Mostrar todos los artiacuteculos destacados
14
40 Complete los campos del formulario para creacioacuten del nuevo elemento de menuacute En el tiacutetulo del
menuacute coloque Otras clasificaciones en el alias peces-mamiferos-menu
Verifique que el elemento de menuacute esteacute en Clasificacioacuten de Animales y que en el Elemento
principal esteacute seleccionado Elemento de menuacute raiacutez
41 En la opcioacuten Abrir en seleccionar la opcioacuten Nueva ventana con barra de desplazamiento Haga
clic en Guardar y finalmente cierre
42 Verifique que esteacuten creados los dos elementos de menuacute en el menuacute Clasificacioacuten de los animales
15
43 Ingrese al front-end notaraacute que no aparece el menuacute por ninguacuten lado Esto tiene su explicacioacuten y es
que necesita crear un moacutedulo para gestionar la presentacioacuten del menuacute en el front-end Algo que
haremos en el siguiente ejercicio
Ejercicio 4 Creacioacuten del moacutedulo para mostrar el menuacute
44 Crear un nuevo moacutedulo desde el Gestor de moacutedulos Puede hacerlo desde el menuacute del panel
administrativo en la opcioacuten Extensiones
45 En el Gestor de moacutedulos presionaraacute el botoacuten Nuevo para crear un nuevo moacutedulo Este moacutedulo
estaraacute asociado al menuacute Clasificacioacuten de Animales que se creoacute en el ejercicio 2 del procedimiento
16
46 Seleccione el tipo de moacutedulo que va a crear En este caso seraacute un Menuacute
47 Ingrese los detalles del menuacute como se indica a continuacioacuten
17
a) Tiacutetulo Clasificacioacuten Animales
b) Seleccionar menuacute Clasificacioacuten de Animales
c) Indicar que la posicioacuten del menuacute seraacute Inferior-derecha [position-3]
(Se utiliza cuando tenga que establecer la posicioacuten del menuacute en la paacutegina del front-end del sitio)
48 Haga clic en Guardar y despueacutes haga clic en Cerrar
49 Verifique que se haya creado correctamente el moacutedulo para el menuacute Clasificacioacuten de Animales
50 Abra otro navegador o una nueva pestantildea del que estaacute usando e ingrese al front-end para verificar
que se muestra el menuacute luego de haber creado y configurado el moacutedulo
18
51 Cuando se tiene un menuacute creado con artiacuteculos destacados y se quiere agregar un nuevo artiacuteculo a
este menuacute solo es necesario destacar el artiacuteculo realizar el ejercicio con el articulo Aves
52 Ahora vuelva a cargar el front-end e ingrese a la opcioacuten de menuacute Otras Clasificaciones Observaraacute
que esta vez carga el contenido de los tres artiacuteculos destacados
Ejercicio 5 Creacioacuten de un menuacute de enlaces externos
En algunas situaciones puede ser uacutetil crear un menuacute de enlaces externos para cargar paacuteginas de otros
sitios que resulten buenas referencias de acuerdo al tema abordado en el sitio web
53 Ingrese nuevamente al Gestor de menuacutes desde el menuacute principal del panel de administracioacuten de
Joomla
54 Presione el botoacuten Nuevo en el menuacute superior del Gestor de menuacutes
55 Ingrese la informacioacuten del menuacute Luego presione el botoacuten Guardar
56 Haga clic en la opcioacuten Cerrar
19
57 Cree los elementos de este menuacute haciendo clic en el nombre del menuacute Presione el botoacuten Nuevo en
el Gestor de iacutetems de menuacute
58 Seleccione el tipo de elemento de menuacute presionando el botoacuten Seleccionar que aparece junto al
campo de texto Tipo de elemento del menuacute
59 Haga clic en el elemento Enlaces de sistema
60 Y en el listado que se despliega clic sobre Crear una URL
10 Notaraacute que los campos de formulario a llenar cambian al seleccionar URL externa
Ingrese en el campo Enlace la direccioacuten del sitio que quiere cargar desde el sitio web
Joomla
En este enlace utilice httpwwwlistadodeanimalescom
20
a) Tiacutetulo del elemento del menuacute Listado de animales
b) Abrir en Nueva ventana con barra de desplazamiento
c) Menuacute Enlace externo
11 Cree Ud dos elementos de menuacutes adicionales Uno que titularaacute Animales en extensioacuten y otro
que titularaacute Animales maacutes raros del mundo
Los enlaces respectivos seraacuten
httpwwwsostenibilidadcomtop-10-animales-en-peligro-de-extincion1
httpnationalgeographicesanimalesanimales-mas-rarosimagenpez-rosado-con-manos
Cree el moacutedulo para este menuacute para poder visualizarlo en el front-end
V INVESTIGACIOacuteN COMPLEMENTARIA
1) Cree un sitio web sobre el tema que Ud prefiera Se le pide crear al menos dos categoriacuteas
dos subcategoriacuteas en cada una de ellas y un total de seis artiacuteculos Puede ubicar estos
artiacuteculos en la subcategoriacutea que desee
2) Cuando ya tenga las categoriacuteas cree dos iacutetems de menuacute dentro del menuacute principal un nuevo
menuacute que deberaacuten cargar en tres de sus opciones tres de los artiacuteculos y en la otra opcioacuten del
menuacute deberaacute cargar los tres artiacuteculos restantes
3) Cree un artiacuteculo adicional no categorizado que deberaacute cargar en la paacutegina de Inicio (Home)
21
VI BIBLIOGRAFIacuteA
bull iexclManual Imprescindible Joomla Bintu Harwani Harwani Bintu Madrid Espantildea
ANAYA 2010 Biblioteca UDB ndash Clasificacioacuten 0052762 H343 2010
bull Menuacutes Menu Item Article Category List
httpsdocsjoomlaorgHelp34Menus_Menu_Item_Article_Category_List
bull Creating a submenuacute httpsdocsjoomlaorgCreating_a_submenu
22
Alumno
HOJA DE EVALUACIOacuteN
DE GUIacuteAS DE PRAacuteCTICA
Actividad a
evaluar
Criterio a evaluar Cumplioacute Puntaje
SI NO
Desarrollo de la
Praacutectica
Logro terminar todas las partes de la guiacutea de
laboratorio (30)
Presentoacute la evidencia del desarrollo de cada una de las
partes a su docente (35)
Trabajo de manera correcta y ordenada la guiacutea de
laboratorio y el funcionan de todas las configuraciones
planteadas en la misma (35)
PROMEDIO
Investigacioacuten
complementaria
Envioacute la investigacioacuten complementaria en la fecha
indicada (20)
Resolvioacute todos los ejercicios planteados en la
investigacioacuten complementaria (35)
Presenta el reporte de una manera clara ordenada y
loacutegica (35)
PROMEDIO
Carnet
Docente Fecha
Tiacutetulo de la guiacutea No
10
28 Puede dar clic en el nombre del menuacute
O hacer clic en la opcioacuten Menuacutes del menuacute superior y seleccionar la opcioacuten Antildeadir nuevo elemento
de menuacute de la subopcioacuten Clasificacioacuten de Animales
29 Cargaraacute la paacutegina del Gestor de menuacutes Elementos de menuacute en donde podraacute crear uno a uno los
elementos del menuacute Haga clic en el botoacuten Nuevo
30 En la paacutegina Gestor de menuacutes Antildeadir un elemento de menuacute seleccionar el Tipo de elemento
de menuacute para lo que deberaacute presionar el botoacuten Seleccionar (ubicado junto al campo de formulario
del tipo de elemento de menuacute)
11
31 Seleccione el tipo de elemento de menuacute
En este caso crearemos un elemento de tipo
Artiacuteculo y en el listado de tipos de
elementos de menuacute seleccionar Mostrar un
solo artiacuteculo
32 Seleccione el artiacuteculo que estaraacute referido al elemento de menuacute que se estaacute creando
Para ello haga clic sobre el botoacuten Seleccionar junto al campo de texto en Seleccionar artiacuteculo
33 Seleccione el artiacuteculo que vincularaacute a la opcioacuten de menuacute en el diaacutelogo emergente que apareceraacute
luego de presionar el botoacuten Seleccionar en el ejercicio seleccione el artiacuteculo Aves
12
34 Llene los Detalles (Details) del formulario para creacioacuten de un nuevo elemento (iacutetem) de menuacute
a Tiacutetulo del elemento del menuacute Aves
b Alias aves-menu
c Abrir en Nueva ventana con barra de navegacioacuten
Presione el botoacuten Guardar (d)
35 Haga clic en Cerrar para que los cambios se almacenen
13
36 Verifique que se haya creado correctamente el elemento de menuacute
37 Vaya al menuacute Gestor de artiacuteculos y coloque como destacados a los siguientes artiacuteculos Mamiacuteferos
y Peces
38 Haga clic en el la opcioacuten de menuacute Menuacutes y haga clic en Antildeadir un nuevo elemento del menuacute a la
opcioacuten Clasificacioacuten de Animales
39 Siguiendo el mismo procedimiento cree un elemento de menuacute adicional En este caso el tipo de
elemento de menuacute seraacute nuevamente Artiacuteculos y dentro de los tipos de artiacuteculos seleccione enlace
Mostrar todos los artiacuteculos destacados
14
40 Complete los campos del formulario para creacioacuten del nuevo elemento de menuacute En el tiacutetulo del
menuacute coloque Otras clasificaciones en el alias peces-mamiferos-menu
Verifique que el elemento de menuacute esteacute en Clasificacioacuten de Animales y que en el Elemento
principal esteacute seleccionado Elemento de menuacute raiacutez
41 En la opcioacuten Abrir en seleccionar la opcioacuten Nueva ventana con barra de desplazamiento Haga
clic en Guardar y finalmente cierre
42 Verifique que esteacuten creados los dos elementos de menuacute en el menuacute Clasificacioacuten de los animales
15
43 Ingrese al front-end notaraacute que no aparece el menuacute por ninguacuten lado Esto tiene su explicacioacuten y es
que necesita crear un moacutedulo para gestionar la presentacioacuten del menuacute en el front-end Algo que
haremos en el siguiente ejercicio
Ejercicio 4 Creacioacuten del moacutedulo para mostrar el menuacute
44 Crear un nuevo moacutedulo desde el Gestor de moacutedulos Puede hacerlo desde el menuacute del panel
administrativo en la opcioacuten Extensiones
45 En el Gestor de moacutedulos presionaraacute el botoacuten Nuevo para crear un nuevo moacutedulo Este moacutedulo
estaraacute asociado al menuacute Clasificacioacuten de Animales que se creoacute en el ejercicio 2 del procedimiento
16
46 Seleccione el tipo de moacutedulo que va a crear En este caso seraacute un Menuacute
47 Ingrese los detalles del menuacute como se indica a continuacioacuten
17
a) Tiacutetulo Clasificacioacuten Animales
b) Seleccionar menuacute Clasificacioacuten de Animales
c) Indicar que la posicioacuten del menuacute seraacute Inferior-derecha [position-3]
(Se utiliza cuando tenga que establecer la posicioacuten del menuacute en la paacutegina del front-end del sitio)
48 Haga clic en Guardar y despueacutes haga clic en Cerrar
49 Verifique que se haya creado correctamente el moacutedulo para el menuacute Clasificacioacuten de Animales
50 Abra otro navegador o una nueva pestantildea del que estaacute usando e ingrese al front-end para verificar
que se muestra el menuacute luego de haber creado y configurado el moacutedulo
18
51 Cuando se tiene un menuacute creado con artiacuteculos destacados y se quiere agregar un nuevo artiacuteculo a
este menuacute solo es necesario destacar el artiacuteculo realizar el ejercicio con el articulo Aves
52 Ahora vuelva a cargar el front-end e ingrese a la opcioacuten de menuacute Otras Clasificaciones Observaraacute
que esta vez carga el contenido de los tres artiacuteculos destacados
Ejercicio 5 Creacioacuten de un menuacute de enlaces externos
En algunas situaciones puede ser uacutetil crear un menuacute de enlaces externos para cargar paacuteginas de otros
sitios que resulten buenas referencias de acuerdo al tema abordado en el sitio web
53 Ingrese nuevamente al Gestor de menuacutes desde el menuacute principal del panel de administracioacuten de
Joomla
54 Presione el botoacuten Nuevo en el menuacute superior del Gestor de menuacutes
55 Ingrese la informacioacuten del menuacute Luego presione el botoacuten Guardar
56 Haga clic en la opcioacuten Cerrar
19
57 Cree los elementos de este menuacute haciendo clic en el nombre del menuacute Presione el botoacuten Nuevo en
el Gestor de iacutetems de menuacute
58 Seleccione el tipo de elemento de menuacute presionando el botoacuten Seleccionar que aparece junto al
campo de texto Tipo de elemento del menuacute
59 Haga clic en el elemento Enlaces de sistema
60 Y en el listado que se despliega clic sobre Crear una URL
10 Notaraacute que los campos de formulario a llenar cambian al seleccionar URL externa
Ingrese en el campo Enlace la direccioacuten del sitio que quiere cargar desde el sitio web
Joomla
En este enlace utilice httpwwwlistadodeanimalescom
20
a) Tiacutetulo del elemento del menuacute Listado de animales
b) Abrir en Nueva ventana con barra de desplazamiento
c) Menuacute Enlace externo
11 Cree Ud dos elementos de menuacutes adicionales Uno que titularaacute Animales en extensioacuten y otro
que titularaacute Animales maacutes raros del mundo
Los enlaces respectivos seraacuten
httpwwwsostenibilidadcomtop-10-animales-en-peligro-de-extincion1
httpnationalgeographicesanimalesanimales-mas-rarosimagenpez-rosado-con-manos
Cree el moacutedulo para este menuacute para poder visualizarlo en el front-end
V INVESTIGACIOacuteN COMPLEMENTARIA
1) Cree un sitio web sobre el tema que Ud prefiera Se le pide crear al menos dos categoriacuteas
dos subcategoriacuteas en cada una de ellas y un total de seis artiacuteculos Puede ubicar estos
artiacuteculos en la subcategoriacutea que desee
2) Cuando ya tenga las categoriacuteas cree dos iacutetems de menuacute dentro del menuacute principal un nuevo
menuacute que deberaacuten cargar en tres de sus opciones tres de los artiacuteculos y en la otra opcioacuten del
menuacute deberaacute cargar los tres artiacuteculos restantes
3) Cree un artiacuteculo adicional no categorizado que deberaacute cargar en la paacutegina de Inicio (Home)
21
VI BIBLIOGRAFIacuteA
bull iexclManual Imprescindible Joomla Bintu Harwani Harwani Bintu Madrid Espantildea
ANAYA 2010 Biblioteca UDB ndash Clasificacioacuten 0052762 H343 2010
bull Menuacutes Menu Item Article Category List
httpsdocsjoomlaorgHelp34Menus_Menu_Item_Article_Category_List
bull Creating a submenuacute httpsdocsjoomlaorgCreating_a_submenu
22
Alumno
HOJA DE EVALUACIOacuteN
DE GUIacuteAS DE PRAacuteCTICA
Actividad a
evaluar
Criterio a evaluar Cumplioacute Puntaje
SI NO
Desarrollo de la
Praacutectica
Logro terminar todas las partes de la guiacutea de
laboratorio (30)
Presentoacute la evidencia del desarrollo de cada una de las
partes a su docente (35)
Trabajo de manera correcta y ordenada la guiacutea de
laboratorio y el funcionan de todas las configuraciones
planteadas en la misma (35)
PROMEDIO
Investigacioacuten
complementaria
Envioacute la investigacioacuten complementaria en la fecha
indicada (20)
Resolvioacute todos los ejercicios planteados en la
investigacioacuten complementaria (35)
Presenta el reporte de una manera clara ordenada y
loacutegica (35)
PROMEDIO
Carnet
Docente Fecha
Tiacutetulo de la guiacutea No
11
31 Seleccione el tipo de elemento de menuacute
En este caso crearemos un elemento de tipo
Artiacuteculo y en el listado de tipos de
elementos de menuacute seleccionar Mostrar un
solo artiacuteculo
32 Seleccione el artiacuteculo que estaraacute referido al elemento de menuacute que se estaacute creando
Para ello haga clic sobre el botoacuten Seleccionar junto al campo de texto en Seleccionar artiacuteculo
33 Seleccione el artiacuteculo que vincularaacute a la opcioacuten de menuacute en el diaacutelogo emergente que apareceraacute
luego de presionar el botoacuten Seleccionar en el ejercicio seleccione el artiacuteculo Aves
12
34 Llene los Detalles (Details) del formulario para creacioacuten de un nuevo elemento (iacutetem) de menuacute
a Tiacutetulo del elemento del menuacute Aves
b Alias aves-menu
c Abrir en Nueva ventana con barra de navegacioacuten
Presione el botoacuten Guardar (d)
35 Haga clic en Cerrar para que los cambios se almacenen
13
36 Verifique que se haya creado correctamente el elemento de menuacute
37 Vaya al menuacute Gestor de artiacuteculos y coloque como destacados a los siguientes artiacuteculos Mamiacuteferos
y Peces
38 Haga clic en el la opcioacuten de menuacute Menuacutes y haga clic en Antildeadir un nuevo elemento del menuacute a la
opcioacuten Clasificacioacuten de Animales
39 Siguiendo el mismo procedimiento cree un elemento de menuacute adicional En este caso el tipo de
elemento de menuacute seraacute nuevamente Artiacuteculos y dentro de los tipos de artiacuteculos seleccione enlace
Mostrar todos los artiacuteculos destacados
14
40 Complete los campos del formulario para creacioacuten del nuevo elemento de menuacute En el tiacutetulo del
menuacute coloque Otras clasificaciones en el alias peces-mamiferos-menu
Verifique que el elemento de menuacute esteacute en Clasificacioacuten de Animales y que en el Elemento
principal esteacute seleccionado Elemento de menuacute raiacutez
41 En la opcioacuten Abrir en seleccionar la opcioacuten Nueva ventana con barra de desplazamiento Haga
clic en Guardar y finalmente cierre
42 Verifique que esteacuten creados los dos elementos de menuacute en el menuacute Clasificacioacuten de los animales
15
43 Ingrese al front-end notaraacute que no aparece el menuacute por ninguacuten lado Esto tiene su explicacioacuten y es
que necesita crear un moacutedulo para gestionar la presentacioacuten del menuacute en el front-end Algo que
haremos en el siguiente ejercicio
Ejercicio 4 Creacioacuten del moacutedulo para mostrar el menuacute
44 Crear un nuevo moacutedulo desde el Gestor de moacutedulos Puede hacerlo desde el menuacute del panel
administrativo en la opcioacuten Extensiones
45 En el Gestor de moacutedulos presionaraacute el botoacuten Nuevo para crear un nuevo moacutedulo Este moacutedulo
estaraacute asociado al menuacute Clasificacioacuten de Animales que se creoacute en el ejercicio 2 del procedimiento
16
46 Seleccione el tipo de moacutedulo que va a crear En este caso seraacute un Menuacute
47 Ingrese los detalles del menuacute como se indica a continuacioacuten
17
a) Tiacutetulo Clasificacioacuten Animales
b) Seleccionar menuacute Clasificacioacuten de Animales
c) Indicar que la posicioacuten del menuacute seraacute Inferior-derecha [position-3]
(Se utiliza cuando tenga que establecer la posicioacuten del menuacute en la paacutegina del front-end del sitio)
48 Haga clic en Guardar y despueacutes haga clic en Cerrar
49 Verifique que se haya creado correctamente el moacutedulo para el menuacute Clasificacioacuten de Animales
50 Abra otro navegador o una nueva pestantildea del que estaacute usando e ingrese al front-end para verificar
que se muestra el menuacute luego de haber creado y configurado el moacutedulo
18
51 Cuando se tiene un menuacute creado con artiacuteculos destacados y se quiere agregar un nuevo artiacuteculo a
este menuacute solo es necesario destacar el artiacuteculo realizar el ejercicio con el articulo Aves
52 Ahora vuelva a cargar el front-end e ingrese a la opcioacuten de menuacute Otras Clasificaciones Observaraacute
que esta vez carga el contenido de los tres artiacuteculos destacados
Ejercicio 5 Creacioacuten de un menuacute de enlaces externos
En algunas situaciones puede ser uacutetil crear un menuacute de enlaces externos para cargar paacuteginas de otros
sitios que resulten buenas referencias de acuerdo al tema abordado en el sitio web
53 Ingrese nuevamente al Gestor de menuacutes desde el menuacute principal del panel de administracioacuten de
Joomla
54 Presione el botoacuten Nuevo en el menuacute superior del Gestor de menuacutes
55 Ingrese la informacioacuten del menuacute Luego presione el botoacuten Guardar
56 Haga clic en la opcioacuten Cerrar
19
57 Cree los elementos de este menuacute haciendo clic en el nombre del menuacute Presione el botoacuten Nuevo en
el Gestor de iacutetems de menuacute
58 Seleccione el tipo de elemento de menuacute presionando el botoacuten Seleccionar que aparece junto al
campo de texto Tipo de elemento del menuacute
59 Haga clic en el elemento Enlaces de sistema
60 Y en el listado que se despliega clic sobre Crear una URL
10 Notaraacute que los campos de formulario a llenar cambian al seleccionar URL externa
Ingrese en el campo Enlace la direccioacuten del sitio que quiere cargar desde el sitio web
Joomla
En este enlace utilice httpwwwlistadodeanimalescom
20
a) Tiacutetulo del elemento del menuacute Listado de animales
b) Abrir en Nueva ventana con barra de desplazamiento
c) Menuacute Enlace externo
11 Cree Ud dos elementos de menuacutes adicionales Uno que titularaacute Animales en extensioacuten y otro
que titularaacute Animales maacutes raros del mundo
Los enlaces respectivos seraacuten
httpwwwsostenibilidadcomtop-10-animales-en-peligro-de-extincion1
httpnationalgeographicesanimalesanimales-mas-rarosimagenpez-rosado-con-manos
Cree el moacutedulo para este menuacute para poder visualizarlo en el front-end
V INVESTIGACIOacuteN COMPLEMENTARIA
1) Cree un sitio web sobre el tema que Ud prefiera Se le pide crear al menos dos categoriacuteas
dos subcategoriacuteas en cada una de ellas y un total de seis artiacuteculos Puede ubicar estos
artiacuteculos en la subcategoriacutea que desee
2) Cuando ya tenga las categoriacuteas cree dos iacutetems de menuacute dentro del menuacute principal un nuevo
menuacute que deberaacuten cargar en tres de sus opciones tres de los artiacuteculos y en la otra opcioacuten del
menuacute deberaacute cargar los tres artiacuteculos restantes
3) Cree un artiacuteculo adicional no categorizado que deberaacute cargar en la paacutegina de Inicio (Home)
21
VI BIBLIOGRAFIacuteA
bull iexclManual Imprescindible Joomla Bintu Harwani Harwani Bintu Madrid Espantildea
ANAYA 2010 Biblioteca UDB ndash Clasificacioacuten 0052762 H343 2010
bull Menuacutes Menu Item Article Category List
httpsdocsjoomlaorgHelp34Menus_Menu_Item_Article_Category_List
bull Creating a submenuacute httpsdocsjoomlaorgCreating_a_submenu
22
Alumno
HOJA DE EVALUACIOacuteN
DE GUIacuteAS DE PRAacuteCTICA
Actividad a
evaluar
Criterio a evaluar Cumplioacute Puntaje
SI NO
Desarrollo de la
Praacutectica
Logro terminar todas las partes de la guiacutea de
laboratorio (30)
Presentoacute la evidencia del desarrollo de cada una de las
partes a su docente (35)
Trabajo de manera correcta y ordenada la guiacutea de
laboratorio y el funcionan de todas las configuraciones
planteadas en la misma (35)
PROMEDIO
Investigacioacuten
complementaria
Envioacute la investigacioacuten complementaria en la fecha
indicada (20)
Resolvioacute todos los ejercicios planteados en la
investigacioacuten complementaria (35)
Presenta el reporte de una manera clara ordenada y
loacutegica (35)
PROMEDIO
Carnet
Docente Fecha
Tiacutetulo de la guiacutea No
12
34 Llene los Detalles (Details) del formulario para creacioacuten de un nuevo elemento (iacutetem) de menuacute
a Tiacutetulo del elemento del menuacute Aves
b Alias aves-menu
c Abrir en Nueva ventana con barra de navegacioacuten
Presione el botoacuten Guardar (d)
35 Haga clic en Cerrar para que los cambios se almacenen
13
36 Verifique que se haya creado correctamente el elemento de menuacute
37 Vaya al menuacute Gestor de artiacuteculos y coloque como destacados a los siguientes artiacuteculos Mamiacuteferos
y Peces
38 Haga clic en el la opcioacuten de menuacute Menuacutes y haga clic en Antildeadir un nuevo elemento del menuacute a la
opcioacuten Clasificacioacuten de Animales
39 Siguiendo el mismo procedimiento cree un elemento de menuacute adicional En este caso el tipo de
elemento de menuacute seraacute nuevamente Artiacuteculos y dentro de los tipos de artiacuteculos seleccione enlace
Mostrar todos los artiacuteculos destacados
14
40 Complete los campos del formulario para creacioacuten del nuevo elemento de menuacute En el tiacutetulo del
menuacute coloque Otras clasificaciones en el alias peces-mamiferos-menu
Verifique que el elemento de menuacute esteacute en Clasificacioacuten de Animales y que en el Elemento
principal esteacute seleccionado Elemento de menuacute raiacutez
41 En la opcioacuten Abrir en seleccionar la opcioacuten Nueva ventana con barra de desplazamiento Haga
clic en Guardar y finalmente cierre
42 Verifique que esteacuten creados los dos elementos de menuacute en el menuacute Clasificacioacuten de los animales
15
43 Ingrese al front-end notaraacute que no aparece el menuacute por ninguacuten lado Esto tiene su explicacioacuten y es
que necesita crear un moacutedulo para gestionar la presentacioacuten del menuacute en el front-end Algo que
haremos en el siguiente ejercicio
Ejercicio 4 Creacioacuten del moacutedulo para mostrar el menuacute
44 Crear un nuevo moacutedulo desde el Gestor de moacutedulos Puede hacerlo desde el menuacute del panel
administrativo en la opcioacuten Extensiones
45 En el Gestor de moacutedulos presionaraacute el botoacuten Nuevo para crear un nuevo moacutedulo Este moacutedulo
estaraacute asociado al menuacute Clasificacioacuten de Animales que se creoacute en el ejercicio 2 del procedimiento
16
46 Seleccione el tipo de moacutedulo que va a crear En este caso seraacute un Menuacute
47 Ingrese los detalles del menuacute como se indica a continuacioacuten
17
a) Tiacutetulo Clasificacioacuten Animales
b) Seleccionar menuacute Clasificacioacuten de Animales
c) Indicar que la posicioacuten del menuacute seraacute Inferior-derecha [position-3]
(Se utiliza cuando tenga que establecer la posicioacuten del menuacute en la paacutegina del front-end del sitio)
48 Haga clic en Guardar y despueacutes haga clic en Cerrar
49 Verifique que se haya creado correctamente el moacutedulo para el menuacute Clasificacioacuten de Animales
50 Abra otro navegador o una nueva pestantildea del que estaacute usando e ingrese al front-end para verificar
que se muestra el menuacute luego de haber creado y configurado el moacutedulo
18
51 Cuando se tiene un menuacute creado con artiacuteculos destacados y se quiere agregar un nuevo artiacuteculo a
este menuacute solo es necesario destacar el artiacuteculo realizar el ejercicio con el articulo Aves
52 Ahora vuelva a cargar el front-end e ingrese a la opcioacuten de menuacute Otras Clasificaciones Observaraacute
que esta vez carga el contenido de los tres artiacuteculos destacados
Ejercicio 5 Creacioacuten de un menuacute de enlaces externos
En algunas situaciones puede ser uacutetil crear un menuacute de enlaces externos para cargar paacuteginas de otros
sitios que resulten buenas referencias de acuerdo al tema abordado en el sitio web
53 Ingrese nuevamente al Gestor de menuacutes desde el menuacute principal del panel de administracioacuten de
Joomla
54 Presione el botoacuten Nuevo en el menuacute superior del Gestor de menuacutes
55 Ingrese la informacioacuten del menuacute Luego presione el botoacuten Guardar
56 Haga clic en la opcioacuten Cerrar
19
57 Cree los elementos de este menuacute haciendo clic en el nombre del menuacute Presione el botoacuten Nuevo en
el Gestor de iacutetems de menuacute
58 Seleccione el tipo de elemento de menuacute presionando el botoacuten Seleccionar que aparece junto al
campo de texto Tipo de elemento del menuacute
59 Haga clic en el elemento Enlaces de sistema
60 Y en el listado que se despliega clic sobre Crear una URL
10 Notaraacute que los campos de formulario a llenar cambian al seleccionar URL externa
Ingrese en el campo Enlace la direccioacuten del sitio que quiere cargar desde el sitio web
Joomla
En este enlace utilice httpwwwlistadodeanimalescom
20
a) Tiacutetulo del elemento del menuacute Listado de animales
b) Abrir en Nueva ventana con barra de desplazamiento
c) Menuacute Enlace externo
11 Cree Ud dos elementos de menuacutes adicionales Uno que titularaacute Animales en extensioacuten y otro
que titularaacute Animales maacutes raros del mundo
Los enlaces respectivos seraacuten
httpwwwsostenibilidadcomtop-10-animales-en-peligro-de-extincion1
httpnationalgeographicesanimalesanimales-mas-rarosimagenpez-rosado-con-manos
Cree el moacutedulo para este menuacute para poder visualizarlo en el front-end
V INVESTIGACIOacuteN COMPLEMENTARIA
1) Cree un sitio web sobre el tema que Ud prefiera Se le pide crear al menos dos categoriacuteas
dos subcategoriacuteas en cada una de ellas y un total de seis artiacuteculos Puede ubicar estos
artiacuteculos en la subcategoriacutea que desee
2) Cuando ya tenga las categoriacuteas cree dos iacutetems de menuacute dentro del menuacute principal un nuevo
menuacute que deberaacuten cargar en tres de sus opciones tres de los artiacuteculos y en la otra opcioacuten del
menuacute deberaacute cargar los tres artiacuteculos restantes
3) Cree un artiacuteculo adicional no categorizado que deberaacute cargar en la paacutegina de Inicio (Home)
21
VI BIBLIOGRAFIacuteA
bull iexclManual Imprescindible Joomla Bintu Harwani Harwani Bintu Madrid Espantildea
ANAYA 2010 Biblioteca UDB ndash Clasificacioacuten 0052762 H343 2010
bull Menuacutes Menu Item Article Category List
httpsdocsjoomlaorgHelp34Menus_Menu_Item_Article_Category_List
bull Creating a submenuacute httpsdocsjoomlaorgCreating_a_submenu
22
Alumno
HOJA DE EVALUACIOacuteN
DE GUIacuteAS DE PRAacuteCTICA
Actividad a
evaluar
Criterio a evaluar Cumplioacute Puntaje
SI NO
Desarrollo de la
Praacutectica
Logro terminar todas las partes de la guiacutea de
laboratorio (30)
Presentoacute la evidencia del desarrollo de cada una de las
partes a su docente (35)
Trabajo de manera correcta y ordenada la guiacutea de
laboratorio y el funcionan de todas las configuraciones
planteadas en la misma (35)
PROMEDIO
Investigacioacuten
complementaria
Envioacute la investigacioacuten complementaria en la fecha
indicada (20)
Resolvioacute todos los ejercicios planteados en la
investigacioacuten complementaria (35)
Presenta el reporte de una manera clara ordenada y
loacutegica (35)
PROMEDIO
Carnet
Docente Fecha
Tiacutetulo de la guiacutea No
13
36 Verifique que se haya creado correctamente el elemento de menuacute
37 Vaya al menuacute Gestor de artiacuteculos y coloque como destacados a los siguientes artiacuteculos Mamiacuteferos
y Peces
38 Haga clic en el la opcioacuten de menuacute Menuacutes y haga clic en Antildeadir un nuevo elemento del menuacute a la
opcioacuten Clasificacioacuten de Animales
39 Siguiendo el mismo procedimiento cree un elemento de menuacute adicional En este caso el tipo de
elemento de menuacute seraacute nuevamente Artiacuteculos y dentro de los tipos de artiacuteculos seleccione enlace
Mostrar todos los artiacuteculos destacados
14
40 Complete los campos del formulario para creacioacuten del nuevo elemento de menuacute En el tiacutetulo del
menuacute coloque Otras clasificaciones en el alias peces-mamiferos-menu
Verifique que el elemento de menuacute esteacute en Clasificacioacuten de Animales y que en el Elemento
principal esteacute seleccionado Elemento de menuacute raiacutez
41 En la opcioacuten Abrir en seleccionar la opcioacuten Nueva ventana con barra de desplazamiento Haga
clic en Guardar y finalmente cierre
42 Verifique que esteacuten creados los dos elementos de menuacute en el menuacute Clasificacioacuten de los animales
15
43 Ingrese al front-end notaraacute que no aparece el menuacute por ninguacuten lado Esto tiene su explicacioacuten y es
que necesita crear un moacutedulo para gestionar la presentacioacuten del menuacute en el front-end Algo que
haremos en el siguiente ejercicio
Ejercicio 4 Creacioacuten del moacutedulo para mostrar el menuacute
44 Crear un nuevo moacutedulo desde el Gestor de moacutedulos Puede hacerlo desde el menuacute del panel
administrativo en la opcioacuten Extensiones
45 En el Gestor de moacutedulos presionaraacute el botoacuten Nuevo para crear un nuevo moacutedulo Este moacutedulo
estaraacute asociado al menuacute Clasificacioacuten de Animales que se creoacute en el ejercicio 2 del procedimiento
16
46 Seleccione el tipo de moacutedulo que va a crear En este caso seraacute un Menuacute
47 Ingrese los detalles del menuacute como se indica a continuacioacuten
17
a) Tiacutetulo Clasificacioacuten Animales
b) Seleccionar menuacute Clasificacioacuten de Animales
c) Indicar que la posicioacuten del menuacute seraacute Inferior-derecha [position-3]
(Se utiliza cuando tenga que establecer la posicioacuten del menuacute en la paacutegina del front-end del sitio)
48 Haga clic en Guardar y despueacutes haga clic en Cerrar
49 Verifique que se haya creado correctamente el moacutedulo para el menuacute Clasificacioacuten de Animales
50 Abra otro navegador o una nueva pestantildea del que estaacute usando e ingrese al front-end para verificar
que se muestra el menuacute luego de haber creado y configurado el moacutedulo
18
51 Cuando se tiene un menuacute creado con artiacuteculos destacados y se quiere agregar un nuevo artiacuteculo a
este menuacute solo es necesario destacar el artiacuteculo realizar el ejercicio con el articulo Aves
52 Ahora vuelva a cargar el front-end e ingrese a la opcioacuten de menuacute Otras Clasificaciones Observaraacute
que esta vez carga el contenido de los tres artiacuteculos destacados
Ejercicio 5 Creacioacuten de un menuacute de enlaces externos
En algunas situaciones puede ser uacutetil crear un menuacute de enlaces externos para cargar paacuteginas de otros
sitios que resulten buenas referencias de acuerdo al tema abordado en el sitio web
53 Ingrese nuevamente al Gestor de menuacutes desde el menuacute principal del panel de administracioacuten de
Joomla
54 Presione el botoacuten Nuevo en el menuacute superior del Gestor de menuacutes
55 Ingrese la informacioacuten del menuacute Luego presione el botoacuten Guardar
56 Haga clic en la opcioacuten Cerrar
19
57 Cree los elementos de este menuacute haciendo clic en el nombre del menuacute Presione el botoacuten Nuevo en
el Gestor de iacutetems de menuacute
58 Seleccione el tipo de elemento de menuacute presionando el botoacuten Seleccionar que aparece junto al
campo de texto Tipo de elemento del menuacute
59 Haga clic en el elemento Enlaces de sistema
60 Y en el listado que se despliega clic sobre Crear una URL
10 Notaraacute que los campos de formulario a llenar cambian al seleccionar URL externa
Ingrese en el campo Enlace la direccioacuten del sitio que quiere cargar desde el sitio web
Joomla
En este enlace utilice httpwwwlistadodeanimalescom
20
a) Tiacutetulo del elemento del menuacute Listado de animales
b) Abrir en Nueva ventana con barra de desplazamiento
c) Menuacute Enlace externo
11 Cree Ud dos elementos de menuacutes adicionales Uno que titularaacute Animales en extensioacuten y otro
que titularaacute Animales maacutes raros del mundo
Los enlaces respectivos seraacuten
httpwwwsostenibilidadcomtop-10-animales-en-peligro-de-extincion1
httpnationalgeographicesanimalesanimales-mas-rarosimagenpez-rosado-con-manos
Cree el moacutedulo para este menuacute para poder visualizarlo en el front-end
V INVESTIGACIOacuteN COMPLEMENTARIA
1) Cree un sitio web sobre el tema que Ud prefiera Se le pide crear al menos dos categoriacuteas
dos subcategoriacuteas en cada una de ellas y un total de seis artiacuteculos Puede ubicar estos
artiacuteculos en la subcategoriacutea que desee
2) Cuando ya tenga las categoriacuteas cree dos iacutetems de menuacute dentro del menuacute principal un nuevo
menuacute que deberaacuten cargar en tres de sus opciones tres de los artiacuteculos y en la otra opcioacuten del
menuacute deberaacute cargar los tres artiacuteculos restantes
3) Cree un artiacuteculo adicional no categorizado que deberaacute cargar en la paacutegina de Inicio (Home)
21
VI BIBLIOGRAFIacuteA
bull iexclManual Imprescindible Joomla Bintu Harwani Harwani Bintu Madrid Espantildea
ANAYA 2010 Biblioteca UDB ndash Clasificacioacuten 0052762 H343 2010
bull Menuacutes Menu Item Article Category List
httpsdocsjoomlaorgHelp34Menus_Menu_Item_Article_Category_List
bull Creating a submenuacute httpsdocsjoomlaorgCreating_a_submenu
22
Alumno
HOJA DE EVALUACIOacuteN
DE GUIacuteAS DE PRAacuteCTICA
Actividad a
evaluar
Criterio a evaluar Cumplioacute Puntaje
SI NO
Desarrollo de la
Praacutectica
Logro terminar todas las partes de la guiacutea de
laboratorio (30)
Presentoacute la evidencia del desarrollo de cada una de las
partes a su docente (35)
Trabajo de manera correcta y ordenada la guiacutea de
laboratorio y el funcionan de todas las configuraciones
planteadas en la misma (35)
PROMEDIO
Investigacioacuten
complementaria
Envioacute la investigacioacuten complementaria en la fecha
indicada (20)
Resolvioacute todos los ejercicios planteados en la
investigacioacuten complementaria (35)
Presenta el reporte de una manera clara ordenada y
loacutegica (35)
PROMEDIO
Carnet
Docente Fecha
Tiacutetulo de la guiacutea No
14
40 Complete los campos del formulario para creacioacuten del nuevo elemento de menuacute En el tiacutetulo del
menuacute coloque Otras clasificaciones en el alias peces-mamiferos-menu
Verifique que el elemento de menuacute esteacute en Clasificacioacuten de Animales y que en el Elemento
principal esteacute seleccionado Elemento de menuacute raiacutez
41 En la opcioacuten Abrir en seleccionar la opcioacuten Nueva ventana con barra de desplazamiento Haga
clic en Guardar y finalmente cierre
42 Verifique que esteacuten creados los dos elementos de menuacute en el menuacute Clasificacioacuten de los animales
15
43 Ingrese al front-end notaraacute que no aparece el menuacute por ninguacuten lado Esto tiene su explicacioacuten y es
que necesita crear un moacutedulo para gestionar la presentacioacuten del menuacute en el front-end Algo que
haremos en el siguiente ejercicio
Ejercicio 4 Creacioacuten del moacutedulo para mostrar el menuacute
44 Crear un nuevo moacutedulo desde el Gestor de moacutedulos Puede hacerlo desde el menuacute del panel
administrativo en la opcioacuten Extensiones
45 En el Gestor de moacutedulos presionaraacute el botoacuten Nuevo para crear un nuevo moacutedulo Este moacutedulo
estaraacute asociado al menuacute Clasificacioacuten de Animales que se creoacute en el ejercicio 2 del procedimiento
16
46 Seleccione el tipo de moacutedulo que va a crear En este caso seraacute un Menuacute
47 Ingrese los detalles del menuacute como se indica a continuacioacuten
17
a) Tiacutetulo Clasificacioacuten Animales
b) Seleccionar menuacute Clasificacioacuten de Animales
c) Indicar que la posicioacuten del menuacute seraacute Inferior-derecha [position-3]
(Se utiliza cuando tenga que establecer la posicioacuten del menuacute en la paacutegina del front-end del sitio)
48 Haga clic en Guardar y despueacutes haga clic en Cerrar
49 Verifique que se haya creado correctamente el moacutedulo para el menuacute Clasificacioacuten de Animales
50 Abra otro navegador o una nueva pestantildea del que estaacute usando e ingrese al front-end para verificar
que se muestra el menuacute luego de haber creado y configurado el moacutedulo
18
51 Cuando se tiene un menuacute creado con artiacuteculos destacados y se quiere agregar un nuevo artiacuteculo a
este menuacute solo es necesario destacar el artiacuteculo realizar el ejercicio con el articulo Aves
52 Ahora vuelva a cargar el front-end e ingrese a la opcioacuten de menuacute Otras Clasificaciones Observaraacute
que esta vez carga el contenido de los tres artiacuteculos destacados
Ejercicio 5 Creacioacuten de un menuacute de enlaces externos
En algunas situaciones puede ser uacutetil crear un menuacute de enlaces externos para cargar paacuteginas de otros
sitios que resulten buenas referencias de acuerdo al tema abordado en el sitio web
53 Ingrese nuevamente al Gestor de menuacutes desde el menuacute principal del panel de administracioacuten de
Joomla
54 Presione el botoacuten Nuevo en el menuacute superior del Gestor de menuacutes
55 Ingrese la informacioacuten del menuacute Luego presione el botoacuten Guardar
56 Haga clic en la opcioacuten Cerrar
19
57 Cree los elementos de este menuacute haciendo clic en el nombre del menuacute Presione el botoacuten Nuevo en
el Gestor de iacutetems de menuacute
58 Seleccione el tipo de elemento de menuacute presionando el botoacuten Seleccionar que aparece junto al
campo de texto Tipo de elemento del menuacute
59 Haga clic en el elemento Enlaces de sistema
60 Y en el listado que se despliega clic sobre Crear una URL
10 Notaraacute que los campos de formulario a llenar cambian al seleccionar URL externa
Ingrese en el campo Enlace la direccioacuten del sitio que quiere cargar desde el sitio web
Joomla
En este enlace utilice httpwwwlistadodeanimalescom
20
a) Tiacutetulo del elemento del menuacute Listado de animales
b) Abrir en Nueva ventana con barra de desplazamiento
c) Menuacute Enlace externo
11 Cree Ud dos elementos de menuacutes adicionales Uno que titularaacute Animales en extensioacuten y otro
que titularaacute Animales maacutes raros del mundo
Los enlaces respectivos seraacuten
httpwwwsostenibilidadcomtop-10-animales-en-peligro-de-extincion1
httpnationalgeographicesanimalesanimales-mas-rarosimagenpez-rosado-con-manos
Cree el moacutedulo para este menuacute para poder visualizarlo en el front-end
V INVESTIGACIOacuteN COMPLEMENTARIA
1) Cree un sitio web sobre el tema que Ud prefiera Se le pide crear al menos dos categoriacuteas
dos subcategoriacuteas en cada una de ellas y un total de seis artiacuteculos Puede ubicar estos
artiacuteculos en la subcategoriacutea que desee
2) Cuando ya tenga las categoriacuteas cree dos iacutetems de menuacute dentro del menuacute principal un nuevo
menuacute que deberaacuten cargar en tres de sus opciones tres de los artiacuteculos y en la otra opcioacuten del
menuacute deberaacute cargar los tres artiacuteculos restantes
3) Cree un artiacuteculo adicional no categorizado que deberaacute cargar en la paacutegina de Inicio (Home)
21
VI BIBLIOGRAFIacuteA
bull iexclManual Imprescindible Joomla Bintu Harwani Harwani Bintu Madrid Espantildea
ANAYA 2010 Biblioteca UDB ndash Clasificacioacuten 0052762 H343 2010
bull Menuacutes Menu Item Article Category List
httpsdocsjoomlaorgHelp34Menus_Menu_Item_Article_Category_List
bull Creating a submenuacute httpsdocsjoomlaorgCreating_a_submenu
22
Alumno
HOJA DE EVALUACIOacuteN
DE GUIacuteAS DE PRAacuteCTICA
Actividad a
evaluar
Criterio a evaluar Cumplioacute Puntaje
SI NO
Desarrollo de la
Praacutectica
Logro terminar todas las partes de la guiacutea de
laboratorio (30)
Presentoacute la evidencia del desarrollo de cada una de las
partes a su docente (35)
Trabajo de manera correcta y ordenada la guiacutea de
laboratorio y el funcionan de todas las configuraciones
planteadas en la misma (35)
PROMEDIO
Investigacioacuten
complementaria
Envioacute la investigacioacuten complementaria en la fecha
indicada (20)
Resolvioacute todos los ejercicios planteados en la
investigacioacuten complementaria (35)
Presenta el reporte de una manera clara ordenada y
loacutegica (35)
PROMEDIO
Carnet
Docente Fecha
Tiacutetulo de la guiacutea No
15
43 Ingrese al front-end notaraacute que no aparece el menuacute por ninguacuten lado Esto tiene su explicacioacuten y es
que necesita crear un moacutedulo para gestionar la presentacioacuten del menuacute en el front-end Algo que
haremos en el siguiente ejercicio
Ejercicio 4 Creacioacuten del moacutedulo para mostrar el menuacute
44 Crear un nuevo moacutedulo desde el Gestor de moacutedulos Puede hacerlo desde el menuacute del panel
administrativo en la opcioacuten Extensiones
45 En el Gestor de moacutedulos presionaraacute el botoacuten Nuevo para crear un nuevo moacutedulo Este moacutedulo
estaraacute asociado al menuacute Clasificacioacuten de Animales que se creoacute en el ejercicio 2 del procedimiento
16
46 Seleccione el tipo de moacutedulo que va a crear En este caso seraacute un Menuacute
47 Ingrese los detalles del menuacute como se indica a continuacioacuten
17
a) Tiacutetulo Clasificacioacuten Animales
b) Seleccionar menuacute Clasificacioacuten de Animales
c) Indicar que la posicioacuten del menuacute seraacute Inferior-derecha [position-3]
(Se utiliza cuando tenga que establecer la posicioacuten del menuacute en la paacutegina del front-end del sitio)
48 Haga clic en Guardar y despueacutes haga clic en Cerrar
49 Verifique que se haya creado correctamente el moacutedulo para el menuacute Clasificacioacuten de Animales
50 Abra otro navegador o una nueva pestantildea del que estaacute usando e ingrese al front-end para verificar
que se muestra el menuacute luego de haber creado y configurado el moacutedulo
18
51 Cuando se tiene un menuacute creado con artiacuteculos destacados y se quiere agregar un nuevo artiacuteculo a
este menuacute solo es necesario destacar el artiacuteculo realizar el ejercicio con el articulo Aves
52 Ahora vuelva a cargar el front-end e ingrese a la opcioacuten de menuacute Otras Clasificaciones Observaraacute
que esta vez carga el contenido de los tres artiacuteculos destacados
Ejercicio 5 Creacioacuten de un menuacute de enlaces externos
En algunas situaciones puede ser uacutetil crear un menuacute de enlaces externos para cargar paacuteginas de otros
sitios que resulten buenas referencias de acuerdo al tema abordado en el sitio web
53 Ingrese nuevamente al Gestor de menuacutes desde el menuacute principal del panel de administracioacuten de
Joomla
54 Presione el botoacuten Nuevo en el menuacute superior del Gestor de menuacutes
55 Ingrese la informacioacuten del menuacute Luego presione el botoacuten Guardar
56 Haga clic en la opcioacuten Cerrar
19
57 Cree los elementos de este menuacute haciendo clic en el nombre del menuacute Presione el botoacuten Nuevo en
el Gestor de iacutetems de menuacute
58 Seleccione el tipo de elemento de menuacute presionando el botoacuten Seleccionar que aparece junto al
campo de texto Tipo de elemento del menuacute
59 Haga clic en el elemento Enlaces de sistema
60 Y en el listado que se despliega clic sobre Crear una URL
10 Notaraacute que los campos de formulario a llenar cambian al seleccionar URL externa
Ingrese en el campo Enlace la direccioacuten del sitio que quiere cargar desde el sitio web
Joomla
En este enlace utilice httpwwwlistadodeanimalescom
20
a) Tiacutetulo del elemento del menuacute Listado de animales
b) Abrir en Nueva ventana con barra de desplazamiento
c) Menuacute Enlace externo
11 Cree Ud dos elementos de menuacutes adicionales Uno que titularaacute Animales en extensioacuten y otro
que titularaacute Animales maacutes raros del mundo
Los enlaces respectivos seraacuten
httpwwwsostenibilidadcomtop-10-animales-en-peligro-de-extincion1
httpnationalgeographicesanimalesanimales-mas-rarosimagenpez-rosado-con-manos
Cree el moacutedulo para este menuacute para poder visualizarlo en el front-end
V INVESTIGACIOacuteN COMPLEMENTARIA
1) Cree un sitio web sobre el tema que Ud prefiera Se le pide crear al menos dos categoriacuteas
dos subcategoriacuteas en cada una de ellas y un total de seis artiacuteculos Puede ubicar estos
artiacuteculos en la subcategoriacutea que desee
2) Cuando ya tenga las categoriacuteas cree dos iacutetems de menuacute dentro del menuacute principal un nuevo
menuacute que deberaacuten cargar en tres de sus opciones tres de los artiacuteculos y en la otra opcioacuten del
menuacute deberaacute cargar los tres artiacuteculos restantes
3) Cree un artiacuteculo adicional no categorizado que deberaacute cargar en la paacutegina de Inicio (Home)
21
VI BIBLIOGRAFIacuteA
bull iexclManual Imprescindible Joomla Bintu Harwani Harwani Bintu Madrid Espantildea
ANAYA 2010 Biblioteca UDB ndash Clasificacioacuten 0052762 H343 2010
bull Menuacutes Menu Item Article Category List
httpsdocsjoomlaorgHelp34Menus_Menu_Item_Article_Category_List
bull Creating a submenuacute httpsdocsjoomlaorgCreating_a_submenu
22
Alumno
HOJA DE EVALUACIOacuteN
DE GUIacuteAS DE PRAacuteCTICA
Actividad a
evaluar
Criterio a evaluar Cumplioacute Puntaje
SI NO
Desarrollo de la
Praacutectica
Logro terminar todas las partes de la guiacutea de
laboratorio (30)
Presentoacute la evidencia del desarrollo de cada una de las
partes a su docente (35)
Trabajo de manera correcta y ordenada la guiacutea de
laboratorio y el funcionan de todas las configuraciones
planteadas en la misma (35)
PROMEDIO
Investigacioacuten
complementaria
Envioacute la investigacioacuten complementaria en la fecha
indicada (20)
Resolvioacute todos los ejercicios planteados en la
investigacioacuten complementaria (35)
Presenta el reporte de una manera clara ordenada y
loacutegica (35)
PROMEDIO
Carnet
Docente Fecha
Tiacutetulo de la guiacutea No
16
46 Seleccione el tipo de moacutedulo que va a crear En este caso seraacute un Menuacute
47 Ingrese los detalles del menuacute como se indica a continuacioacuten
17
a) Tiacutetulo Clasificacioacuten Animales
b) Seleccionar menuacute Clasificacioacuten de Animales
c) Indicar que la posicioacuten del menuacute seraacute Inferior-derecha [position-3]
(Se utiliza cuando tenga que establecer la posicioacuten del menuacute en la paacutegina del front-end del sitio)
48 Haga clic en Guardar y despueacutes haga clic en Cerrar
49 Verifique que se haya creado correctamente el moacutedulo para el menuacute Clasificacioacuten de Animales
50 Abra otro navegador o una nueva pestantildea del que estaacute usando e ingrese al front-end para verificar
que se muestra el menuacute luego de haber creado y configurado el moacutedulo
18
51 Cuando se tiene un menuacute creado con artiacuteculos destacados y se quiere agregar un nuevo artiacuteculo a
este menuacute solo es necesario destacar el artiacuteculo realizar el ejercicio con el articulo Aves
52 Ahora vuelva a cargar el front-end e ingrese a la opcioacuten de menuacute Otras Clasificaciones Observaraacute
que esta vez carga el contenido de los tres artiacuteculos destacados
Ejercicio 5 Creacioacuten de un menuacute de enlaces externos
En algunas situaciones puede ser uacutetil crear un menuacute de enlaces externos para cargar paacuteginas de otros
sitios que resulten buenas referencias de acuerdo al tema abordado en el sitio web
53 Ingrese nuevamente al Gestor de menuacutes desde el menuacute principal del panel de administracioacuten de
Joomla
54 Presione el botoacuten Nuevo en el menuacute superior del Gestor de menuacutes
55 Ingrese la informacioacuten del menuacute Luego presione el botoacuten Guardar
56 Haga clic en la opcioacuten Cerrar
19
57 Cree los elementos de este menuacute haciendo clic en el nombre del menuacute Presione el botoacuten Nuevo en
el Gestor de iacutetems de menuacute
58 Seleccione el tipo de elemento de menuacute presionando el botoacuten Seleccionar que aparece junto al
campo de texto Tipo de elemento del menuacute
59 Haga clic en el elemento Enlaces de sistema
60 Y en el listado que se despliega clic sobre Crear una URL
10 Notaraacute que los campos de formulario a llenar cambian al seleccionar URL externa
Ingrese en el campo Enlace la direccioacuten del sitio que quiere cargar desde el sitio web
Joomla
En este enlace utilice httpwwwlistadodeanimalescom
20
a) Tiacutetulo del elemento del menuacute Listado de animales
b) Abrir en Nueva ventana con barra de desplazamiento
c) Menuacute Enlace externo
11 Cree Ud dos elementos de menuacutes adicionales Uno que titularaacute Animales en extensioacuten y otro
que titularaacute Animales maacutes raros del mundo
Los enlaces respectivos seraacuten
httpwwwsostenibilidadcomtop-10-animales-en-peligro-de-extincion1
httpnationalgeographicesanimalesanimales-mas-rarosimagenpez-rosado-con-manos
Cree el moacutedulo para este menuacute para poder visualizarlo en el front-end
V INVESTIGACIOacuteN COMPLEMENTARIA
1) Cree un sitio web sobre el tema que Ud prefiera Se le pide crear al menos dos categoriacuteas
dos subcategoriacuteas en cada una de ellas y un total de seis artiacuteculos Puede ubicar estos
artiacuteculos en la subcategoriacutea que desee
2) Cuando ya tenga las categoriacuteas cree dos iacutetems de menuacute dentro del menuacute principal un nuevo
menuacute que deberaacuten cargar en tres de sus opciones tres de los artiacuteculos y en la otra opcioacuten del
menuacute deberaacute cargar los tres artiacuteculos restantes
3) Cree un artiacuteculo adicional no categorizado que deberaacute cargar en la paacutegina de Inicio (Home)
21
VI BIBLIOGRAFIacuteA
bull iexclManual Imprescindible Joomla Bintu Harwani Harwani Bintu Madrid Espantildea
ANAYA 2010 Biblioteca UDB ndash Clasificacioacuten 0052762 H343 2010
bull Menuacutes Menu Item Article Category List
httpsdocsjoomlaorgHelp34Menus_Menu_Item_Article_Category_List
bull Creating a submenuacute httpsdocsjoomlaorgCreating_a_submenu
22
Alumno
HOJA DE EVALUACIOacuteN
DE GUIacuteAS DE PRAacuteCTICA
Actividad a
evaluar
Criterio a evaluar Cumplioacute Puntaje
SI NO
Desarrollo de la
Praacutectica
Logro terminar todas las partes de la guiacutea de
laboratorio (30)
Presentoacute la evidencia del desarrollo de cada una de las
partes a su docente (35)
Trabajo de manera correcta y ordenada la guiacutea de
laboratorio y el funcionan de todas las configuraciones
planteadas en la misma (35)
PROMEDIO
Investigacioacuten
complementaria
Envioacute la investigacioacuten complementaria en la fecha
indicada (20)
Resolvioacute todos los ejercicios planteados en la
investigacioacuten complementaria (35)
Presenta el reporte de una manera clara ordenada y
loacutegica (35)
PROMEDIO
Carnet
Docente Fecha
Tiacutetulo de la guiacutea No
17
a) Tiacutetulo Clasificacioacuten Animales
b) Seleccionar menuacute Clasificacioacuten de Animales
c) Indicar que la posicioacuten del menuacute seraacute Inferior-derecha [position-3]
(Se utiliza cuando tenga que establecer la posicioacuten del menuacute en la paacutegina del front-end del sitio)
48 Haga clic en Guardar y despueacutes haga clic en Cerrar
49 Verifique que se haya creado correctamente el moacutedulo para el menuacute Clasificacioacuten de Animales
50 Abra otro navegador o una nueva pestantildea del que estaacute usando e ingrese al front-end para verificar
que se muestra el menuacute luego de haber creado y configurado el moacutedulo
18
51 Cuando se tiene un menuacute creado con artiacuteculos destacados y se quiere agregar un nuevo artiacuteculo a
este menuacute solo es necesario destacar el artiacuteculo realizar el ejercicio con el articulo Aves
52 Ahora vuelva a cargar el front-end e ingrese a la opcioacuten de menuacute Otras Clasificaciones Observaraacute
que esta vez carga el contenido de los tres artiacuteculos destacados
Ejercicio 5 Creacioacuten de un menuacute de enlaces externos
En algunas situaciones puede ser uacutetil crear un menuacute de enlaces externos para cargar paacuteginas de otros
sitios que resulten buenas referencias de acuerdo al tema abordado en el sitio web
53 Ingrese nuevamente al Gestor de menuacutes desde el menuacute principal del panel de administracioacuten de
Joomla
54 Presione el botoacuten Nuevo en el menuacute superior del Gestor de menuacutes
55 Ingrese la informacioacuten del menuacute Luego presione el botoacuten Guardar
56 Haga clic en la opcioacuten Cerrar
19
57 Cree los elementos de este menuacute haciendo clic en el nombre del menuacute Presione el botoacuten Nuevo en
el Gestor de iacutetems de menuacute
58 Seleccione el tipo de elemento de menuacute presionando el botoacuten Seleccionar que aparece junto al
campo de texto Tipo de elemento del menuacute
59 Haga clic en el elemento Enlaces de sistema
60 Y en el listado que se despliega clic sobre Crear una URL
10 Notaraacute que los campos de formulario a llenar cambian al seleccionar URL externa
Ingrese en el campo Enlace la direccioacuten del sitio que quiere cargar desde el sitio web
Joomla
En este enlace utilice httpwwwlistadodeanimalescom
20
a) Tiacutetulo del elemento del menuacute Listado de animales
b) Abrir en Nueva ventana con barra de desplazamiento
c) Menuacute Enlace externo
11 Cree Ud dos elementos de menuacutes adicionales Uno que titularaacute Animales en extensioacuten y otro
que titularaacute Animales maacutes raros del mundo
Los enlaces respectivos seraacuten
httpwwwsostenibilidadcomtop-10-animales-en-peligro-de-extincion1
httpnationalgeographicesanimalesanimales-mas-rarosimagenpez-rosado-con-manos
Cree el moacutedulo para este menuacute para poder visualizarlo en el front-end
V INVESTIGACIOacuteN COMPLEMENTARIA
1) Cree un sitio web sobre el tema que Ud prefiera Se le pide crear al menos dos categoriacuteas
dos subcategoriacuteas en cada una de ellas y un total de seis artiacuteculos Puede ubicar estos
artiacuteculos en la subcategoriacutea que desee
2) Cuando ya tenga las categoriacuteas cree dos iacutetems de menuacute dentro del menuacute principal un nuevo
menuacute que deberaacuten cargar en tres de sus opciones tres de los artiacuteculos y en la otra opcioacuten del
menuacute deberaacute cargar los tres artiacuteculos restantes
3) Cree un artiacuteculo adicional no categorizado que deberaacute cargar en la paacutegina de Inicio (Home)
21
VI BIBLIOGRAFIacuteA
bull iexclManual Imprescindible Joomla Bintu Harwani Harwani Bintu Madrid Espantildea
ANAYA 2010 Biblioteca UDB ndash Clasificacioacuten 0052762 H343 2010
bull Menuacutes Menu Item Article Category List
httpsdocsjoomlaorgHelp34Menus_Menu_Item_Article_Category_List
bull Creating a submenuacute httpsdocsjoomlaorgCreating_a_submenu
22
Alumno
HOJA DE EVALUACIOacuteN
DE GUIacuteAS DE PRAacuteCTICA
Actividad a
evaluar
Criterio a evaluar Cumplioacute Puntaje
SI NO
Desarrollo de la
Praacutectica
Logro terminar todas las partes de la guiacutea de
laboratorio (30)
Presentoacute la evidencia del desarrollo de cada una de las
partes a su docente (35)
Trabajo de manera correcta y ordenada la guiacutea de
laboratorio y el funcionan de todas las configuraciones
planteadas en la misma (35)
PROMEDIO
Investigacioacuten
complementaria
Envioacute la investigacioacuten complementaria en la fecha
indicada (20)
Resolvioacute todos los ejercicios planteados en la
investigacioacuten complementaria (35)
Presenta el reporte de una manera clara ordenada y
loacutegica (35)
PROMEDIO
Carnet
Docente Fecha
Tiacutetulo de la guiacutea No
18
51 Cuando se tiene un menuacute creado con artiacuteculos destacados y se quiere agregar un nuevo artiacuteculo a
este menuacute solo es necesario destacar el artiacuteculo realizar el ejercicio con el articulo Aves
52 Ahora vuelva a cargar el front-end e ingrese a la opcioacuten de menuacute Otras Clasificaciones Observaraacute
que esta vez carga el contenido de los tres artiacuteculos destacados
Ejercicio 5 Creacioacuten de un menuacute de enlaces externos
En algunas situaciones puede ser uacutetil crear un menuacute de enlaces externos para cargar paacuteginas de otros
sitios que resulten buenas referencias de acuerdo al tema abordado en el sitio web
53 Ingrese nuevamente al Gestor de menuacutes desde el menuacute principal del panel de administracioacuten de
Joomla
54 Presione el botoacuten Nuevo en el menuacute superior del Gestor de menuacutes
55 Ingrese la informacioacuten del menuacute Luego presione el botoacuten Guardar
56 Haga clic en la opcioacuten Cerrar
19
57 Cree los elementos de este menuacute haciendo clic en el nombre del menuacute Presione el botoacuten Nuevo en
el Gestor de iacutetems de menuacute
58 Seleccione el tipo de elemento de menuacute presionando el botoacuten Seleccionar que aparece junto al
campo de texto Tipo de elemento del menuacute
59 Haga clic en el elemento Enlaces de sistema
60 Y en el listado que se despliega clic sobre Crear una URL
10 Notaraacute que los campos de formulario a llenar cambian al seleccionar URL externa
Ingrese en el campo Enlace la direccioacuten del sitio que quiere cargar desde el sitio web
Joomla
En este enlace utilice httpwwwlistadodeanimalescom
20
a) Tiacutetulo del elemento del menuacute Listado de animales
b) Abrir en Nueva ventana con barra de desplazamiento
c) Menuacute Enlace externo
11 Cree Ud dos elementos de menuacutes adicionales Uno que titularaacute Animales en extensioacuten y otro
que titularaacute Animales maacutes raros del mundo
Los enlaces respectivos seraacuten
httpwwwsostenibilidadcomtop-10-animales-en-peligro-de-extincion1
httpnationalgeographicesanimalesanimales-mas-rarosimagenpez-rosado-con-manos
Cree el moacutedulo para este menuacute para poder visualizarlo en el front-end
V INVESTIGACIOacuteN COMPLEMENTARIA
1) Cree un sitio web sobre el tema que Ud prefiera Se le pide crear al menos dos categoriacuteas
dos subcategoriacuteas en cada una de ellas y un total de seis artiacuteculos Puede ubicar estos
artiacuteculos en la subcategoriacutea que desee
2) Cuando ya tenga las categoriacuteas cree dos iacutetems de menuacute dentro del menuacute principal un nuevo
menuacute que deberaacuten cargar en tres de sus opciones tres de los artiacuteculos y en la otra opcioacuten del
menuacute deberaacute cargar los tres artiacuteculos restantes
3) Cree un artiacuteculo adicional no categorizado que deberaacute cargar en la paacutegina de Inicio (Home)
21
VI BIBLIOGRAFIacuteA
bull iexclManual Imprescindible Joomla Bintu Harwani Harwani Bintu Madrid Espantildea
ANAYA 2010 Biblioteca UDB ndash Clasificacioacuten 0052762 H343 2010
bull Menuacutes Menu Item Article Category List
httpsdocsjoomlaorgHelp34Menus_Menu_Item_Article_Category_List
bull Creating a submenuacute httpsdocsjoomlaorgCreating_a_submenu
22
Alumno
HOJA DE EVALUACIOacuteN
DE GUIacuteAS DE PRAacuteCTICA
Actividad a
evaluar
Criterio a evaluar Cumplioacute Puntaje
SI NO
Desarrollo de la
Praacutectica
Logro terminar todas las partes de la guiacutea de
laboratorio (30)
Presentoacute la evidencia del desarrollo de cada una de las
partes a su docente (35)
Trabajo de manera correcta y ordenada la guiacutea de
laboratorio y el funcionan de todas las configuraciones
planteadas en la misma (35)
PROMEDIO
Investigacioacuten
complementaria
Envioacute la investigacioacuten complementaria en la fecha
indicada (20)
Resolvioacute todos los ejercicios planteados en la
investigacioacuten complementaria (35)
Presenta el reporte de una manera clara ordenada y
loacutegica (35)
PROMEDIO
Carnet
Docente Fecha
Tiacutetulo de la guiacutea No
19
57 Cree los elementos de este menuacute haciendo clic en el nombre del menuacute Presione el botoacuten Nuevo en
el Gestor de iacutetems de menuacute
58 Seleccione el tipo de elemento de menuacute presionando el botoacuten Seleccionar que aparece junto al
campo de texto Tipo de elemento del menuacute
59 Haga clic en el elemento Enlaces de sistema
60 Y en el listado que se despliega clic sobre Crear una URL
10 Notaraacute que los campos de formulario a llenar cambian al seleccionar URL externa
Ingrese en el campo Enlace la direccioacuten del sitio que quiere cargar desde el sitio web
Joomla
En este enlace utilice httpwwwlistadodeanimalescom
20
a) Tiacutetulo del elemento del menuacute Listado de animales
b) Abrir en Nueva ventana con barra de desplazamiento
c) Menuacute Enlace externo
11 Cree Ud dos elementos de menuacutes adicionales Uno que titularaacute Animales en extensioacuten y otro
que titularaacute Animales maacutes raros del mundo
Los enlaces respectivos seraacuten
httpwwwsostenibilidadcomtop-10-animales-en-peligro-de-extincion1
httpnationalgeographicesanimalesanimales-mas-rarosimagenpez-rosado-con-manos
Cree el moacutedulo para este menuacute para poder visualizarlo en el front-end
V INVESTIGACIOacuteN COMPLEMENTARIA
1) Cree un sitio web sobre el tema que Ud prefiera Se le pide crear al menos dos categoriacuteas
dos subcategoriacuteas en cada una de ellas y un total de seis artiacuteculos Puede ubicar estos
artiacuteculos en la subcategoriacutea que desee
2) Cuando ya tenga las categoriacuteas cree dos iacutetems de menuacute dentro del menuacute principal un nuevo
menuacute que deberaacuten cargar en tres de sus opciones tres de los artiacuteculos y en la otra opcioacuten del
menuacute deberaacute cargar los tres artiacuteculos restantes
3) Cree un artiacuteculo adicional no categorizado que deberaacute cargar en la paacutegina de Inicio (Home)
21
VI BIBLIOGRAFIacuteA
bull iexclManual Imprescindible Joomla Bintu Harwani Harwani Bintu Madrid Espantildea
ANAYA 2010 Biblioteca UDB ndash Clasificacioacuten 0052762 H343 2010
bull Menuacutes Menu Item Article Category List
httpsdocsjoomlaorgHelp34Menus_Menu_Item_Article_Category_List
bull Creating a submenuacute httpsdocsjoomlaorgCreating_a_submenu
22
Alumno
HOJA DE EVALUACIOacuteN
DE GUIacuteAS DE PRAacuteCTICA
Actividad a
evaluar
Criterio a evaluar Cumplioacute Puntaje
SI NO
Desarrollo de la
Praacutectica
Logro terminar todas las partes de la guiacutea de
laboratorio (30)
Presentoacute la evidencia del desarrollo de cada una de las
partes a su docente (35)
Trabajo de manera correcta y ordenada la guiacutea de
laboratorio y el funcionan de todas las configuraciones
planteadas en la misma (35)
PROMEDIO
Investigacioacuten
complementaria
Envioacute la investigacioacuten complementaria en la fecha
indicada (20)
Resolvioacute todos los ejercicios planteados en la
investigacioacuten complementaria (35)
Presenta el reporte de una manera clara ordenada y
loacutegica (35)
PROMEDIO
Carnet
Docente Fecha
Tiacutetulo de la guiacutea No
20
a) Tiacutetulo del elemento del menuacute Listado de animales
b) Abrir en Nueva ventana con barra de desplazamiento
c) Menuacute Enlace externo
11 Cree Ud dos elementos de menuacutes adicionales Uno que titularaacute Animales en extensioacuten y otro
que titularaacute Animales maacutes raros del mundo
Los enlaces respectivos seraacuten
httpwwwsostenibilidadcomtop-10-animales-en-peligro-de-extincion1
httpnationalgeographicesanimalesanimales-mas-rarosimagenpez-rosado-con-manos
Cree el moacutedulo para este menuacute para poder visualizarlo en el front-end
V INVESTIGACIOacuteN COMPLEMENTARIA
1) Cree un sitio web sobre el tema que Ud prefiera Se le pide crear al menos dos categoriacuteas
dos subcategoriacuteas en cada una de ellas y un total de seis artiacuteculos Puede ubicar estos
artiacuteculos en la subcategoriacutea que desee
2) Cuando ya tenga las categoriacuteas cree dos iacutetems de menuacute dentro del menuacute principal un nuevo
menuacute que deberaacuten cargar en tres de sus opciones tres de los artiacuteculos y en la otra opcioacuten del
menuacute deberaacute cargar los tres artiacuteculos restantes
3) Cree un artiacuteculo adicional no categorizado que deberaacute cargar en la paacutegina de Inicio (Home)
21
VI BIBLIOGRAFIacuteA
bull iexclManual Imprescindible Joomla Bintu Harwani Harwani Bintu Madrid Espantildea
ANAYA 2010 Biblioteca UDB ndash Clasificacioacuten 0052762 H343 2010
bull Menuacutes Menu Item Article Category List
httpsdocsjoomlaorgHelp34Menus_Menu_Item_Article_Category_List
bull Creating a submenuacute httpsdocsjoomlaorgCreating_a_submenu
22
Alumno
HOJA DE EVALUACIOacuteN
DE GUIacuteAS DE PRAacuteCTICA
Actividad a
evaluar
Criterio a evaluar Cumplioacute Puntaje
SI NO
Desarrollo de la
Praacutectica
Logro terminar todas las partes de la guiacutea de
laboratorio (30)
Presentoacute la evidencia del desarrollo de cada una de las
partes a su docente (35)
Trabajo de manera correcta y ordenada la guiacutea de
laboratorio y el funcionan de todas las configuraciones
planteadas en la misma (35)
PROMEDIO
Investigacioacuten
complementaria
Envioacute la investigacioacuten complementaria en la fecha
indicada (20)
Resolvioacute todos los ejercicios planteados en la
investigacioacuten complementaria (35)
Presenta el reporte de una manera clara ordenada y
loacutegica (35)
PROMEDIO
Carnet
Docente Fecha
Tiacutetulo de la guiacutea No
21
VI BIBLIOGRAFIacuteA
bull iexclManual Imprescindible Joomla Bintu Harwani Harwani Bintu Madrid Espantildea
ANAYA 2010 Biblioteca UDB ndash Clasificacioacuten 0052762 H343 2010
bull Menuacutes Menu Item Article Category List
httpsdocsjoomlaorgHelp34Menus_Menu_Item_Article_Category_List
bull Creating a submenuacute httpsdocsjoomlaorgCreating_a_submenu
22
Alumno
HOJA DE EVALUACIOacuteN
DE GUIacuteAS DE PRAacuteCTICA
Actividad a
evaluar
Criterio a evaluar Cumplioacute Puntaje
SI NO
Desarrollo de la
Praacutectica
Logro terminar todas las partes de la guiacutea de
laboratorio (30)
Presentoacute la evidencia del desarrollo de cada una de las
partes a su docente (35)
Trabajo de manera correcta y ordenada la guiacutea de
laboratorio y el funcionan de todas las configuraciones
planteadas en la misma (35)
PROMEDIO
Investigacioacuten
complementaria
Envioacute la investigacioacuten complementaria en la fecha
indicada (20)
Resolvioacute todos los ejercicios planteados en la
investigacioacuten complementaria (35)
Presenta el reporte de una manera clara ordenada y
loacutegica (35)
PROMEDIO
Carnet
Docente Fecha
Tiacutetulo de la guiacutea No
22
Alumno
HOJA DE EVALUACIOacuteN
DE GUIacuteAS DE PRAacuteCTICA
Actividad a
evaluar
Criterio a evaluar Cumplioacute Puntaje
SI NO
Desarrollo de la
Praacutectica
Logro terminar todas las partes de la guiacutea de
laboratorio (30)
Presentoacute la evidencia del desarrollo de cada una de las
partes a su docente (35)
Trabajo de manera correcta y ordenada la guiacutea de
laboratorio y el funcionan de todas las configuraciones
planteadas en la misma (35)
PROMEDIO
Investigacioacuten
complementaria
Envioacute la investigacioacuten complementaria en la fecha
indicada (20)
Resolvioacute todos los ejercicios planteados en la
investigacioacuten complementaria (35)
Presenta el reporte de una manera clara ordenada y
loacutegica (35)
PROMEDIO
Carnet
Docente Fecha
Tiacutetulo de la guiacutea No