manual de uso gestor de contenidoseoepzamora.centros.educa.jcyl.es/sitio/upload/manual_c… ·...

Manual de Usuario. Versión 1.00. 2005

INDICE

1 INTRODUCCIÓN....................................................................................................................... 3

2 ACCESO A LA APLICACIÓN...................................................................................................5

3 PRINCIPIOS GENERALES.......................................................................................................6

4 ADMINISTRACIÓN DE UN SITIO WEB....................................................................................7

4.1 MÓDULO HOMEPAGE o PÁGINA PRINCIPAL...................................................................8

4.2 MÓDULO SECCIONES.......................................................................................................10

4.2.1 COMO CREAR UNA NUEVA SECCION..............................................................12

4.2.2 COMO MODIFICAR UNA SECCION....................................................................16

4.2.3 COMO ELIMINAR UNA SECCIÓN.......................................................................17

4.2.4 COMO ORDENAR LAS SECCIONES..................................................................18

4.3 MÓDULO PÁGINAS............................................................................................................19

4.3.1 COMO CREAR UNA PAGINA DE CONTENIDO..................................................20

4.3.2 COMO MODIFICAR UNA PÁGINA DE CONTENIDO..........................................23

4.3.3 COMO ELIMINAR UNA PAGINA DE CONTENIDO..............................................26

4.3.4 COMO ORDENAR LAS PAGINAS DE CONTENIDO...........................................27

4.3.5 COMO DISEÑAR UNA PÁGINA...........................................................................27

4.4 IMÁGENES..........................................................................................................................30

4.4.1 COMO CREAR UNA IMAGEN..............................................................................30

4.4.2 COMO MODIFICAR UNA IMAGEN......................................................................31

4.4.3 COMO ELIMINAR UNA IMAGEN.........................................................................32

4.4.4 COMO OPTIMIZAR UNA IMAGEN.......................................................................32

4.4.5 TIPOS DE ARCHIVOS DE IMAGEN PERMITIDOS.............................................33

4.5 AREA DE UPLOAD.............................................................................................................35

4.5.1 COMO AGREGAR UN DOCUMENTO O ARCHIVO............................................36

4.5.2 COMO MODIFICAR UN DOCUMENTO O ARCHIVO..........................................37

4.5.3 COMO ELIMINAR UN DOCUMENTO O ARCHIVO.............................................37

4.6 FORMULARIOS..................................................................................................................38

4.6.1 EL FORMULARIO DE CONTACTO......................................................................39

4.6.2 ADMINISTRACIÓN DE FORMULARIOS..............................................................40

4.7 LIBRO DE VISITAS.............................................................................................................44

4.7.1 CONFIGURAR EL LIBRO DE VISITAS................................................................45

4.7.2 CONTROL DE LAS FIRMAS RECIBIDAS............................................................45

1


4.8 COMO CONFIGURAR EL BUSCADOR.............................................................................47

4.9 COMO CONFIGURAR EL BANNER SUPERIOR...............................................................48

4.9.1 CAMBIAR NOMBRE DEL CENTRO.....................................................................48

4.9.2 CAMBIAR LAS IMÁGENES DE LA CABECERA..................................................50

4.10MÓDULO ESTADÍSTICAS..................................................................................................54

4.11ESTILOS..............................................................................................................................55

5 GESTOR DE NOTICIAS..........................................................................................................57

5.1 MÓDULO ADMINISTRACIÓN DE NOTICIAS....................................................................58

5.1.1 COMO AÑADIR UNA NOTICIA............................................................................59

5.1.2 COMO MODIFICAR EL CONTENIDO DE UNA NOTICIA....................................61

5.1.3 COMO ELIMINAR UNA NOTICIA.........................................................................62

5.1.4 COMO ENVIAR UNA NOTICIA............................................................................63

5.2 MÓDULO GRUPOS DE NOTICIAS....................................................................................64

5.2.1 COMO CREAR UN GRUPO DE NOTICIAS.........................................................64

5.2.2 COMO MODIFICAR UN GRUPO DE NOTICIAS..................................................65

5.2.3 COMO ELIMINAR UN GRUPO DE NOTICIAS.....................................................65

6 ADMINISTRACIÓN DE USUARIOS........................................................................................66

6.1 MÓDULO ADMINISTRACIÓN DE USUARIOS...................................................................67

6.1.1 COMO CAMBIAR LOS PERMISOS DE UNA CUENTA DE USUARIO................67

6.1.2 COMO CREAR UNA CUENTA DE USUARIO......................................................68

6.1.3 COMO MODIFICAR UNA CUENTA DE USUARIO..............................................69

6.1.4 COMO ELIMINAR UNA CUENTA DE USUARIO..................................................70

6.2 MÓDULO GRUPOS DE USUARIOS...................................................................................71

6.2.1 COMO CREAR UN GRUPO DE USUARIOS.......................................................71

6.2.2 COMO MODIFICAR UN GRUPO DE USUARIOS................................................72

6.2.3 COMO ELIMINAR UN GRUPO DE USUARIOS...................................................72

7 CONSEJOS Y TRUCOS..........................................................................................................73

8 PREGUNTAS FRECUENTES.................................................................................................79

2


1 INTRODUCCIÓNA través de este manual el usuario aprenderá a crear y gestionar el sitio web de un

Centro.

Un sitio web de un Centro utilizando este Gestor de Contenidos, consta de:

Una página inicial (o homepage)

Ninguna o varias secciones que se mostrarán en un menú principal. Ver Fig. 1

Secciones de un Centro.

Una o más páginas de información asociadas a cada sección.

Fig. 1 Secciones de un Centro

En el ejemplo las secciones son: Quiénes somos?, Estudios impartidos, Documentos,

… Dentro de la sección Documentos se han creado tres páginas: P.G.A, P.E., P.R.I

Además a través de este manual el usuario aprenderá como realizar las siguientes

funciones:

Agregar, modificar, eliminar secciones y páginas dentro de cada sección

Crear diferentes perfiles de usuario con distintos niveles de acceso

Agregar, modificar y eliminar imágenes para utilizarlas dentro de los contenidos

de las páginas.

Agregar, modificar y eliminar formularios para utilizarlos dentro de las páginas

para que los visitantes envíen información.

Agregar, modificar un buscador

Agregar, modificar o eliminar ficheros de diferente formato (pdf, Word, …) al

gestor de contenidos, para ponerlos a disposición del visitante en las diferentes

páginas del centro.

3


Consultar las estadísticas de uso del sitio web del centro.

Agregar, modificar, eliminar o enviar noticias. Definir grupos de noticias

Agregar, modificar, eliminar usuarios. Definir grupos de usuarios

4


2 ACCESO A LA APLICACIÓNPara acceder a la aplicación, se ha de teclear la siguiente dirección de Internet

http://codigo-centro.educa.jcyl.es/administracion y se muestra la siguiente página de

identificación de usuario.

Fig. 2 Página de Identificación de usuario

El siguiente paso consiste en identificarse al sistema a través de la introducción de

nombre de usuario (Login), contraseña (Clave) y pulsar en .

Una vez que el sistema comprueba que el nombre de usuario y la contraseña

introducida son correctos aparece la siguiente pantalla:

Fig. 3 Página de Modificación de la HOMEPAGE

A partir de este momento el usuario ya ha entrado correctamente en el Área de

Administración del Gestor de contenidos y podrá empezar a utilizar todas las funcionalidades

que la herramienta permite a través de las opciones del menú horizontal (homepage,

secciones, páginas, …) para modificar la apariencia, estructura y contenido del sitio web de su

Centro asociado.

5

http://codigo-centro.educa.jcyl.es/administracion


3 PRINCIPIOS GENERALESEl Gestor de Contenidos dispone de dos áreas diferenciadas, el área de administración

y el área de sitio web público o frontend.

El área de administración es la parte privada del Gestor de Contenidos y desde donde

se crean las páginas y se administra el sistema. Para acceder al área de administración del

sitio web es necesario siempre un nombre de usuario y contraseña.

En cambio el área frontend es visible para todos los usuarios sin que sea necesaria su

identificación y autentificación ante el sistema, y consiste en la visualización de las páginas

que se han creado a través de la herramienta de gestión de contenidos.

Para acceder a cualquiera de los módulos del Gestor de Contenidos, se debe de elegir

una de las pestañas del menú horizontal correspondiente.

Fig. 4 Menú Horizontal

Una vez elegida una opción de menú horizontal, se muestran las opciones posibles a

realizar en ese módulo (añadir, modificar, eliminar, …) en un menú vertical en la parte

izquierda de la pantalla.

Fig. 5 Menú Vertical COMANDOS

En la parte central de la pantalla, se muestra la información asociada al módulo y

comando seleccionado.

6


4 ADMINISTRACIÓN DE UN SITIO WEBLa administración de un sitio web asociado a un Centro se realiza desde el área de

administración del gestor de contenidos.

La administración de un sitio web comprende las tareas de creación y modificación del

sitio, actualización de contenidos y control de uso del sitio por parte de los visitantes.

Para crear un sitio web asociado a un Centro de debe cumplimentar al menos la

información de la Homepage, pero también se pueden crear secciones y páginas con

información adicional sobre el Centro utilizando los módulos del Gestor de Contenidos en el

área de administración, disponibles para tal fin.

Dentro de estos módulos se pueden utilizar diferentes elementos para enriquecer el

contenido del sitio web del centro como son imágenes o fotografías, formularios para la

recogida de información del visitante, ficheros con plantillas o formularios para ser impresos en

diferentes formatos (pdf, Word, …) por el visitante, e incluso un buscador.

Para gestionar este tipo de elementos existen diferentes módulos como se puede

apreciar en el menú Horizontal del Gestor de Contenidos.

Fig. 6 Menú Horizontal

El módulo de estadísticas va a permitir al administrador del sitio web del Centro

consultar información sobre su sitio web, páginas visitadas, número de visitas, contenidos más

visitadas, …

A continuación se describen cada uno de estos módulos.

7


4.1 MÓDULO HOMEPAGE o PÁGINA PRINCIPALLa homepage es la página inicial del Centro. La página principal del Centro es la

primera página con información del Centro que va a visualizar un visitante del sitio web, por

este motivo se ha de prestar especial interés en su diseño, contenido, …

Todas las secciones y páginas asociadas van a estar relacionadas con la Homepage,

es el punto de inicio de las visitas a los contenidos ofrecidos por el Centro.

El módulo Homepage agrupa la herramienta que permiten definir el diseño y el

contenido de la Homepage del sitio web de un Centro.

Fig. 7 HOMEPAGE o Página Principal

La información asociada a la homepage que es necesario cumplimentar para cada

centro es la siguiente:

Título: se debe introducir el nombre del Centro.

8


Contenido: Desde este campo se da formato a la página de inicio o portada a

través de un editor. De esta forma la persona que se vaya a encargar de la

confección de la página web no necesitará conocimientos de html.

También se puede cumplimentar la siguiente información, aunque sea optativa:

Mostrar fecha de modificación en la web (Sí/No): Si se selecciona esta

