Cuaderno de Trabajo Web 2.0

Transcripción

1 Cuaderno de Trabajo Web 2.0 MANUAL DE USO PARA EL ALUMNADO Alumno/a: Clase: Tutor/a: URL:

2 Tema 1 Explicación sobre la aplicación Web Qué es trabajo Web 2.0? Es una aplicación Web que tiene permitirá publicar tus trabajos en formato de página Web. Es muy fácil de utilizar y no hace falta saber nada sobre lenguajes de programación para publicar un trabajo. Cualquier alumnos del CEIP. Huerta Mayor puede hacerlo. Cómo funciona trabajo Web? Puedes entrar en treballweb desde el blog del tercer ciclo ( hortamajor.blogspot.com), desde la Web de la escuela ( o directamente en La Web que harás se puede buscar desde la portada de Treballweb. Buscas tu clase, o tu nombre, o apellidos, y encontrarás tus trabajos en Web. Para ver tu trabajo no necesitas entrar dentro de ningún lugar ni utilizar ningún usuario ni contraseña, basta con buscar el trabajo o tu ficha y ver la Web que has creado. Piensa que tu trabajo está en Internet y por tanto se puede ver desde cualquier lugar del mundo donde te puedas conectar a Internet. Para modificar tu trabajo e insertar el texto imágenes, colores, dibujos, etc. deberás acceder dentro de TreballWeb y conocer la manera de insertar el texto y crear tu diseño gráfico. Esto es muy fácil pero es importante aprender a hacerlo bien, porque seguro que así podrás sacar el máximo partido a todas las posibilidades y hacer una Web sensacional. Aprender a buscar trabajos Para encontrar tu trabajo o el de otros compañeros debes seguir los siguientes pasos: 1 º) Ir a la página principal de TreballWeb a través de una de estas opciones: Blog del ciclo: Web de la escuela: Directamente: 2 º) Baja un poco y abre la pestaña BUSCAR POR: y elige la opción que quieras: Nombre: ordena todos los alumnos del ciclo por nombre. Apellido: ordena todos los alumnos del ciclo por apellido.classe: ordena tots els alumnes d una classe 2

3 alfabéticament. 3º) Mira los datos de cada alumno: Verás que aparece una tabla con cuatro columnas: Clase, Nombre, Correo, TreballWeb. Si haces click en el nombre irás a la ficha personal de cada alumno donde verás todos los trabajos que ha realizado ese alumnos y podrás ver los trabajos. Para volver pulsa arriba o donde pone PORTADA. Si haces click en el correo electrónico del alumno podrás contactar con él por correo electrónico. Si haces click en ver trabajo verás directamente el trabajo de Qué caña de tijera! Que ha hecho ese alumno. Fijado en una cosa: la dirección de internet donde aparece el trabajo, todas esas letras se llaman URL. La URL es muy importante conocerla porque indica la dirección donde nos tiene que llevar el navegador, es como si fuera la calle y el número donde vive nuestro trabajo en Internet. 3

4 ACTIVIDADES: Actividad 1: Busca trabajos de tus compañeros y apunta su URL: Compañero: URL: Compañero: URL: Compañero: URL: Actividad 2: Envía la URL de tu trabajo por correo electrónico, se trata de que puedas enseñar a otras personas tu trabajo. Sigue los pasos: Busca tu trabajo, y después tienes que copiar la URL (con el teclado ctrl + c). Abra su cuenta de correo electrónico y ve a redactar un correo nuevo, pega (con el teclado ctrl + v). Escribe algo para saludar a tu maestro / a y envía el correo electrónico a (Correo de tu maestro/maestra). Actividad 3: Partes de tu TreballWeb Ir a tu TreballWeb y mira cuáles son las partes que tendrá la Web que vas a crear. Apuntalas aquí: 1: 2: 3: 4: 5: 4

