Contenido

Crear el lugar (site) Electrónico ................................................................................................................. 1

Insertar elementos a las páginas ............................................................................................................... 4

Editar el lugar después de publicado ........................................................................................................ 6

Subir documentos/imágenes ....................................................................................................................... 7

Profa. María L. Moctezuma Porfolio Electrónico

Crear el lugar (site) Electrónico

1. Entre a www.weebly.com y abra una cuenta. Si desea cambie el idioma a español. Al completar los datos que pide en el primer cuadro, dé clic en Sign Up. It’s Free!

2. Irá a la siguiente pantalla, en donde dará clic en el botón Site o Blog a base de la página que

creará

3. Inmediatamente irá a la ventana para seleccionar el tema del lugar. Seleccione el diseño que

más le guste. Tan pronto lo apunte en la base de éste saldrá una barra con los diferentes colores que pueda aplicarle y el botón Choose para escogerlo.

Profa. María L. Moctezuma Porfolio Electrónico

Hay algunos que no tienen opciones para cambiarles el color, pero el diseño se puede cambiar cada vez que desee.

4. En la siguiente ventana marque la primera opción. Escriba en el área provista el nombre que representará la dirección para acceder posteriormente al lugar. Escriba en minúscula, sin espa-cios entre palabras. Weebly le indicará a la derecha si la dirección está disponible (Available). Dé clic en el botón Continue.

5. Weebly le dará la bienvenida y, si desea, podrá proyectar un video. Al calce están las opciones

para planificar el site o construirlo. Dé clic en la opción Build my site para comenzar el proceso.

6. Irá a una pantalla que contiene a la izquierda varios botones o elementos. Estos botones repre-

sentan el contenido a incluir. Se arrastran al área de la página que se esté construyendo, a base de las necesidades. En el centro hay un cuadro que simula el modelo del site. En la parte superior están las siguientes pestañas:

a. Construir/ – área que se utiliza para incluir los elementos dentro de la pagina

Profa. María L. Moctezuma Porfolio Electrónico

b. Diseño/ – donde podemos cambiar la apariencia del lugar y se puede alterar en cualquier momento

c. Páginas/ – aquí añadimos/eliminamos las áreas de contenido dentro del lugar, también se pueden agregar subpáginas

d. Tienda/ – área para añadir paginas para guardar información sobre productos, datos o aceptar pagos.

e. Configuración / – para configurar el lugar

7. Dé clic en la pestaña Pages. En Page Name cambie el título de la página Home a Inicio.

8. Presione el botón Add Page para agregar una página nueva. Habra cuatro opciones: Standard Page, Blog Page, Store Page o External Link. En Page Name escriba el nombre de la página. A medida vaya añadiendo páginas, Weebly guardará los cambios automáticamente.

9. Repita el proceso hasta incluir todas las páginas que necesite en el lugar.

10. Las páginas se pueden mover arrastrando los botones representativos de éstas. Se pueden crear subtemas moviéndo el botón hacia la derecha.

11. Graba y edita al dar clic en el botón Grabar & Modificar/ . 12. Las copia al dar clic en el botón Copiar página/ .

Profa. María L. Moctezuma Porfolio Electrónico

13. Las borra con el botón Eliminar página/ .

Insertar elementos a las páginas

1. Weebly permite añadir los elementos arrastrando los botones en la pestaña Build al área pro-vista para ello (Drag Elements Here). Los botones o elementos se explican por sí solos.

2. Una vez creadas las páginas dé clic en Grabar & Modificar/ . Inmediatamente irá al modelo de la página. Dé clic en el botón representativo de cada página y arrastre los elementos que contendrá.

a. Por ejemplo, para una página de Autobiografía probablemente necesitará añadir texto y una foto. Para lograr esto arrastre el botón Image + Text hasta el área de la página. En todos los elementos que contengan texto saldrá la siguiente barra contextual de formato, al dar clic en Click here to edit text:

b. Luego de que escriba o copie el texto, presione sobre el área para añadir la imagen. Apa-

recerá una ventana para buscar la imagen. Presione el botón en donde la localizará. Si es en la computadora dé clic en el botón My Computer, el verde (Click to upload a file from your computer) y localícela en el directorio que esté guardada.

c. Al encontrarla presione Open u OK. Las imágenes se pueden editar a gusto solo tiene

que seleccionarlas, hacer los cambios y guardarlos.

3. El mismo proceso funciona para cada página creada. Solo presione sobre el botón de la página a editar. El contenido de cada página variará a base de las necesidades. Si está creando un porfolio donde subirá los trabajos creados en un curso, es recomendable insertar columnas. Con el formato de columnas se mantienen los documentos mejor ordenados.

