Secciones. Las Secciones agrupan Páginas. Están azul. Al hacer click despliegan los títulos de las Páginas.

Tamaño: px

Comenzar la demostración a partir de la página:

Download "Secciones. Las Secciones agrupan Páginas. Están azul. Al hacer click despliegan los títulos de las Páginas."

Marina Revuelta Godoy
hace 7 años
Vistas:

1 Secciones. Las Secciones agrupan Páginas. Están azul. Al hacer click despliegan 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.

2 Ú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. Contiene los títulos de los Eventos. Al hacer clic en un Título se abre el contenido en otra página.

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

4 Sistema de Gestión n 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.

5 La dirección para ingresar al Sistema agregue a la dirección principal de su sitio /admin/login.php Por ejemplo: Escriba su nombre de usuario y su contraseña y haga click en el botón Enviar.

6 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 Administrar Secciones y Páginas Web

7 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.

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

9 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.

10 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.

11 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 )

12 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.

13 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

14 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ónn en 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.

15 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.

16 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.

17 Insertar Imágenes y archivos Flash 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. El procedimiento para subir y seleccionar una imagen o un flash es el mismo que se usa para hacer links a archivos.

18 Insertar Imágenes y archivos Flash En nuestro ejemplo, si ponemos una imagen y un flash sería el siguiente: 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)

19 Insertar Imágenes y archivos Flash Nuestra Página está ahora en línea y se verá así:

20 Modificar o eliminar páginas existentes Para Modificar o eliminar una página existente haga clik en el siguiente link: 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.

21 Administrar Eventos Para administrar eventos haga click en Administrar Eventos Para agregar un nuevo evento de click en Agregar un nuevo evento

22 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

Documentos relacionados

Manual de Referencia para el uso del Módulo de Administración Web

Manual de Referencia para el uso del Módulo de Administración Web Como comenzar a utilizar el editor? Para tener acceso al Módulo de Administración Web debe entrar a la siguiente dirección: http://www.up.ac.pa/administradorweb/index.aspx