5 Tema 2 Comenzamos a crear el Trabajo Web Acceder insertando el usuario y la contraseña Hasta ahora hemos podido ver nuestro TreballWeb sin necesidad de acceder a la aplicación. Es importante comprender que para ver tu TreballWeb no tendrás que entrar dentro de la aplicación TreballWeb, sólo es necesario entrar para modificar en trabajo o insertar nuevos datos: texto, imagen, colores, etc. Para entrar es necesario en la parte superior derecha insertar tu nombre de usuario y tu contraseña. Estos datos debe darte-las tu profesor y tendrás que recordarlas sin decirlo a nadie. Es importante que no digas a nadie tu contraseña para que así te evitarás problemas, mantener en secreto tu contraseña es responsabilidad tuya, todo lo que se publique en tu Web también es responsabilidad tuya. Descripción de la pantalla principal Una página Web tiene dos cosas importantes: el contenido y el diseño gráfico. Con TreballWeb podrás modificar estas dos cosas a tu gusto y según tu necesidad. Una vez dentro de la aplicación entras en tu pantalla y verás varias cosas: Subir tu imagen con tu nombre y clase, y la posibilidad de salir. Es muy importante para salir apretar el botón salir, sino lo haces otra persona podría entrar haciéndose pasar por ti. Botón Diseño gráfico: con el que podrás modificar los colores y el tema de tu TreballWeb. Botón Vista previa: podrás ver como quedará finalmente tu Web (abre en una ventana nueva, para volver a TreballWeb tienes que cerrar la ventana nueva). Título de tu trabajo: Por defecto tienes escrito el título del libro, pero es un elemento que puedes personalizar. Si escribes con mayúsculas quedará mejor después. Contenidos de tu trabajo: verás que están los 5 apartados en los que se divide en tu trabajo, portada, descripción de los personajes, resumen de los capítulos, opinión personal y biografía de la autora. Para modificar el trabajo tienes que seleccionar el apartado y hacer click en el botón modificar el apartado selecionar. 5

6 Secciones y apartados Cuando entras dentro de un apartado verás lo siguiente: un editor de texto donde se inserta el texto de la misma manera que en el Open Office o Word. Es necesario escribir el texto y luego el próximo tema enseñaremos a editar el texto. Portada: debes presentarte tú o tu trabajo, tienes la imagen del libro por si te gusta. Descripción de los personajes: Tienes que escribir el nombre de cada personaje y describirlo de manera breve. Resumen de los capítulos: Debes resumir todos los capítulos en una sola página, a las horas no hace falta que copias todo lo que has escrito en tu trabajo, tienes que hacer un resumen concreto de cada capítulo y escribirlo. Opinión Personal: Escribe toda tu opinión sobre la lectura y el trabajo en Web que estás haciendo. Biografía: Aprovechando de las nuevas tecnologías en el blog de la escuela, encontrarás un ellaç donde estará la biografía de Mercé Viana. ACTIVIDADES: Actividad 1: Entra en la sección portada, bajo de la imagen del libro escribe tu nombre, apellidos y la clase en la que estudias. Puedes presentarte en dos líneas. Pulsa el botón guardar y después el botón Vista previa, verás cómo has cambiado los contenidos de la portada de tu trabajo. Actividad 2: Entra en las diferentes secciones y empieza a introducir el texto, verás que ya te hemos ayudado escribiendo algunas cosas, e indicando cómo debes escribir algunas cosas. Tu maestro / at indicará para qué sección debes empezar. 6

