TICs
Tecnologías de la Información y la Comuniación





TIC
 



Tema 8. Publicaciones de contenidos en red








ÍNDICE

1. ¿QUÉ ES GOOGLE SITES?


1.1.  Empezar a utilizar la nueva versión de Sites


2. CREAR UN SITIO WEB


1.2.  Cómo crear el primer sitio web en Sites


1.3.  Asignar un nombre al archivo del sitio web


1.4.  Crear un sitio web de Sites desde Drive


1.5.  Escribir el nombre del sitio web


1.6.  Asignar un nombre a la página principal del sitio

3. OBTENER UNA VISTA PREVIA DE UN SITIO WEB CREADO EN GOOGLE SITES










4. PUBLICAR EN INTERNET UN SITIO WEB CREADO CON GOOGLE SITES

4.1.    Ver el sitio web publicado en Internet

5. INSERTAR TEXTO, IMÁGENES Y OTROS CONTENIDOS EN GOOGLE SITES

5.1.    ¿Qué se puede insertar en Google Sites?

5.2.    Insertar opciones principales en Google Sites

5.2.1.     Insertar texto en Google Sites

5.2.2.     Acciones sobre un texto

































































CUESTIONES PREVIAS

 


















1. ¿QUÉ ES GOOGLE SITES?

 

Google Sites sirve para crear y publicar páginas web online fácilmente, con un aspecto profesional. Entre las características principales de Google Sites, cabe destacar que:

 

*  Es una herramienta gratuita que permite crear y compartir páginas web fácilmente.

*  Facilita la creación y publicación de sitios web internos en una organización para trabajar en equipo: sitios web de proyectos, de eventos, etc.

*  No se requieren conocimientos técnicos (HTML, CSS, JavaScript...) para usar Google Sites.

*  Desde junio de 2016, la nueva versión de Google Sites forma parte de Google Drive.

 

 

1.1. Empezar a utilizar la nueva versión de Sites

 

En https://sites.google.com/new/ puede acceder al nuevo Google Sites. Al entrar por primera vez (con la sesión iniciada), en pantalla se podrá ver información de bienvenida invitándonos a descubrir la nueva versión:


 

https://lh5.googleusercontent.com/WmzwdCl5QXjmGKQxMb1NbFfW2LnDDI0tc3i20xz7Q4KAwkAlK1aa2ULcJMysLPblGAO8og=w1280

https://lh5.googleusercontent.com/ICYaiTuD1jfJfMEcY75J9juGwGw0Qf7em0uNiG-RyZERncG0cj8uzTo7tUA6fwR1Shj8Fg=w1280

https://lh3.googleusercontent.com/emdxjQ8mMqZWVdmQaftYBL4XQGfMkdXJ21fJ5-2d7lyF_KGGDXT2UtlAlsIFcOshA71-ww=w1280

https://lh4.googleusercontent.com/YdM-ls9GTsP8A-oC88zr--G6qgwPzIeN2IHCx3xiCVMfzdyGvPZCxRbALOf_oIAZTjdWYg=w1280


 

 
Al hacer clic en las flechas de izquierda y derecha, también se podrán ver las siguientes pantallas de información sobre:

 

* La facilidad que ofrece Google Sites para añadir –a un sitio web– documentos de Google (presentaciones, hojas de cálculo, formularios...) o también, un calendario, un mapa de Google Maps, etc.

* Con Google Sites existe la posibilidad de que varias personas tengan permiso para editar –en tiempo real– un sitio web.

* Al diseñar un sitio web, en todo momento se puede comprobar cómo se visualizará en un teléfono móvil, en una tableta o en un PC.

 

Haciendo clic en el botón "EMPEZAR" se podrá crear un sitio web.

 

 

2. Crear un sitio web

 

 

Acerca de crear un sitio web con Google Sites, hay que recalcar que:

 

1.     Google Sites permite crear sitios web para uso personal o profesional.

2.     Tras crear un sitio web, puedes cambiar el nombre del archivo, de las páginas o del propio sitio web.

3.     Los sitios web de Google Sites se pueden editar en tiempo real, como si fueran documentos de Google Drive.

 

 

2.1. Cómo crear el primer sitio web en Sites

 