opción, cuando se muestre el sitio web se mostrará en la homepage al visitante

la fecha en la que se actualizó la información del sitio web, dato que le puede

servir para ver con que frecuencia se actualizan los contenidos del sitio o si la

información mostrada puede estar caduca u obsoleta.

Fecha de modificación: Permite introducir la fecha en la que se ha modificado

la página. El sistema por defecto muestra la fecha del día, a menos que se

cambie la fecha manualmente

Una vez creada la página, se debe pulsar el botón para guardar los

cambios.

Al crear esta página, automáticamente la herramienta añade un buscador y un

apartado de noticias, de los cuales hablaremos más adelante. Esta información solo aparece

en la homepage o página de inicio.

9


4.2 MÓDULO SECCIONESDesde este módulo se pueden crear, modificar, cambiar de orden o eliminar las

distintas secciones de las que va a disponer el sitio web del Centro.

Las secciones que se creen para un Centro se van a mostrar en todo el sitio web en

forma de menú horizontal en la cabecera de todas las páginas del sitio.

El número de secciones en el menú es ilimitado, pero siempre debemos cuidar que el

número de secciones mantenga cierta estética en relación al diseño del sitio, ya que a medida

que agregamos secciones al sitio, las celdas del menú (en la vista sitio) se reducen

automáticamente y en el caso de que una sección tenga un nombre de dos palabras, la celda

se reducirá de tal manera que el nombre de la sección figure en dos líneas.

Cuando el número de secciones es tal que las celdas ya no pueden reducir su tamaño,

el menú hará una doble fila de celdas. Muchas veces de forma poco agradable en cuanto al

diseño del sitio.

Existe la posibilidad de que las secciones sean privadas, de manera que solo usuarios

permitidos puedan acceder a ellas; es muy fácil configurarlo desde la administración y se

explica más adelante.

Otra característica de las secciones es la posibilidad de aparecer únicamente como

nombre del menú, o bien además de eso, poseer una página interior, es decir que al hacer clic

sobre el nombre de una sección podríamos ver una página.

Nuestro Centro de ejemplo dispone de las siguientes secciones:

Fig. 8 Menú de Opciones/Secciones del Centro de ejemplo

Para acceder al módulo Secciones se ha de hacer clic sobre la pestaña Secciones del

menú horizontal del Área de Administración del Gestor de Contenidos, mostrándose a

continuación la siguiente pantalla, desde la cual se puede dar de alta, modificar, eliminar y

ordenar una sección con respecto al resto de secciones.

10


Fig. 9 Página principal para el mantenimiento de las Secciones de un Centro

11


4.2.1 COMO CREAR UNA NUEVA SECCION

Para crear una sección, se elige en el menú de , a la izquierda, el comando

AGREGAR y en la página de detalle de una Sección, se rellenan los campos correspondientes

antes de presionar el botón .

Fig. 10 Página de creación de una nueva Sección

La información asociada a la sección es:

Nombre del menú: En este campo se introduce el nombre que se le quiere dar a esa

sección u opción de menú. Este nombre es el que aparecerá cuando visualicemos

nuestra web en la cabecera de las páginas del sitio. Ver Fig. 1 Conviene que el nombre

sea claro, conciso y breve dada la limitación de espacio que existe en el menú.

Descripción: En este campo podemos introducir una descripción más detallada del

nombre de esa sección con el objeto de que sea más significativo. Esta información no

estará visible en el sitio web, es información para tener un mayor control y orden del

12


sitio. Estará visible en una tabla que organiza todas las secciones para una mejor

administración.

Imagen: Pulsando sobre el botón Examinar podremos cargar en el gestor de

contenidos y asignar una imagen a la Homepage del Centro.

Los cuatro campos siguientes (Sin enlaces, URL, módulo, contenido), son

exclusivos, es decir, solo se puede elegir uno de ellos en cada página o sección que crees.

Sin enlaces: Si se activa esta opción la sección figurará únicamente como título del

menú desplegable.

URL: Si se elige esta opción, se permite incluir una dirección de Internet, incluso fuera

del sitio web, a la que se accederá cuando se seleccione dicha sección.

Módulo: Si se elige esta opción, se permite elegir uno los módulos disponibles de la

herramienta, para ser incluido en la sección que se está creando. Los posibles módulos

que se pueden asociar son:

o Buscador: En la sección que se crea aparece el buscador.

o Formulario de contacto: En la sección que se crea aparece un formulario de

contacto.

o Otro formulario que haya creado el usuario: En la sección que se crea aparece

con un formulario creado por el usuario administrador del sitio.

o Libro de visitas: En la sección que se crea se muestra el libro de visitas del sitio.

o Noticias en general: En la sección que se crea aparecen las noticias que están

dadas de alta.

o Noticias de un tipo determinado: En la sección que se crea aparecen las

noticias de un determinado tipo.

o Registro de usuario: En la sección que se crea se permite hacer un registro

automático de usuarios.

Contenido: Si se selecciona esta opción, se puede introducir el contenido en modo

texto o HTML y el formato de la sección. Se dispone de un editor desde el cual se

13


puede cambiar la letra, copiar, pegar, etc. Para ello se debe pulsar alguno de los

botones siguientes:

Al pasar el ratón por cada botón, se muestra una leyenda con la explicación de para

que sirve.

Cabe mencionar el botón hipervínculo . Permite vincular el texto seleccionado

con un módulo, imagen, etc, del sitio web.

La página que permite seleccionar el módulo a vincular es la siguiente:

14


Fig. 11 Página para la Selección de un Hipervínculo

Desde ella se puede vincular dicho texto a un módulo, una imagen, una página, una

sección, una noticia o un fichero del área de uploads, es decir previamente cargado desde el

módulo de upload del gestor de contenidos.

Para insertar una imagen en la página que se está creando, se debe elegir de entre las

que se dispone en el siguiente área:

15


Fig. 12 Selección de una imagen previamente cargada desde el área de upload

Visible en la web: Si se marca esta casilla, el usuario puede ver esta sección u opción

de menú en la web.

Sección privada: Si se marca esta casilla, la sección no es visible en la web. Esto

permite incluir otra sección en su lugar y por lo tanto otra opción de menú en el menú

horizontal.

Mostrar fecha de modificación en la web: Si se marca esta casilla, se mostrará la

fecha de modificación en la página creada

Fecha de modificación: Permite introducir la fecha en la que se ha modificado la

página. El sistema por defecto muestra la fecha del día, a menos que se cambie la

fecha manualmente

16


4.2.2 COMO MODIFICAR UNA SECCION

Para modificar una sección se debe elegir la sección a modificar haciendo clic sobre el

nombre de la sección en Fig. 9 Página principal para el mantenimiento de las Secciones de un

Centro

Desde la página principal de mantenimiento de las Secciones de un Centro también se

pueden modificar determinados datos de varias secciones a la vez, los del apartado

características, marcando las casillas correspondientes y presionando el botón .

Para saber que significan esos datos se incluye una leyenda explicativa al principio marcando

en rojo la letra correspondiente al campo.

Para modificar los datos de detalle de una sección, se elige una sección presionando

en el nombre, y se muestra la siguiente pantalla desde la cual se puede modificar cada uno de

los datos de la sección elegida. Cuando seleccionamos una sección, la opción por defecto es

la de modificar la información asociada a la sección.

Fig. 13 Detalle de una Sección

17


4.2.3 COMO ELIMINAR UNA SECCIÓN

Para eliminar una sección, se ha de seleccionar la página de detalle de la sección que

se desea eliminar, Fig. 13 Detalle de una Sección, y en el menú de el comando

ELIMINAR.

Hecho esto se muestra la siguiente pantalla para confirmar la eliminación de esa u

otras secciones. Para confirmar la eliminación de una sección se ha de marcar la casilla

¿ELIMINA? de la sección o secciones que realmente se desea eliminar, seguidamente se ha

de pulsar el botón .

Fig. 14 Página de Confirmación de eliminar una Sección

18


4.2.4 COMO ORDENAR LAS SECCIONES

Para ordenar las secciones del sitio asociado a un centro, se ha de utilizar la

herramienta Ordenar que se encuentra en la parte derecha de la página de detalle de una

sección.

Para cambiar una sección de posición se debe seleccionar con un clic la sección y

pulsar en la flecha correspondiente, según donde se quiera trasladar esa sección, si hacia

arriba o hacia debajo de su posición. Una vez colocada se debe pulsar al botón .

Fig. 15 Ordenar Secciones de un sitio web

19


4.3 MÓDULO PÁGINASUna página es un elemento que permite contener información relativa al Centro, por

cada página que se crea el gestor de contenidos crea una página HTML vinculada a una

sección y éstas a la Homepage, dando lugar a un sitio web.

Para acceder al módulo de gestión de Páginas se ha de elegir la pestaña de páginas,

dentro del Área de Administración: Sitio Web.

Al seleccionar el módulo Páginas se muestran las páginas definidas hasta el momento

para poder agregar nuevas páginas, modificar una página existente o eliminar alguna de ellas.

Fig. 16 Página principal para el mantenimiento de las Páginas de las diferentes Secciones

20


4.3.1 COMO CREAR UNA PAGINA DE CONTENIDO

Para crear una página, se elige en el menú de la página principal del Módulo

Páginas, el comando AGREGAR y en la pantalla de detalle, se rellena la información en los

campos correspondientes y se presiona en el botón .

Fig. 17 Página para Crear una nueva Página de Contenido

La información asociada a la página es:

Sección del sitio: En este campo se elige la sección dentro de la cual se quiere incluir

la página.

21


Nombre del menú: En este campo se introduce el nombre de la página. Este nombre

es el que aparece en el menú desplegable una vez que se selecciona una sección.

Título: En este campo se introduce una descripción de la página. Este título se

muestra una vez que en el sitio web accedes a la página correspondiente.

Texto alternativo: Rellenando este campo permitirá que al colocar el puntero del ratón

sobre el nombre del menú durante unos segundos, aparezca el comentario que

escribamos en este campo. Este campo no es obligatorio.

Visible en la web: Si se marca esta casilla, el usuario puede ver esa página en el

menú desplegable de la sección a la que pertenece la página. Esta casilla está tildada

por defecto , ya que si se desactiva se logra que esa página sea oculta.

Sección privada: Si se marca esta casilla, la página que se está creando solo puede

ser vista por usuarios admitidos desde la administración de la herramienta.

Los tres campos siguientes (URL, módulo, contenido), son exclusivos, es decir, solo se

puede elegir uno de ellos en cada página que crees.

URL: Si se elige este botón, permite incluir una dirección de internet a la que se

accederá cuando se seleccione dicha página.

Módulo: Si se elige este botón, permite elegir uno los módulos disponibles de la

herramienta, e incluirlo en la página que estás creando:

o Buscador: Crea una página con un buscador

o Formulario de contacto: Crea una página con un formulario

22


o Otro formulario que haya creado el usuario: Crea una página con un formulario

que haya creado un usuario administrador.

o Libro de visitas: Crea una página donde muestra el libro de visitas

o Noticias en general: Crea una página con todas las noticias que están dadas de