7 Tema 3 Edición de texto y la inserción de los contenidos de tu trabajo Vamos a hacer varias cosas con el texto: alinearlo, modificar el tamaño de la letra, color de la letra, insertar imágenes. RECUERDA! Antes de hacer cualquier cosa primero tendrás que seleccionar el texto. Alineación del texto El texto se puede poner a la izquierda, a la derecha, al centro o se puede justificar. Los títulos se pueden poner la izquierda y después el texto normal debe ponerse justificado. Mira el ejemplo de cómo alinear el texto: ESQUERRA CENTRE DRETA JUSTIFICAT Fero con cus dolut doluptatet fugit aut offic tor sit maio quiatur reritatem qui doloribus sit a si inienim et, cus, si re liquam et, sanderibus, sum iunti derro optaquo minus se nost, quatem eos sa nat. Agniminveror ma acea videl est pro offic tota ne neseditem ex eum ipsae veliquo omnia erunt eum quatem cum exceptaqui to doluptati ius, sit assimax imporit atiist, ipiendi gendandel idessit rendemp Fero con cus dolut doluptatet fugit aut offic tor sit quiatur reritatem qui doloribus sit a si inienim et, cus, si re liquam et, sanderibus, sum iunti derro optaquo minus se nost, quatem eos sa nat. Agniminveror ma acea videl est pro offic tota ne neseditem ex eum ipsae veliquo omnia erunt eum quatem cum exceptaqui to doluptati ius, sit assimax imporit atiist, ipiendi gendandel idessit rendemp Fero con cus dolut doluptatet fugit aut offic tor sit maio quiatur reritatem qui doloribus sit a si inienim et, cus, si re liquam et, sanderibus, sum iunti derro optaquo minus se nost, quatem eos sa nat. Agniminveror ma acea videl est pro offic tota ne neseditem ex eum ipsae veliquo omnia erunt eum quatem cum exceptaqui to doluptati ius, sit assimax imporit atiist, ipiendi gendandel idessit rendemp Fero con cus dolut doluptatet fugit aut offic tor sit maio quiatur reritatem qui doloribus sit a si inienim et, cus, si re liquam et, sanderibus, sum iunti derro optaquo minus se nost, quatem eos sa nat. Agniminveror ma acea videl est pro offic tota ne neseditem ex eum ipsae veliquo omnia erunt eum quatem cum exceptaqui to doluptati ius, sit assimax imporit atiist, ipiendi gendandel idessit rendemp 7

8 Tamaño de la letra Se puede aumentar o disminuir el tamaño de la letra, pero ten en cuenta que el tamaño normal es de 14 a 16 dependiendo del tipo de letra que eliges. No tienes que poner letras demasiado grandes ni demasiado pequeñas. Fuente Puedes elegir el tipo de letra que quieras, pero recuerda que las mejores son: Arial, Tahoma y Verdana. Al diseñar una Web siempre se suelen utilizar estas letras porque son las que no tienen rodamientos grandes. Tienes que respetar una regla: Utilizar el mismo tipo de letra siempre! 8

9 Color de la letra También se puede cambiar el color de la letra, aunque lo normal es ponerla negra, es posible utilizar más colores. ATENCIÓN! el color de la letra debe ser completamente diferente al del fondo de la página Web, sino no podrás leer absolutamente nada. Si el fondo de tu Web es de color claro utiliza una letra negra. Hiperenlaces Puedes hacer que la persona que se desliza tu trabajo pulsando sobre una palabra pueda ir a una dirección de Internet que consideres interesante. Esto es poner un enlace y se hace de la siguiente manera: Pulsa el botón enlace Escribe la URL de la Web donde quieres ir. Por ejemplo: y la persona que haga click sobre esa palabra irá a Google. Si quieres que la persona que va a leer tu trabajo no pierda tu Web tienes que ir a la pestaña Destino y seleccionar nueva ventana. 9

10 Insertar imágenes Puedes insertar todas las imágenes que consideres interesantes, pero deberán cumplir una condición: Estar ya en Internet! Tendrás que hacerlo de la siguiente manera: Abra una nueva ventana del navegador. Ir a Google y pulsa en imágenes. Busca la imagen que quieras utilizar. Pulsa sobre ella. Vuelve a pulsar sobre ella hasta que sólo aparezca la imagen sin más. Copia la URL (recuerda: se copia seleccionando y Ctrl + c). Ahora en tu TreballWeb tendrás que hacer lo siguiente: 10

