manual+de+uso+de+jimdo+(1)

COLEGIO MARA AUXILIADORA - Hijas de Mara Auxiliadora C/ Villaamil 18 - Madrid 28039

www.colegiomariaauxiliadora.org Formacin del profesorado

Formacin del profesorado Manual de creacin de sitios web con Jimdo

Pgina 1 de 9 Contacto: [email protected]

MANUAL DE CREACIN DE PAGINAS WEB CON LA APLICACIN ON-LINE JIMDO 0. NDICE 1. REGISTRARSE EN JIMDO ....................................................................................... 2

1.1. Registrarse en la aplicacin............................................................................. 2 1.2. Acceso a la edicin de nuestro sitio web............................................................. 3

2. HERRAMIENTAS DE TRABAJO EN JIMDO..................................................................... 4 2.1. Barra lateral de herramientas .......................................................................... 4 2.2. Editar encabezado........................................................................................ 7 2.3. Editar navegacin......................................................................................... 7 2.4. Editar contenidos ......................................................................................... 8





MANUAL DE CREACIN DE PAGINAS WEB CON LA APLICACIN ON-LINE WEEBLY 1. REGISTRARSE EN JIMDO

1.1. Registrarse en la aplicacin Accedemos a la pgina pincipal de Jimdo www.jimdo.es. Ponemos la direccin que deseamos para nuestra web (en nuestro caso profesywebs) y una direccin de correo. Como va a ser una pgina gratuita, nuestro sitio web tendr jimdo en la URL: http://profesywebs.jimdo.com. Aceptamos las condiciones de uso y pinchamos en CREAR PGINA WEB.

Nos pedirn que rellenemos una caja de texto para evitar spam y registros aleatorios y nos avisan de que nos van a enviar un correo a la direccin que pusimos con los datos de acceso a nuestra pgina. Una vez hemos comprobado el correo, tendremos una direccin web http://profesywebs.jimdo.com y una contrasea de acceso. Ya estamos registrados en la aplicacin.





1.2. Acceso a la edicin de nuestro sitio web Para modificar nuestro sitio web, podemos acceder desde la pgina principal de Jimdo, en Iniciar sesin o bien desde la pgina que acabamos de crear http://profesywebs.jimdo.com.

En la parte inferior, aparece Iniciar sesin. Pinchamos ah e introducimos la contrasea que nos han enviado por correo. Veremos que entramos a una pgina similar pero con algunas diferencias:

Barra lateral de herramientas Edicin de la imagen del encabezado Panel para editar la navegacin Mdulos configurables





2. HERRAMIENTAS DE TRABAJO EN JIMDO 2.1. Barra lateral de herramientas

Distinguimos las siguientes herramientas:

Plantillas: en plantillas podremos elegir una de las plantillas que nos proponen.

Cada vez que seleccionemos una plantilla nos llevara a una pantalla de vista previa en la que podremos visualizar el resultado de nuestra eleccin; podremos aceptarla o volver hacia atrs para escoger otra.

En Estilo podremos configurar caractersticas como:





El tipo de letra, tamao, color de los hipervnculos, estilo de las lneas horizontales que separan mdulos, etc. Podremos definir los nuestros propios o bien escoger alguno de los estilos preprogramados que vienen por defecto.

El color de fondo que tendr nuestro sitio web de entre una gama que se nos propone. El estampado de fondo que tendr nuestro sitio web de entre una gama que se nos propone. Atentos a estar en los fondos de Jimdofree (versin gratis de la aplicacin).

Tambin podemos optar por poner un fondo a partir de una imagen que tengamos en nuestro ordenador.

Cuando hayamos escogido, nos mostrar una vista previa para que aceptemos o volvamos a escoger otro fondo.

En la opcin Blog, nos da la opcin de crear un blog dentro de nuestra pgina. En la opcin Amigos nos da la opcin de crear comunidades o redes sociales En la opcin Mensajes, podremos conectar nuestra pgina Jimdo con Twiter En Jimdo Pro/Jimdo Bussines, tenemos informacin acerca de qu productos estn disponibles con esas dos versiones, que son de pago frente a la nuestra, Jimdo Free que es gratuita.





En Ajustes tenemos varias opciones relacionadas con el mantenimiento de la cuenta. De entre ellas destacar:

Pgina web/Zonas con clave: te permite crear zonas dentro de tu sitio web que estn protegidas por contrasea Iniciar sesin/Contrasea: para cambiar la contrasea de inicio que nos enviaron al correo por otra que sea ms fcil de recordar para nosotros. Usuario/eliminar cuenta: si queremos eliminar nuestro sitio web.

No podremos generar Estadsticas con la versin Jimdo Free. Ayuda on line, es un pequeo repositorio con instrucciones para comenzar a usar Jimdo. Por ltimo pinchando sobre Cerrar podremos replegar la barra lateral de herramientas cuando no la necesitemos. Una vez replegada, se puede volver a mostrar pinchando en Abrir.





2.2. Editar encabezado Pinchando sobre Editar imagen del encabezado, se despliega el siguiente men. Con l podremos:

Elegir la foto de la cabecera entre las imgenes de la Galera y los Estampados propuestos o bien cargar una Imagen propia desde nuestro ordenador. Tambin podremos cambiar el Ttulo as como aadir un Logo. Todos los tamaos y posiciones se pueden configurar en Ajustes, mediante los controles.

2.3. Editar navegacin

Esta es la herramienta que nos va a permitir crear el men de navegacin por las diferentes pginas que forman nuestro sitio web. El men que tenemos es el que se crea por defecto al crearse el sitio web y podremos modificarlo acorde a nuestras necesidades.

Observamos: Por cada pgina web que haya en nuestro sitio tendremos un panel de control como este:

A B C D E F G H En el cuadrado A escribiremos el nombre de la pgina Con la flecha hacia arriba (B) subiremos una pgina en el men Con la flecha hacia abajo (C) bajaremos una pgina en el men Con la flecha hacia la izquierda (D) subiremos a una pgina de nivel jerrquico (subpgina pgina). Sern las pginas que aparezcan en el men de navegacin. Con la flecha hacia la derecha (E) bajaremos a una pgina de nivel jerrquico (pgina subpgina). Esas pginas slo se vern cuando se despliegue la pgina del nivel superior. Con el signo + (F) crearemos una pgina nueva Con icono del cubo de basura borraremos una pgina Con el ojo, haremos que una pgina sea visible o invisible. Estas pginas, para nosotros aparecern tachadas de forma que podremos trabajar con ellas, pero sern invisibles para los usuarios de la pgina.

Cada vez que modifiquemos algo en el men, pincharemos sobre Guardar, para grabar los cambios. Saldremos del men de edicin pinchando sobre Cerrar.





2.4. Editar contenidos El contenido propiamente dicho de nuestra pgina web, los vamos a introducir utilizando mdulos prediseados que iremos colocando. En cada mdulo tendremos el siguiente panel de control:

A B

C

D

Con la flecha hacia arriba (A) subiremos un mdulo para colocarlo donde lo necesitemos Con la flecha hacia abajo (B) bajaremos un mdulo para colocarlo donde lo necesitemos Con el icono del cubo de basura (C) eliminaremos un mdulo Con el icono + (D) aadiremos un mdulo nuevo.

Cuando pinchamos sobre el icono +, se despliega el men con todos los mdulos disponibles.

La mejor manera de conocerlos es probarlos e ir descubriendo su funcionamiento. Destacamos los siguientes:

En Ttulo, podremos elegir entre poner dos niveles de titulacin Con Imagen, podremos insertar una fotografa Con Texto, podremos introducir prrafos de texto. Nos saldr este cuadro, con espacio para teclearlo. El men es igual que el de cualquier editor de texto. Tenemos la opcin de incluir hipervnculos. Para ello seleccionamos el texto que en el que queremos que vaya el vnculo, y despus

pinchamos sobre el smbolo .





Nos aparecer un nuevo cuadro de dilogo donde podremos elegir la pgina web a la que accederemos desde nuestro enlace: - Si queremos enlazar con una pgina web de nuestro sitio web, lo elegiremos en el despegable Enlace interno. - Si queremos enlazar con una pgina web ajena a nuestro sitio web, escribiremos la URL de la pgina destino en Enlace externo o e-mail. Una vez hayamos escogido uno u otro, pinchamos sobre Insertar enlace, y despus sobre Guardar

Con Imagen con texto, podremos insertar texto y foto en un mismo mdulo. Podremos configurar la posicin de uno con respecto al otro segn nuestra conveniencia, as como el tamao y la orientacin de la imagen.

Tambin podremos incluir un vnculo en la foto de la misma forma que lo hicimos en texto, pinchando en Enlace.

En Tabla, podremos incluir una tabla; su funcionamiento es similar al de los editores de texto. Con Galera de fotos podremos crear un lbum fotogrfico: podremos elegir el formato y el tamao de previsualizacin, el estilo de la galera etc. En Descargas podremos subir documentos de todo tipo al que el usuario tendr acceso como una descarga. Podremos incluir ttulo y descripcin de cada uno de los ficheros. Con Formulario, podremos incluir un formulario para que los usuarios de la pgina se puedan poner en contacto con nosotros por medio de correo electrnico. Lnea horizontal, incluir una lnea que podemos utilizar, por ejemplo, para separar los contenidos o los diferentes mdulos. Libro de visitas, da la opcin de crear una especie de foro. Las opciones de publicacin son configurables por nosotros, de manera que podamos tener control sobre lo que aparece publicado. Con Youtube, podremos poner vdeos de Youtube embebidos en nuestro sitio web, de forma que se podrn visualizar sin necesidad de acceder a Youtube. Algo similar ocurre con Widget/HTML, utilidad por medio de la cual, podremos incluir cdigo HTML del que proporcionan muchas pginas, para embeber contenidos en nuestra pgina sin necesidad de salir de ella (Google docs, Gogear, Megavdeo, Widgets, etc.)

manual+de+uso+de+jimdo+(1)

Documents