VISUALIZAR LA PÁGINA WEB:


 http://nombrecentro.centros.educa.jcyl.es


ENTRAR EN LA ADMINISTRACIÓN DE LA PLATAFORMA:


• http://nombrecentro.centros.educa.jcyl.es
Nombre del centro

Insertar las imágenes
de la cabecera



Crear las secciones y
las páginas que
contienen



Colocar una foto
en la cabecera


Escribir un texto



Enlazar con otras páginas


  CREACIÓN DE UNA
    WEB DE CENTRO


         http://soporte.centros.educa.jcyl.es/sitio/index.cgi
MÓDULOS DEL GESTOR DE CONTENIDOS
CREAR LAS SECCIONES




MENU VERTICAL




                        ASPECTOS A TENER EN CUENTA

     • Debemos de cuidar el número de secciones.
     • Deben de tener una o dos palabras.
     • Existe la posibilidad de que las secciones sean privadas.
     • Pueden desplegar un menú o dirigirnos directamente a una página.
MENU HORIZONTAL: presionamos en SECCIONES


   Desde este modulo podemos:
AGREGAR - MODIFICAR - ELIMINAR
           ORDENAR
          las secciones




 PASOS A DAR:
1º Seleccionar el comando


2º Nombre del menú: En este campo
se introduce el nombre que se le
quiere dar a esa sección (lo que se
verá).

3º Descripción: En este campo
podemos introducir una descripción
más detallada del nombre de esa
sección.

4º De los cuatro puntos siguiente
seleccionamos “Sin enlaces”


5º Agregar
B




    De los tres campos solo eligiéremos uno.

    URL: Permite incluir una dirección de internet a la que se accederá cuando se seleccione dicha página.

    Módulo: Permite elegir uno los módulos disponibles de la herramienta, e incluirlo en la
    página que estás creando:
          Buscador: Crea una página con un buscador
          Formulario de contacto: Crea una página con un formulario
          Otro formulario que haya creado el usuario: Crea una página con un formulario que haya creado
          un usuario administrador.
          Libro de visitas: Crea una página donde muestra el libro de visitas
          Noticias en general: Crea una página con todas las noticias que están dadas de alta
          Noticias de un tipo determinado: Crea una página con todas las noticias de un determinado tipo
          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.
C          Diseño del contenido de la página
                                         La barra de herramientas es similar a la Word



                                                              Podemos establecer
                                                            “Hipervínculos” dentro
                        Podemos establecer                    de la misma página
                     “Hipervínculos” con otras
                       páginas, fotografías,…
                                                                           Permite
                                                                                            Nos muestra el código
                                                                      seleccionar todo
                                                                                             de lenguaje HTML
                                                                        el contenido




Insertar una barra              Insertar un                                          Limpiar código
    horizontal                    carácter
                                  especial                                   Color del fondo

      Quitar formato                                                      Color del texto
                                     Insertar/modificar
                                            tabla

            Cambiar las                  Pegar como texto           Pegar desde
          líneas de ayuda                     plano                    word
           por elementos
             invisibles
D




    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.
MODIFICAR EL ORDEN DE LAS PÁGINAS

1. Clic en el menú PÁGINAS
2. Escoger la opción MODIFICAR
3. Selecciona una sección del filtro mostrado arriba a la derecha
   Aquí debemos seleccionar la página que queremos cambiar
   de posición en la lista, hacer clic sobre ella, ubicarla en la
   nueva posición y aplicar cambios
ANTES DE DISEÑAR EL CONTENIDO DE UNA PÁGINA, NOS
                   PREGUNTAREMOS:


• Va a tener IMÁGENES

• Utilizaremos algún tipo de documentos asociado a la pagina (word, pdf,..)

• Va a enlazar con algún programa en flash, o algún otro tipo de archivo

•Utilizaremos algún tipo de animación.
….




                                 IMÁGENES
                                  UPLOADS
Diseño del contenido de la página: TABLAS

            1º Crear una tabla:

                   • Presionamos sobre el botón
                   • Completamos los campos
                   • INSERTAR


            2º La tabla puede ser modificada




    Cambiar las líneas                                 Combinar celdas
      de ayuda por
   elementos invisibles

Insertar/modificar la tabla                Insertar/eliminar
                                           filas o columnas

       Propiedades de la fila

      Propiedades de la celda




    Nota: Las tablas pueden ser realizadas en Word, para ser copiadas y pegadas en el CONTENIDO
Diseño del contenido de la página: TEXTOS


       PUEDEN SER ESCRITOS EN:

           • Word, copiado y pegados en el gestor de contenidos
           • Directamente sobre el gestor de contenidos

       LOS TEXTOS PUEDEN SER:

           • Modificados en tamaño, color, tipo de letra, alineación,…


       DEBEMOS TENER PRESENTE:

           • Que las imágenes no se pueden pegar.
           • El tipo de letra que utilizamos, no siempre esta en el gestor.
FORMULARIOS
Lo utilizaremos 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 especifique

  Formulario de Contacto: para que
  el visitante se comunique con el
  administrador. Los campos pueden ser
  modificados.                                 (C)
               • Agregar (A)             (B)
               • Modificar (B)
               • Eliminar (C)
                                               (A)

  Administración
  AGREGAR, MODIFICAR o
  ELIMINAR formularios con los que
  cualquier usuario puede enviar
  información a una dirección de
  correos que especifiquemos.
ALGUNOS ASPECTOS A TENER EN CUENTA:


1.   Utilizar el Word para realizar los trabajos. Después copiar y pegar

2.   Utilizar tablas dentro de las páginas

3.   Cuidar el tamaño de las imágenes

