45
Web IES Albenzaide Conocimiento Básico de la Web. 1 (C) Inecor Informática. 2011

Conocimiento Básico de la Web. 1(C) Inecor Informática. 2011

Embed Size (px)

Citation preview

Web IES Albenzaide

Web IES AlbenzaideConocimiento Bsico de la Web.1(C) Inecor Informtica. 2011WEB IES Albenzaide

2(C) Inecor Informtica. 2011Mdulos de la Web

3(C) Inecor Informtica. 2011Ejemplo de ArtculoCapturaExplicacin.En este ejemplo del mdulo de equipo humano aparecen los artculos referentes al personal del centro.stos se presentan como artculos de presentacin independiente y pueden ser editados por el administrador en cualquier momento. (Se ver ms adelante)

4(C) Inecor Informtica. 2011Calendario EscolarEn esta seccin, los responsables autorizados, podrn publicar eventos tales como fechas y horarios de exmenes, excursiones, inicio y fin de curso etc.Los eventos publicados tambin aparecern en la pgina principal.

5(C) Inecor Informtica. 2011BibliotecaEn este mdulo aparecern los artculos pertenecientes a la SECCIN Biblioteca.

Como se ver las distintas secciones disponibles son:Sin clasificar.Noticias.Multimedia.Biblioteca.

Cada Seccin puede presentar CATEGORIAS como la seccin Noticias que se divide en:Del CentroDe LuqueNovedades.(Se ver en la etapa de diseo)

6(C) Inecor Informtica. 2011Correo CorporativoTodo el personal del centro dispone de una direccin corporativa del tipo. [email protected] figura representa la pgina de acceso.

7(C) Inecor Informtica. 2011Galera de FotosLa Seccin Galera de fotos permite subir a los usuarios autorizados, las imgenes que desee dentro de las categoras existentes. Imgenes de LuqueViajes de EstudiosFotos del CentroActividades Escolares.

Ha de tenerse en cuenta no subir las imgenes con una resolucin excesiva o no se mostrarn (800x600 aprox)

Para subir imgenes hemos de acceder al Panel de control.

8(C) Inecor Informtica. 2011Panel de ControlEsta es la vista del Panel de control. Deberemos hacer click en el botn Subir Imgenes para comenzar el proceso.

9(C) Inecor Informtica. 2011Carga de imgenes

10(C) Inecor Informtica. 2011Galera de Exposiciones

Slo el Administrador puede crear este tipo de galeras complejas11(C) Inecor Informtica. 2011Videoteca

Se utilizar para que el administrador pueda aadir vdeos de actividades deportivas, teatrales etc que se consideren de inters. Cada artculo de la seccin multimedia corresponder a un vdeo.12(C) Inecor Informtica. 2011Datos de contacto

13(C) Inecor Informtica. 2011Enlaces de inters

El administrador podr colocar enlaces a las direcciones que considere. (Durante la etapa de diseo)14(C) Inecor Informtica. 2011Introduccin de Eventos

LogarseIntroducir el evento y su fechaAgregar el evento15(C) Inecor Informtica. 2011Introduccin de eventos

Resultado16(C) Inecor Informtica. 2011Introduccin de eventos

Vista general de la seccin Calendario Escolar17(C) Inecor Informtica. 2011Etapa de diseoAdministradores y Managers.18(C) Inecor Informtica. 2011Acceso a la Web

19(C) Inecor Informtica. 2011Administradores

20(C) Inecor Informtica. 2011Gestores

Como principal diferencia. Los administradores, al contrario que los gestores, no pueden crear ni borrar cuentas de usuario. Existe la figura de Super Administrador que no ser utilizada dada su peligrosidad.21(C) Inecor Informtica. 2011Iconos de gestin(Uso habitual)Aadir nuevo artculoGestor de artculos

(Uso espordico)Gestor de usuariosGestor de SeccionesGestor de categoras

(Irrelevantes) Gestor de la pgina principalGestor MultimediaGestor de mens.

22(C) Inecor Informtica. 2011Artculo nuevo

Debemos proporcionar informaciones como Ttulo del artculo la seccin a la que pertenece y su correspondiente categora as como ciertos parmetros avanzados. (Como el nombre del autor) 23(C) Inecor Informtica. 2011Gestor de Artculos

Permite gestionar los artculos publicados en la Web24(C) Inecor Informtica. 2011Gestor de usuarios

Este panel permite agregar/eliminar usuarios as como modificar el grupo al que pertenece.25(C) Inecor Informtica. 2011Gestor de Secciones y Categoras

En estas secciones podremos aadir las secciones y categoras que deseamos para los artculos que posteriormente crearemos.

26(C) Inecor Informtica. 2011Aadir Enlaces (Proceso)

27(C) Inecor Informtica. 2011Aadir Enlaces (Proceso)

