Ingeniero Jos luis trespalacios http://joseluistrespalacios.weebly.

com/
GUA DE TRABAJO CREACIN DEL SITIO WEB

1. INGRESAR A LA PGINA www.weebly.com seleccionar el idioma espaol. 2. Registrarse para crear el sitio web escribiendo los datos solicitados

a. Colocar ttulo (NOMBRE Y APELLIDO) b. Seleccionar el tipo de sitio: educacin c. Categora (Profesor, proyecto, escuela, informativo, otro)

Continuar. d. El dominio debe ser en minsculas, sin tilde, sin espacios en blanco, no usar la letra . (.weebly.com)

CLIC EN CONTINUAR

Ingeniero Jos luis trespalacios http://joseluistrespalacios.weebly.com/

DISEO O PRESENTACIN DEL SITIO WEB 1. Clic en la pestaa diseo y en todos los temas

Seleccionamos el tema deseado. (rbol) 2. Ubicados sobre la imagen superior (dentro de la imagen) hacemos clic en Edit Image

a. En la barra de herramientas que aparece hacemos clic en Add Image y luego en la siguiente ventana clic en el botn verde para buscar la imagen que deseamos colocar.

b. En la carpeta ACTIVIDAD la imagen Familia la seleccionamos y le damos abrir

c. La ubicamos a un lado con clic sostenido y le damos ok.

Ingeniero Jos luis trespalacios http://joseluistrespalacios.weebly.com/

d. Hacemos clic en la parte superior en Add Text para agregar un texto (NOMBRE Y APELLIDO)

e. Movemos el texto (NOMBRE Y APELLIDO) a la derecha de la imagen y presionamos el botn Glow (brillo) Para darle una mejor presentacin deslizando hacia la derecha el botn sobre la barra y Ok

f.

Vamos a la parte superior derecha y le damos clic al botn Save (Guardar) All Pages (Todas las pginas)

PODEMOS HACER CLIC EN PUBLICAR PARA GUARDAR LOS CAMBIOS Y OBSERVAR COMO VA NUESTRO TRABAJO EN LA WEB. g. El la ventana siguiente dejamos seleccionado el dominio weebly.com y damos continuar

Ingeniero Jos luis trespalacios http://joseluistrespalacios.weebly.com/

Esperamos que se publique y damos clic en la direccin otorgada a nuestro sitio web

