Secciones. LasSecciones agrupan Páginas. Están azul. Al hacer clickdespliegan los títulos de las Páginas.

Títulos de Páginas. Están en gris. Al hacer click llevan despliega el contenido de la página.

Contenido de la Página. Ocupan la parte central del sitio.

Últimos Avisos. Contiene los títulos de los Avisos. Al hacer clic en un Título se abre el contenido en otra página. (ver resultado en siguiente diapositiva)

Eventos. Contienelos títulos de los Eventos. Al hacer clic en un Título se abre el contenido en otra página.

Al hacer click en el Aviso “Nueva materia en psicología” se abre una nueva ventana donde se muestra el contenido completo del aviso.

Sistema de GestiSistema de Gestióón de Sitio Webn de Sitio Web

Así como usted no necesita llamar a un experto para encender su computadora o enviar un mail, usted podráadministrar fácilmente su sitio web a través de un sencillo Sistema de Autogestión de Sitio Web.

La dirección para ingresar al Sistema agregue a la dirección principal de su sitio “/admin/login.php”Por ejemplo: www.cucs.udg.mx/psicologia/admin/login.php

Escriba su nombre de usuario y su contraseña y haga click en el botón Enviar.

Si el usuario y contraseña fueron ingresados correctamente, aparecerá el Menú Principal. Aquí se muestran las funciones para administrar su sitio web.

Para gestionar las Secciones y Páginas haga click en “AdministrarSecciones y Páginas Web”

Para poner una nueva Sección, haga click en “Agregar una nueva sección”

Ahora escriba el Título de la Sección y seleccione después de cual sección existente desea ubicarla. Luego haga click en Guardar.

Puede ver la nueva sección agregada en su página web.

Si desea modificar o eliminar una Sección ya creada, haga click en “Modificar o eliminar una sección existente”

Aparecerá una lista con todas las secciones … (ver siguiente diapositiva)

En esta lista contiene los siguientes elementos:

Nombre y orden de acomodo de las Secciones

Mover el orden pudiendo bajar o subir una Sección

Modificar el nombre de la Sección. Aparecerá una página que le preguntará el nuevo nombre de la Sección

Eliminar una Sección. Si hace clik aquíaparecerá una página que le preguntará si está seguro de borrarla.

La nueva sección que creamos como ejemplo no contiene ninguna página. Para agregarle una Página haga click en “Agregar una nueva página web”

El sistema lo llevará a la página para editar la nueva página… (ver diapositiva siguiente…)

Esta página contiene le solicita la siguiente información:

Título. Es lo que saldráen el menú color gris.

La sección en la que estará integrada.

Orden. Dentro de la Sección podrán existir otras páginas. Seleccione el lugar donde quedará la nueva página. Si la sección no contiene ninguna página sólo podrá ponerla al principio.

Contenido de la página. Aquí editará lo que aparecerá en la parte central del sitio. Se trata de un editor HTML visual. Tiene una apariencia muy parecida a Word (ver diapositiva siguiente)

El editor HTML contiene los siguientes elementos:

HTML. Muestra el código generado por el editor.

Vista previa.Edición. Puede Copiar, Cortar y Pegar.

Deshacer y Rehacer última acción. Y Buscar y reemplazar texto.

Formato del texto. Puede poner el texto en negritas, cursiva,subrayado, con viñetas, centrado, justificado, etc

Insertar imágenes, flash, tablas y caracteres especiales.

Contenido generado por el editor.

Las siguientes diapositivas explicarán con más detalle estas herramientas …

Para agregar un nuevo link:

Seleccione el texto o la imagen del link.

Haga click en el botón de la cadena

Si el link es a una página web escriba la direcciónnen el campo URL

Si el link es para descargar un archivo haga click en el botón “Ver Servidor”

Ahora se desplegará esta ventana que contiene:

Seleccionar el tipo de archivo. Imagen, Documento, Flash, etc.

Lista de carpetas.

Archivos que contiene la carpeta

Botón para crear una nueva carpeta. Se abrirá un cuadro de diálogo que le preguntará el nombre de la nueva carpeta.

Para subir un archivo al servidor, primero haga click en el botón “Browse…”. Se abriráuna ventana que le permitirá seleccionar un archivo de su computadora. Por último, haga click en “Upload”

Para seleccionar el archivo del link haga click en el nombre del archivo.

Se regresaráautomáticamente a la ventana anterior y aparecerá la dirección del link.Por último, haga click en OK.

En el editor aparecerá el texto en azul y subrayado debido a que el link ya ha sido creado.También puede insertar links en imágenes siguiendo el mismo procedimiento.

En la barra de herramientas el botón para insertar una imagen es el de las montañas y el sol. Para insertar un Flash el botón es el de la caja amarilla.

Insertar Imágenes y archivos Flash

El procedimiento para subir y seleccionar una imagen o un flash es el mismo que se usa para hacer links a archivos.

En nuestro ejemplo, si ponemos una imagen y un flash sería el siguiente:

Insertar Imágenes y archivos Flash

Ya que haya terminado de editar la información de su nueva página haga click en Enviar.El resultado puede ahora verse en la sitio web. (Ver diapositiva siguiente)

Nuestra Página está ahora en línea y se verá así:

Insertar Imágenes y archivos Flash

Para Modificar o eliminar una página existente haga clik en el siguiente link:

Modificar o eliminar páginas existentes

Aparecerá una lista de todas las páginas agrupadas por sección.Los procedimientos para eliminar y modificar una página existente son los mismos que se usan para hacer lo mismo con las secciones.

Administrar Eventos

Para administrar eventos haga click en “Administrar Eventos”

Para agregar un nuevo evento de click en “Agregar un nuevo evento”

Aparecerá el siguiente formulario donde se pide:

Título. Escriba solamente el nombre del evento.

Fechas de Inicio y Fin. Estas fechas indican solamente el periodo en que el evento será visible en la página web.

Texto completo. Aquípodrá detallar todos los datos del evento