SlideShare une entreprise Scribd logo
1  sur  14
Télécharger pour lire hors ligne
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

Contenu connexe

Tendances

Espacio de trabajo Dreamweaver
Espacio de trabajo DreamweaverEspacio de trabajo Dreamweaver
Espacio de trabajo Dreamweaverpaoloarevaloortiz
 
Karina cadena slideshare.docx
Karina cadena slideshare.docxKarina cadena slideshare.docx
Karina cadena slideshare.docxkarycadena87
 
Herramientas de word y sus funciones gustavo lopez
Herramientas de word y sus funciones gustavo lopezHerramientas de word y sus funciones gustavo lopez
Herramientas de word y sus funciones gustavo lopezGustavoLopez9914
 
Herramientas básicas de word
Herramientas básicas de wordHerramientas básicas de word
Herramientas básicas de wordDiana Cordón
 
Lectura guia clase_3
Lectura guia clase_3Lectura guia clase_3
Lectura guia clase_3stemancito
 
1A actividad 2.8 edición y formato
1A actividad 2.8 edición y formato1A actividad 2.8 edición y formato
1A actividad 2.8 edición y formatoDENIRAMIREZANDRADE
 
1B Actividad 2.8 edición y formato
1B Actividad 2.8 edición y formato1B Actividad 2.8 edición y formato
1B Actividad 2.8 edición y formatoDENIRAMIREZANDRADE
 
PowerPoint
PowerPointPowerPoint
PowerPointIrvinCC
 
Word y sus barras de herramientas
Word y sus barras de herramientasWord y sus barras de herramientas
Word y sus barras de herramientasvramcas123
 
Como Ingresar A Microsoft Word
Como Ingresar A Microsoft WordComo Ingresar A Microsoft Word
Como Ingresar A Microsoft WordRafael Aqueche
 
Editor del Moodle
Editor del MoodleEditor del Moodle
Editor del MoodleJaimePolar
 
Jose emanuel presentacion
Jose emanuel presentacionJose emanuel presentacion
Jose emanuel presentacionJose Caballero
 

Tendances (19)

Espacio de trabajo Dreamweaver
Espacio de trabajo DreamweaverEspacio de trabajo Dreamweaver
Espacio de trabajo Dreamweaver
 
Angelica mendoza siladhare
Angelica mendoza siladhareAngelica mendoza siladhare
Angelica mendoza siladhare
 
Karina cadena slideshare.docx
Karina cadena slideshare.docxKarina cadena slideshare.docx
Karina cadena slideshare.docx
 
Herramientas de word y sus funciones gustavo lopez
Herramientas de word y sus funciones gustavo lopezHerramientas de word y sus funciones gustavo lopez
Herramientas de word y sus funciones gustavo lopez
 
BARRA DE HERRAMIENTAS DE WORD
BARRA DE HERRAMIENTAS DE WORDBARRA DE HERRAMIENTAS DE WORD
BARRA DE HERRAMIENTAS DE WORD
 
Elemento 1
Elemento 1Elemento 1
Elemento 1
 
Herramientas básicas de word
Herramientas básicas de wordHerramientas básicas de word
Herramientas básicas de word
 
Lectura guia clase_3
Lectura guia clase_3Lectura guia clase_3
Lectura guia clase_3
 
Impress
ImpressImpress
Impress
 
Introduccion a word
Introduccion a wordIntroduccion a word
Introduccion a word
 
1A actividad 2.8 edición y formato
1A actividad 2.8 edición y formato1A actividad 2.8 edición y formato
1A actividad 2.8 edición y formato
 
1B Actividad 2.8 edición y formato
1B Actividad 2.8 edición y formato1B Actividad 2.8 edición y formato
1B Actividad 2.8 edición y formato
 
Herramientas de word
Herramientas de wordHerramientas de word
Herramientas de word
 
PowerPoint
PowerPointPowerPoint
PowerPoint
 