alta

o Noticias de un tipo determinado: Crea una página con todas las noticias de un

determinado tipo

o Registro de usuario: Crea una página donde permite hacer un registro

automático de usuarios

Contenido: Si se selecciona esta opción, se puede introducir el contenido y el formato

de la página. Funciona de la misma forma que en la creación de secciones.


fecha de modificación en la página creada.



fecha manualmente.

23


4.3.2 COMO MODIFICAR UNA PÁGINA DE CONTENIDO

Para modificar el aspecto, contenido o la sección a la que está vinculada una página,

se debe elegir la página a modificar y pulsar en el nombre, en Fig. 16 Página principal para el

mantenimiento de las Páginas de las diferentes Secciones. A continuación se muestra la

pantalla de detalle desde la cual se puede modificar cada uno de los datos asociados a la

página.

Fig. 18 Detalle de una Página de Contenido

Para que se guarden los cambios se debe pulsar al botón .

24


4.3.2.1 Como colocar una imagen en nuestro diseño

Debemos recordar que para colocar imágenes en el diseño de una página, primero

deben ser subidas al servidor; si todavía no sabe como se realiza este procedimiento le

recomendamos primero leer el apartado Agregar o Subir una imagen al sitio.Obviamente, si queremos agregar una imagen al diseño, se entiende que debemos

entrar en “Agregar una página” o “Modificar una Página”.

Cuando creamos una nueva página o bien la modificamos, puede verse un formulario

de administración similar al de la imagen.

Distinguimos 2 zonas, la zona de diseño (A) donde vemos la página que estamos

creando, y la zona de imágenes, donde aparece un “thumbnail“ en el que aparecen todas las

imágenes que se han subido anteriormente en el sitio (B).

25


Para introducir una imagen en el cuadro de diseño, debemos hacer un clic sobre la

imagen que deseamos aparezca en el diseño. Automáticamente aparecerá la imagen al final

del diseño actual (1).

Una vez que la imagen está en el diseño, solo queda arrastrarla al lugar de la página

en el que se desee ubicar.

4.3.2.2 Como cambiar el tamaño de una imagen

Puede que en ocasiones el tamaño de la imagen que se ha subido a la administración

es demasiado grande o muy pequeño para el diseño que se está realizando.

Es recomendable que se trabaje siempre con el tamaño justo de la imagen que se va a

colocar en el diseño ya que muchas veces el tamaño de las imágenes son las responsables de

la lentitud o demora de la carga de una página (mas información en el apartado “Como

Optimizar una imagen”).

Para explicar el proceso para cambiar el tamaño de una imagen lo haremos mediante

un modelo instructivo.

* Obviamente para cambiar el tamaño de una imagen primero debemos insertarla en el

diseño de la página.

26


1º paso: una vez que estamos sobre la vista de diseño y hemos insertado la imagen en

el sitio, debemos hacer un clic sobre la imagen a la cual se le quiere modificar su tamaño. En

el ejemplo se hace un clic sobre la imagen del ordenador escribiendo.

2º paso: aparecerán en los bordes de la imagen unos pequeños cuadrados, si

posicionamos el puntero del ratón sobre cualquiera de estos cuadrados aparecerá una flecha

con dos puntas la cual indica la dirección en la que puede moverse la imagen, según

queramos agrandarla o achicarla.

3º paso: una vez encontrada la dirección correspondiente para modificar el tamaño de

la imagen debemos mantener presionado el botón izquierdo del ratón y arrastrar el cuadrado

hacia la dirección que queramos modificar. Aparecen unas líneas discontinuas que

demuestran el tamaño que tendrá la imagen modificada. En el ejemplo se intenta agrandar el

tamaño de la imagen hacia la diagonal superior derecha.

4.3.3 COMO ELIMINAR UNA PAGINA DE CONTENIDO

Para eliminar una página de contenido, se ha de seleccionar la página de detalle de la

Página que se desea eliminar, Fig. 18 Detalle de una Página y en el menú de el

comando ELIMINAR.


otras páginas. Para confirmar la eliminación de una página se ha de marcar la casilla

¿ELIMINA? de la página o páginas que realmente se desea eliminar, seguidamente se ha de

pulsar el botón .

Fig. 19 Confirmación para eliminar una Página de Contenido de una Sección

27


4.3.4 COMO ORDENAR LAS PAGINAS DE CONTENIDO

Para ordenar las páginas de contenido, se debe seleccionar con un clic la página que

se desea ordenar y pulsar en la flecha correspondiente, según donde se quiera situar dicha

página. Una vez colocada se debe pulsar al botón ordenar.

Fig. 20 Ordenar Páginas. SECCION::.Título de la página

4.3.5 COMO DISEÑAR UNA PÁGINA

El diseño de una página no supone ninguna complicación para aquellos que dominen a

nivel usuario un procesador de textos, si nos fijamos bien las opciones que se encuentran

arriba del área de texto (barra de herramienta) son las mismas que se encuentran en

programas como Word.

Para los menos entendidos, a continuación explicaremos cada una de estas opciones:

La opción Estilo, sirve para que el texto de nuestro sitio web tenga el mismo

formato. Solo debemos seleccionar el texto y elegir el tipo de Estilo que creamos conveniente.

Por ejemplo, si queremos darle un Estilo a un Titulo Principal debemos pinchar en la pestaña

de la opción para que se despliegue un menú donde escogeremos, en este caso “encabezado

1”. (Ver el apartado 2j para más información)

Esta opción permite cambiar el tipo de letra al texto que hemos

seleccionado previamente. Solo hay que escoger una Fuente entre las disponibles en el menú

desplegable.

Permite cambiar el tamaño de letra al texto que hemos seleccionado previamente.

Escoger el numero correspondiente al tamaño deseado.

28


Esta opción es muy útil para usuarios un poco mas avanzados, tildando esta

casilla aparece automáticamente el Código de la página que estamos realizando (Código en

lenguaje HTML) donde se pueden cambiar algunos atributos directamente modificando el

código. Si se usa un editor HTML como Front Page, puede copiarse el código y pegarlo

directamente mientras esté activa esta opción.

Estas herramientas son las mismas que se utilizan en los editores de texto, la primera

(Cortar) sirve para quitar el texto o imagen seleccionada de un determinado lugar para copiarlo

(y pegarlo – 3er herramienta) luego en otro lugar diferente.

La segunda es similar, solo que copia un texto o imagen de un lugar a otro sin quitar el

primero, es decir que hace una copia idéntica en otro lugar.

La tercera herramienta sirve para pegar lo que hemos cortado o copiado anteriormente en

el lugar donde coloquemos el cursor del ratón.

Estas tres herramientas sirven para darle formato al texto. B (Bold) significa

“negrita” en ingles. I (Italic) Cursiva en inglés. U (Underline) Subrayado en inglés.

Alineación del Texto, a la izquierda, centro, a la derecha, Justificado.

Con esta herramienta podemos crear tablas. Pinchando sobre este botón se abre la

siguiente ventana, donde debemos completar los datos correspondientes a la tabla que vamos

a necesitar.

Superíndice y Subíndice, para lograr que el texto seleccionado se posicione por arriba

o por debajo de la línea del texto.

Numeración y Viñetas, Reconoce los párrafos seleccionados y le aplica una

numeración correlativa o una serie de símbolos.

29


Agrega una sangría hacia delante o hacia atrás.

Cambia el color del Texto. Al pinchar sobre este botón, se abre una ventana con la gama

de colores disponibles, solo tiene que hacer clic sobre el que prefiera y el texto seleccionado

previamente cambia de color.

Con esta herramienta podemos enlazar mediante “Hipervínculos” a los demás contenidos

del sitio (páginas, imágenes, archivos, noticias, etc.). Al pinchar sobre este botón se abre una

ventana; debemos hacer clic sobre el contenido que deseamos enlazar y luego en el botón

“OK” que se encuentra debajo. Este botón está explicado en el apartado Secciones.

30


4.4 IMÁGENESEl módulo Imágenes sirve para gestionar los ficheros de tipo gráfico, imágenes, que

hay almacenados en el gestor de contenidos para poderlos utilizar dentro de las páginas del

sitio web del centro.

El diseño de las imágenes no se puede hacer desde la administración del sitio; para

realizar esta tarea es necesario contar con programas de diseño gráfico como puede ser

Photoshop, Paint Shop Pro, Corel Draw., etc

Al presionar en la pestaña de imágenes se muestra una pantalla con las imágenes

definidas hasta el momento.

Desde el menú vertical de se puede dar de alta, modificar y eliminar los datos

asociados a una imagen. Por defecto, aparece marcada la opción de modificar.

Fig. 21 Página Principal para la gestión de Imágenes

4.4.1 COMO CREAR UNA IMAGEN

Para incluir una imagen en el gestor de contenidos para poder ser utilizada en alguna

de sus páginas, se elige en el menú el comando AGREGAR y en la pantalla de

detalle, se rellenan los campos correspondientes, presionando el botón para finalizar.

El crear o incluir una imagen en la herramienta significa el poder utilizar esa imagen

dentro de las páginas o secciones que estamos creando.

Las imágenes se crean a partir de un fichero de tipo imagen como son los ficheros de

extensión: .jpg, gif, bmp, …

31


Fig. 22 Página de Creación de una Imagen

La información a introducir es:

Nombre: El nombre que le vamos a dar a la imagen para luego poder

referenciarla cuando se quiera modificar o eliminar.

Descripción: Una descripción más larga y significativa.

Imagen: En este campo y utilizando el botón se debe seleccionar el

archivo donde se encuentra la imagen.

4.4.2 COMO MODIFICAR UNA IMAGEN

Para modificar la información referente a una imagen, primero se debe seleccionar

haciendo clic sobre su nombre, en Fig. 21 Página Principal para la gestión de Imágenes en

ese momento se mostrará la página de detalle de la imagen y se podrán modificar los datos

asociados a la misma.

Para que se guarden los cambios realizados se debe pulsar al botón .

Fig. 23 Página de Detalle de una Imagen

32


4.4.3 COMO ELIMINAR UNA IMAGEN

Para eliminar una imagen que no se va a referenciar desde ninguna página o sección,

se ha de seleccionar la página de detalle de la Imagen que se desea eliminar en la Fig. 21

Página Principal para la gestión de Imágenes y en el menú de el comando

ELIMINAR.


otras imágenes. Para confirmar la eliminación de una imagen se ha de marcar la casilla

¿ELIMINA? de la imagen o imágenes que realmente se desea eliminar, seguidamente se ha


Fig. 24 Página de Confirmación para eliminar Imágenes

4.4.4 COMO OPTIMIZAR UNA IMAGEN

Para la creación de un sitio con un diseño moderno y agradable, la herramienta

necesita de otros programas complementarios de diseño de imágenes.

Estos programas poseen cierta dificultad en su uso, pero existen tutoriales como este

que simplifican el proceso de aprendizaje.

Como se comentaba en el apartado anterior, el tamaño de las imágenes es en muchos

casos el responsable de la lentitud de carga de una página. Un sitio web que posea imágenes