Después de pulsar el botón "EMPEZAR", se mostrará una pantalla similar a la siguiente:

Obsérvese que, para crear un sitio web, se tiene que hacer clic en el botón "+". Seguidamente, aparecerá un "Sitio sin título" y una pequeña visita guiada que podemos cerrar pulsando en "SALTAR ESTA VISITA GUIADA":

 


 

https://lh6.googleusercontent.com/GXUaO9jHK1deyrqe6I2EGmopvgotWuwgQG-OMZZ4thAPNtOPhj-r7eX64QGhtOCj5-KVVKcoW1cL2jFk515NiTUn7brhXtOtBzAH7O9TBlqzZhHh=w1280

https://lh3.googleusercontent.com/cmTyh8dlxzM4sjpQmUEyQA9xvWF5Kqlv3-DI7TSdcocGP1cPNP4J4d3f8vP6190xdds8yg=w1280

 

 

 

2.2. Asignar un nombre al archivo del sitio web



 

En la parte superior izquierda de la pantalla se puede nombrar al documento del sitio web. Dicho nombre será el que tendrá el archivo (documento) del sitio web en Google Drive.


EJEMPLO Al sutituir "Sitio sin título" por "sito-web-de-ejemplo" se verá como en la siguiente imagen:

 

En Google Drive se puede comprobar que se habrá creado el archivo del sitio web.

 

 


https://lh3.googleusercontent.com/lPbyTrm4YraU2sxyc2yGcqEMrndLNaxfPSPm13vXdmEMaiMiEAfZpzjO6T1la4vGqstLDA=w1280

https://lh6.googleusercontent.com/zaD9qdxi0zjpRCSMM73y78xAx5uGBGV_QKp1ByPBvn5ydO-dIjkQGgRd98z8HOQF-k3bcw=w1280

https://lh5.googleusercontent.com/11k-9uaucL_LqBlx5KKXjOUWAevXbNJq6ZTFUSq3JkauxOg9UKPo3x8avif80dhHTlOS8g=w1280

 

 

2.3. Crear un sitio web de Sites desde Drive


 

Desde Google Drive se puede crear un nuevo objeto de Google Sites, que podemos editar al hacer doble click sobre él.

 

EJEMPLO Para en "Mi unidad" crear un sitio web desde Drive seleccionar:

 

 

 

NUEVO > Más > Google Sites

 

 

 

 

2.4. Escribir el nombre del sitio web

 

Véase que, el nombre del sitio que se indique, será el título que se mostrará en la parte superior de la pestaña del navegador. En este caso "Sitio web de ejemplo".

 

 

https://lh3.googleusercontent.com/SNsVo4wkDrO5wzA4duNur6-4WHU6_5aC1-inoicddCVdtaqnVpp_mJXpO9i3_OXFlFHQjw=w1280

 

 

 


2.5. Asignar un nombre a la página principal del sitio

 

 

Para ello, hay que escribir el nombre (título) de la página principal. Por ejemplo: "Sitio web de ejemplo en Sites"


 

https://lh3.googleusercontent.com/s2b6qrYguKj32yFeF6Ymf-rx-V-3Gr3nOTl3e0hMh7MAt7NhdpGDkJcaEyS5E1PbSizuLw=w1280

 

 

La línea y los puntos azules permiten mover y redimensionar el título de la página.

 

 


 

3. OBTENER UNA VISTA PREVIA DE UN SITIO WEB CREADO EN GOOGLE SITES

 

 


En Google Sites, la "vista previa" permite visualizar un sitio web antes de publicarlo en Internet.


https://lh3.googleusercontent.com/yjEsgfb_7HKj5piAWMofs2mD-FUjUi6sQ4RtFERxJzKRJFJHt4m4_BC4jVdH9Zl0INqijQ=w1280

 

 

La vista previa muestra cómo se verá el sitio web en un PC (pantalla grande), en una tableta y en un teléfono móvil.

 

En una pantalla grande, en una tablet o en un teléfono móvil.

 

 

https://lh3.googleusercontent.com/JrZvo7OmRhwApqgkiv4fAL31kkmH_Kbf_Ye054pufX3derg58sXwTkTwgpzqpI8V8QE1Sw=w1280