28(C) Inecor Informtica. 2011Aadir Enlaces (Proceso)

29(C) Inecor Informtica. 2011Aadir Enlaces (Resultado)

Como resultado ya estamos dando informacin de la web deseada dentro de la seccin Educacin30(C) Inecor Informtica. 2011F.T.P. (Subida de ficheros)En el ejemplo utilizaremos Total commander como gestor de FTP.Puede utilizarse cualquier gestor proporcionando los datos adecuados.31(C) Inecor Informtica. 2011Datos de ConfiguracinInformacin de FTP: FTP: iesalbenzaide.es Usuario: oyubcc (Ficticio por seguridad)Clave au1incro10 (Ficticia por seguridad)

Esta es la informacin que debemos proporcionar a nuestro cliente FTP.Slo el administrador debe acceder a la web mediante FTP.

32(C) Inecor Informtica. 2011Procedimiento F.T.P.

33(C) Inecor Informtica. 2011Procedimiento F.T.P.

34(C) Inecor Informtica. 2011Procedimiento F.T.P.

Proceso automtico de conexin.35(C) Inecor Informtica. 2011Procedimiento F.T.P.

Ruta para FTP: /public_html/ficheros/Es importante recordar siempre dnde hemos de situar nuestros ficheros y su estructura jerrquica en rbol para posteriormente poder enlazar los documentos en los artculos mediante enlaces. 36(C) Inecor Informtica. 2011Procedimiento F.T.P.

Enviamos el documento a la carpeta deseada recordando siempre el nombre del fichero.El nombre de archivo no puede contener espacios.Finalmente pulsamos Desconectar.37(C) Inecor Informtica. 2011Enlace de artculo con ficherosAhora veremos cmo podemos enlazar un fichero con la informacin contenida en un artculo.Este procedimiento pueden r realizarlo tanto los gestores como el administrador conociendo previamente :Nombre del fichero (Se distinguen maysculas)Ruta absoluta de ubicacin del fichero Las rutas sern del tipo:/ficheros/varios/Ejemplo.pdf

Nunca usaremos el prefijo /public_html/ (El sistema ya lo hace de forma automtica por nosotros)38(C) Inecor Informtica. 2011Artculos con enlaces a ficheros.

Primero creamos un nuevo artculo y marcamos el texto que contendr el llamado hipervnculo.39(C) Inecor Informtica. 2011Artculos con enlaces a ficheros.

Ahora seleccionamos la herramienta de hipervnculo. 40(C) Inecor Informtica. 2011Artculos con enlaces a ficheros.En esta ventana hemos de introducir la ruta absoluta del fichero con el que deseamos enlazar en nuestro artculo.Como destino podemos elegir entre Abrir el vnculo en la misma ventana o hacerlo en ventana nueva, que es lo ms habitual. Finalmente pulsamos el botn Insertar

41(C) Inecor Informtica. 2011Artculos con enlaces a ficheros.

La palabra anteriormente seleccionada nos aparece de color azul. Ahora slo resta guardar el artculo y ver el resultado.42(C) Inecor Informtica. 2011Resultado final

Cuando un usuario pique sobre la palabra enlace se le abrir una nueva pestaa en el navegador con el documento. El resultado para otro tipo de ficheros puede ser la apertura de un dilogo que permita al usuario abrir o guardar el documento en cuestin .43(C) Inecor Informtica. 2011RecomendacionesLa estructura de carpetas creada por el administrador debe ser lgicaLos ficheros subidos a la Web deben ser de tamao reducidoLos ficheros deben estar en formatos estndar, preferiblemente en .pdf, .flv .jpg y .zip segn se trate de documentos de texto, video, imagen y grupos de ficheros.

Los artculos con ficheros pueden ser tiles para que el personal docente pueda poner en manos del alumnado la documentacin que considere relevante a lo largo del curso.

El trabajo no debera de recaer en un nico administrador sino compartir la responsabilidad entre al menos dos personas para las tareas ms complejas. 44(C) Inecor Informtica. 2011Galeras de imgenesRequieren de la intervencin del administrador / superadministrador.Pasos:Procesar las imgenes seleccionadas y adecuarlas en tamaoSubirlas a su carpeta en la web /public_html/Galeras .Editar el artculo Galeras de imgenes para aadir un hiperenlace a la galera.ste formato de hiperenlace es del tipo index.php?option=com_oziogallery2&view=10cooliris&Itemid=19La direccin anterior se extrae durante la pre-visualizacin de una galera oziogalery previamente creada y que apunta a una determinada carpeta de imgenes.Se requiere de una buena dosis de prcticas antes de comenzar a trabajar con este tipo de galeras por lo que al menos de momento no sern tratadas.45(C) Inecor Informtica. 2011