muy grandes será mucho más lento que el que posea muchas imágenes pequeñas.

Al ingresar a un sitio web, el navegador automáticamente descarga el contenido de

dicho sitio (texto, imágenes, etc.). Dependiendo de la velocidad de descarga que tenga

nuestra conexión a Internet este proceso puede ser más o menos rápido.

33


Supongamos que hemos colocado una imagen que pesa 700 KB, con una conexión

ADSL (128 o 256 Kbps o superior) puede ser que no sea un problema para descargarla, pero

para una conexión telefónica vía módem de 56Kbps puede tardar varios minutos en descargar.

Por tanto debemos tener cuidado con el tamaño de nuestras imágenes. Un tamaño

adecuado para una imagen suele ser de hasta 80 o 100 KB, siempre que no se coloquen

demasiadas imágenes de este tamaño en una misma página.

Así mismo existen diferentes formatos de archivos de imágenes en los que, según el

que escojamos para guardarlas, el tamaño puede reducirse notablemente facilitando la

descarga mientras que la calidad de la imagen se reduce a veces de forma imperceptible.

Estos archivos se identifican con la extensión .jpg, .jpeg, .gif, .tif (ver el siguiente apartado)

estos formatos comprimen (o no) las imágenes y pueden ser vistas desde cualquier navegador

de Internet.

Otra característica a tener en cuenta son las medidas de las imágenes, es

recomendable que las imágenes más grandes no sobrepasen los 700 píxeles de ancho. Las

imágenes que sobrepasen este tamaño obligan al navegador a introducir barras de

desplazamiento que además de arruinar la estética de nuestro sitio, resultan incómodas para

el usuario al tener que desplazar la barra para ver la imagen.

4.4.5 TIPOS DE ARCHIVOS DE IMAGEN PERMITIDOS

Los tipos de archivos de imagen permitidos pueden verse en la parte superior del

formulario cuando queremos subir una imagen al servidor. Cada Formato de imagen es

conveniente según lo que queramos mostrar en el sitio Web, los factores a tener en cuenta

son, la calidad, el tamaño, la compresión, transparencias o animaciones. Debemos estudiar

estos formatos según nuestras necesidades.

Estos archivos son:

JPG: es un formato comprimido, este formato tiene la ventaja de reducir

considerablemente el peso en KB de la imagen pero en ocasiones suele reducir un

poco la calidad de nuestra imagen.

GIF: este formato al igual que el anterior reduce el peso en KB de la imagen, pero su

desventaja es que convierte las imágenes a 256 colores. Es muy útil cuando la imagen

sobre la que estamos trabajando contiene pocos colores. Este formato permite también

realizar animaciones y obtener transparencias.

BMP: su calidad es superior a los demás formatos, pero su único inconveniente es el

peso en KB de las imágenes resultantes.

34


TIFF: este tipo de formato permite una gran calidad de imagen, pero las imágenes

suelen ser mas pesadas (mas tamaño en KB o MB) que otros formatos.

PNG: estas imagines suelen tener Buena calidad, pero al igual que el formato anterior

son un poco pesadas. Permiten transparencias como los Gif pero no permiten

animaciones.

Flash (SWF): este es un formato muy utilizado, permite realizar animaciones con un

peso en KB muy reducido, pero el uso de los programas para crearlo suele ser

complejo.

35


4.5 AREA DE UPLOADEl área de upload es el módulo que permite la carga en el gestor de contenidos de

diversos documentos en forma de archivo que se quiere vincular en alguna página del sitio del

Centro.

Estos documentos suelen ser archivos de tipo pdf, Word, zip, … y en general cualquier

tipo de archivo que se quiera poner a disposición del visitante. Por ejemplo estos documentos

pueden contener formularios diversos para que los visitantes puedan descargarlos, rellenarlos

e imprimirlos, o ficheros con diferente normativa, por ejemplo la del Centro, o los horarios de

los diferentes cursos, etc, etc.

Para acceder al área de upload se elige la pestaña “Área de Upload” dentro del Area

de Administración del Sitio Web. Una vez hecho clic se muestra la pantalla principal del Área

de Upload, desde la que se permite agregar, modificar o eliminar los archivos que contienen

los documentos y que queremos hacer accesibles desde alguna página del sitio.

Fig. 25 Página Principal del Área de Upload

36


4.5.1 COMO AGREGAR UN DOCUMENTO O ARCHIVO

Para incluir un documento o archivo en el gestor de contenidos para poder ser utilizado

en alguna de sus páginas, se elige en el menú de el comando AGREGAR y en la pantalla de

detalle, se rellenan los campos correspondientes, presionando el botón para finalizar.

Para dar de alta un documento en forma de archivo y poderlo referenciar

posteriormente desde alguna página, se elige en el menú de el comando AGREGAR

en la página principal del Área de Upload. En ese momento se mostrará la página de detalle,

en la cual se rellenan los campos correspondientes, presionando el botón para

finalizar.

Fig. 26 Página de detalle para añadir un Documento o Archivo

Información a introducir:

Nombre: Es el nombre con el que referenciaremos al archivo o documento

cuando lo queramos vincular, modificar o eliminar.

Descripción: Este campo se utiliza para poner una descripción más larga

referida al archivo.

Archivo: En este campo y utilizando el botón se debe seleccionar el

archivo donde se encuentra el documento.

37


4.5.2 COMO MODIFICAR UN DOCUMENTO O ARCHIVO

Para modificar la información referente a un documento o archivo, primero se debe

seleccionar haciendo clic sobre su nombre, en Fig. 25 Página Principal del Área de Upload en

ese momento se mostrará la página de detalle del documento y se podrán modificar los datos

asociados al mismo.

Para que se guarden los cambios realizados se debe pulsar al botón .

Fig. 27 Página de Detalle de un Documento o Archivo en el Área de Upload

4.5.3 COMO ELIMINAR UN DOCUMENTO O ARCHIVO

Para eliminar un documento o archivo que no se va a referenciar desde ninguna página

del gestor de contenidos, se ha de seleccionar la página de detalle del Archivo que se desea

eliminar en la Fig. 25 Página Principal del Área de Upload y en el menú de el

comando ELIMINAR.

Hecho esto se muestra la siguiente pantalla para confirmar la eliminación de ese u

otros archivos. Para confirmar la eliminación de un archivo se ha de marcar la casilla

¿ELIMINA? del archivo o archivos que realmente se desea eliminar, seguidamente se ha de

pulsar el botón .

Fig. 28 Página de Confirmación para eliminar un Archivo del Área de Upload

38


4.6 FORMULARIOSUn formulario es un elemento que se puede utilizar para que los visitantes introduzcan

información según una plantilla y ésta se remita a través del correo electrónico al usuario que

el administrador del sitio web del centro especifique.

Existen dos tipos diferentes de formularios, el formulario de contacto con el

usuario/administrador del sitio y los formularios definidos.

El formulario de contacto servirá para que los visitantes manden cualquier tipo de

sugerencia, recomendación, gazapo, … encontrado a lo largo del sitio web. Es recomendable

que siempre exista el formulario de contacto accesible a los visitantes para que se puedan

poner en contacto con el administrador del sitio.

El resto de formularios servirán para cualquier otro propósito particular o general en el

que haya que enviar por correo electrónico información que el visitante rellene según el

formato que se defina en el formulario.

Para poder utilizar formularios en la herramienta primero es necesario crear el

formulario y luego utilizarlo dentro del contenido de alguna página o sección.

La creación y modificación de formularios se realiza desde el Área de Administración

del Sitio Web, a través del módulo Formularios.

Fig. 29 Página Principal para la gestión de Formularios

39


Dentro del módulo de Formularios en el menú horizontal aparecen dos pestañas

nuevas para la administración del Formulario de Contacto y la Administración del resto de

formularios:

Fig. 30 Submenú del Módulo de Formularios

4.6.1 EL FORMULARIO DE CONTACTO

La opción para modificar el Formulario de Contacto es la opción seleccionada por

defecto cuando accedemos al Módulo Formularios.

Se muestran todos los campos de información que se va a requerir al visitante dentro

del formulario de contacto. Desde esta pantalla se puede modificar el formulario de contacto,

modificando los campos de información actuales, añadiendo campos nuevos o eliminando

alguno de ellos.

Para guardar los cambios se debe pulsar al botón .

Fig. 31 Página de modificación del Formulario de Contacto

40


4.6.2 ADMINISTRACIÓN DE FORMULARIOS

Esta opción permite la administración de los formularios distintos al de contacto.

Si se selecciona la pestaña de administración dentro del Módulo Formularios, se

permite crear, modificar o eliminar un formulario.

Fig. 32 Página principal para la Administración de Formularios

4.6.2.1 COMO CREAR UN FORMULARIO

Para crear un nuevo formulario en el gestor de contenidos para poder ser utilizado en

alguna de sus páginas, se elige en el menú de de la Fig. 32 Página principal para la

Administración de Formularios, el comando AGREGAR. En ese momento se mostrará la

página de detalle, en la cual se rellenan los campos correspondientes, presionando el botón

para finalizar.

Fig. 33 Página de Detalle para la creación de un Formulario

La información de los campos a introducir es:

Nombre del formulario: El nombre con el que se va a referenciar

posteriormente al formulario.

41


E-mail del destinatario: En este campo se introduce la dirección de correo

electrónico de la persona que recibirá el contenido del formulario rellenado por

el visitante.

Agregar un campo al formulario: Pulsando en el botón permite añadir un

campo nuevo al formulario.

Campos Obligatorios:Los campos obligatorios, son aquellos en los que el usuario debe introducir

obligatoriamente la información requerida.

Sin la existencia de este tipo de campos cualquier descuido al completar un formulario

podría hacer que falte información importante de nuestros usuarios. Por ejemplo si uno de

nuestros clientes hace un pedido importante mediante un formulario pero accidentalmente

olvida rellenar el campo de e-mail o teléfono, no podríamos contactarnos con él; sin embargo

si este campo fuera obligatorio el sistema activa un aviso de error al usuario, requiriendo que

complete el campo que ha olvidado rellenar.

Asimismo, es importante tener localizados a los usuarios que nos escriben, para

enviarles información periódica o agregarlos a nuestra base de datos de futuros clientes.

Para que un campo sea obligatorio sólo debemos tildar la casilla correspondiente al

campo tal como se muestra en la imagen.

Es recomendable que los campos Nombre, Apellidos y sobre todo e-mail sean

obligatorios, para tener una referencia de quien ha escrito el formulario.

Tipos de Campos:Existen dos tipos de campos, uno de ellos es que se utiliza normalmente para los

campos e-mail, nombre, apellido etc. Se trata de un campo que solo permite escribir en un

línea.

El otro tipo de campos es el utilizado para comentarios o sugerencias que los usuarios

quieran hacernos, este tipo de campos se diferencia del anterior por tener múltiples líneas, es

decir que el usuario puede escribir un texto mas largo en varios renglones.

42


Para incluir uno u otro tipo de campo en nuestro formulario debemos seguir las