4.   Cuidar el tamaño de los archivos. Mejor PDF que Doc

5.   Tipo de letra, tamaño y colores. Arial de 10

6.   El número de secciones que vamos usar y el tamaño del título de las páginas que se verán en la
     web

Ejercicio3

  • 1.
    VISUALIZAR LA PÁGINAWEB:  http://nombrecentro.centros.educa.jcyl.es ENTRAR EN LA ADMINISTRACIÓN DE LA PLATAFORMA: • http://nombrecentro.centros.educa.jcyl.es
  • 2.
    Nombre del centro Insertarlas imágenes de la cabecera Crear las secciones y las páginas que contienen Colocar una foto en la cabecera Escribir un texto Enlazar con otras páginas CREACIÓN DE UNA WEB DE CENTRO http://soporte.centros.educa.jcyl.es/sitio/index.cgi
  • 3.
    MÓDULOS DEL GESTORDE CONTENIDOS
  • 4.
    CREAR LAS SECCIONES MENUVERTICAL ASPECTOS A TENER EN CUENTA • Debemos de cuidar el número de secciones. • Deben de tener una o dos palabras. • Existe la posibilidad de que las secciones sean privadas. • Pueden desplegar un menú o dirigirnos directamente a una página.
  • 5.
    MENU HORIZONTAL: presionamosen SECCIONES Desde este modulo podemos: AGREGAR - MODIFICAR - ELIMINAR ORDENAR las secciones PASOS A DAR: 1º Seleccionar el comando 2º Nombre del menú: En este campo se introduce el nombre que se le quiere dar a esa sección (lo que se verá). 3º Descripción: En este campo podemos introducir una descripción más detallada del nombre de esa sección. 4º De los cuatro puntos siguiente seleccionamos “Sin enlaces” 5º Agregar
  • 6.
    B De los tres campos solo eligiéremos uno. URL: Permite incluir una dirección de internet a la que se accederá cuando se seleccione dicha página. Módulo: Permite elegir uno los módulos disponibles de la herramienta, e incluirlo en la página que estás creando: Buscador: Crea una página con un buscador Formulario de contacto: Crea una página con un formulario Otro formulario que haya creado el usuario: Crea una página con un formulario que haya creado un usuario administrador. Libro de visitas: Crea una página donde muestra el libro de visitas Noticias en general: Crea una página con todas las noticias que están dadas de alta Noticias de un tipo determinado: Crea una página con todas las noticias de un determinado tipo 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.
  • 7.
    C Diseño del contenido de la página La barra de herramientas es similar a la Word Podemos establecer “Hipervínculos” dentro Podemos establecer de la misma página “Hipervínculos” con otras páginas, fotografías,… Permite Nos muestra el código seleccionar todo de lenguaje HTML el contenido Insertar una barra Insertar un Limpiar código horizontal carácter especial Color del fondo Quitar formato Color del texto Insertar/modificar tabla Cambiar las Pegar como texto Pegar desde líneas de ayuda plano word por elementos invisibles
  • 8.
    D 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.
  • 9.
    MODIFICAR EL ORDENDE LAS PÁGINAS 1. Clic en el menú PÁGINAS 2. Escoger la opción MODIFICAR 3. Selecciona una sección del filtro mostrado arriba a la derecha Aquí debemos seleccionar la página que queremos cambiar de posición en la lista, hacer clic sobre ella, ubicarla en la nueva posición y aplicar cambios
  • 10.
    ANTES DE DISEÑAREL CONTENIDO DE UNA PÁGINA, NOS PREGUNTAREMOS: • Va a tener IMÁGENES • Utilizaremos algún tipo de documentos asociado a la pagina (word, pdf,..) • Va a enlazar con algún programa en flash, o algún otro tipo de archivo •Utilizaremos algún tipo de animación. …. IMÁGENES UPLOADS
  • 11.
    Diseño del contenidode la página: TABLAS 1º Crear una tabla: • Presionamos sobre el botón • Completamos los campos • INSERTAR 2º La tabla puede ser modificada Cambiar las líneas Combinar celdas de ayuda por elementos invisibles Insertar/modificar la tabla Insertar/eliminar filas o columnas Propiedades de la fila Propiedades de la celda Nota: Las tablas pueden ser realizadas en Word, para ser copiadas y pegadas en el CONTENIDO
  • 12.
    Diseño del contenidode la página: TEXTOS PUEDEN SER ESCRITOS EN: • Word, copiado y pegados en el gestor de contenidos • Directamente sobre el gestor de contenidos LOS TEXTOS PUEDEN SER: • Modificados en tamaño, color, tipo de letra, alineación,… DEBEMOS TENER PRESENTE: • Que las imágenes no se pueden pegar. • El tipo de letra que utilizamos, no siempre esta en el gestor.
  • 13.
    FORMULARIOS Lo utilizaremos paraque 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 especifique Formulario de Contacto: para que el visitante se comunique con el administrador. Los campos pueden ser modificados. (C) • Agregar (A) (B) • Modificar (B) • Eliminar (C) (A) Administración AGREGAR, MODIFICAR o ELIMINAR formularios con los que cualquier usuario puede enviar información a una dirección de correos que especifiquemos.
  • 14.
    ALGUNOS ASPECTOS ATENER EN CUENTA: 1. Utilizar el Word para realizar los trabajos. Después copiar y pegar 2. Utilizar tablas dentro de las páginas 3. Cuidar el tamaño de las imágenes 4. Cuidar el tamaño de los archivos. Mejor PDF que Doc 5. Tipo de letra, tamaño y colores. Arial de 10 6. El número de secciones que vamos usar y el tamaño del título de las páginas que se verán en la web