https://lh6.googleusercontent.com/WU_KWOrvhmYoWkDhv3WDlXGYGTTu9nBtEIpZ42xha1updCtA3O4THkKVowRkBvTcEiyoWWHmrqsRcWrjEuR8YbOXrg5kBxABtDeusD6k9o577MrU=w1280

https://lh4.googleusercontent.com/KdA0LtG4Ir7OGS463OF-Itv0aR7Iwd0DxBxhoetf3nY-NES32nD_sL7Qr4mncG2jaF_UXA=w1280

 

 

 

Para salir de la vista previa, hacer clic en la "x".

 


 

4. PUBLICAR EN INTERNET UN SITIO WEB CREADO CON GOOGLE SITES

 

 

En Google Sites, al publicar un sitio web, se hará visible en Internet. Para ello, hay que teclear la URL del sitio web a partir de .../view/, como se muestra en la siguiente imagen:

 

 

https://lh5.googleusercontent.com/tTqNoB-ILUizZX2BEcSbBPF3PdKEFCaAqUVzZwQ_CA_M9teAEJriiaYVs32_beTqj7rocA=w1280

 

 

Dejando marcada la casilla "Permitir que mi sitio web aparezca en los resultados de búsqueda" se facilita a los motores de búsqueda que encuentren el sitio web publicado.

 

Nota: Para usuarios de G Suite de una organización, la URL deberá escribirse después de .../nombre-de-la-organización/. Además, se podrá indicar que el sitio web solamente sea visible a los miembros de dicha organización.

 

 


4.1. Ver el sitio web publicado en Internet

 

Para ver el sitio web publicado, se puede seleccionar "Ver sitio web publicado" en el menú desplegable de "PUBLICAR":

 

 

https://lh5.googleusercontent.com/Pac6lWpZLRIxOJAPEEh3p33j_2LoUeiTn2CF5kFSJNg4ORIi1S0u0K7MtkyyFf0GNTYKbw=w1280

 

 

En este caso, el sitio web del ejemplo creado puede verse en la siguiente URL:

 

*   https://sites.google.com/view/sitio-web-de-ejemplo

 

 

 

https://lh3.googleusercontent.com/a5A9CEsyM66TlXSAScLAjWF8FFu0gBOKSqFyx0P2Fq3z1o-lP7UuewP7TF3u-uQ5qrKg5A=w1280

 

 

 

 

Actividad 1

 

 

Crea una nueva página web en Google Sites con la cuenta de correo del Instituto y publícala como se ha explicado anteriormente.

 

Piensa en el tema que vas a tratar en tu página y piensa en un título para la misma.

 

Una vez que tengas la dirección de tu página web, rellena el siguiente formulario:

 

 

111

 

 

 

Mira si tu página se ha colocado en la siguiente lista y de camino, mira las páginas de tus compañeros y compañeras


 

44

 

 


 

5. Insertar texto, imágenes y otros contenidos en Gooogle Sites



 

En las páginas de un sitio web creado con Google Sites se puede insertar (añadir) texto, imágenes y otros contenidos.

 

https://lh5.googleusercontent.com/PcL94CDtWaKXsbIwDHH2nprT24fn59EyuUb13XB2Lqu9sWnLKr4qCB_08xFHOTEZRS7BPQ=w1280

 

 



 

5.1. ¿Qué se puede insertar en Google Sites?

 

 

Google Sites proporciona un menú –a la derecha de la pantalla– con las siguientes opciones para insertar:


https://lh5.googleusercontent.com/qigWhaQAMV1ldZ_2F1BKHIdy0OlBY1JYaxhQk9Xt5_aWNTbL2mMf0kePo2gu_VgG7rTEkeJ9VmtrodKt3dfChMKAMxRLOex-3eE3ysvZVEQaNGfS=w1280

 

 

 



5.2. Insertar opciones principales en Gooogle Sites

 

 

En Google Sites, al hacer "doble clic" sobre la página del sitio web que se esté editando, se muestran las opciones más usadas para insertar: Texto, Imágenes, URL, Subir y Desde Drive.


