1
Índice de contenido Licencia y condiciones de uso...3 Introducción...4 Crear sitio...5 Acceso a Google Sites...5 Registro del sitio...6 La página de inicio...8 Añadir páginas...9 Añadir páginas...9 Página web...10 Anuncios...13 Archivador...15 Lista...17 Editar páginas...19 Configuración de la página...20 Eliminar página...21 Recuperar página...22 Diseño del sitio...23 Modificar cabecera...24 Barra lateral...25 Añadir elementos barra lateral...27 Administrar el sitio...28 Administrar el sitio...28 General...28 Temas...29 Colores y fuentes...30 Compartir y permisos...31 2
Licencia y condiciones de uso Todo el material utilizado para elaborar este curso está disponible públicamente y sujeto, excepto que se indique lo contrario, a una licencia de Reconocimiento-NoComercialCompartirIgual (by-nc-sa) v.3.0 España de Creative Commons. Pueden copiarse, distribuirse y transmitirse públicamente siempre que no se haga para fines comerciales y se cite el autor y la fuente (Junta de Comunidades de Castilla-La Mancha), pudiendo crear obras derivadas, siempre y cuando las mismas se compartan con la misma licencia que la presente. La licencia completa puede consultarse en: http://creativecommons.org/licenses/by-nc-sa/3.0/es/. En el caso de obtener y utilizar los materiales disponibles de este curso, usted debe respetar siempre la sección que contiene la licencia de uso y el autor de la misma, dejándola visible y accesible para cualquiera que visualice este material. Entre el material del curso se han incluido imágenes pertenecientes a las librerías gráficas Crystal Clear Actions (http://www.everaldo.com), la cuál está licenciada bajo GNU LGPL, y a cuya licencia podréis acceder desde el siguiente enlace (licencia Crystal Clear Actions). Todos los logos e imágenes oficiales utilizadas en este curso, pertenecen a sus autores y propietarios, habiéndose utilizado aquí tan solo con fines educativos y de difusión. Pueden encontrar las licencias de uso de estas imágenes en las páginas oficiales de sus propietarios o creadores. 3
Introducción Aquí veremos, como crear de forma rápida y sencilla nuestro propio portal web en Internet, como añadir contenido y controlar el acceso al mismo. 4
Crear sitio Acceso a Google Sites Google Sites permite crear y gestionar un sitio web de una forma sencilla. Necesitamos estar conectados con nuestra cuenta Google para poder crear y/o modificar un sitio. Cada sitio cuenta con 100 MB de espacio y podemos crear varios sitios. Para acceder a Google Sites escribimos en la barra de direcciones de nuestro navegador https://sites.google.com/. Otra forma de acceder a Google Sites, es haciendo clic en Más en la barra de navegación de Google y seleccionando la opción Mucho más. En la página de productos de Google hacemos clic en Sites. 5
Registro del sitio Una vez hemos entrado en Google Sites, hacemos clic en el botón Crear, que se encuentra arriba a la izquierda. Uno de los primeros pasos para crear nuestro sitio es elegir la plantilla que vamos a usar. En la tercera opción, Navegar por la galería para ver más, tenemos un amplio número de plantillas para seleccionar. Nosotros vamos a seleccionar Plantilla en blanco. Después de elegir la plantilla que vamos a utilizar, tenemos que elegir el nombre de nuestro sitio y la dirección. Google Sites rellena automáticamente la dirección del sitio con el nombre del sitio que hemos escrito pero podemos modificarlo. No es obligatorio que el nombre y la dirección del sitio sean el mismo. Ahora hacemos clic en Selección de un diseño y elegimos el diseño que más nos guste para nuestro sitio. Este diseño podremos cambiarlo, así como su combinación de colores. 6
A continuación hacemos clic en Más opciones, en el cuadro de Descripción del sitio escribimos una descripción para nuestro sitio. Marcaremos la casilla Este sitio incluye contenido solo para adultos si el contenido de nuestro sitio es solo para adultos. Para finalizar, escribimos el código en el cuadro de abajo y hacemos clic en Crear. 7
La página de inicio Este es el aspecto de la página principal de nuestro sitio, con las opciones que hemos elegido en su creación. Podemos ver que la estructura es: Cabecera. Barra lateral. Marco Principal. 8
Añadir páginas Añadir páginas Añadir una página a nuestro sitio es muy fácil. Lo primero es hacer clic en el botón Página nueva. Escribimos el nombre de la página nueva y elegimos uno de los cuatro tipos de páginas que nos ofrece Google Sites: Página web: permite escribir texto y darle formato, insertar gadgets y disponer de contenido de la forma que queramos. Permite adjuntar documentos y que otras personas comenten nuestras páginas. Es el tipo de página más simple. Anuncios: se parece a los blogs, ya que publican las entradas en la página en orden cronológico. Archivador: permite almacenar y organizar los archivos. Es una forma fácil de compartir archivos con otros usuarios del sitio. Página de lista: permite crear y organizar listas de información. 9
Después elegimos la ubicación de la página: Coloca la página en el nivel superior: estas páginas son las generales en la jerarquía del sitio. Están al mismo nivel que la página principal y es muy sencillo crearlas. Clasificar la página en página actual : ésta opción, coloca a la nueva página como subpágina en la que nos encontrábamos al hacer clic en Página nueva. Seleccionar una ubicación diferente: ésta opción, elegimos la página donde se colocará ésta como una subpágina. Hacemos clic en Crear y en nuestro sitio aparece la nueva página lista para que añadamos contenido. Página web Vamos a crear una página del tipo página web. Al hacer clic en Crear, aparecerá una página web en blanco, que podremos estructurar a nuestro gusto y añadir el contenido que deseemos. Como podemos ver en la imagen anterior hay una barra de edición y cuatro menús (insertar, formato, tabla y diseño). El diseño de la página es de una columna. Para cambiarlo hacemos clic en el menú Diseño y elegimos el diseño que necesitemos. 10
Por ejemplo, elegimos el diseño Tres columnas. El marco principal se ha dividido en 3 secciones. En ellas podemos, escribir, añadir elementos (imágenes, enlaces, etc.) y añadir gadgets. Para insertar elementos en cualquiera de las secciones hacemos clic en el menú Insertar y seleccionamos la opción que queramos. 11
Vamos a añadir una foto de Picasa. Seleccionamos en el menú la opción Foto de Picasa. Aparece una nueva ventana, a la izquierda está la lista de servicios de Google que podemos añadir a nuestra página y a la derecha aparecen nuestros álbumes de Picasa, ya que hemos elegido la opción foto de Picasa. Seleccionamos el álbum donde se encuentra la foto que queremos añadir. Después hacemos clic en la imagen y Seleccionar. 12
Anuncios Creamos una nueva página de tipo anuncio. Como la página que acabamos de crear no tiene contenido, para añadir una nueva entrada hacemos clic en Crear entrada. Al igual que cuando hemos creado la página web, aparece la barra de edición y los cuatro menús, para poder personalizar nuestra entrada a nuestro gusto. Escribimos el título y el contenido de la entrada. Después hacemos clic en Guardar y ya tenemos nuestra entrada creada. 13
La entrada la componen el título, la fecha de la publicación, el autor y el contenido. En la página que hemos creado aparecen las entradas ordenadas cronológicamente, de más nueva a más antigua. Las más recientes aparecen en primer lugar. Las entradas se convierten en subpáginas de la página que hemos creado. En la imagen siguiente, vemos que la página de tipo anuncio tiene el nombre de Anuncios y la primera entrada es Anuncio 1. 14
Archivador Creamos una nueva página de tipo archivador. Podemos añadir un archivo desde nuestro ordenador, o un archivo desde una web, añadiendo su URL o dirección. Para añadir un archivo desde nuestro ordenador hacemos clic en Añadir archivo y para añadir un archivo desde una web hacemos clic en Añadir enlace. Cuando subimos un archivo aparece en la lista. Como vemos en la imagen, la información que aparece es la siguiente: Nombre del archivo: debajo del nombre aparecen dos enlaces, Ver y Descargar. Si hacemos clic en Ver, el archivo se abrirá en una pestaña nueva y si hacemos clic en Descargar, el archivo se descargará en nuestro ordenador. Tamaño. Versión del archivo: si hemos subido varias versiones de un mismo archivo, podemos ver las versiones anteriores haciendo clic en V.X (donde X es el número de la versión). Fecha. Autor. 15
Además, podemos añadir una descripción para el archivo. Para ello, hacemos clic en el espacio entre el nombre del archivo y el tamaño, como aparece en la imagen anterior. Aparece una ventana donde escribimos una descripción y hacemos clic en Guardar. La descripción que hemos añadido aparecerá entre el nombre y el tamaño del archivo. Podemos organizar los archivos en carpetas. Podemos crear una carpeta y luego mover los archivos a ella, o seleccionar los archivos para que al crear la carpeta ya aparezcan estos archivos en la carpeta creada. Para crear una carpeta hacemos clic en Mover a, elegimos Carpeta nueva y en la ventana que aparece, escribimos el nombre y hacemos clic en Guardar. Si hemos marcado algún archivo, la carpeta contendrá esos archivos, sino, estará vacía. Para mover los archivos a una carpeta o entre carpetas, hacemos clic en Mover a y elegimos la carpeta destino. Para eliminar un archivo marcamos el cuadro del archivo y hacemos clic en Eliminar. Para eliminar una carpeta hacemos clic en Suprimir, que se encuentra al lado del nombre de la carpeta. También se eliminarán los archivos que estén dentro de la carpeta. Si no queremos eliminar los archivos, podemos moverlos a otra carpeta antes de eliminarlos. 16
Lista Creamos una nueva página de tipo Lista. Aparecen cuatro opciones para crear nuestra lista. Podemos utilizar una de las tres plantillas, las tres primeras opciones, o crear nuestra propia lista sin utilizar plantillas eligiendo la cuarta opción. Elegimos la cuarta opción y aparece una ventana donde personalizaremos nuestra lista. Añadiremos cuantas columnas necesitemos. A cada columna le añadimos un nombre y elegimos un tipo de contenido entre los siguientes: Casilla de verificación: cuadro de opción para marcar o desmarcar. Fecha. Desplegable: menú desplegable. Texto. URL: para poner enlaces. En Ordenación seleccionamos él o los criterios de ordenación. 17
Cuando ya tenemos la personalización a nuestro gusto, hacemos clic en Guardar y ya tendremos preparada nuestra lista para añadir elementos. En cualquier momento podremos volver a personalizar nuestra lista, por ejemplo, para añadir o eliminar columnas. Para ello hacemos clic en Personalizar esta lista. Para añadir elementos a la lista, hacemos clic en el botón Añadir elementos. Aparece la ventana de añadir elementos con los campos de las columnas que hemos personalizado. Los rellenamos con información y hacemos clic en Guardar. El elemento añadido aparecerá en la lista. Podemos editar los elementos y eliminarlos. Hacemos clic en el elemento y aparecerá la ventana para editar el elemento. Modificamos los campos que queremos, y si queremos suprimir el elemento hacemos clic en Eliminar este elemento. 18
Editar páginas Para editar una página hacemos clic en el botón Modificar página, el icono del lápiz, que se encuentra arriba a la derecha. Al igual que cuando creamos una página, aparecerá la barra de edición que incluye todas la herramientas necesarias para que podamos modificar nuestro sitio. Entre las herramientas que incluye la barra de edición están: deshacer, rehacer, cambiar tipo y tamaño de la fuente, modificar texto (negrita, cursiva,subrayado, color de texto), enlace, numeración, viñetas, etc. Para aplicar cualquier herramienta a nuestro texto, seleccionamos la parte de texto y le aplicamos la herramienta deseada. Por ejemplo, para cambiar el color de nuestro texto seleccionaremos el texto, luego haremos clic en el botón Color de texto y elegiremos el color deseado. Aparte de la barra de edición, hay cuatro menús que se encuentran arriba a la izquierda: Insertar, Formato, Tabla y Diseño. Insertar: Podemos insertar cualquier tipo de elemento. Al hacer clic en Insertar se desplegará un menú con todos los elementos que podemos insertar agrupados en los siguientes grupos:común: imagen, enlace, índice de contenido, línea horizontal, botón +1, etc. Gadgets: entradas recientes, archivos actualizados recientemente, cuadro de texto, cuadro html, new element, etc. 19
Google: calendario, gráfico, foto Picasa, vídeo YouTube, mapa, etc. Elegiremos el que deseemos haciendo clic en él. En la mayoría aparecerá una ventana donde podremos configurar el elemento. Formato: Más opciones para editar el formato del texto de nuestra página, como cabecera, subcabecera, tachado, superíndice, etc. Tabla: Para insertar, modificar (insertando o eliminando filas y columnas) y eliminar tablas. Diseño: Podemos cambiar el diseño de la página en una columna, dos columnas, barra lateral izquierda, etc. Configuración de la página Podemos configurar cada una de las páginas que componen nuestro sitio. Abrimos la página que queremos configurar y hacemos clic en el botón Más, arriba a la derecha, y seleccionamos la opción Configuración. Marcaremos o desmarcaremos las opciones a nuestro gusto, mostrar título de página, mostrar enlaces, permitir archivos adjuntos y permitir comentarios. Por ejemplo, si no queremos que nadie escriba comentarios en una determinada página, en esa página no marcaremos, la casilla Permitir Comentarios. Además, podemos añadir una descripción a nuestra página, cambiar la dirección y cambiar el tipo de página que es (pagina web, anuncios, lista, etc.). 20
Eliminar página Eliminar una página es tan sencillo como abrirla, hacer clic en el botón Más y elegir la opción Suprimir página. Aparecerá una ventana donde nos preguntará,de verdad quieres eliminar nombre página? Si estamos seguros de que queremos eliminar la página, hacemos clic en Eliminar. 21
Recuperar página Google Sites nos da la posibilidad de recuperar una página, subpágina o archivo que hayamos eliminado. Tenemos 30 días para su recuperación. Para recuperar una página, subpágina o archivo hacemos clic en el botón Más, arriba a la derecha, y seleccionamos la opción Administrar sitio. Ahora elegimos en el menú lateral la opción Elementos eliminados. Los elementos eliminados se muestran en forma de lista (páginas, subpáginas y archivos). Aparte de aparecer el nombre en la lista, también aparece su ruta, quien lo ha eliminado y el tiempo que queda para que se elimine para siempre. Para recuperar uno o varios elementos, marcamos el cuadro delante de su nombre y hacemos clic arriba en el botón Recuperar. Él o los elementos recuperados volverán a la que era su antigua ubicación. La opción de elementos eliminados funciona de manera parecida a la papelera de reciclaje de nuestro ordenador. 22
Diseño del sitio Podemos personalizar el diseño de nuestro sitio. Cuando hemos entrado por primer vez hemos visto que la estructura de nuestro sitio estaba compuesta por cabecera, barra latera y marco principal, con un tamaño fijo. Además, podemos añadir componentes o quitar alguno existente y modificarlo. Hacemos clic en el menú Más y hacemos clic en Modificar el diseño del sitio. Para añadir un componente o quitarlo del diseño de la página haremos clic en él. Los componentes que están en la página aparecerán marcados. Para editar un componente pasamos el cursor por él, aparece el componente resaltado y hacemos clic para editar. 23
Modificar cabecera Hacemos clic en la cabecera para editarla. Podemos elegir la altura que ocupa, por defecto está marcada la opción Usar el valor de diseño predeterminado, y tenemos otras dos opciones para elegir: Utiliza el tamaño del logotipo, donde la cabecera tendrá la altura que tenga el logotipo, si añadimos logotipo, y Píxeles: con la que escribiremos en el cuadro de texto el número de píxeles que tendrá de altura la cabecera de nuestro sitio. Si queremos poner un logotipo a nuestro sitio, debemos marcar, en Seleccionar logotipo, la opción Logotipo personalizado. Hacemos clic en Examinar y buscamos el logotipo en nuestro ordenador. La última opción que podemos editar es la alineación del contenido de la cabecera, tanto vertical (diseño predeterminado, arriba, centro, abajo) como Horizontal (estándar y centro). Una vez hemos acabado de editar la cabecera, hacemos clic en Aceptar y se guardarán y mostrarán los cambios. 24
Barra lateral Para cambiar la posición de la barra lateral hacemos clic en el lápiz que aparece en sidebar. Podemos elegir en que lado se ubicará la barra lateral, eligiendo una de las opciones en Mostrar. Además podremos modificar su ancho, escribiendo el tamaño en píxeles. Cuando acabemos de editar la barra lateral, hacemos clic en Aceptar, los cambios se guardarán y mostrarán en nuestra página. La barra lateral contiene un elemento, el menú de navegación, Menú. Para configurar este menú hacemos clic en él. El título de este elemento viene con el nombre de Navegación. Podemos cambiarlo escribiendo en el cuadro de texto el nombre que queramos. Si queremos que se muestre el título del elemento en nuestra página, marcamos la casilla Mostrar título. 25
La casilla Organizar automáticamente mi navegación, por defecto, esta marcada. De esta manera las páginas que creemos se ordenarán de forma alfabética. Para organizar manualmente el menú, desmarcamos la casilla y debajo aparecerá un cuadro. Para añadir nuestras páginas al menú navegación hacemos clic en Añadir. Aparecerá una ventana con la lista de nuestras páginas, seleccionamos la que queramos y hacemos clic en Aceptar. Añadimos todas las páginas que queremos subir, bajar, eliminar etc. Seleccionamos la página y utilizamos los botones que se encuentran al lado del cuadro. Cuando hayamos terminado de configurar la navegación hacemos clic en Aceptar, los cambios se guardarán y se mostrarán. 26
Añadir elementos barra lateral En la barra lateral podemos añadir una serie de elementos, por ejemplo, el botón +1, cuenta atrás, actividad reciente del sitio, propietarios del sitio, etc. Hacemos clic en el botón +, arriba en la barra lateral en Sidebar. Aparece la lista con todos los elementos que podemos añadir, elegimos el que queramos y hacemos clic en Añadir. Aparecerá debajo del último elemento que tengamos en la barra lateral. Para cambiar de posición arrastramos hasta donde queremos poner el elemento y para editar los elementos hacemos clic en él, igual que en la navegación. 27
Administrar el sitio Administrar el sitio Para modificar nuestro sitio hacemos clic en el botón Más y elegimos la opción Administración del sitio. General En esta opción, podemos modificar el nombre que hemos puesto a nuestro sitio, la descripción, marcar si es un sitio adulto, cambiar la página de entrada cuando alguien accede a nuestro sitio, etc. También es aquí, donde vemos el espacio que tenemos ocupado y lo que queda libre. 28
Temas Como comentábamos cuando estábamos creando el sitio, podemos cambiar en cualquier momento el tema de nuestro sitio. Para ello seleccionamos en el menú lateral de la ventana Administración del sitio la opción Temas. Cada tema cuenta con una combinación de colores y fuentes. Antes de cambiar el tema podemos previsualizar nuestro sitio haciendo clic en el icono de la lupa al lado del nombre del Tema. 29
Colores y fuentes Podemos personalizar las fuentes y colores de nuestro sitio. Para ello seleccionamos en el menú lateral de la ventana Administración del sitio la opción Colores y Fuentes. En la parte izquierda iremos seleccionando el elemento que vamos a modificar, y en la parte derecha elegiremos la opción que queramos. Si es un elemento de color, al seleccionar la opción personalizar, aparecerán cuadros con los colores que podemos seleccionar. Si es de fuente, al personalizar aparece un menú desplegable con varias fuentes para seleccionar y si es de imagen al personalizar aparecerá el botón Añadir archivo. Al hacer clic, buscaremos la imagen en nuestro equipo. Debajo aparece nuestra página, donde iremos viendo los cambios que vamos realizando. 30
Compartir y permisos Podemos modificar con quien compartimos nuestro sitio, y podemos añadir colaboradores que nos ayuden con la tarea de creación y mantenimiento del mismo. Seleccionamos en el menú lateral de la ventana Administración del sitio la opción Compartir y permisos. También podemos acceder directamente desde nuestro sitio haciendo clic en el botón azul Compartir. Desde aquí, podemos compartir directamente nuestro sitio en las redes sociales (Google+, Facebook, Twitter) y Gmail, haciendo clic en el icono de cada una de ellas. Para modificar quién tiene acceso, hacemos clic en Cambiar y elegiremos la visibilidad de nuestro sitio entre: Publico en la web: cualquier usuario puede encontrar y acceder al sitio. Cualquier usuario que tenga el enlace: cualquier usuario que conozca el enlace del sitio podrá acceder. Privado: solo podrán acceder al sitio los usuarios que hayamos invitado de forma explicita. Google Sites permite invitar a personas para que puedan participar en nuestro Google Sites, escribiremos, directamente, la dirección de correo, o los elegimos de nuestra lista de contactos, desde el cuadro Añadir a personas. Ahora podemos elegir el privilegio que tendrá el usuario en nuestro sitio. Los privilegios son: Puede editar, el usuario tiene permisos para: Crear, editar, mover y eliminar páginas. Añadir archivos adjuntos y comentarios. Suscribirse a los cambios del sitio de la página. 31
Propietario, el usuario tiene permisos para: Hacer lo mismo que los usuarios con la configuración puede editar. Aplicar a otras personas las configuraciones lector, colaborar y propietario. Cambiar el diseño y los temas del sitio. Cambiar el nombre del sitio. Eliminar el sitio. Puede ver, el usuario puede ver las páginas. Los usuarios a los que hemos invitado aparecerán debajo de nuestro avatar, mostrando el nombre y privilegios. En cualquier momento podemos cambiar los privilegios a un usuario o quitárselos. 32