manual Web definitivo - Colegio La Milagrosa de Zaragoza

Transcripción

manual Web definitivo - Colegio La Milagrosa de Zaragoza
Manual de
Administración
de la página Web
www.lamilagrosazgz.com
Blas Peris Millán
Manual Administración página Web
www.lamilagrosazgz.com
Centro Educativo Concertado
Infantil- Primaria- Secundaria
C/ Maestro Estremiana 3 y 5
50006 Zaragoza
Tel / Fax: 976 27 96 06
[email protected]
Este manual está pensado para facilitar el uso y actualización de la página Web del Colegio. Espero
que el trabajo sea de vuestro agrado y de fácil compresión.
Para subir una noticia a la página Web del Colegio. Hacemos los siguientes pasos:
•
Dirección de acceso al panel de control: www.lamilagrosazgz.com/admin
•
Introducimos los siguientes campos:
Usuario: admin.
Contraseña: admin.
Con esto ya hemos accedido al panel de administración:
[1]
Blas Peris Millán - Webmaster
Manual Administración página Web
www.lamilagrosazgz.com
Centro Educativo Concertado
Infantil- Primaria- Secundaria
C/ Maestro Estremiana 3 y 5
50006 Zaragoza
Tel / Fax: 976 27 96 06
[email protected]
Ahora en la parte superior izquierda tenemos tres pestañas desplegables:
Noticias, Calendario, Suscripción Web.
Pinchamos sobre “Noticias” y aparece un nuevo menú:
Pinchamos sobre “Agregar Noticia”. Ahora nos aparecerá la siguiente pantalla:
[2]
Blas Peris Millán - Webmaster
Manual Administración página Web
www.lamilagrosazgz.com
Centro Educativo Concertado
Infantil- Primaria- Secundaria
C/ Maestro Estremiana 3 y 5
50006 Zaragoza
Tel / Fax: 976 27 96 06
[email protected]
Ahora solamente hay que rellenar los campos indicados:
•
Resumen superior de la noticia: texto que queremos que aparezca destacado.
•
Titular: Titular de la noticia que aparecerá junto a la foto principal en la página de inicio.
•
Institución académica:
Aparece un texto desplegable con los campos arriba señalados. Ahora hay que
seleccionar a quién pertenece.
•
Resumen Noticia: pequeño resumen de la noticia que iré junto al título de la misma.
•
En los dos siguientes desplegables elegir al que corresponda y su ciclo o curso. Para
Primaria:
[3]
Blas Peris Millán - Webmaster
Manual Administración página Web
www.lamilagrosazgz.com
Centro Educativo Concertado
Infantil- Primaria- Secundaria
C/ Maestro Estremiana 3 y 5
50006 Zaragoza
Tel / Fax: 976 27 96 06
[email protected]
Para Secundaria:
•
Sitio Web relacionado: no hace falta poner nada, no está activo.
•
Noticia almacenada en: (en este caso está seleccionada en “Noticia de portada 1”)
[4]
Blas Peris Millán - Webmaster
Manual Administración página Web
www.lamilagrosazgz.com
Centro Educativo Concertado
Infantil- Primaria- Secundaria
C/ Maestro Estremiana 3 y 5
50006 Zaragoza
Tel / Fax: 976 27 96 06
[email protected]
Seleccionaremos la más adecuada mirando la antigüedad de las que ya están o de su
importancia. Esto es para que aparezcan en la página principal en las noticias destacadas
como se refleja en la siguiente foto de la página principal.
Si seleccionamos “No es noticia de portada” aparecerá en la página principal pero no en una de
estas cinco noticias destacadas.
•
Noticia almacenada en: seleccionar el que corresponda,
[5]
Blas Peris Millán - Webmaster
Manual Administración página Web
www.lamilagrosazgz.com
•
Centro Educativo Concertado
Infantil- Primaria- Secundaria
C/ Maestro Estremiana 3 y 5
50006 Zaragoza
Tel / Fax: 976 27 96 06
[email protected]
Fecha de noticia:
Seleccionaremos la fecha del día que subimos la noticia. Por defecto aparece como en la
imagen.
•
Noticia: Escribiremos el texto entero que queramos que aparezca en la página. Si ya lo
tenemos en Word o en OpenOffice.org Writer, simplemente podemos copiar y pegar el
texto en el cuadro de “Noticia”. Nos copiará el formato que ya tenga el texto y si hay
tablas o cualquier otro elemento, excepto fotos, también.
Ahora debemos subir la foto principal que va a acompañar a nuestra noticia. Para ello pinchamos al
ciclo que corresponda: (antes consultar ANEXO 1).
En este caso estaríamos sobre “Subir Fotos Secundaria”. Al pinchar nos aparecerá una nueva
pantalla como esta:
[6]
Blas Peris Millán - Webmaster
Manual Administración página Web
www.lamilagrosazgz.com
Centro Educativo Concertado
Infantil- Primaria- Secundaria
C/ Maestro Estremiana 3 y 5
50006 Zaragoza
Tel / Fax: 976 27 96 06
[email protected]
Solamente tenemos que subir una foto. Pulsando “Examinar …” nos deja buscar la
ubicación donde está guardada la foto. Una vez que ya la hemos encontrado le damos a
“abrir” y la adjunta.
Una vez que ya la hemos encontrado le damos a “abrir” y la adjunta.
[7]
Blas Peris Millán - Webmaster
Manual Administración página Web
www.lamilagrosazgz.com
Centro Educativo Concertado
Infantil- Primaria- Secundaria
C/ Maestro Estremiana 3 y 5
50006 Zaragoza
Tel / Fax: 976 27 96 06
[email protected]
Ahora pincharíamos en subir. ¡La foto ya está en el servidor! Solamente hay que subir una
foto como principal por noticia. Si ya hay una foto que hemos subido antes y que queremos
volver a utilizar, no hay que subirla porque ya está almacenada en el servidor.
Ya tenemos la foto principal.
Ahora la tenemos que adjuntar en la noticia que estamos subiendo, para ello pincharíamos
donde la hemos subido, en este caso en “Ver fotos Secundaria”
[8]
Blas Peris Millán - Webmaster
Manual Administración página Web
www.lamilagrosazgz.com
Centro Educativo Concertado
Infantil- Primaria- Secundaria
C/ Maestro Estremiana 3 y 5
50006 Zaragoza
Tel / Fax: 976 27 96 06
[email protected]
Nos aparecerá la siguiente pantalla:
Pinchamos en “fotos”, que está en rojo y nos lleva a ver las fotos, en este caso nos aparece lo
siguiente:
[9]
Blas Peris Millán - Webmaster
Manual Administración página Web
www.lamilagrosazgz.com
Centro Educativo Concertado
Infantil- Primaria- Secundaria
C/ Maestro Estremiana 3 y 5
50006 Zaragoza
Tel / Fax: 976 27 96 06
[email protected]
Pinchamos sobre la fotografía que hemos subido y aparecerá sola en otra pantalla:
Tenemos que seleccionar el la dirección que aparece en la parte de arriba de la foto. En la
imagen de arriba está en azul. Una vez que está copiada la pegamos en el panel de
administración en el cuadro correspondiente a “Foto ppal Noticia”, tal y como se muestra en
la siguiente imagen.
Si ahora le damos a “enviar”, ya tendríamos la noticia adjuntada en la página Web del
Colegio con la correspondiente foto principal para la noticia.
[10]
Blas Peris Millán - Webmaster
Manual Administración página Web
www.lamilagrosazgz.com
Centro Educativo Concertado
Infantil- Primaria- Secundaria
C/ Maestro Estremiana 3 y 5
50006 Zaragoza
Tel / Fax: 976 27 96 06
[email protected]
¿Cómo adjuntar un paquete de fotos en la noticia?
Para adjuntar un paquete de fotos en una noticia, por ejemplo, hemos realizado una visita y
hemos hecho varias fotos.
Lo primero es dejar todas las fotos en una carpeta en el escritorio. Por ejemplo, he creado en
el escritorio una carpeta con el nombre “fotos_pruebas”:
Ahora tenemos que comprimir la carpeta a formato .zip ó .rar
Con el puntero sobre la carpeta pulsamos el botón derecho del ratón. Nos aparecerá lo
siguiente:
[11]
Blas Peris Millán - Webmaster
Manual Administración página Web
www.lamilagrosazgz.com
Centro Educativo Concertado
Infantil- Primaria- Secundaria
C/ Maestro Estremiana 3 y 5
50006 Zaragoza
Tel / Fax: 976 27 96 06
[email protected]
Y seleccionamos: Añadir a “fotos_pruebas”. Se creará una carpeta en el escritorio como
esta:
Esta es la carpeta que tenemos que subir ahora. Para ello procedemos como sigue.
En el panel de administración tengo el apartado “Publicar Fotos”:
Procedemos como antes. Primero Tengo que subir el archivo donde corresponde, en este caso
“Subir Fotos Secundaria”
Nos aparecerá a siguiente pantalla:
[12]
Blas Peris Millán - Webmaster
Manual Administración página Web
www.lamilagrosazgz.com
Centro Educativo Concertado
Infantil- Primaria- Secundaria
C/ Maestro Estremiana 3 y 5
50006 Zaragoza
Tel / Fax: 976 27 96 06
[email protected]
Le damos a examinar para buscar el archivo que habíamos creado y lo seleccionamos. Luego
pinchamos en “subir”:
Ahora nos vamos al panel de administración donde estábamos subiendo la noticia y pinchamos en
“Ver fotos Secundaria”
Nos aparecerá lo siguiente:
[13]
Blas Peris Millán - Webmaster
Manual Administración página Web
www.lamilagrosazgz.com
Centro Educativo Concertado
Infantil- Primaria- Secundaria
C/ Maestro Estremiana 3 y 5
50006 Zaragoza
Tel / Fax: 976 27 96 06
[email protected]
Copiamos “fotos_pruebas.rar” y lo pegamos aquí escribiendo en dónde las subimos:
En este caso a lo que ya hay escrito añadimos: “secundaria/fotos_pruebas.rar” y pinchamos en el
cuadrito para que se quede marcado. Le damos a subir y ya están también las fotos subidas en la
página Web para que los padres puedan descargarlas.
Para adjuntar un documento en Word o en Pdf en la noticia, se procede de la misma manera pero
haciendo “clic” en el cuadradito correspondiente y escribiendo el nombre del documento en el
rectángulo a tal fin.
Si se quiere subir un vídeo hay que adjuntar un código. Este código será enviado a vuestro correo
electrónico una vez subido a www.youtube.com por el Webmaster.
Una vez subida una noticia siempre tenemos la posibilidad de modificarla o eliminarla. Desde el
panel de administración principal:
Buscaríamos la noticia que queremos y entraríamos en ella pudiendo modificarla o eliminarla
definitivamente de la página.
[14]
Blas Peris Millán - Webmaster
Manual Administración página Web
www.lamilagrosazgz.com
Centro Educativo Concertado
Infantil- Primaria- Secundaria
C/ Maestro Estremiana 3 y 5
50006 Zaragoza
Tel / Fax: 976 27 96 06
[email protected]
¿Cómo agregar un acto en el calendario?
Dentro del panel de administración nos vamos a “Calendario/agregar acto”.
Una vez que ya hemos entrado nos aparecerá la siguiente pantalla como sigue:
Aquí
Pinchamos sobre la llave para poder introducir las contraseñas y poder entrar en el panel de
administración del calendario.
[15]
Blas Peris Millán - Webmaster
Manual Administración página Web
www.lamilagrosazgz.com
Centro Educativo Concertado
Infantil- Primaria- Secundaria
C/ Maestro Estremiana 3 y 5
50006 Zaragoza
Tel / Fax: 976 27 96 06
[email protected]
Nos aparecerá la siguiente pantalla:
Introducimos los siguientes campos:
o Login: admin.
o Pswd: admin.
Pinchamos en el rectángulo que pone “Login”
Nos debe aparecer lo siguiente:
Aquí
[16]
Blas Peris Millán - Webmaster
Manual Administración página Web
www.lamilagrosazgz.com
Centro Educativo Concertado
Infantil- Primaria- Secundaria
C/ Maestro Estremiana 3 y 5
50006 Zaragoza
Tel / Fax: 976 27 96 06
[email protected]
Nos damos cuenta que el panel ha cambiado un poco. Tenemos una cruz verde en la parte de
abajo. Con esto ya hemos entrado al panel de administración del calendario. Ahora para
agregar un acto pinchamos en la cruz verde que ha aparecido y nos lleva a la siguiente
pantalla:
Ahora debemos rellenad los campos para agregar el acto:
•
Fecha Evento: pinchando en el icono del calendario sale un calendario desplegable para
seleccionar el día de comienzo del evento.
•
Fecha fin Evento: lo mismo pero para señalar cuando termina.
•
Repetición del anual del evento: por defecto sale en “Off”. Si es un evento que se repite
todos los años para la misma fecha se puede seleccionar “On”.
•
Evento activo: por defecto está en “On”. No tocar.
[17]
Blas Peris Millán - Webmaster
Manual Administración página Web
www.lamilagrosazgz.com
Centro Educativo Concertado
Infantil- Primaria- Secundaria
C/ Maestro Estremiana 3 y 5
50006 Zaragoza
Tel / Fax: 976 27 96 06
[email protected]
•
Recordatorio Email: Por defecto está en “Off”. No tocar.
•
Editor Name: Nombre de la persona que agrega el acto.
•
Categorías de Eventos: pinchando sale un menú desplegable y hay que seleccionar a que
corresponde, Dirección, Infantil, Primaria, Secundaria, Pastoral…
•
Título del Evento: Nombre de la actividad.
•
Detalles: Descripción del acto que estamos subiendo.
Ahora solamente nos quedaría pulsar “Añadir Evento”
Con esto ya está agregado el acto en el calendario.
Una noticia ya subida a la página puede ser modificada o eliminada. Si nos fijamos al final de las
noticias nos encontramos dos iconos como estos
Con el primer icono volvemos a editar la noticia, lo que nos permitirá modificarla y el segundo
icono nos permitirá eliminarla.
[18]
Blas Peris Millán - Webmaster
Manual Administración página Web
www.lamilagrosazgz.com
Centro Educativo Concertado
Infantil- Primaria- Secundaria
C/ Maestro Estremiana 3 y 5
50006 Zaragoza
Tel / Fax: 976 27 96 06
[email protected]
Para salir del panel de administración del calendario pinchamos sobre la llave que tiene el signo de
prohibido:
Aquí
[19]
Blas Peris Millán - Webmaster
Manual Administración página Web
www.lamilagrosazgz.com
Centro Educativo Concertado
Infantil- Primaria- Secundaria
C/ Maestro Estremiana 3 y 5
50006 Zaragoza
Tel / Fax: 976 27 96 06
[email protected]
¿Cómo mandar un correo a la lista de distribución?
En la pantalla principal de administración nos vamos a “Suscripción Web/Enviar Correo a la Lista”,
tal y como se muestra en la fotografía de arriba.
Cuidado con las opciones de “Modificar Usuario” y “Eliminar Usuario” porque son las personas
que se han dado de alta en la lista de distribución y podemos modificarlos o eliminarlos. Si no se
está seguro mejor no entrar en esta zona.
Ahora se nos abrirá otra pantalla como sigue:
[20]
Blas Peris Millán - Webmaster
Manual Administración página Web
www.lamilagrosazgz.com
Centro Educativo Concertado
Infantil- Primaria- Secundaria
C/ Maestro Estremiana 3 y 5
50006 Zaragoza
Tel / Fax: 976 27 96 06
[email protected]
Las opciones de la parte superior izquierda que están en azul:
Plantilla últimas noticias
Plantilla sin noticias
no están activas de momento.
Ahora simplemente tenemos que poner a continuación de “[boletín lamilagrosazgz.com]” el asunto
del correo y en el cuadro de texto escribir el correo que queremos mandar. Si lo tenemos en
documento Word u otro formato de texto podemos copiarlo y pegarlo aquí.
Pulsamos “enviar” y automáticamente el correo es enviado a todas las personas que se hayan dado
de alta en la lista de distribución.
[21]
Blas Peris Millán - Webmaster
Manual Administración página Web
www.lamilagrosazgz.com
Centro Educativo Concertado
Infantil- Primaria- Secundaria
C/ Maestro Estremiana 3 y 5
50006 Zaragoza
Tel / Fax: 976 27 96 06
[email protected]
ANEXO I
Es importante a la hora de subir una fotografía, o paquete de fotografías, que estas tengan un
tamaño adecuado para que no sean muy pequeñas para que se puedan ver bien por los padres, pero
que tampoco sean muy grandes para no saturar el servidor.
Lo aconsejable es dejar las fotos alrededor de 30 KB - 40 KB.
Para saber el peso de una foto, o tamaño, nos ponemos sobre el archivo de la foto y pinchamos con
el botón derecho del ratón seleccionando después propiedades:
Nos saldrá un nuevo menú como sigue:
[22]
Blas Peris Millán - Webmaster
Manual Administración página Web
www.lamilagrosazgz.com
Centro Educativo Concertado
Infantil- Primaria- Secundaria
C/ Maestro Estremiana 3 y 5
50006 Zaragoza
Tel / Fax: 976 27 96 06
[email protected]
En este caso vemos que la foto ya tiene 31,4 KB con lo que ya no hace falta reducirla.
Veamos cómo se puede reducir el tamaño de una fotografía con un programa sencillo de manejo
que está en todos los ordenadores. El programa viene instalado con Windows y se llama “Paint”.
Para abrir el programa hacemos lo siguiente:
“Inicio/todos los programas/accesorios/paint.”
[23]
Blas Peris Millán - Webmaster
Manual Administración página Web
www.lamilagrosazgz.com
Centro Educativo Concertado
Infantil- Primaria- Secundaria
C/ Maestro Estremiana 3 y 5
50006 Zaragoza
Tel / Fax: 976 27 96 06
[email protected]
Una vez que tenemos abierto el programa buscamos la foto que queremos reducir de tamaño y la
abrimos. Para ello “Archivo/abrir”.
Ahora ya es buscar la foto que queremos reducir.
Una vez que ya está abierta tendremos que reducir su tamaño. Para ello:
“Imagen/Cambiar de tamaño o sesgar…”
[24]
Blas Peris Millán - Webmaster
Manual Administración página Web
www.lamilagrosazgz.com
Centro Educativo Concertado
Infantil- Primaria- Secundaria
C/ Maestro Estremiana 3 y 5
50006 Zaragoza
Tel / Fax: 976 27 96 06
[email protected]
Ahora solamente hay que darle al % que queremos reducirla. Eso depende del tamaño que tenía la
foto en un principio. Tanto en horizontal como en vertical hay de poner el mismo valor para que la
foto no quede deformada.
Ahora se guarda la foto y ya está. Este proceso lo repetiremos tantas veces como fotos sean.
[25]
Blas Peris Millán - Webmaster

Documentos relacionados