4. Al terminar con el lugar y publicarlo saldrá el cuadro de diálogo que sigue:

Profa. María L. Moctezuma Porfolio Electrónico

5. Dé clic en Continue y saldrá el cuadro de diálogo para seleccionar el tipo de lugar:

6. Dé clic en el cuadro en Dont Ask Me Again y en Continue. Saldra lo siguiente:

7. Dé clic en OK Publish My Site.

8. Saldrá la notificación de que se publicó. La dirección que aparece en la parte superior es con la cual se podrá acceder el site posteriormente. Cerciórese de anotarla si piensa que puede olvi-darla. Cierre este cuadro de diálogo sin marcar nada más, a menos que desee compartirlo en Facebook o Twitter.

Profa. María L. Moctezuma Porfolio Electrónico

9. Dé clic en el botón de cierre para continuar trabajando con el lugar.

Editar el lugar después de publicado

1. Entre a www.weebly.com y acceda a su cuenta (Log in).

2. Dé clic en el botón Modificar (Edit).

3. Haga los cambios en el editor. Al dar clic en el botón Publicar/ en la página de

Weebly, las modificaciones aparecerán inmediatamente.

Nota: Si no ve los cambios que hizo después de publicar el lugar, es probablemente porque el navegador está mostrando una versión anterior. De clic en el botón Reload del navegador para traer la versión nueva.

Profa. María L. Moctezuma Porfolio Electrónico

4. Saldrá nuevamente el cuadro:

5. Dé clic en el botón de cierre y continúe editando el lugar. Al hacer las ediciones y concluirlas, dé

clic en el botón Publicar/ o hay la posibilidad de que los últimos cambios no se efectúen.

Subir documentos/imágenes

1. Siga los pasos 1 y 2 del tema anterior.

2. Abra la página en donde colocará los archivos y arrastre el elemento adecuado.

3. Si es un documento que va a mostrar directamente en pantalla, arrastre el botón Documento (Document). Dé clic en Cargar archivo nuevo/Upload new File.

4. Si desea que el usuario baje el documento, arrastre el icono de Archivo (File) al área adecuada. Dé clic en el icono de la hoja de papel al lado del texto Click here to upload file.

5. En el borde superior saldrá el cuadro que sigue, el cual permite colocar el icono del archivo a la izquierda (left) o la derecha (right):

Profa. María L. Moctezuma Porfolio Electrónico

6. Saldrá el cuadro de diálogo que sigue, el cual da dos opciones.

a. Arrastrar y soltar el archivo a la parte indicada en el cuadro.

b. Subir el archivo de donde esté guardado con la opción Cargar archivo nuevo/Upload

new File, dando doble clic encima del nombre del documento o en el botón Open. Saldrá un mensaje a la derecha de la pantalla indicando que el archivo está subiendo. Cuando se completa el proceso también lo indica.

Además, lo notará porque verá el nombre del archivo y Download File debajo de éste.

Profa. María L. Moctezuma Porfolio Electrónico

7. De la misma forma podemos agregar archivos de imágenes, galería de imágenes, presentaciones, mapas, formas de contacto, videos de alta definición y de Youtube, de audio, flash, etc. Algunas opciones solo pueden utilizarse en la versión pagada.

8. Si sale el siguiente mensaje de error, se podría deber a una de las siguientes razones.

a. El tamaño de los archivos en las cuentas gratuitas no debe exceder de 5MB cada uno. Por lo tanto, asegúrese de que el archivo que sube no exceda ese límite.

b. La memoria cache está llena. Ésta es una memoria temporal que permite acceder a los datos en línea más rápidamente. Como la limpieza dependerá del navegador que utilice, acceda a http://www.wikihow.com/Clear-Your-Browser's-Cache para obtener las instruc-ciones a base del navegador y versión del mismo.

c. Intente con otro navegador. Weebly usualmente funciona a perfección con Google, Firefox, Safari, Chrome e Internet Explorer. Si al limpiar la memoria cache no funciona, cambie a otro navegador.

d. Coteje que tenga instalado el programa gratuito Flash Player.

Si falla la subida del archivo desinstale Flash, vuelva a instalarlo y cierre el navegador. Vuelva a entrar a Internet, a Weebly y suba el archivo nuevamente.

9. Recuerde dar clic en el botón Publicar / para que se efectúen los cambios en el lugar.

BIBLIOGRAFÍA

Ferrer López, J. R. (noviembre 2011). Guía rápida para crear el lugar Electrónico para Metodología y Práctica Docente en Weebly. UPRM.

Disponible en Ayuda http://www.weebly.com/.