https://lh5.googleusercontent.com/PXy3h5nuNTYPTJzVI3fKnLIDcLQhyLTE9TPSNoWCR3WIoTU2NCE4ruGabx9mXQ3MXYmJyw=w1280

 

 

 



5.2.1. Insertar texto en Google Sites

 

 

En Google Sites, para añadir (insertar) texto a una página web, se puede hacer clic en la opción correspondiente que se muestra en la parte superior derecha de la pantalla, dentro del menú INSERTAR:


https://lh3.googleusercontent.com/ZmHyNIixwo36JFYo8-BQbR7lNxoNssxOhPMeDaEAcj20tDMMQbw_A1fIpPB5rpEcxB1qXQ=w1280

 




EJEMPLO Al escribir "Ejemplo de texto añadido", se verá:



https://lh6.googleusercontent.com/iD_UnL0atZdoB30NEXYJL5KOzN8EovhMdRRZTDynHbvNFRdXKU3-77s6RGzsqSDj0MYcIg=w1280

 

 

Obsérvese que, por defecto, el estilo del texto es normal. Por otra parte, la línea azul –y los puntos– permiten mover y redimensionar el espacio ocupado por el texto.

 

 

5.2.2. Acciones sobre un texto

 

 

Sobre un texto añadido (insertado) a una página web, se puede:

 

*  Cambiar el estilo

*  Cambiar el color de fondo de la sección que lo contiene

*  Moverlo de lugar

*  Eliminarlo de la página

*  Cambiar el formato

 

Más opciones de edición son:

 

*  Fuente de código

*  Tachado

*  Borrar formato

 

 

 


Cambiar el estilo de un texto en Google Sites



 

Como se puede ver en la siguiente imagen, al texto añadido en una página creada con Google Sites, se le puede aplicar uno de los siguientes estilos: normal, Titulo (Title), Título (Heading) o Subtítulo (Subheading).

 


https://lh4.googleusercontent.com/hEt32K-5BFwVYLgnW-rH23lwEvp6LROi29OWdIvuuZfEtwqQR-zL9IXZjhC-so5PnQoQJA=w1280

 

 


EJEMPLO Visualmente, los estilos (tipos) de texto que se pueden aplicar en Google Sites, son:


https://lh4.googleusercontent.com/7Hx2dDEwnYp5EXJSNdNT0gJQq_pL9b_oG-laDsAE0EVpNYIXuh7xNa8HqCyta1Bj8V6LCQ=w1280

 

 



Cambiar el color de fondo de la sección de un texto en Google Sites

 

Los posibles colores (estilos) de fondo que se pueden aplicar a un texto en Google Sites son: Normal, Énfasis 1, Énfasis 2 o Imagen.


https://lh4.googleusercontent.com/g8Uy_sJYYSpZ1iDkvq8TUcOTYlvNsST6RtLNuKN8hNLbRKO07uJ3xHcra4iGQPe0g3GHpQ=w1280

 

 


EJEMPLO En la siguiente captura de pantalla se pueden ver aplicados los siguientes estilos de fondo:

 

*   Énfasis 2 al primer "Ejemplo de texto Título (Title)".

*   Énfasis 1 al segundo "Ejemplo de texto Título (Heading)".

*   Imagen al "Ejemplo de texto Subtítulo".

*   Normal al "Ejemplo de texto normal".


https://lh5.googleusercontent.com/rSeJ8fsEK0rucGlInJKt3u3_jZraRLHf1r2b6v6Jtx-d8JlCf3mn832QSl2tyCDa7rGnbA=w1280

 

 


En este caso, la imagen de fondo del "Ejemplo de texto Subtítulo" se ha seleccionado de la Galería proporcionada por Google Sites:


https://lh4.googleusercontent.com/FN-PriWjqUe956oCZnktZ-tqmENa6aaBn5NciNGsHXXn5Z9B0F-R_m9TTFDKcORfUGpPtg=w1280

 

 



Mover un texto en Google Sites

 

Para cambiar de lugar un texto añadido a una página web en Google Sites, hay que seleccionarlo y arrastralo a donde se quiera ubicar dentro de dicha página.

 

EJEMPLO Habiendo añadido los siguientes textos a una página:

 

 