11 Pulsa el botón insertar imágen. Pega la URL (recuerda: se pega apretando Ctrl + v). Pulsa OK ACTIVIDADES: Actividad 1: Continúa insertando el texto en los apartados, pero esta vez empieza a alinear el texto, cambiar el tipo de letra, el tamaño y insertar alguna imagen que puedas encontrar en relación a algún capítulo, tu opinión o la biografía de tu trabajo. 11

12 Tema 4 Diseño gráfico de tu trabajo Web Con Trabajo Web podrás personalizado todo tu trabajo utilizando los colores que quieras y algunos dibujos para decorar tu Web. Entra en el apartado de Diseño Gráfico para poder hacerlo. ATENCIÓN! tienes que ver tu Web como una obra de arte donde tú eres el artista, es muy importante tener buen gusto a la hora de mezclar los colores para obtener una Web atractiva. Ten en cuenta que en una página Web cuenta muchísimo el gusto que tengas para dejarla bonita, incluso una Web con unos contenidos muy bien redactados puede ser muy malo de leer si el diseño gráfico no es bueno. Cambiar los colores de las partes de la Web. Puedes cambiar los colores de todos los elementos de la Web, para saber qué es cada cosa en TreballWeb tienes un dibujo explicativo donde tiene dice que es cada elemento. Tienes que pensar que el color que utilizas en un elemento condicionará el color que utilizarás en los demás: Fondo: Es el color de fondo de toda la Web. Suele utilizarse un color muy oscuro o muy claro qu contraste con el del cuerpo de la Web. Cabecera: Es el color de fondo del lugar donde el título, tu imagen y tu nombre. Color del título: Se color de las letras de tu título y de tu nombre. Para quedarte bien debe contrastar mucho con el color de la cabecera, intenta utilizar un color claro. Color del subtítulo: debe contrastar mucho con el color del cuerpo de la Web. Un idea de que puedes utilizar es poner el mismo que el que has puesto de fondo de la Web. Color de menú: Es el color que tendrá tu menú superior e inferior. Color del texto del menú: Debe contrastar también mucho con el color del menú. Una vez seleccionados los colores que creas tienes que hacer click en guardar y en vista previa para poder ver el resultado. Siempre estarás a tiempo de modificar los colores y el diseño de tu Web así que si un día no te gusta puedes entrar y cambiarla. 12

13 Cambiar el tema de tu Web También, si te apetece, puedes elegir un tema para tu Web. El tema son imágenes que aparecen en el fondo o en la parte inferior de la Web. Prueba todos los temas y selecciona el que más te guste. Ten en cuenta que el tema que eliges también tendrá que estar de acuerdo con los colores que quieras utilizar en los apartados. Tema mariquitas: Tema tijeras: Tema peces: Cómo diseñar una página Web: cosas correctas e incorrectas Incorrectas Utilizar letras enormes o muy pequeñas. Utilizar el mismo color de letra que el mismo color de fondo. No alinear el texto y tenerlo desparramat por la pantalla. Poner información o imágenes que no sean de interés alguno. Cosas que suben despistar al que mira la Web. Correctas: Utilizar letras entre 12 y 14. Utilizar tipos de letras claras como Arial, Tahoma o Verdana. Alinear el título a la izquierda y el texto normal justificado. El color de la letra debe contrastar mucho con el cuerpo de la Web. No utilizar colores de fondo que hagan daño a la vista. Utilizar los contenidos justos, es decir, ni pasarse de letra ni quedarse corto. Las Web han se ser sencillas y no se suelen utilizar colores que llaman mucho la atención. ACTIVIDADES: Actividad 1: Ahora que ya has insertado el texto de los apartados de tu trabajo tienes que cambiar el diseño gráfico. Piensa bien los colores que vas a utilizar y haz pruebas antes de elegir el diseño definitivo. Si quieres también recuerda que puedes utilizar cualquiera de los temas disponibles. 13