(http://______________________.weebly.com)

USO DE HERRAMIENTAS
CERRAMOS LA VENTANA DE PUBLICACIN PARA REGRESAR AL PANEL DE TRABAJO En la pestaa Elementos, seccin Bsico

Aparecen varias herramientas que se utilizan arrastrndolas con clic derecho al lugar de la pgina donde queremos que se ubiquen. (Las que tienen el logo pro no las usamos por que son para sitios pagos) 1. Usando la herramienta Mltiple Columns dividiremos la pgina inicial en dos columnas.

2. Al lado derecho insertaremos con la ayuda de la herramienta Prrafo con imagen Nuestro nombre, una foto y una breve presentacin del sitio y su autor.

Ingeniero Jos luis trespalacios http://joseluistrespalacios.weebly.com/

Para ingresar la imagen damos clic en el cuadro azul y buscamos la imagen que deseamos colocar (similar como se hizo con la imagen familia colocada en la parte superior). Podemos ampliarla o reducirla con clic sostenido en la esquina inferior derecha (cuadro rojo) En Clic aqu para modificar (ttulo) escribimos el nombre y apellido del autor del sitio (Podemos centrarlo, cambiar el tamao, el color usando la barra de herramientas que aparece automticamente. En Haz clic aqu para modificar (texto) escribimos nuestra presentacin

3. GALERA DE IMGENES Haciendo clic debajo de Bsico en la seccin Multimedia

Aparecen ms herramientas que podemos usar como por ejemplo: a. Slide Show Presentacin con diapositivas: Con el clic derecho la arrastraremos hasta la columna izquierda para ubicar en ese lugar unas imgenes

Seleccionamos el tipo de presentacin deseada y damos clic en continuar:

Ingeniero Jos luis trespalacios http://joseluistrespalacios.weebly.com/

Hacemos clic en el botn Upload Photos (Subir fotos) y seleccionamos las imgenes que deseamos colocar (galeria1 hasta galera5) y hacemos clic en Abrir

Esperamos que cargue las imgenes y damos clic en Save (guardar)

Listo, aparecern las imgenes como una presentacin dinmica.

Al estar ubicados en esta seccin aparece una barra de herramientas que nos permitir hacer modificaciones como agregar o editar las fotos, estilo del navegador.

HACEMOS CLIC EN PUBLICAR

Ingeniero Jos luis trespalacios http://joseluistrespalacios.weebly.com/

4. CREACIN DE PGINAS Y SUBPGINAS Al hacer clic en la pestaa pginas nos aparece una opcin en la cual podemos modificar las pginas existentes, agregar o quitar

Lo primero que haremos ser cambiar el nombre ala pgina Home por INICIO simplemente borramos la palabra Home e introducimos la palabra INICIO y damos clic en Guardar configuracin Volvemos a dar clic en la pestaa pginas A continuacin hacemos clic en Add page agregar pgina, de inmediato aparece la nueva pgina con el nombre New Page que cambiaremos por MATEMTICA

Continuamos dando clic en Modificar pgina Nos aparece una pgina nueva totalmente limpia en donde ingresaremos lo siguiente: Hacemos clic al lado derecho donde aparece multimedia, luego en la parte superior en arrastraremos la herramienta archivo flash

Damos clic en el cuadro negro y aparece la barra de herramientas

Presionamos Cargar archivo nuevo y buscamos el archivo Tablas de multiplicar y damos abrir

Ingeniero Jos luis trespalacios http://joseluistrespalacios.weebly.com/

Esperamos que cargue, una vez aparezca el objeto lo centramos nuestro trabajo.

y damos clic en publicar para ver

A CONTINUACIN REALIZAREMOS LOS PASOS PARA CREAR UNA NUEVA PGINA, esta vez la nombraremos como NATURALES en ella usaremos dentro del paquete de herramientas multimedia la insercin de un video de youtube de l siguiente forma:

Arrastramos a nuestra pgina el objeto

Video de youtube

Una vez colocado en el lugar deseado aparece un video de presentacin al darle clic al video parece y encima la barra de herramientas

En el cuadro URL de video de YouTube ingresa esta direccin:

http://www.youtube.com/watch?v=3w4WYClscus&feature=fvst
Es un video del aparato digestivo que ser cargado automticamente, este video podemos modificarlo usando la barra de herramientas por ejemplo su tamao (pequeo, mediano, grande, extra grande) y los mrgenes de posicin en la seccin Avanzado.

Haz clic en publicar para guardar el trabajo.

Ingeniero Jos luis trespalacios http://joseluistrespalacios.weebly.com/

UBICADO EN LA PGINA DE INICIO

Debajo de la imagen de presentacin se utiliza el Elemento Bsico Imagen Para insertar la imagen del campus virtual UDES y su enlace http://aulavirtual.eaie.cvudes.edu.co/

Primero arrastramos el elemento imagen al lugar donde deseamos ubicarlo. Hacemos clic sobre el cuadro azul, luego en el botn verde

y buscamos la imagen de nombre udes ubicada en la carpeta Actividad Damos clic en abrir y esperamos que cargue la imagen.

Al colocarnos encima de la imagen a parece una barra de herramientas de color negro en donde salen varios botones de los cuales usaremos dos: El primero para ingresar el enlace http://aulavirtual.eaie.cvudes.edu.co/

Ingeniero Jos luis trespalacios http://joseluistrespalacios.weebly.com/

Debemos seleccionar la opcin Abrir el vnculo en una nueva ventana y dar clic en guardar y el segundo para colocar una breve descripcin debajo de la imagen (Aula Virtual UDES)

Damos clic en Save Hacemos clic en

CARGA DE ARCHIVOS (WORD, PDF, EXCEL, MP3, ETC) PODEMOS CARGAR ARCHIVOS QUE NO SUPEREN LOAS 5 MEGAS DE UNA FORMA SENCILLA Puede ser creando un vnculo en un texto como lo haremos a continuacin: Primero ingresaremos un texto usando la herramienta Texto o si lo desea con la herramienta Titulo

Modificamos el texto escribiendo NOTAS DE UN REA CON PORCENTAJES y seleccionamos dicho testo

En la barra de herramientas de texto Hacemos clic en el botn vnculo

Ingeniero Jos luis trespalacios http://joseluistrespalacios.weebly.com/

Seleccionamos Y damos clic en cargar un archivo para buscar el archivo a subir NOTAS DE UN REA POR PORCENTAJES

Y LE DAMOS ABRIR Clic en NOTA: TODAS LAS HERRAMIENTAS TIENEN LA OPCIN DE SER BORRADAS HACIENDO CLIC EN LA PARTE SUPERIOR DERECHA EN LA CRUZ ROJA QUE APARECE

PARA SALIR HACEMOS CLIC EN LA PARTE SUPERIOR DERECHA EN LA PALABRA CERRAR Y LUEGO EN CERRAR SESIN

TAREA: PARA QUE SIRVE LA PESTAA EDITORES? EN LA PESTAA DISEO QU SE PUEDE HACER EN LA SECCIN OPCIONES DE DISEO?