instrucciones de la imagen. Como puede verse en el ejemplo de la parte superior, el Campo A es el tipo “Línea Simple” y el Campo B es el tipo “Múltiples Líneas”.

Número de Campos:La herramienta, no limita el número de campos del formulario, pero debemos tener en

cuenta que mientras mas campos agreguemos al formulario, produciremos más incomodidad

al usuario que debe completarlos.

Normalmente suelen utilizarse los campos, Nombre, Apellidos, E-mail, Comentarios,

para un formulario básico, a partir de allí pueden agregarse campos más específicos para la

actividad que se lleve en nuestro sitio web.

Puede ser que en alguna ocasión queramos quitar algún campo; esta acción no es

posible, pero podemos desactivar el campo para que no pueda verse por los usuarios de

nuestra Página Web. Este es un proceso sencillo y solo debemos desmarcar la casilla

“Disponible” en la administración del formulario correspondiente.

4.6.2.2 COMO MODIFICAR UN FORMULARIO

Para modificar la información de un formulario o agregar más campos de información

para que los rellene el visitante del sitio web del Centro, se elige el formulario haciendo clic en

el nombre, en Fig. 32 Página principal para la Administración de Formularios en ese momento

se mostrará la página de detalle del formulario y se podrán modificar los datos asociados al

mismo.

Para que se guarden los cambios realizados se debe presionar sobre el botón

.

43


Fig. 34 Página de Detalle de un Formulario

4.6.2.3 COMO ELIMINAR UN FORMULARIO

Para eliminar un formulario que no se va a referenciar desde ninguna página del gestor

de contenidos, se ha de seleccionar la página de detalle del formulario que se desea eliminar

en la Fig. 32 Página principal para la Administración de Formularios y en el menú de

el comando ELIMINAR.


otros formularios. Para confirmar la eliminación de un formulario se ha de marcar la casilla

¿ELIMINA? del formulario o formularios que realmente se desea eliminar, seguidamente se ha


Fig. 35 Página de Confirmación para eliminar un Formulario

44


4.7 LIBRO DE VISITASEl libro de visitas es un elemento que se puede utilizar en una o más páginas para

permitir que los visitantes publiquen un mensaje de saludo, o firma que indique en

determinada información sobre su visita, por ejemplo, la fecha y hora de la visita, su nombre,

algún mensaje para otros visitantes, etc.

El módulo de Libro de visitas permite configurar la información que rellenará el visitante

para dejar constancia de su firma o visita, y también permite revisar las firmas que han ido

dejando los visitantes para controlar el contenido de las mismas e incluso censurar alguna de

ellas.

Una vez que se elige la pestaña de “Libro de Visitas” se muestra la página principal de

la administración del Libro de Visitas con sus dos opciones de administración: Configuración

del Libro de Visitas (opción por defecto) y el control de Firmas.

Fig. 36 Página Principal del Libro de Visitas

En el menú horizontal aparece el submenú con las pestañas para el acceso a la

administración del Libro de Visitas y Firmas

Fig. 37 Submenú del Módulo Libro de Visitas

45


4.7.1 CONFIGURAR EL LIBRO DE VISITAS

Es la opción seleccionada por defecto.

Fig. 38 Página de Configuración del Libro de Visitas

Desde dicha pantalla se permite modificar cualquiera de los campos.


4.7.2 CONTROL DE LAS FIRMAS RECIBIDAS

Una vez que se elige la pestaña de “Firmas” se muestra la siguiente pantalla desde la

cual se puede modificar o eliminar firmas que los visitantes han dejado en el libro de visitas,

por ejemplo para corregir una falta de ortografía o algún comentario poco apropiado u

ofensivo:

Fig. 39 Página de Control de las Firmas en el Libro de Visitas

46


4.7.2.1 COMO MODIFICAR UNA FIRMA RECIBIDA

Para modificar una firma introducida por un visitante, primero se selecciona la firma

presionando en el campo “Creado por” en Fig. 39 Página de Control de las Firmas en el Libro

de Visitas y se muestra la pantalla de detalle desde la cual se puede modificar el contenido de

los campos correspondientes.

Fig. 40 Página de Detalle de las Firmas del Libro de Visitas


4.7.2.2 COMO ELIMINAR UNA FIRMA RECIBIDA

Para eliminar una firma ofensiva o que no interese que aparezca publicada por

cualquier motivo que el administrador desee, se ha de seleccionar en la página de detalle del

control de firmas la firma que se desea eliminar y en el menú de el comando

ELIMINAR.


otras firmas. Para confirmar la eliminación de una firma se ha de marcar la casilla ¿ELIMINA?

De la firma o firmas que realmente se desea eliminar, seguidamente se ha de pulsar el botón

.

Fig. 41 Página de Confirmación para eliminar una Firma del Libro de Visitas

47


4.8 COMO CONFIGURAR EL BUSCADOREl buscador es otro de los elementos que se pueden incluir en las páginas para dotar al

sitio web de una herramienta de búsqueda de información.

La configuración del buscador se realiza desde el Módulo Buscador, en el área de

administración del sitio web.

Se mostrará a continuación la página de Detalle de Configuración del Buscador, en la

cual se puede habilitar o deshabilitar las búsquedas dentro del contenido de las páginas o de

las secciones del sitio.

Para guardar los cambios realizados en el comportamiento del buscador se debe

presionar el botón .

Fig. 42 Página de Detalle de Configuración del Buscador

48


4.9 COMO CONFIGURAR EL BANNER SUPERIORLa cabecera del sitio del centro posee una animación en flash, donde el usuario puede

modificar fácilmente el texto (para colocar el nombre del centro) y las imágenes (para

personalizar aún más la cabecera con fotos de su centro).

4.9.1 CAMBIAR NOMBRE DEL CENTRO

El nombre que se muestra en la animación está asociado a un archivo de texto que se

encuentra en el área de upload dentro de la administración de su sitio web.

Modificando este archivo de texto, el usuario podrá cambiar el Nombre del Centro. Para

simplificar este proceso, se deben de seguir los siguientes pasos:

Paso 1: Crear un nuevo documento de texto con el nombre “centro.txt”.

49


Paso 2: Editar el archivo “centro.txt”.

Para editar el archivo “centro.txt” debemos abrir el fichero y escribir el siguiente texto

en dicho fichero: &nombre=Nombre del Centro

Siendo:

- “&nombre=”: la variable que comunica con la animación. No se debe de

modificar.

- “Nombre del Centro”: El nombre del centro correspondiente. Ej:

&nombre=IES Antonio Machado

Una vez realizados los cambios en el archivo, guardar los cambios.

Paso 3: Subir “centro.txt” a la administración del sitio a través del área de upload.

Previamente debemos eliminar el archivo existente.

A: Una vez dentro de la administración del sitio, debemos hacer clic en “Uploads”.

Mostrará un listado con los archivos que se han subido anteriormente, entre ellos

veremos que ya existe un “centro.txt” éste es el que está en uso actualmente en el sitio y que

muestra el texto en la animación.

B: Antes de subir nuestro archivo “centro.txt” debemos eliminar el existente en la

administración. Para eso, hacer clic en ELIMINAR en la barra de comandos. Se cargará una

página donde aparecen los archivos existentes, debemos marcar la casilla de “centro.txt” y

luego presionar el botón “Eliminar”.

50


C: Una vez eliminado “centro.txt” de la administración, debemos subir el archivo que

hemos creado. Para ello presionaremos el enlace “AGREGAR” de la barra de comandos. Y se

cargará una página similar a la siguiente imagen:

Para subir el archivo “centro.txt” que hemos creado, solo basta con presionar el botón

“Examinar”, buscar y seleccionar el archivo en nuestro disco duro y luego presionar en el

botón “Agregar”.

Para corroborar que los cambios han surgido efecto, se deberá abrir el sitio web en una

nueva ventana, o se .deberá presionar el botón “Actualizar” del navegador, o bien, presionar la

tecla F5, si ya se tenía abierto el sitio.

4.9.2 CAMBIAR LAS IMÁGENES DE LA CABECERA

El usuario tiene la posibilidad de cambiar las imágenes (fotografías) de la cabecera, de

manera que puede personalizarla con las imágenes de su centro educativo.

Para ello se deben de seguir los siguientes pasos:

Paso 1: Identificar las fotografías que se desea insertar en el banner y colocarlas a

todas en una misma carpeta en el disco duro. El banner solo mostrará 5 imágenes.

Paso 2: Modificar tamaño de las imágenes. El tamaño que debe tener cada

fotografía es de 67 píxeles de ancho por 50 de alto. Para modificar los tamaños de las

fotografías puede utilizar cualquier programa de diseño gráfico que desee. El formato en que

deben estar las imágenes es “.jpg”.

Los usuarios que no tengan conocimientos sobre retoque fotográfico, pueden utilizar

“ImageWiz” un programa gratuito y fácil de utilizar que comentaremos brevemente a

51


continuación. Puede descargar este programa desde esta dirección

http://www.killersoftware.com/software/imagewiz.exe.

Paso 3: Renombrar las imágenes. Para que el banner reconozca cuales son las

imágenes que deseamos mostrar en él, debemos especificarlo en su nombre. Para eso,

debemos cambiar el nombre de los archivos que hemos redimensionado por los siguientes:

centro1.jpg, centro2.jpg, centro3.jpg, centro4.jpg, centro5.jpg.

El orden en que se mostrarán en el sitio web, dependerá del número que asignemos a

cada imagen en su nombre de archivo.

Paso 4: Subir los archivos a la administración del sitio. Las imágenes que se

muestran por defecto en el banner, no se encuentran en la sección “imágenes” de la

administración, sino que están en la sección “Uploads” junto con el archivo de texto que

modifica el nombre del centro en la animación.

Al igual que para cambiar el nombre, debemos, antes de subir las imágenes, eliminar

las existentes. El procedimiento para eliminar estas imágenes es idéntico al Paso 2 del

52

http://www.killersoftware.com/software/imagewiz.exe


apartado: 4.9.1 Cambiar nombre del centro. Los archivos que debemos eliminar son

“centro1.jpg, centro2.jpg, centro3.jpg, centro4.jpg, centro5.jpg”, marcándolos en su casilla

correspondiente y presionando posteriormente en el botón “Eliminar”.

Una vez eliminados estos archivos, debemos subir los que hemos creado. El proceso

es idéntico al paso 2 C del apartado: 4.9.1 Cambiar nombre del centro. Debe realizar este

paso con cada una de las imágenes, hasta subir las cinco.

Para corroborar que los cambios han surgido efecto, el usuario deberá abrir el sitio web

en una nueva ventana. Si ya tenía abierto el sitio en una ventana, deberá presionar el botón

“Actualizar” del navegador, o bien, presionar la tecla F5.

Si ha seguido los pasos correctamente, la animación de la parte superior de su centro

debería mostrar las imágenes que ha subido.

Notas Importantes:

1. Nunca elimine centros.swf puesto que este archivo es la animación en sí. Si la borra,

no se mostrará nada en la cabecera del sitio.

2. Los archivos no pueden ser reemplazados, es por eso que debe eliminarlos antes de

