SlideShare una empresa de Scribd logo
1 de 11
Estructura de nuestro sitio web
Lo primero que vamos a tener que hacer, es imaginar y crear una
estructura de nuestro sitio web que represente las necesidades
de nuestro proyecto.
Imaginemos que tenemos que distribuir los contenidos de la
siguiente manera, esto dependera del analisis que realicemos de la
necesidad.
CREAMOS UN MAPA DE NAVEGACIÓN:
¿Para que nos sirve el Mapa de Navegación?
Los mapas, básicamente, pueden ser gráficos o de texto. Sirven para
representar gráficamente la estructura de la página proporcionando una visión
de conjunto.

         Tarea: Hacer un mapa de navegación
Podemos hacer esta tarea en una hoja de papel. Luego esta estructura
debemos llevarla al sistema web Joomla.

ACLARACIÓN:
Recordemos que los sitios web pueden tener páginas de información estática y
otras que se pueden ir actualizando periódicamente. Por ejemplo una página
estática podría ser “La empresa – Misión – Visión”, y una página dinámica seria
“Novedades” Noticias que se actualizan periódicamente.

Para los contenidos dinámicos vamos a necesitar crear una categoría, y esa
categoría podrá contener varios artículos en su interior.
Ya tenemos nuestro mapa listo




Si vamos a la pagina inicial de nuestro Joomla el único enlace que aparece es
Inicio, nosotros debemos crear cada uno y enlazarlo al contenido o la sección
que corresponda.

                                                              Empecemos...
Creando contenido
Ingresamos al administrador de Joomla y vamos a desplegar el menu
“Contenido” → “Gestor de Articulo” → “Añadir nuevo Articulo”




 Una vez abierto el Gestor de Artículo comenzaremos a cargar la información
 que vamos a publicar en el sitio web.
Creando “Nosotros”
Ahora vamos a crear el primer
enlace de nuestro mapa de
navegación que es un
contenido estático con el titulo
“Nosotros”.
Insertando una imagen en el Contenido.
Ponemos el cursor en el lugar donde queremos ingresar la imagen, y luego
hacemos click en imagen.




                                                             Así quedara la
                                                             Imagen en el
                                                             editor de
                                                             contenido de
                                                             Joomla.
Finalizar edición del contenido
Una vez que terminemos de editar el contenido tenemos que hacer click en el
botón




Una vez que guardamos el contenido editado se listará y lo
podremos volver a editar haciendo click en el título.
Crear el enlace en el menú
Ahora vamos a generar el enlace en nuestro menú principal que nos
redireccionará al articulo que acabamos de publicar.
                                                Vamos a “Menús” → Menú
                                                Principal → Añadir nuevo


                                                  Luego completamos el
                                                  título y hacemos click en
                                                  “Seleccionar” en “Tipo
                                                  Elemento Menú”, hacemos
                                                  click en “Artículo simple”
Crear el enlace en el menú
Luego se nos abrirá una pestaña de “Configuración Requerida” en la misma
vamos a hacer click en “Seleccionar / Cambiar”.




En el listado vamos a buscar el contenido que deseamos enlazar
con el item del menu que queremos agregar.
Crear el enlace en el menú
Una vez que tengamos todos los campos de nuestro item menu, hacemos click
en “Guardar & Cerrar”



El item que acabamos de agregar se listara en el menú principal
Crear el enlace en el menú
Si observamos la página frontal de nuestro joomla, podremos ver publicado
nuestro nuevo item, podemos probarlo ahora mismo.

Más contenido relacionado

La actualidad más candente

Trabajo Practico N°7
Trabajo Practico N°7Trabajo Practico N°7
Trabajo Practico N°7LucasCambera
 
Construyendoelsitio Webdemiescuela
Construyendoelsitio WebdemiescuelaConstruyendoelsitio Webdemiescuela
Construyendoelsitio Webdemiescuelacirculoguanacaste
 
Creación y edición de páginas
Creación y edición de páginasCreación y edición de páginas
Creación y edición de páginasfelisa73
 
Tutorial Google Maps
Tutorial Google MapsTutorial Google Maps
Tutorial Google MapsAnna_Sorolla
 