https://lh3.googleusercontent.com/hZ8BCIR-guvH2gmh6hlr6afG6X7Fk0EXPd6FD3sFJFOhGrZ7oDmgVKxS2aaRhs6Hnk2zjw=w1280

https://lh6.googleusercontent.com/F8VnKulAH0v7qBNXm1RlAIXrwL0jgkW8jPjkWkioLJbv1wvKPNsrtRGExesnkXo5c1L5s2r7zaTv_uCwlChwLLPFDLbELGpep5sa3INSN3Z2JSlK=w1280

https://lh6.googleusercontent.com/3ttHw1BPGiPwIlvnWLsCHZbRIjEiXtgA8tmIurRnF4YMS-_wz9_1kwru9JBwd7vngedvCQ=w1280

 


 

Eliminar un texto en Google Site



 

En Google Sites, seleccionando el icono "papelera" –mostrado a la izquierda de la pantalla en la siguiente imagen– se puede borrar un texto añadido a una página:


Pulsando en el icono de "Deshacer la última acción" –arriba de la pantalla– se volverá a mostrar el texto eliminado:




 

https://lh3.googleusercontent.com/63HIXnS-jkZlD4eHEew0l2v5bzxq2yGiqO-wTz53AcbJlSnls22RbsvtPCBB2d9_LOrYkg=w1280

https://lh6.googleusercontent.com/z4vbdS6fNzvlzgNKWf2dTiLxqgvm-NGIW1Dv1epXQrKUYRaqFKj13gG3AmIl8o_cr3nT_6YQ5_Ol_TYKzZJKV3hD1PdCpKIjkIt7FWTJkR_HKb7T=w1280

https://lh3.googleusercontent.com/CDaJ3B7psWDBnW21jl1L1Qi8FiWX4fY0IUiAQGf_4vmEb-9ABo63zEAdKutWnIvsJ4KIGQ=w1280

 

 


 

Cambiar el formato de un texto en Google Sites

 

En Google Sites, dependiendo del estilo de un texto –normal, título (title), título (heading), subtítulo (subheading)– se pueden realizar determinados cambios de formato.

 

 


Edición de texto normal


 

Al seleccionar un texto normal en una página de Google Sites, sobre dicho texto se muestran algunas de las posibles opciones de formato que se le pueden aplicar:

 

 

https://lh6.googleusercontent.com/ncGFk6gKujNjbK-vrvTyfPYsYeip4cNmlq5IQDPiLMgeNHgOiL4qkAkD0TuuGv32kSwkXw=w1280

 

 

 



Ejemplos de formato de texto normal


EJEMPLO En la siguiente captura de pantalla se puede ver un texto en negrita, otro en cursiva y centrado, una lista numerada y un texto tachado:




https://lh3.googleusercontent.com/5pscn9VceTX8Jxg-rtUa4Kr9ucn4nwYVIhyj88FycJX6PRbaSNevPOzP4lAwUqU2nN7Tnw=w1280


 

 

 

Ejemplo de enlace en texto normal

 

A continuación, se muestra un enlace a la URL http://www.abrirllave.com/aplicado al texto "Abrirllave.com":




https://lh3.googleusercontent.com/pdQ0L_3kjThilrMdw_ceJ8lh2b9x6yUhjao2opYlMunqNAInQtP0elbBNnP-QihREygZEg=w1280

 

 

 

Edición de texto Título y Subtítulo

 

Para los Títulos (Titles y Headings) y los Subtítulos (Subheadings) los formatos de edición que permite Google Sites son los mostrados en la siguiente imagen:


https://lh5.googleusercontent.com/qRhBmkfFoTIOZI5iiNfFODgjifNtJY8gCDRxlEB2-MeL9n11NDiVauFgpeRjlDLr5hrmHg=w1280


 

 

 

 

Actividad 2

 

 

Añade texto e imágenes a la página principal de de página web utilizando distintos formatos vistos en el tema.

Piensa en la estructura que va a tener tu página web y crea las páginas y subpáginas necesarias con el menú "PÁGINAS".

 

Prueba los temas disponibles para tu página y elige el que más te guste de los que se encuentran en el menú "TEMAS".

 

