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

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

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