Insertar imagen, texto, eliminar y modificar
Insertar imagen, texto, eliminar y modificarInsertar imagen, texto, eliminar y modificar
Insertar imagen, texto, eliminar y modificarRicardo Viqueira
 
Trabajo practico número 4
Trabajo practico número 4Trabajo practico número 4
Trabajo practico número 4Julián Benitez
 

La actualidad más candente (9)

Trabajo Practico N°7
Trabajo Practico N°7Trabajo Practico N°7
Trabajo Practico N°7
 
Construyendoelsitio Webdemiescuela
Construyendoelsitio WebdemiescuelaConstruyendoelsitio Webdemiescuela
Construyendoelsitio Webdemiescuela
 
Salto de página y salto de sección
Salto de página y salto de secciónSalto de página y salto de sección
Salto de página y salto de sección
 
Creación y edición de páginas
Creación y edición de páginasCreación y edición de páginas
Creación y edición de páginas
 
Tutorial Google Maps
Tutorial Google MapsTutorial Google Maps
Tutorial Google Maps
 
presenta
presentapresenta
presenta
 
Insertar imagen, texto, eliminar y modificar
Insertar imagen, texto, eliminar y modificarInsertar imagen, texto, eliminar y modificar
Insertar imagen, texto, eliminar y modificar
 
Presentación1
Presentación1Presentación1
Presentación1
 
Trabajo practico número 4
Trabajo practico número 4Trabajo practico número 4
Trabajo practico número 4
 

Destacado

Clase 1 Construcción de Sitios Web Con Joomla
Clase 1 Construcción de Sitios Web Con JoomlaClase 1 Construcción de Sitios Web Con Joomla
Clase 1 Construcción de Sitios Web Con JoomlaJuan Fede
 
Clase 10 Curso Joomla
Clase 10 Curso JoomlaClase 10 Curso Joomla
Clase 10 Curso JoomlaJuan Fede
 
Resized Escanear0003
Resized  Escanear0003Resized  Escanear0003
Resized Escanear0003gueste800a6
 
REDES DE AREA AMPLIA
REDES DE AREA AMPLIAREDES DE AREA AMPLIA
REDES DE AREA AMPLIAWasho Flores
 
Wiziqmanual
WiziqmanualWiziqmanual
Wiziqmanualcarmea
 

Destacado (9)

Clase 1 Construcción de Sitios Web Con Joomla
Clase 1 Construcción de Sitios Web Con JoomlaClase 1 Construcción de Sitios Web Con Joomla
Clase 1 Construcción de Sitios Web Con Joomla
 
Curso web 7
Curso web 7Curso web 7
Curso web 7
 
Clase 10 Curso Joomla
Clase 10 Curso JoomlaClase 10 Curso Joomla
Clase 10 Curso Joomla
 
Curso web 4
Curso web 4Curso web 4
Curso web 4
 
Resized Escanear0003
Resized  Escanear0003Resized  Escanear0003
Resized Escanear0003
 
Curso web 2
Curso web 2Curso web 2
Curso web 2
 
Curso web 3
Curso web 3Curso web 3
Curso web 3
 
REDES DE AREA AMPLIA
REDES DE AREA AMPLIAREDES DE AREA AMPLIA
REDES DE AREA AMPLIA
 
Wiziqmanual
WiziqmanualWiziqmanual
Wiziqmanual
 

Similar a Curso web 5

Agregar pagina UNIVER Durango
Agregar pagina UNIVER DurangoAgregar pagina UNIVER Durango
Agregar pagina UNIVER Durangoblade_clon
 
Contenido texto imagen
Contenido texto imagenContenido texto imagen
Contenido texto imagenplumgar
 
Tutorial "Añadiendo un libro a nuestra aula digital"
Tutorial "Añadiendo un libro a nuestra aula digital"Tutorial "Añadiendo un libro a nuestra aula digital"
Tutorial "Añadiendo un libro a nuestra aula digital"beymar
 
Trabajo práctico nro4 informatica [2012].
Trabajo práctico nro4  informatica [2012].Trabajo práctico nro4  informatica [2012].
Trabajo práctico nro4 informatica [2012].mattdamond
 
Agregar una pagina a una materia
Agregar una pagina a una materiaAgregar una pagina a una materia
Agregar una pagina a una materiablade_clon
 