subir otro con el mismo nombre. La herramienta, posee un sistema inteligente, que impide que

53


un archivo sobrescriba a otro del mismo nombre, evitando así pérdidas de datos.

Automáticamente modifica el nombre del archivo que intentamos subir, de manera que no

reemplace el existente con el mismo nombre.

3. Recuerde volver a subir a la administración los archivos que haya eliminado, es un

posible error si no visualiza los datos en la animación.

4. Respete los nombres de los archivos tal y como se indica en el documento.

54


4.10MÓDULO ESTADÍSTICASDentro del área de administración del sitio web se dispone de un módulo de

Estadísticas para poder ver las estadísticas de acceso al sitio web del Centro.

La página principal de las Estadísticas es la siguiente:

Fig. 43 Página Principal de las Estadísticas del Sitio Web del Centro

En ella aparecen los datos de acceso de las secciones a nivel global.

Si se desea obtener una información más detallada, por ejemplo de las visitas por

páginas, se elige la sección a consultar haciendo clic en el nombre, y en la página de detalle

se muestra la información correspondiente.

Fig. 44 Detalle de las Estadísticas de una Sección del Sitio Web del Centro

55


4.11ESTILOSEs importante que las páginas internas de nuestro sitio web, guarden cierta similitud en

cuanto a su formato y diseño. Los Estilos están pensados para que podamos utilizar formatos

de texto predeterminados en diferentes páginas internas. Es decir, podemos definir las

características que va a tener el formato de texto de los títulos, textos, enlaces, etc. Y esos

parámetros asignarlos a los contenidos de cada página.

La creación de Estilos requiere un nivel de conocimientos informáticos un poco mas

elevado, ya que debemos introducir manualmente el código de cada atributo que queremos

asignar a cada estilo.

En la administración veremos una pantalla como esta, donde encontraremos algunos

“Estilos” ya predefinidos.

Estos estilos son los que aparecen en la pestaña “Estilos” en la vista de diseño cuando

queremos “agregar/modificar” una nueva página (imagen).

56


Asignar un estilo al texto del diseño de una página

es muy simple, solo hay que seleccionar el texto y buscar en

la lista el estilo que deseamos colocarle. Automáticamente el

texto seleccionado adquiere el formato predeterminado de ese

estilo.

Para crear nuevos estilos, debemos escribir en el

editor, debajo de todo, el nombre del nuevo Estilo y a continuación entre {} los atributos de

dicho estilo, como se muestra en el ejemplo a continuación:

.nuevoestilo {

COLOR: #CC0000;

FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

FONT-SIZE: 12px;

FONT-WEIGHT: bold;

TEXT-DECORATION: none

}

Utilizando este estilo cuando se lo asignemos a un texto dentro del editor obtendremos

un “ texto como este ”.Cuando escribamos el nuevo código del estilo debemos presionar el botón

“MODIFICAR” para que los cambios se guarden.

En el caso de que queramos modificar las características de uno de los estilos existentes solo debemos editar el código del mismo y luego presionar el botón “MODIFICAR”.

Una opción más que nos ofrece este editor es la de Previsualizar los estilos, de esta

manera podemos verlos antes de agregarlos al sistema. Para eso, solo debemos presionar el

botón “Previsualizar” y se abrirá una ventana donde mostrará un ejemplo de cada estilo, cada

uno con su nombre y decorado con los atributos que le pertenecen.

Otra opción del editor de Estilos es la de descargar la hoja de estilos para poder

editarla desde nuestro disco duro. Para eso necesitamos abrirla o bien con el Bloc de notas o

con algún programa específico para esto.

Para más información sobre hojas de estilos y sus atributos recomendamos este sitio:

http://www.sidar.org/recur/desdi/mcss/manual/indice.php

57


5 GESTOR DE NOTICIASEl generador de noticias es una utilidad del gestor de contenido para mantener una

base de datos de noticias con el fin de alimentar de contenidos a los diversos sitios web

definidos.

Fig. 45 Página Principal del Gestor de Noticias

En el menú horizontal se muestra un submenú con dos pestañas: Administración

(opción por defecto) o Grupos.

Fig. 46 Submenú del Gestor de Noticias

El módulo de Administración de noticias permite agregar nuevas noticias al sistema,

modificar la información asociada a una noticia, dar de baja una noticia o enviar una noticia por

correo electrónico a un usuario o un grupo de usuarios.

El módulo de Grupos permite crear, modificar o eliminar grupos de noticias para facilitar

la administración de las mismas.

58


5.1 MÓDULO ADMINISTRACIÓN DE NOTICIASEl módulo de Administración de noticias, como ya se ha indicado, permite agregar

nuevas noticias al sistema, modificar la información asociada a una noticia, dar de baja una

noticia o enviar una noticia por correo electrónico a un usuario o un grupo de usuarios.

Fig. 47 Página Principal del Gestor de Noticias

59


5.1.1 COMO AÑADIR UNA NOTICIA

Para dar de alta una noticia, se elige en el menú de el comando AGREGAR

y en la pantalla de detalle, se rellenan los campos correspondientes a la noticia que se quiere

añadir y se presiona en el botón .

Fig. 48 Página de Detalle para la creación de una Noticia

La información asociada a una noticia es:

Grupo de noticias: En este campo asociamos la noticia a un grupo de entre los

grupos de noticias que estén dados de alta en la pestaña de grupos.

60


Nombre: Se introduce el título de la noticia

Fecha: Se introduce la fecha de alta de la noticia

Fecha de caducidad: Se introduce la fecha en la cual la noticia deja de estar

vigente.

Visible en la web: Si se rellena esta casilla, la noticia aparece en la página web.

Descripción: Se introduce el contenido de la noticia

Archivo: Si se tiene información de la noticia en un archivo, desde este campo lo

seleccionamos


fecha de modificación en la web.



fecha manualmente

Pulsando en el botón de Agregar y Enviar, se crea la noticia y se enviará a los Grupos

de usuarios cuya casilla se haya marcado.

Pulsando en el botón de Solo enviar, simplemente se enviará la noticia a los grupos

cuya casilla se haya marcado.

61


5.1.2 COMO MODIFICAR EL CONTENIDO DE UNA NOTICIA

Para modificar la información referente a una noticia, primero se debe seleccionar

haciendo clic sobre su nombre, en Fig. 47 Página Principal del Gestor de Noticias en ese

momento se mostrará la página de detalle de la noticia y se podrán modificar los datos

asociados a la misma.

Fig. 49 Página de Detalle de una Noticia

62


5.1.3 COMO ELIMINAR UNA NOTICIA

Para eliminar una noticia que no interese mantenerla almacenada por cualquier motivo,

se ha de seleccionar en la página de detalle de la administración de Noticias la noticia que se

desea eliminar y en el menú de el comando ELIMINAR.


otras noticias. Para confirmar la eliminación de una noticia se ha de marcar la casilla

¿ELIMINA? de la noticia o noticias que realmente se desea eliminar, seguidamente se ha de

pulsar el botón .

Fig. 50 Página de Confirmación para eliminar una Noticia

63


5.1.4 COMO ENVIAR UNA NOTICIA

Para enviar una o varias noticias a un usuario o grupo de usuarios, se selecciona en el

menú de el comando ENVIAR. En la siguiente pantalla, en el apartado “Noticias

definidas” se marca la casilla ¿ENVIAR? de las noticias que se desean enviar, y en el

apartado “Grupo de usuarios definidos” se marca la casilla ¿ENVIAR? de los grupos de

usuarios a los cuales se quiere enviar esa noticia. Una vez hecho esto se debe pulsar al botón

de .

Fig. 51 Página para el Envío de Noticias a un Grupo de Usuarios

64


5.2 MÓDULO GRUPOS DE NOTICIASPermite crear, modificar o eliminar grupos de noticias para facilitar la administración de

las noticias asociadas al grupo de noticias.

Fig. 52 Página Principal para la Gestión de Grupos de Noticias

5.2.1 COMO CREAR UN GRUPO DE NOTICIAS

Para crear un nuevo grupo de noticias, se elige el comando AGREGAR, y en la

siguiente pantalla se rellenan los campos correspondientes:

Fig. 53 Página de Detalle para la creación de un Grupo de Noticias

La información a introducir es la siguiente:

Nombre: El nombre que le vamos a dar al grupo de noticias para poder

referenciarlo posteriormente

Descripción: Una descripción más larga del grupo

Visible en la web: Si se rellena esta casilla, el grupo de noticias que se está

creando será visible en la página web.

65


5.2.2 COMO MODIFICAR UN GRUPO DE NOTICIAS

Para modificar un grupo, se elige el grupo/s de noticias a modificar presionando en el

nombre, en Fig. 52 Página Principal para la Gestión de Grupos de Noticias en ese momento

se mostrará la página de detalle y se podrán modificar los campos correspondientes.

Para que se guarden los cambios se debe pulsar al botón .

Fig. 54 Página de Detalle de un Grupo de Noticias

5.2.3 COMO ELIMINAR UN GRUPO DE NOTICIAS

Para eliminar un grupo de noticias que no interese mantener por cualquier motivo, se

ha de seleccionar en la página de detalle de la administración de Grupos de Noticias el grupo

de noticias que se desea eliminar y en el menú de el comando ELIMINAR.


otros grupos de noticias. Para confirmar la eliminación de un grupo de noticias se ha de

marcar la casilla ¿ELIMINA? Del grupo de noticias o grupos de noticias que realmente se

desea eliminar, seguidamente se ha de pulsar el botón .

Fig. 55 Página de Confirmación para Eliminar un Grupo de Noticias

66


6 ADMINISTRACIÓN DE USUARIOSLa administración de usuarios permite crear y modificar cuentas de usuario basadas en

nombre de login y password, así como la asignación de pertenencia a un grupo de usuarios y

la asignación de permisos de Administrador, Suscrito a noticias y Sección Privada.

Fig. 56 Página principal de Administración de Usuarios

La administración de usuarios además de la administración propiamente dicha también

permite la creación de grupos de usuarios.

Fig. 57 Submenú de la Administración de Usuarios

67


6.1 MÓDULO ADMINISTRACIÓN DE USUARIOSLa administración de usuarios es la opción seleccionada por defecto.

En la página de administración se muestran todos los usuarios creados hasta el

momento, y desde esta página se pueden modificar los permisos de los usuarios o acceder a

la creación, modificación o eliminación de una cuenta de usuario.

Fig. 58 Página principal de Administración de Usuarios

6.1.1 COMO CAMBIAR LOS PERMISOS DE UNA CUENTA DE USUARIO

En la Fig. 58 Página principal de Administración de Usuarios se permite modificar los

permisos asociados a una cuenta de usuario.

Una vez modificados los permisos basta con pulsar el botón para

guardar los cambios realizados.

68


6.1.2 COMO CREAR UNA CUENTA DE USUARIO

Para crear una nueva cuenta de usuario en la herramienta, en la Fig. 58 Páginaprincipal de Administración de Usuarios se ha de seleccionar en el menú el

