Crear la estructura de páginas de nuestro sitio web

Sitio: Aula Virtual de Formación en línea (ISMIE)
Curso: (C24) Espacios web y recursos educativos EducaMadrid
Libro: Crear la estructura de páginas de nuestro sitio web
Imprimido por: Invitado
Día: miércoles, 1 de mayo de 2024, 20:47

Descripción

Primeros pasos: Crear y diseñar las páginas de nuestro espacio web.

1. Crear la estructura de páginas de nuestro sitio web

Como ya hemos visto al principio del bloque, el Portal EducaMadrid pone a disposición de todos los profesores un espacio personal propio que cada profesor va a poder personalizar, gestionar, y compartir con otros usuarios si lo desea. Las páginas personales pueden ser privadas y públicas.

Además podemos tener acceso a distintos espacios web de Comunidad, Clase, Departamento o Centro que también podrán tener su diseño personalizado y páginas privadas y públicas.

Para poder configurar estos espacios web, en primer lugar accedemos a www.educa2.madrid.org y nos identificamos introduciendo nuestro usuario y contraseña de EducaMadrid en el apartado "Acceso usuarios registrados" de la esquina superior derecha.

En ese momento accedemos al área personal del portal EducaMadrid, que tiene este aspecto:

Área personal

- En la zona superior (1), además de nuestro nombre, vemos una serie de menús que proporcionan enlaces a las funcionalidades más importantes y básicas del portal:

  • El botón de Añadir sirve para incluir recursos en la página actual. Aprenderemos a usarlo más adelante.
  • El menú "Administración" (parte derecha) nos permite acceder al "Panel de control", así como al "Administrador de contenidos" y al "Directorio de ficheros". 
  • "Mis Sitios" nos permite acceder directamente a la cada uno de los espacios (Comunidades Virtuales, etc.) de los que formamos parte.
  • Nuestro Menú Personal (bajo nuestro nombre) nos da acceso a nuestras páginas (públicas y privadas), y nos permite gestionar nuestra cuenta y salir del portal de forma segura.

De las demás opciones ("Vista previa", "Editar", "Controles" y "Ayuda") iremos hablando a lo largo de este bloque.

- En la zona central (2) vemos una barra de navegación (menú) donde se mostrarán las páginas del espacio web en el que nos situemos. En la imagen solo se muestra una página llamada "Inicio". Las páginas que vayamos añadiendo al sitio web se irán mostrando ahí.

- La zona inferior (3) muestra el contenido de esa página de "Inicio", que de momento está vacía.

En los siguientes apartados daremos una breve introducción sobre cómo movernos entre los distintos espacios web a través del menú "Mis Sitios", cómo crear nuevas páginas y cómo diseñarlas.

Conviene que recordemos que tenemos disponible mucha documentación, vídeo-tutoriales, casos prácticos, etc. sobre el Portal EducaMadrid, en las páginas de ayuda de EducaMadrid:

2. "Mis Sitios" y otros menús de usuario

A través del menú "Mis Sitios", que se muestra en la zona superior derecha, podremos acceder tanto a las páginas públicas como privadas de todos los espacios web de los que formamos parte: 

Menú "Mis Sitios"

  • Los enlaces del Curso Avanzado nos permiten acceder a las clases de prácticas de las que seamos integrantes.
  • Inicialmente solo veremos la clase de prácticas de la que seamos administradores, pero a medida que avancemos en las actividades del bloque 1 iremos teniendo acceso a las clases de prácticas de otros compañeros que nos hayan asignado a ellas como alumnos.
  • Al igual que cualquier espacio web de EducaMadrid, podremos tener páginas públicas y páginas privadas en nuestra clase de prácticas. Los espacios privados se distinguen visualmente de los públicos por su icono:
    • Los públicos muestran un icono con un ojo.
    • Los privados, con un ojo tachado.

Otros menús de usuario

Además del menú "Mis Sitios", que nos permite acceder a los espacios o grupos de los que formamos parte, podemos:

Acceder al "Panel de Control" y a la administración de páginas, contenidos y ficheros del espacio en el que nos encontramos desde el menú "Administración":

Menú Administración

Acceder a nuestro perfil y a nuestras páginas (públicas y privadas) desde nuestro Menú Personal:

Menú Personal

Recordemos qué:

  • "Mis Sitios" nos sirve para acceder a nuestros grupos o comunidades (como las clases de prácticas). Estos grupos tienen páginas privadas y públicas.
  • Nuestro Menú Personal nos da acceso a nuestras páginas personales. También tenemos páginas personales públicas y privadas.
  • "Administración" hace referencia a las páginas en la que nos encontramos.

3. Administrar páginas

Una vez que hayamos seleccionado desde el menú "Mis Sitios" la parte pública de la clase de prácticas del Curso Avanzado podremos empezar a crear su estructura de páginas:

Seleccionar clase

En principio veremos una única página en blanco que tendremos que ir configurando más adelante.

Para crear la estructura de páginas accedemos al menú Administración / Administración de este sitio web / Páginas:

Administrar páginas

Para añadir una página nueva al mismo nivel que la página de Inicio, nos situaremos en la raíz del árbol, en "Mis páginas públicas":

Añadir página

Y a continuación, haremos clic en "Añadir página":

Añadir página

Se mostrará un formulario en el que podremos escribir el nombre de la página y definir su estructura (número de columnas y distribución de las mismas):

Formulario de  creación de página

De esta forma iremos creando la estructura de páginas que queramos en nuestra clase de prácticas.

Páginas de segundo nivel

  • El portal educativo nos permite anidar las páginas. Esto puede ser interesante para agruparlas (por niveles, por materias...). 
  • Para crear una página "hija" de la página "Inicio", nos situaremos primero en "Inicio" y luego haremos clic en la opción "Añadir subpágina".
  • Se recomienda, para que nuestras páginas sean fáciles de usar, que el menú no tenga más de dos niveles.

Para saber más

  • Toda la información sobre los distintos métodos para crear y eliminar páginas y subpáginas, la tenemos accesible a través del apartado Administrar páginas de la ayuda de EducaMadrid.

4. Editar páginas

Una vez creadas las páginas podemos verlas situándonos el la raíz del árbol, en "Mis páginas públicas", y haciendo clic en "Ver páginas":

Ver páginas

Cuando estemos en nuestras páginas públicas accederemos a la página que queramos editar y pulsaremos el menú "Editar". Se abrirá un diálogo con diferentes opciones:

Editar la página

Si desplegamos el bloque "Detalles" veremos que podemos editar los datos introducidos cuando creamos la página (nombre, estructura...):

Detalles de la página

Añadir recursos

Una vez creada la página podemos empezar a añadir recursos que se mostrarán en cada una de las columnas de nuestra página.

Para ello usaremos el menú Añadir:

Añadir recurso

Para saber más

  • Todos los detalles sobre cómo cambiar los Detalles de la página los podemos encontrar en el documento de Primeros pasos de la Ayuda de EducaMadrid. Incluye un ejemplo práctico de diseño y configuración de un espacio web.
  • En el apartado Recursos encontramos una descripción de cada uno de los recursos que podemos incorporar a nuestras páginas web y sus opciones de configuración y personalización.

5. Licencia y autoría

Licencia

Licencia de Creative Commons
Esta obra está bajo una licencia de Creative Commons Reconocimiento-NoComercial-CompartirIgual 4.0 Internacional.

Autoría del curso

  • Cristina García Bustamante
  • Francisca García Bernal