Completa tu página con vídeos de Youtube, documentos, presentaciones, etc.

 

Puedes ver las páginas web de tus compañeros pulsando en la dirección de sus páginas:

 

 


55

 


 

 

¿Cómo insertar un vídeo de Youtube?

 

 

1º Entra en YouTube y elige el vídeo que quieras insertar en tu página. Copia la dirección del mismo de la barra de direcciones.

 

https://lh3.googleusercontent.com/n3rAO71lY2gUO-roWkABRGgDvp1HXsOHcWga97PV-oNtXvfv_O83KGmI85HQUhRdKRxjH8BDdZuFjI39zyVa-gZH_oKSVS993xJYl1r2qUkGA1Vh=w1280

 

 

2º Elige Insertar del menú de herramientas y luego Youtube

 

https://lh4.googleusercontent.com/H3HENRrMY-i-O6PJ6O6wdnWV6X0lpBk4DDisy1ksJRFqwMmK_Yh-he0oba9efKBe9hqS0baM2L3LWKtJcw83mMqrlfH_vjmXtxArpSPNwLaBplD5=w1280

 

 

 

 

 

3º Copiamos la dirección en el buscador que nos sale, pulsamos la lupa y elegimos el vídeo que nos interesa.

 

Pulsamos Seleccionar y ya lo tenemos en nuestra página.

Luego lo movemos de sitio para situarlo donde queramos dentro de nuestra página.

 

https://lh3.googleusercontent.com/k5bgas_FvnmlPmlXddoOUararvENsZkYQ4SF_uAWV88f62pp60ywo2bq-WNx9voCGvC9u35lPlhqhtAl5tFvbgJq8qf23N_vYF32d16cGE-4-N4n=w1280

 

 



 

¿Cómo insertar un documento?

 


 

Podemos insertar en nuestra página documentos que tengamos guardados en nuestro ordenador de cualquier tipo (PDF, DOC, ODT, etc.

 


Para insertar un documento en nuestra página debemos tenerlo primero guardado en nuestro Google Drive.

 

 

 

1º Teclea Google Drive en el buscador y pulsa en la primera entrada.

 

Si te pide usuario y contraseña, pónsela, si el navegador ya tiene el usuario y la contraseña, no la pedirá.

 

https://lh3.googleusercontent.com/uhSG9x11Qfg0EgvuhBbw8t3HND7KbZGE1UIZbe1_TIBXvUxybGFg69mi4HRpS4_Cuhz6xNgr8MtyoCWBvyedGKzCLtV81EnuCqUjW1sOFoACDB4O=w1280

 

Google Drive es como un disco duro que tenemos en la nube, donde podemos guardar nuestros documentos, fotos, música, etc.

 

 

 

 

2º Arrastramos el archivo desde nuestro ordenador hasta nuestra unidad de Google Drive

 

https://lh6.googleusercontent.com/eOlYZI3_bUe3TYI-3yN_VolNz4sfgNpzgd8dq728gibmrbjU_bLwBEgMVpBOIgXX761RHCTvoSE42gna79mtBKT38zLuFG-Z-vqp1XOIU9OoMrjD=w1280

 

 

 

 Ya en tu Google Sites, del menú "Insertar", elige "Drive" o "Documentos".

 

Busca el archivo a insertar y selecciónalo. Verás cómo se inserta en tu página web dentro de una ventana.

 

https://lh5.googleusercontent.com/ITcrcVLxKZFAUfXR2-sRK6ltncBEAIdrKXnVWwyRseDHTqPDWhcx9dX3xapudDWbdShLKSvfpoU_lCcNhrKntlqJrcSwlnBoCD3kQ1sWRRYFoP61=w1280

 

https://lh4.googleusercontent.com/mc5Sa-Tho7fr0QMJ-p5o34DHWIpcisDa3-207KFU7_RgvkJKllbTDCcD_Nnr6PM-PiXA2OBu2vQkVRPouCoRd3EJyIUXvW2UDPwHdcYdK_DwaYuM=w1280

 


En el siguiente video podemos ver un videotutorial de creación de una página web con Google Sites:




















ATRÁS






INICIO






       


































































































































































































































































































































Bienvenidos al mundo de la Tecnología