comando AGREGAR, para que se muestre la página desde la cual se pueden introducir todos

los datos de un nuevo usuario.

Fig. 59 Página de Detalle para la creación de un nuevo Usuario


Grupo de usuarios: Permite elegir el grupo al que asignaremos al usuario que vamos

a dar de alta

Nombre: Nombre del usuario a dar de alta

Apellido: Apellidos del usuario a dar de alta

E-mail: La dirección de correo del usuario a dar de alta

Password: la contraseña para acceder a la aplicación

Re-ingresar Password: Volver a introducir la misma contraseña para confirmar

Recibe noticias: Si se le suscribe para que reciba las noticias

Tipo de usuario: Si el usuario se le da permiso de administrador

Sección privada: Si tiene acceso a la secciones privadas

69


6.1.3 COMO MODIFICAR UNA CUENTA DE USUARIO

Se selecciona el usuario correspondiente haciendo clic sobre el nombre en la Fig. 58

Página principal de Administración de Usuarios y se muestra la página de detalle del usuario,

desde la cual se pueden modificar los datos del usuario.

Fig. 60 Página de Detalle de un Usuario

Una vez modificados los datos correspondientes se debe presionar en el botón

para que se guarden los cambios.

70


6.1.4 COMO ELIMINAR UNA CUENTA DE USUARIO

Para eliminar un usuario que no interese mantenerlo creado por cualquier motivo, se ha

de seleccionar en la página de detalle de la administración de Usuarios el usuario que se

desea eliminar y en el menú de el comando ELIMINAR.

Hecho esto se muestra la siguiente pantalla para confirmar la eliminación del usuario u

otros usuarios. Para confirmar la eliminación de un usuario se ha de marcar la casilla

¿ELIMINA? del usuario o usuarios que realmente se desea eliminar, seguidamente se ha de

pulsar el botón .

Fig. 61 Página de Confirmación para eliminar un Usuario.

71


6.2 MÓDULO GRUPOS DE USUARIOSDesde el módulo de grupos de usuarios se permite crear, modificar o eliminar grupos

de usuarios para facilitar la administración, por ejemplo a la hora de enviar noticias, …

Fig. 62 Página principal para la Administración de Grupos de Usuarios

6.2.1 COMO CREAR UN GRUPO DE USUARIOS

Para dar de alta un nuevo grupo de usuarios, se elige el comando AGREGAR, en el

menú de y en la siguiente pantalla se rellenan los campos correspondientes con la

información necesaria:

Fig. 63 Página de Detalle para la creación de un Grupo de Usuarios


Nombre: El nombre que le vamos a dar al grupo de usuarios.

Descripción: Una descripción más detallada del grupo que se quiere dar de alta.

72


6.2.2 COMO MODIFICAR UN GRUPO DE USUARIOS

Para modificar un grupo de usuarios, se elige el grupo de usuarios a modificar

pulsando en el nombre en la Fig. 62 Página principal para la Administración de Grupos de

Usuarios, para acceder a la siguiente página para modificar la información del grupo de

usuarios.

Fig. 64 Página de Detalle de un Grupo de Usuarios

Una vez modificados los datos correspondientes se debe presionar en el botón

para que se guarden los cambios.

6.2.3 COMO ELIMINAR UN GRUPO DE USUARIOS

Para eliminar un grupo de usuarios, se ha de seleccionar en la página de detalle de la

administración de Grupos de Usuarios el grupo de usuario que se desea eliminar y en el menú

de el comando ELIMINAR.

Hecho esto se muestra la siguiente pantalla para confirmar la eliminación del grupo de

usuarios. Para confirmar la eliminación de un grupo de usuarios se ha de marcar la casilla

¿ELIMINA? del grupo de usuarios que realmente se desea eliminar, seguidamente se ha de

pulsar el botón .

73


Fig. 65 Página de Confirmación para eliminar un Grupo de Usuarios

74


7 CONSEJOS Y TRUCOS UTILIZAR WORD Y COPIAR LOS DATOS A LA ADMINISTRACIÓNUno de los aspectos mas interesantes de la herramienta es que permite trabajar en

Word y luego pegar el trabajo realizado en el procesador de textos en la vista de diseño.

Esto simplifica mucho las cosas ya que Word es muy simple de utilizar y casi todos los

usuarios de ordenadores saben usarlo con soltura.

Una vez que tenemos el diseño de la página terminado solo debemos seleccionar todo

y luego copiarlo (Edición – Copiar o bien presionando la tecla Control y C) en la ventana de

Word y luego pegarlo (Edición – Pegar o presionando la tecla Control y V) en la vista de

diseño de la herramienta.

Especial cuidado debemos tener cuando trabajamos con imágenes, ya que las

imágenes que copiemos y peguemos dentro del diseño solo se podrán visualizar en nuestro

ordenador ya que poseerán una ruta directa a nuestro disco duro (ej: C:\micarpeta\

midirectorio\imagen1.jpg). Obviamente los usuarios que ingresan al sitio no pueden ver los

datos que tenemos en nuestro disco duro, por lo que estas imágenes no se mostraran en el

sitio.

El problema de las imágenes se soluciona fácilmente; debemos subirlas a la

administración una por una (Leer el apartado “Agregar o Subir una imagen al sitio” y ”

Colocación de las imágenes en nuestro diseño”) de esta manera lograremos que las imágenes

puedan verse desde la vista de Diseño de una Página en el Browser que aparece debajo del

cuadro de diseño. Para terminar debemos reemplazar cada imagen por la correspondiente en

el Browser.

Debemos tener especial cuidado en no olvidar reemplazar alguna ya que si lo

olvidamos esa imagen no se verá en nuestro sitio.

Para corroborar los cambios, es importante ingresar a la página que hemos creado

desde otro ordenador para comprobar que no haya errores. En caso de que no tengamos

otro ordenador podemos pedirle a algún amigo que lo haga por nosotros y nos avise en caso

de que alguna imagen no se muestre correctamente.

Para trabajar con Tablas o para justificar el texto es muy recomendable trabajar en

Word.

Si en algunos casos vemos que el diseño que se muestra en la página es diferente al

que hemos realizado en Word, esto es normal y debemos corregir los cambios desde la vista

de Diseño.

75


TAMAÑO IMÁGENES.

Debemos tener en cuenta que el tamaño de las imágenes condiciona el tiempo en el

que el usuario termina de visualizar completamente una página de nuestro sitio. Si tenemos

muchas imágenes demasiado grandes el usuario tardará mucho más en visualizar la página

que si estas fueran pequeñas.

El tamaño depende de la cantidad de Kb que tenga una imagen; si colocamos 3

imágenes de 500 KB en el diseño de una página, el navegador del usuario automáticamente

debe descargar las 3 imágenes para que el usuario pueda visualizarlas, de manera que debe

descargar 1500 KB (que en Mega Bytes sería 1,5 MB), lo cual es mucho ya que con una

conexión telefónica a Internet con un módem de 56 K tardaría entre 5 y 8 minutos en

descargar las imágenes, algo muy molesto para el usuario que visita nuestro sitio.

Si se poseen conexiones de ADSL el tiempo

de visualización disminuye notablemente, pero

debemos pensar en todos los usuarios y en su

comodidad. (Las imágenes se descargan en un

directorio temporal, el cual se elimina en un periodo

de tiempo, no quedan guardadas en el disco duro

del usuario).

El tamaño de las imágenes podemos

conocerlo a través del explorador de Windows;

debemos buscar la imagen en nuestro disco duro y

mirar el tamaño que aparece en la columna

“Tamaño” desde la vista de diseño. Otra posibilidad

es hacer clic con el botón derecho sobre el nombre

de la imagen y luego en la opción propiedades, con

lo que aparecerá una ventana como la que se muestra en la imagen; en el campo resaltado en

la imagen con un recuadro rojo podemos ver el tamaño en KB de la imagen en cuestión.

El “Truco” para solucionar este problema, consiste en reducir el tamaño de las

imágenes, de tal manera que exista una misma imagen pequeña y otra mas grande. Existen

programas que reducen el tamaño de muchas imágenes al mismo tiempo, sólo debemos

especificar las medidas y presionar un botón. Un ejemplo es XnView, un programa Gratuito y

