SlideShare una empresa de Scribd logo
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

DOCX
Trabajo Practico 9
ODT
Trabajo practico n°7
PPTX
Agregar url UNIVER Durango
DOCX
Trabajo practico Nro9 - informatica [2012]
DOCX
Trabajo practico nº 4 Sol Baracco
DOCX
Trabajo numero 4
DOCX
Trabajo practico nº 4
ODT
Practico 7
Trabajo Practico 9
Trabajo practico n°7
Agregar url UNIVER Durango
Trabajo practico Nro9 - informatica [2012]
Trabajo practico nº 4 Sol Baracco
Trabajo numero 4
Trabajo practico nº 4
Practico 7

La actualidad más candente (9)

ODT
Trabajo Practico N°7
PPT
Construyendoelsitio Webdemiescuela
PDF
Salto de página y salto de sección
ODP
Creación y edición de páginas
ODP
Tutorial Google Maps
PPTX
presenta
PPT
Insertar imagen, texto, eliminar y modificar
PPTX
Presentación1
DOC
Trabajo practico número 4
Trabajo Practico N°7
Construyendoelsitio Webdemiescuela
Salto de página y salto de sección
Creación y edición de páginas
Tutorial Google Maps
presenta
Insertar imagen, texto, eliminar y modificar
Presentación1
Trabajo practico número 4
Publicidad

Destacado (9)

ODP
Clase 1 Construcción de Sitios Web Con Joomla
ODP
Curso web 7
ODP
Clase 10 Curso Joomla
ODP
Curso web 4
PDF
Resized Escanear0003
ODP
Curso web 2
ODP
Curso web 3
PPTX
REDES DE AREA AMPLIA
PPT
Wiziqmanual
Clase 1 Construcción de Sitios Web Con Joomla
Curso web 7
Clase 10 Curso Joomla
Curso web 4
Resized Escanear0003
Curso web 2
Curso web 3
REDES DE AREA AMPLIA
Wiziqmanual
Publicidad

Similar a Curso web 5 (20)

PDF
Manual webnode
PPTX
Agregar pagina UNIVER Durango
PPT
Contenido texto imagen
PPTX
Tutorial "Añadiendo un libro a nuestra aula digital"
ODP
Presentación 2
DOCX
Trabajo práctico nro4 informatica [2012].
PPTX
Agregar una pagina a una materia
DOCX
trabajo practico 4
PPTX
Hipervínculos o links (enlaces web) en.pptx
PPT
CóMo Crear Un Blog En Wordpress
DOCX
trabajo practico 4
DOCX
Trabajo practico nº 4
DOCX
PPS
Creación de un blog en google
PPTX
Como crear una pagina web en linea
PPT
Escribir insertar-vinculos-e-imagenes-en-wikispaces-1202313879971746-2
PPT
Escribir Insertar Vinculos E Imagenes en Wikispaces
PPT
Creación de un blog
PPS
Creación de un blog
DOCX
Trabajo practico n4
Manual webnode
Agregar pagina UNIVER Durango
Contenido texto imagen
Tutorial "Añadiendo un libro a nuestra aula digital"
Presentación 2
Trabajo práctico nro4 informatica [2012].
Agregar una pagina a una materia
trabajo practico 4
Hipervínculos o links (enlaces web) en.pptx
CóMo Crear Un Blog En Wordpress
trabajo practico 4
Trabajo practico nº 4
Creación de un blog en google
Como crear una pagina web en linea
Escribir insertar-vinculos-e-imagenes-en-wikispaces-1202313879971746-2
Escribir Insertar Vinculos E Imagenes en Wikispaces
Creación de un blog
Creación de un blog
Trabajo practico n4

Último (20)

PDF
Educación Artística y Desarrollo Humano - Howard Gardner Ccesa007.pdf
PDF
La Evaluacion Formativa en Nuevos Escenarios de Aprendizaje UGEL03 Ccesa007.pdf
PPTX
caso clínico iam clinica y semiología l3.pptx
PDF
Híper Mega Repaso Histológico Bloque 3.pdf
PDF
Salvese Quien Pueda - Andres Oppenheimer Ccesa007.pdf
PDF
COMUNICACION EFECTIVA PARA LA EDUCACION .pdf
DOCX
V UNIDAD - SEGUNDO GRADO. del mes de agosto
DOCX
III Ciclo _ Plan Anual 2025.docx PARA ESTUDIANTES DE PRIMARIA
PDF
ciencias-1.pdf libro cuarto basico niños
PDF
GUIA DE: CANVA + INTELIGENCIA ARTIFICIAL
PDF
Breve historia de los Incas -- Patricia Temoche [Temoche, Patricia] -- Breve ...
PDF
Escuela Sabática 6. A través del Mar Rojo.pdf
PDF
Escuelas Desarmando una mirada subjetiva a la educación
PPTX
AGENTES PATÓGENOS Y LAS PRINCIPAL ENFERMEAD.pptx
PDF
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
PDF
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
PDF
Lección 6 Escuela Sab. A través del mar rojo.pdf
DOCX
PROYECTO DE APRENDIZAJE para la semana de fiestas patrias
PPT
Cosacos y hombres del Este en el Heer.ppt
PDF
Didactica de la Investigacion Educativa SUE Ccesa007.pdf
Educación Artística y Desarrollo Humano - Howard Gardner Ccesa007.pdf
La Evaluacion Formativa en Nuevos Escenarios de Aprendizaje UGEL03 Ccesa007.pdf
caso clínico iam clinica y semiología l3.pptx
Híper Mega Repaso Histológico Bloque 3.pdf
Salvese Quien Pueda - Andres Oppenheimer Ccesa007.pdf
COMUNICACION EFECTIVA PARA LA EDUCACION .pdf
V UNIDAD - SEGUNDO GRADO. del mes de agosto
III Ciclo _ Plan Anual 2025.docx PARA ESTUDIANTES DE PRIMARIA
ciencias-1.pdf libro cuarto basico niños
GUIA DE: CANVA + INTELIGENCIA ARTIFICIAL
Breve historia de los Incas -- Patricia Temoche [Temoche, Patricia] -- Breve ...
Escuela Sabática 6. A través del Mar Rojo.pdf
Escuelas Desarmando una mirada subjetiva a la educación
AGENTES PATÓGENOS Y LAS PRINCIPAL ENFERMEAD.pptx
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
Gasista de unidades unifuncionales - pagina 23 en adelante.pdf
Lección 6 Escuela Sab. A través del mar rojo.pdf
PROYECTO DE APRENDIZAJE para la semana de fiestas patrias
Cosacos y hombres del Este en el Heer.ppt
Didactica de la Investigacion Educativa SUE Ccesa007.pdf

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.