Word y sus barras de herramientas
Word y sus barras de herramientasWord y sus barras de herramientas
Word y sus barras de herramientas
 
Word
WordWord
Word
 
Como Ingresar A Microsoft Word
Como Ingresar A Microsoft WordComo Ingresar A Microsoft Word
Como Ingresar A Microsoft Word
 
Editor del Moodle
Editor del MoodleEditor del Moodle
Editor del Moodle
 
Jose emanuel presentacion
Jose emanuel presentacionJose emanuel presentacion
Jose emanuel presentacion
 

En vedette

In use testing program for heavy-duty diesel engines and vehicles
In use testing program for heavy-duty diesel engines and vehiclesIn use testing program for heavy-duty diesel engines and vehicles
In use testing program for heavy-duty diesel engines and vehiclesWiroj Kaewkan
 

En vedette (6)

Autoveicoli elettrici FB
Autoveicoli elettrici FBAutoveicoli elettrici FB
Autoveicoli elettrici FB
 
In use testing program for heavy-duty diesel engines and vehicles
In use testing program for heavy-duty diesel engines and vehiclesIn use testing program for heavy-duty diesel engines and vehicles
In use testing program for heavy-duty diesel engines and vehicles
 
Santi.comic
Santi.comicSanti.comic
Santi.comic
 
Meditep. Research Services
Meditep. Research ServicesMeditep. Research Services
Meditep. Research Services
 
Presentación1
Presentación1Presentación1
Presentación1
 
Incroyable
IncroyableIncroyable
Incroyable
 

Similaire à Ejercicio3

Similaire à Ejercicio3 (20)

Manual actiweb (equipo)
Manual actiweb (equipo)Manual actiweb (equipo)
Manual actiweb (equipo)
 
Crear contenidos en MOODLE
Crear contenidos en MOODLECrear contenidos en MOODLE
Crear contenidos en MOODLE
 
Praktika 4
Praktika 4Praktika 4
Praktika 4
 
Ofimatica
OfimaticaOfimatica
Ofimatica
 
G:\diseño de web
G:\diseño de webG:\diseño de web
G:\diseño de web
 
Trabajo cristhian pdf
Trabajo cristhian pdfTrabajo cristhian pdf
Trabajo cristhian pdf
 
Word
WordWord
Word
 
Diseño web
Diseño webDiseño web
Diseño web
 
Barra de herramientas de ppt
Barra de herramientas de pptBarra de herramientas de ppt
Barra de herramientas de ppt
 
Manual de nvu
Manual de nvuManual de nvu
Manual de nvu
 
Lucero garcia
Lucero garciaLucero garcia
Lucero garcia
 
2do semestre (1)
2do semestre (1)2do semestre (1)
2do semestre (1)
 
Sesion 9 herramientas de texto
Sesion 9 herramientas de textoSesion 9 herramientas de texto
Sesion 9 herramientas de texto
 
Sesion 9 herramientas de texto
Sesion 9 herramientas de textoSesion 9 herramientas de texto
Sesion 9 herramientas de texto
 
Procesador de textos
Procesador de textosProcesador de textos
Procesador de textos
 
Manual web autodministradas
Manual web autodministradasManual web autodministradas
Manual web autodministradas
 
Procesador de textos
Procesador de textosProcesador de textos
Procesador de textos
 
Guia de autoaprendizaje
Guia de autoaprendizajeGuia de autoaprendizaje
Guia de autoaprendizaje
 
Procesador de textos word
Procesador de textos wordProcesador de textos word
Procesador de textos word
 
Procesador de textos Word
Procesador de textos WordProcesador de textos Word
Procesador de textos Word
 

Ejercicio3

  • 1. 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
  • 2. 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
  • 3. MÓDULOS DEL GESTOR DE CONTENIDOS
  • 4. 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.
  • 5. 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
  • 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 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
  • 10. 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
  • 11. 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
  • 12. 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.
  • 13. 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.
  • 14. 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