fácil de usar (http://www.xnview.com/ Leer aspectos legales de dicho programa).

76

http://www.xnview.com/


Lo que debemos hacer una vez que tengamos dos imágenes de diferente tamaño es

incluir las imágenes más pequeñas en nuestro diseño. De esta manera se reduce el tiempo de

carga notablemente. Y luego debemos enlazar la imagen pequeña con la imagen grande

mediante un texto por ejemplo “Clic aquí para ampliar la imagen” el cual nos llevará

directamente a una nueva ventana donde nos mostrará la misma imagen en un tamaño mayor,

si es que se desea que el visitante del sitio tenga la posibilidad de ver algunos detalles.

TAMAÑO DE ARCHIVOS

Por la misma razón que las imágenes, el tamaño de los archivos (en KB o MB)

condiciona el tiempo de descarga por parte del usuario.

A diferencia de las imágenes, los archivos de descarga no influyen sobre la carga de la

página, sino en el tiempo de descarga al disco duro del usuario.

El tamaño en estos archivos puede ser el que deseemos, pero es recomendable

trabajar con archivos no muy grandes, ya que dependiendo de la conexión de los usuarios

puede tardar mucho tiempo en descargarlos.

Debemos tener en cuenta también que al subir el archivo en la administración si es un

archivo demasiado grande tardará mucho en subir, debemos dejar la ventana abierta durante

unos minutos hasta que la barra de carga (en la barra de estado del navegador) se complete

totalmente.

Cuando colguemos archivos demasiado grandes es conveniente recomendar la

utilización de programas de descargas, que permiten cerrar el cuadro de descarga y

continuarla en otro momento sin perder el porcentaje de descarga que ya se había

completado. Algunos de estos programas son “Getright, Download Acelerator Plus (DAP) o

Go-zilla”. Recomendamos utilizar el DAP el cual puedes descargar desde

http://www.speedbit.com/.

TIPO DE LETRA, TAMAÑO Y COLORES.

El tamaño y Tipo de Letra son aspectos muy importantes en el diseño de nuestra web,

siempre debemos navegar muchos sitios para descubrir las nuevas tendencias en cuanto a

diseño.

Nosotros recomendamos utilizar un tamaño de letra pequeño, en la vista de diseño el

tamaño ideal sería el número “2” que es equivalente al tamaño “10” de Word. En cuanto al

tipo de letra (fuente) el mas utilizado y el que nosotros recomendamos es “Arial”.

77

http://www.speedbit.com/


Debemos tener en cuenta que los tipos de letra deben ser los mas comunes, ya que si

escogemos una Fuente que sólo nosotros tenemos en nuestro ordenador (alguna que hemos

descargado de Internet) los demás usuarios que no tengan ese tipo de fuente específico

instalada en su ordenador verán el texto con un tipo de Fuente predeterminado (Times New

Roman por lo general) que muchas veces no es el que más se ajusta a nuestro diseño.

Cuando realizamos el diseño inicial de su sitio nosotros utilizamos la fuente y el tamaño

recomendados, “Arial tamaño 2”, de este modo es recomendable seguir utilizando este

formato en las demás páginas de su sitio o bien modificar el formato que hemos dado a las

páginas que creamos con el que más le guste.

Es importante que los colores que utilicemos no sean muy fuertes, ya que en textos

largos puede cansar demasiado la vista del usuario. Es muy común utilizar el color negro para

los textos largos o bien un color oscuro que no fatigue demasiado la vista.

Es importante también no utilizar siempre el mismo color en toda la página, es

conveniente cambiar los colores de los Títulos y encabezados, así como algún texto que

queramos resaltar.

NÚMERO DE SECCIONES.

La cantidad de Secciones de nuestro sitio es ilimitada ya que cuando se completa el

espacio del ancho de nuestro sitio, las nuevas secciones se desplazan hacia abajo formando

una nueva fila de secciones.

Esto puede causar confusiones en algunos casos, por lo tanto recomendamos que

cuando esto suceda, reorganicemos los contenidos del sitio agrupándolos en nuevas

secciones más grandes.

ENLACES A PÁGINAS OCULTAS.

Las páginas ocultas no aparecen en la ventana de enlaces (Leer el apartado “Como

diseñar una Página” donde explica la herramienta “Hipervínculos” y la ventana donde

aparecen). Al no aparecer en esta ventana no podremos enlazarla de esta manera. El

procedimiento que debemos seguir es el siguiente:

Crear la página interna que queremos sea oculta, pero en un principio la dejaremos

“visible” durante unos minutos en la web. De esta manera podremos encontrarla

entre las opciones a enlazar desde la ventana de “Hipervínculos”.

78


Debemos recordar que la página que creamos debe estar oculta, así que una vez

enlazada, ingresaremos a la administración para modificar ese atributo. Esto debe

hacerse rápidamente ya que esa página aparecerá en la web durante el tiempo que

tardemos en enlazarla y algunos usuarios que visiten el sitio podrían verla.

LINKS SOBRE IMÁGENES.Los Enlaces sobre las imágenes no son posibles desde la vista de Diseño, pero

podemos realizarlos si editamos el código HTML; pero debemos tener conocimientos de

programación para ello. Lo que recomendamos hacer es escribir un breve texto donde el

usuario al pinchar sobre él obtenga el proceso que deseábamos realice haciendo clic sobre la

imagen. Ejemplo: “Clic aquí para ampliar la imagen” (nos llevaría a una nueva ventana donde

nos muestra la imagen más grande); “Clic sobre la imagen” (aquí podemos enlazar hacia

donde queramos, una página interna o una externa).

LINKS O ENLACES A PÁGINAS EXTERNAS.

Enlazar a una página externa es muy simple. Debemos seleccionar el texto donde se

enlazará el Hipervínculo y luego pinchar sobre la herramienta “Hipervínculo” representada por

un icono con una cadena en la vista de diseño (Leer el apartado “Como diseñar una Página”

donde explica la herramienta “Hipervínculos” y las ventanas donde aparecen).

Se abrirá una ventana con los contenidos del sitio que podemos enlazar, pero lo que

nos interesa es enlazarlo a una página externa (si poseemos la última versión de la

herramienta podemos crear un grupo de Links desde la Administración y luego podemos

enlazarlos desde esta ventana) entonces debemos escribir en el campo “Link” la dirección de

la página web que deseamos enlazar siempre recordando incluir en la dirección “http://” por

ejemplo: http://www.google.com de esta manera cuando pinchemos sobre el texto que posee

el hipervínculo nos llevara a la web de Google.

JUSTIFICAR EL TEXTO.

La opción para justificar el texto no está disponible entre las herramientas de la vista de

diseño, solo nos permite alinear el texto a la izquierda, centro o derecha.

La forma mas fácil es trabajar el texto en Word y justificarlo, luego lo copiamos a la

vista de diseño y listo. La otra forma es modificando el código HTML, pero no explicaremos

aquí ese proceso.

79


CREAR TABLAS.

Para crear tablas tenemos una herramienta en la vista de administración (Leer el

apartado “Como diseñar una Página” donde explica la herramienta “Tablas”) ahí tenemos que

completar los datos que aparecen en la ventana y listo. Otra manera mas fácil es crearlas en

Word y pegarlas en el diseño; con Word, podremos trabajar cómodamente cuando las tablas

tengan “borde 0”.

80


8 PREGUNTAS FRECUENTES ¿Cuando debo colocar la fecha de Modificación?

La fecha de modificación sirve para que los usuarios sepan cuándo fue la última

modificación del sitio y sepan que está actualizado o no.

¿Por qué puedo acceder a los contenidos privados del sitio sin colocar mi contraseña?

Esto puede suceder por 2 motivos.

No hemos activado la casilla “Privado” en los atributos de la página o sección

privada.

Cuando entramos a la administración del sitio, también se inicia una sesión en

el sitio web, por lo tanto se habilita el acceso a los contenidos privados del sitio.

Para verificar que los contenidos privados son, efectivamente privados;

debemos cerrar la sesión (enlace visible en el sitio con el nombre “Cerrar

Sesión”) y luego intentar abrir los contenidos privados. Al cerrar la sesión, si en

otra ventana mantenemos abierta la administración del sitio, no se podrá seguir

trabajando hasta iniciar una nueva sesión como administrador.

¿Puedo cambiar el color de fondo de una página interna?

Esto no es posible, si se quiere cambiar el color de fondo de una página interna, se

cambiarán en todas.

Por defecto, cuando creamos el sitio, siempre dejamos el fondo en blanco, ya que al

leer textos no cansa la vista. Además al colocar imágenes con fondo de color blanco u otro

color se arruina la estética del sitio.

Una posible solución es crear una tabla que ocupe todo el ancho de la página y

escoger un color de fondo para esa tabla, poniendo los contenidos en su interior.

81


¿Cómo hago para crear un enlace a una página externa?

Para enlazar a una página externa debemos seleccionar el texto y presionar sobre el

botón (Hipervínculo) y aparecerá una ventana con los contenidos del sitio, lo que debemos

hacer es escribir la dirección de la página externa que deseamos enlazar (siempre escribiendo

antes http:// y la dirección a continuación) y luego pulsar en OK.

¿Por que las imágenes de mi sitio no se ven?

Algunas veces intentamos copiar las imágenes directamente desde otro programa al

diseño de la página que estamos creando (por ejemplo si utilizamos Word y pegamos el

trabajo en la vista de diseño). Cuando hacemos esto, las imágenes quedan direccionadas a

nuestro disco duro y ningún usuario que visite el sitio podrá ver las imágenes ya que no

pueden acceder a nuestro disco duro.

Si copiamos las imágenes de otro Sitio Web (cosa que puede ser ilegal si tienen

copyright y es una práctica que no recomendamos) puede ser que cuando ese sitio saque las

imágenes o bien se dé de baja nuestras imágenes ya no se vean.

Debe entenderse que si las imágenes residen en otro servidor en Internet, estamos

sujetos a que un cambio, o la indisponibilidad temporal o definitiva en ese servidor, impidan

que las imágenes se vean en nuestro sitio. Por eso deben insertarse las imágenes siguiendo

las instrucciones que se dieron en el apartado correspondiente.

Puede ocurrir también que tengamos mal configurado el navegador y entre esas

configuraciones las imágenes estén desactivadas.

¿Por qué algunas veces ciertas imágenes no se muestran en mi sitio?

En ocasiones las imágenes no se muestran correctamente, debido a que el navegador

ha cargado mal la página, cuando esto ocurra debemos utilizar el botón derecho del ratón y

luego pinchar sobre “Mostrar Imagen”. Si tras este procedimiento no se muestra la imagen,

leer el punto anterior.

82


¿Por qué cuando creo una nueva página no aparece en mi sitio?

Para que las páginas se guarden en el sitio web, debemos presionar el botón “Agregar”

que aparece al final del formulario. Recién entonces se confirma su creación.

Otra causa de que no aparezca puede ser que hayamos cometido un error al escoger

la sección del sitio. En tal caso debemos buscar bien en las demás secciones para corroborar

si esto ha ocurrido.

Debemos recordar que para poder visualizar los cambios y las nuevas páginas,

debemos pulsar el botón “Actualizar” del navegador (en la vista del sitio) o presionar F5 cada

vez que se crea una nueva.

¿Por qué cuando quiero agregar una página a mi sitio los datos se borran?

Esto sucede cuando no completamos todos los datos obligatorios del formulario de

creación de páginas internas. Cuando esto sucede aparece un mensaje de error como el que

se muestra en la imagen.

¿Por qué no puedo enlazar las imágenes?

Las imágenes no pueden enlazarse desde la herramienta mediante la vista de diseño,

pero podemos hacerlo modificando el código fuente.

Para ver el código fuente debemos pinchar sobre la casilla HTML desde la vista de

diseño y automáticamente se muestra el código. Allí debemos buscar la imagen que

deseamos enlazar por su nombre de archivo (podemos utilizar menú “Edición – Buscar” y

escribir el nombre de la imagen).

Las imágenes suele encontrarse en un código similar al siguiente

<a href="http://www.e-ducativa.com"><IMG

src="http://www.e-ducativa.com/upload/img/imagen1.jpg" name=xdMdLKsTvW width=108

height=251 border="0" style="WIDTH: 125px; HEIGHT: 180px"></a>

Esta es la etiqueta <a> donde se colocan los hipervínculos, va continuado de href=

donde debemos incluir la dirección (siempre con http://) de la página que deseas enlazar. Ej:

83


<a href="http://www.e-ducativa.com"></a>

Siempre debes recordar cerrar la etiqueta con </a>. Antes de la etiqueta de cierre va la

imagen con sus características, tal y como lo puedes ver en el ejemplo anterior.

Donde termina el código de la imagen se cierra la etiqueta con </a> para determinar

que es lo que tiene el enlace.

Las imágenes enlazadas automáticamente presentan un recuadro azul para identificar

que tienen un enlace, pero muchas veces no queda bien en nuestro diseño, para quitar ese

recuadro debemos modificar el código agregando "border=0" al final de las características de

la imagen en el código como se muestra en el siguiente ejemplo.

<a href="http://www.e-ducativa.com"><IMG

src="http://www.e-ducativa.com/upload/img/imagen1.jpg" name=xdMdLKsTvW width=108

height=251 style="WIDTH: 125px; HEIGHT: 180px" border=0></a>

¿Puedo cambiar la imagen superior de mi web?

La herramienta solo permite modificar la parte central de su web. Al crear el sitio el

diseñador crea un área que será la que el usuario pueda modificar a su gusto. Allí se cargarán

los contenidos del sitio. El resto del sitio, que podemos llamar marcos, solo tiene acceso el

diseñador, el cual puede modificarlo a pedido del cliente sin problema alguno. Para más

información ir al apartado de introducción “Área modificable”.

84

manual de uso gestor de contenidoseoepzamora.centros.educa.jcyl.es/sitio/upload/manual_c… ·...

Documents