CóMo Crear Un Blog En Wordpress
CóMo Crear Un Blog En WordpressCóMo Crear Un Blog En Wordpress
CóMo Crear Un Blog En Wordpressprofesorafrancisca
 
trabajo practico 4
trabajo practico 4trabajo practico 4
trabajo practico 4MPredovic
 
Creación de un blog en google
Creación de un blog en googleCreación de un blog en google
Creación de un blog en googleCarlos Silva
 
Como crear una pagina web en linea
Como crear una pagina web en lineaComo crear una pagina web en linea
Como crear una pagina web en lineaLila Suescun
 
Escribir Insertar Vinculos E Imagenes en Wikispaces
Escribir Insertar Vinculos E Imagenes en WikispacesEscribir Insertar Vinculos E Imagenes en Wikispaces
Escribir Insertar Vinculos E Imagenes en Wikispacesmarimarpego
 
Escribir insertar-vinculos-e-imagenes-en-wikispaces-1202313879971746-2
Escribir insertar-vinculos-e-imagenes-en-wikispaces-1202313879971746-2Escribir insertar-vinculos-e-imagenes-en-wikispaces-1202313879971746-2
Escribir insertar-vinculos-e-imagenes-en-wikispaces-1202313879971746-2coronelxxx
 

Similar a Curso web 5 (20)

Manual webnode
Manual webnodeManual webnode
Manual webnode
 
Agregar pagina UNIVER Durango
Agregar pagina UNIVER DurangoAgregar pagina UNIVER Durango
Agregar pagina UNIVER Durango
 
Contenido texto imagen
Contenido texto imagenContenido texto imagen
Contenido texto imagen
 
Tutorial "Añadiendo un libro a nuestra aula digital"
Tutorial "Añadiendo un libro a nuestra aula digital"Tutorial "Añadiendo un libro a nuestra aula digital"
Tutorial "Añadiendo un libro a nuestra aula digital"
 
Presentación 2
Presentación 2Presentación 2
Presentación 2
 
Trabajo práctico nro4 informatica [2012].
Trabajo práctico nro4  informatica [2012].Trabajo práctico nro4  informatica [2012].
Trabajo práctico nro4 informatica [2012].
 
Agregar una pagina a una materia
Agregar una pagina a una materiaAgregar una pagina a una materia
Agregar una pagina a una materia
 
trabajo practico 4
trabajo practico 4trabajo practico 4
trabajo practico 4
 
CóMo Crear Un Blog En Wordpress
CóMo Crear Un Blog En WordpressCóMo Crear Un Blog En Wordpress
CóMo Crear Un Blog En Wordpress
 
trabajo practico 4
trabajo practico 4trabajo practico 4
trabajo practico 4
 
Trabajo practico nº 4
Trabajo practico nº 4Trabajo practico nº 4
Trabajo practico nº 4
 
Tp 4
Tp 4Tp 4
Tp 4
 
Creación de un blog en google
Creación de un blog en googleCreación de un blog en google
Creación de un blog en google
 
Como crear una pagina web en linea
Como crear una pagina web en lineaComo crear una pagina web en linea
Como crear una pagina web en linea
 
Escribir Insertar Vinculos E Imagenes en Wikispaces
Escribir Insertar Vinculos E Imagenes en WikispacesEscribir Insertar Vinculos E Imagenes en Wikispaces
Escribir Insertar Vinculos E Imagenes en Wikispaces
 
Escribir insertar-vinculos-e-imagenes-en-wikispaces-1202313879971746-2
Escribir insertar-vinculos-e-imagenes-en-wikispaces-1202313879971746-2Escribir insertar-vinculos-e-imagenes-en-wikispaces-1202313879971746-2
Escribir insertar-vinculos-e-imagenes-en-wikispaces-1202313879971746-2
 
Creación de un blog
Creación de un blog Creación de un blog
Creación de un blog
 
Creación de un blog
Creación de un blogCreación de un blog
Creación de un blog
 
Trabajo practico n4
Trabajo practico n4Trabajo practico n4
Trabajo practico n4
 
Trabajo practico n4
Trabajo practico n4Trabajo practico n4
Trabajo practico n4
 

Último

SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.docRodneyFrankCUADROSMI
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 
Abril 2024 - Maestra Jardinera Ediba.pdf
Abril 2024 -  Maestra Jardinera Ediba.pdfAbril 2024 -  Maestra Jardinera Ediba.pdf
Abril 2024 - Maestra Jardinera Ediba.pdfValeriaCorrea29
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfpatriciaines1993
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfPaolaRopero2
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesYanirisBarcelDelaHoz
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxlupitavic
 
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdfMiguelHuaman31
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 

Último (20)

SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
Abril 2024 - Maestra Jardinera Ediba.pdf
Abril 2024 -  Maestra Jardinera Ediba.pdfAbril 2024 -  Maestra Jardinera Ediba.pdf
Abril 2024 - Maestra Jardinera Ediba.pdf
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
Proyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdfProyecto de aprendizaje dia de la madre MINT.pdf
Proyecto de aprendizaje dia de la madre MINT.pdf
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
2024 KIT DE HABILIDADES SOCIOEMOCIONALES.pdf
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 

Curso web 5

  • 1. Estructura de nuestro sitio web Lo primero que vamos a tener que hacer, es imaginar y crear una estructura de nuestro sitio web que represente las necesidades de nuestro proyecto. Imaginemos que tenemos que distribuir los contenidos de la siguiente manera, esto dependera del analisis que realicemos de la necesidad. CREAMOS UN MAPA DE NAVEGACIÓN:
  • 2. ¿Para que nos sirve el Mapa de Navegación? Los mapas, básicamente, pueden ser gráficos o de texto. Sirven para representar gráficamente la estructura de la página proporcionando una visión de conjunto. Tarea: Hacer un mapa de navegación Podemos hacer esta tarea en una hoja de papel. Luego esta estructura debemos llevarla al sistema web Joomla. ACLARACIÓN: Recordemos que los sitios web pueden tener páginas de información estática y otras que se pueden ir actualizando periódicamente. Por ejemplo una página estática podría ser “La empresa – Misión – Visión”, y una página dinámica seria “Novedades” Noticias que se actualizan periódicamente. Para los contenidos dinámicos vamos a necesitar crear una categoría, y esa categoría podrá contener varios artículos en su interior.
  • 3. Ya tenemos nuestro mapa listo Si vamos a la pagina inicial de nuestro Joomla el único enlace que aparece es Inicio, nosotros debemos crear cada uno y enlazarlo al contenido o la sección que corresponda. Empecemos...
  • 4. Creando contenido Ingresamos al administrador de Joomla y vamos a desplegar el menu “Contenido” → “Gestor de Articulo” → “Añadir nuevo Articulo” Una vez abierto el Gestor de Artículo comenzaremos a cargar la información que vamos a publicar en el sitio web.
  • 5. Creando “Nosotros” Ahora vamos a crear el primer enlace de nuestro mapa de navegación que es un contenido estático con el titulo “Nosotros”.
  • 6. Insertando una imagen en el Contenido. Ponemos el cursor en el lugar donde queremos ingresar la imagen, y luego hacemos click en imagen. Así quedara la Imagen en el editor de contenido de Joomla.
  • 7. Finalizar edición del contenido Una vez que terminemos de editar el contenido tenemos que hacer click en el botón Una vez que guardamos el contenido editado se listará y lo podremos volver a editar haciendo click en el título.
  • 8. Crear el enlace en el menú Ahora vamos a generar el enlace en nuestro menú principal que nos redireccionará al articulo que acabamos de publicar. Vamos a “Menús” → Menú Principal → Añadir nuevo Luego completamos el título y hacemos click en “Seleccionar” en “Tipo Elemento Menú”, hacemos click en “Artículo simple”
  • 9. Crear el enlace en el menú Luego se nos abrirá una pestaña de “Configuración Requerida” en la misma vamos a hacer click en “Seleccionar / Cambiar”. En el listado vamos a buscar el contenido que deseamos enlazar con el item del menu que queremos agregar.
  • 10. Crear el enlace en el menú Una vez que tengamos todos los campos de nuestro item menu, hacemos click en “Guardar & Cerrar” El item que acabamos de agregar se listara en el menú principal
  • 11. Crear el enlace en el menú Si observamos la página frontal de nuestro joomla, podremos ver publicado nuestro nuevo item, podemos probarlo ahora mismo.