Transcripciones
1. 0 Introducción a Google sitios de Google: Google Sites
te permite crear de forma rápida y sencilla sitios web que se basan dentro de Google Suite donde puedes traer
varios componentes. Mi nombre es Lawrence
y voy a ser tu instructor para este curso. Vengo a ustedes muchos años de experiencia
en desarrollo web. Soy
Experto en Desarrollador de Google y realmente disfruto trabajar con los sitios de
espacio de trabajo de Google nos brinda una gran oportunidad para crear contenido
interactivo y crear una URL web que podamos
compartir con otros. Puedes crear un sitio de Google
en menos de cinco minutos y personalizar el contenido,
personalizando imágenes, componentes, agregando tu contenido de Google,
agregando páginas adicionales y personalizando cómo tu página web personalizar el contenido,
personalizando imágenes, componentes,
agregando tu contenido de Google,
agregando páginas adicionales
y personalizando cómo tu página web
comportarse son
plenamente receptivos. Pueden ir a través de
escritorios móviles y tabletas con Google Sites te da un editor totalmente interactivo
que puedes seleccionar. Inserta diversos componentes, como cuadro de texto, imágenes, incrustar, selecciona contenido de tu unidad, y más que puedas seleccionar, insértalo en la
página según sea necesario. mostrar contenido de
tu Google Drive, puedes seleccionar entre
varios diseños preconstruidos, así
como personalizar componentes, como una
tabla de contenidos de colapso, carrusel de
imágenes, que proporcionan
más interacción para los usuarios. También hay que puedes traer videos de YouTube, tu calendario,
mapas, Documentos, Presentaciones,
Hojas, Formularios, y gráficos. Hay varios temas
para seleccionar, lo que cambiará
el aspecto y la sensación, así
como los colores
de tu página web. Puedes cambiar imágenes
desde tu página web. Puede seleccionar los
diferentes encabezados, diferentes tipos de encabezados, y actualizar fácilmente
su sitio web si desea otras páginas
para su sitio web. Eso también es fácil de hacer, donde puedes seleccionar y crear otra página web
para tu sitio web, que es el clic de un botón. Y entonces esta página web por supuesto se
puede personalizar igual que
las otras páginas. Se puede navegar
entre las páginas. También hay un área de vista previa
rápida donde se puede ver la página web, cómo se va a ver. Para que puedas tener un
mejor sentido lo que va a hacer, cómo
se va a sentir, y también lo que los espectadores van a
poder ver en tu página web. Hay diferentes vistas
receptivas de tu sitio web dentro de
la sección de previsualización. Y una vez que estés
listo para publicar, es un clic del botón. Y eso te permitirá
publicar el sitio web una URL personalizada que
luego podrás compartir con otros para que puedan ver el contenido de tus
Google Sites. También puede seleccionar quién puede
ver su contenido, personalizar, agregar en un dominio personalizado y establecer los ajustes de búsqueda según sea necesario para los
espectadores de la página. Entonces todo esto y mucho
más se va
a cubrir en las
próximas lecciones. Empecemos. Necesitarás tener
una cuenta
de Google para poder acceder a
los sitios de Google.
2. 1 crea tu página sitio web: Esta lección, te voy
a mostrar cómo puedes crear este sitio web desde cero en cuestión de minutos y tenerlo en vivo con una URL web que
puedes compartir con otros. Por lo que este es un sitio
web totalmente funcional que va a estar en
vivo en línea al que
otros puedan acudir. Pueden ver tu
contenido y por supuesto, puedes personalizar el
contenido según sea necesario y también cambiar la configuración de visualización
y actualizar el texto, incluso agregar
páginas adicionales según sea necesario. Entonces todo esto viene de una plantilla predeterminada en la que
vamos a dar clic. Crear el sitio web. Y te enseñaré cómo hacer
eso en menos de cinco minutos. Adelante e inicia sesión en tu cuenta de
Google y luego dirígete a
sites.google.com. Y aquí es donde puedes crear un sitio completamente nuevo dentro de
la plataforma Google Sites. Por lo que siempre y cuando tengas
una cuenta de Google, puedes crear sitios. Y esto es también si estás usando una cuenta organizativa, el administrador sí
tiene que habilitar los sitios. Entonces si le estás usando una cuenta
organizativa, si estás iniciando sesión pero estás obteniendo algún tipo
de error o no
puedes ver las vistas de la misma manera que lo estamos
viendo ahora mismo. Eso significa que el administrador de su
organización podría haber bloqueado la
opción del sitio dentro de las cuentas. Entonces si eres capaz de ir a sites.google.com y
ver el contenido del sitio. Igual que yo. Aquí es donde puedes empezar a
crear tu sitio en blanco. Arriba en la parte superior tienes la opción crear un
sitio completamente nuevo, solo uno en blanco. También puedes seleccionar de entre las diversas carteras
que están disponibles. Puedes hacer clic en la galería de
plantillas, y esto
te dará un muestreo de los sitios disponibles que
puedes seleccionar y crear. Por lo que esta es una forma rápida y
fácil de crear un sitio web utilizando una de
las plantillas predefinidas. Entonces, por ejemplo, si sí tienes una fiesta navideña que
estás planeando, puedes seleccionar la plantilla de
fiesta navideña. Y eso
abrirá el editor de sitios. Y desde aquí, puedes
crear tu propia versión de esa plantilla para que puedas actualizar los diversos elementos de la
página. Puedes moverlos, puedes redimensionarlos. Y te estaré mostrando
un poco más sobre eso más adelante en las lecciones. También puede personalizar, cambiar
las imágenes y actualizar y personalizar la página del sitio
para que se adapte a sus necesidades. Y luego una vez que hayas
hecho todos los cambios, has actualizado todas las páginas
del sitio, entonces estás listo
para publicarlo. Seleccionando publicar. Se puede tener una dirección
web personalizada para publicar en. Y también tienes una opción
para establecer un dominio personalizado. Por lo que esta es una opción
que puedes seleccionar. Y eso si ya
tienes un dominio registrado, entonces puedes
publicarlo en el dominio. Y lo llamaré prueba de vacaciones. Y me proporciona la URL donde va
a estar disponible
mi sitio web. Y justo debajo de eso, puedes seleccionar quién
puede ver tu sitio. Por lo que en este momento tengo a cualquiera poder ver la página web. Por lo que cualquiera que venga
a esta dirección web
va a poder ver el
sitio web como prueba vacacional. Por lo que sites.google.com, barra
hacia delante
barra hacia delante prueba de vacaciones. También puedo cambiar esto
para poder personalizar quién es capaz
de verlo desde cuentas compartidas. Y también puedo cambiar
los enlaces. Por lo que puedo restringirlo
solo a los usuarios a los que estoy brindando acceso o puedo mantenerlo como público,
que es el predeterminado. Y eso permite que cualquier persona con la URL web
pueda ver la página. También hay otra opción que dice la configuración de búsqueda. Entonces esto es para buscar, que los motores de búsqueda
puedan mostrar su sitio web. Y si seleccionas la casilla de verificación, esto solicitará que los motores de búsqueda
públicos no muestren esta página
en particular de Google Sites. Esta es una opción
y por defecto, mostrarán el discurso e indexarán la página. Pero si no quieres que
lo indexen, entonces siempre puedes solicitar
que no
aparezca dentro de la búsqueda. Entonces, una vez que hayas configurado
tu dirección web, has personalizado
quién puede verla, y has establecido tu configuración de
búsqueda, puedes hacer clic en publicar, y eso va a publicar
el sitio web en la URL. Y una vez publicado,
puedes seleccionar, hay botones en
la parte superior donde puedes seleccionar para previsualizar el sitio web. Y eso lo va
a lanzar en la vista previa de la página web. También puedes copiar el enlace del sitio
Publicado, y este va a ser el policía, este va a
ser el enlace del sitio que puedes compartir con otros. También tienes la opción de
compartirlo con otros. que puedas enviar a la gente y que otros
puedan editar, actualizar el sitio que
acabas de crear también. Y si sí quieres ver
la vista Sitio publicado, puedes ir debajo de la Publicar. Hay un icono en
el lado derecho, y se puede seleccionar la
vista Sitio publicado. Y eso te permitirá ver el sitio web publicado en vivo en la URL en vivo que
estarías compartiendo con otros. Y es tan fácil como eso
empezar y crear una página de Google Sites usando
las plantillas que vienen. A continuación, te mostraré
cómo puedes hacer eso y personalizarlo usando una plantilla en blanco y un tema en blanco para construir tu
propio sitio web desde cero.
3. 2 crea una página de sitios web desde cero: Entonces esta lección,
vamos a estar empezando con una página en blanco. Y te voy a mostrar cómo
puedes crear un sencillo sitio web de dos páginas realmente fácilmente usando
Google Sites. Entonces vamos a
montar un logo y luego vamos a darle un nombre
al sitio. También vamos
a establecer dos páginas, así que una página de inicio, una segunda página. El homepage va a
tener esta ventana emergente, que va a tener un clic
un botón, y un mensaje. También puedes, siempre que
estés previsualizando, entrar en los diferentes tamaños de
respuesta. Eso es para los teléfonos móviles, para tabletas, y para
las pantallas grandes. Para que puedas ver cómo se va a
ver tu
página web en todas las pantallas de
diferentes tamaños. Totalmente receptiva. Y eso es realmente
lo bonito de Google Sites, es realmente fácil
agregar páginas adicionales. Y luego todos
salen agradables y prolijamente dentro del menú, así
como sus sitios web
receptivos. Entonces, empecemos. En la
lección anterior, te mostramos lo fácil que es
comenzar con los sitios seleccionando una plantilla
de la galería de plantillas. En esta lección vamos
a estar caminando a través de
cómo configurar un sitio en blanco. Por lo que también puedes usar
las plantillas como punto de partida predeterminado y luego actualizar las plantillas de la misma
manera que vamos
a estar actualizando la página en blanco. Y esa podría ser una
forma más rápida de lograr lo el look y la sensación
que estás
buscando si ya existe
dentro de las plantillas. Entonces sigamos adelante
y seleccionemos en blanco. Vamos a pasar a
sites.google.com, seleccionando crear
un sitio en blanco. Y esto va a
crear un sitio en blanco fresco sin contenido todavía. Y entonces lo primero que hay que
hacer es darle un título
al documento del sitio. Y yo sólo lo voy a
llamar el sitio de pruebas. Y automáticamente una vez
que agregues un título, se va a sumar un título arriba
en la parte superior izquierda. Y también te da una
opción para agregar en un logo. Por lo que si tienes un logotipo para tu sitio web que
deseas utilizar, puedes añadirlo aquí, seleccionando de las subidas. Por lo que si
lo tienes en tu computadora o si ya lo has
subido, puedes usar Select, y eso
te permitirá seleccionar imágenes que quizás ya
tengas en tu Google Drive. También puedes buscar por URL, hacer una búsqueda de imágenes usando
las imágenes de Google. O bien puedes seleccionar de entre
las fotos existentes que quizás ya tengas en tu Google
dentro de tu cuenta de Google. Por lo que voy a seleccionar una
imagen de mi Google Drive. Voy a seleccionar una
imagen de mi Google Drive. Y usando el logotipo de JavaScript, voy a insertar eso. Y eso lo agregará
como logotipo para mi página web. También dentro de la configuración
podemos agregar en texto alt. Por lo que agregando un
texto alt para tu logo, seleccionará el color del logo
como color para tu tema. Entonces voy a seguir adelante
y seleccionar eso como mi color de tema para que
coincida con el logotipo, por lo que automáticamente
configura eso. También hay opción
para una estafa de Pfaff. Entonces este es el ícono que aparecerás
dentro de las páginas web. Arriba en la parte superior izquierda siempre que el usuario tenga un abierto
dentro de las pestañas del navegador. Entonces, de nuevo, estos son opcionales. No tienes que tener uno. Pero si lo haces, entonces aquí es
donde puedes agregarla. También hay debajo de la Configuración, puedes seleccionar la navegación. Por lo que esto establecerá cómo quieres que sea la navegación de
tu página. Por defecto, se establece en la parte superior. Se puede seleccionar para que sea
navegación en el sitio también. Y eso incluirá la
navegación en el sitio web, lado de la página web. También están los
diferentes colores. Entonces ahora mismo, sólo lo
mantendremos como transparente. Pero si quieres que tu
navegación sea notable, puedes configurarla como fondo negro o como fondo blanco
para la navegación. Y me pondré como negro para que veamos
dónde se encuentra. Por lo que ahora mismo otra vez,
está en la parte superior ahí. También hay debajo de
las herramientas de visualización. Por lo que esta es una
función de sitio web que mostrará un icono de info en la parte inferior
izquierda de tu sitio Publicado. Por lo que muestra los detalles
específicos del pj. Y entonces los espectadores pueden hacer clic en él para revelar contenido adicional. Por lo que esto es opcional. También está con
los enlaces de anclaje, aparecen en el sitio. Los espectadores como el pasar por encima de
los encabezados de la página y permite a los espectadores vincularse a las secciones específicas
de la página. Entonces por defecto, ambos están habilitados y yo
sugeriría que solo para mantenerlos habilitados a menos que por cualquier razón no
quieras que estos aparezcan. Pero por defecto, están
habilitados y son una
buena característica para la navegación cuando los espectadores llegan
a tu sitio web. También hay una opción
para dominios personalizados. Entonces eso significa que
si tienes un Dominios Registrados
como el dominio.com, entonces puedes configurarlo como el dominio que va a estar apuntando a los sitios de Google. Y puedes usar tu propio
dominio personalizado para los sitios de Google, También
hay una
opción para el análisis. Entonces analítica, si sí tienes
una cuenta de Google Analytics, entonces puedes habilitar
la analítica. Y esto te permitirá realizar un seguimiento los análisis para la
página web, para el sitio de Google. Por lo que hace que sea realmente
fácil integrar su ID de seguimiento analítico
o de medición. Y luego puedes
habilitarlo una vez que sí tengas eso agregado en el campo de entrada. También hay una pancarta de
anuncio. Entonces este es nuestro banner
que se va
a mostrar por encima de
tu contenido. De forma predeterminada, no está habilitado. Entonces esto es si tienes anuncios
especiales o algún tipo de
oferta especial que
deseas que los espectadores
de tu sitio puedan ver. Para eso puedes mostrar el banner y luego
puedes tener el mensaje. Entonces por ahora sólo tendremos
un mostrando la pancarta. Será un mensaje de bienvenida. Y hay un botón. Y luego cuando se haga clic en el
botón, se abrirá a lo que sea que sea la página web que
queremos usar. Por lo que voy a configurarlo
para enlazar a mi página web. Y podemos tener
la visibilidad solo en la página principal
o en todas las páginas. Simplemente lo voy a poner
sólo para la página de inicio. Entonces, una vez que haya completado
la configuración, y una vez que esté satisfecho
con la configuración, puedo cerrar eso. Y ahí está la
pancarta apareciendo en la parte superior con el botón Click
Me, la bienvenida. Y ahora que he
hecho la configuración, puedo hacer clic en Vista previa para ver cómo
va a quedar mi sitio web. En la parte inferior derecha, puedo previsualizar en los
diferentes tamaños de pantalla. Entonces si quiero ver
cómo
se va a ver
el sitio web en el teléfono, puedo ver cómo se va
a ver en una tableta,
que es un poco
más grande que el teléfono. Y luego cómo se ve
en las pantallas más grandes, podemos salir de la vista previa
en cualquier momento cerrándola. En el lado izquierdo, tenemos el ícono de Información. Y da alguna información
donde puedes denunciar abuso o puedes ir a la página de inicio de
Google Sites. Y ese es ese ícono de información que hemos habilitado
en la página web. Entonces esto es lo que puedes
apagar dentro de los ajustes que
estábamos viendo antes. Entonces tiene el banner
aquí a través de la página principal. En este momento sólo
tienen la una página. Por lo que acaba de tener la página de inicio. Y si hago clic en
él, va a redirigir
y abrir a mi sitio web tal y como lo
indicamos dentro de la configuración. Entonces sigamos adelante y
cerremos la vista previa y mezclaremos algunas
actualizaciones más a la página web. En el lado derecho, podemos seleccionar los diversos
temas que están disponibles. Y eso cambiará
el estilo así como el esquema de color para el
sitio que estás usando. Y luego puedes
seleccionarlos y personalizarlos. Te mostraré cómo hacer eso
en las próximas lecciones. También bajo páginas,
sólo tenemos apenas
actualmente la página de inicio. Por lo que si quieres
agregar una segunda página, puedes crear una nueva página. Haciendo clic en el icono de nueva página
en la parte inferior derecha. También puedes tener una nueva sección de
menú o un nuevo enlace. Simplemente vamos a
crear una segunda página, y la llamaré segunda. También hay una
opción avanzada aquí donde queremos, si queremos establecer un camino personalizado. De lo contrario sólo va a usar el nombre de la página para la ruta. Entonces vamos a mantenerlo
fuera segundo y pegarle a Done. Por lo que eso crea la segunda
página dentro de nuestra página web. Y ahora si vamos a la vista previa, tenemos la navegación
en el lado izquierdo, y las dos páginas se agregan
automáticamente al menú. La primera página es
la única con la ventana emergente ahí. Y las otras páginas no tendrán eso ya que establecemos eso ya
dentro de la configuración. Entonces así es como puedes agregar fácilmente páginas
adicionales
a tu sitio web. Y cuando sí quieras
hacerles actualizaciones, solo
puedes
seleccionarlas y eso pondrá
automáticamente en el área de visualización. Y luego puedes hacerles
actualizaciones según sea necesario. Y luego si
sí quieres ajustar alguna de las configuraciones del sitio, siempre
puedes hacer clic
donde estaba el logotipo. O bien puedes seleccionar en la configuración del lado
superior derecho, se va a abrir la ventana emergente de
configuración. Y desde aquí, si
quieres volver a ajustar la navegación a la parte superior, puedes configurarla de esa manera. También puedes actualizar el
color de la navegación,
así que configúrela en transparente. Y luego una vez que estés satisfecho, puedes salir y
puedes comprobar para ver cómo va a quedar
dentro del sitio en vivo.
4. 3 elementos del sitio insertar en el sitio: Entonces vamos a estar
tomando un sitio en blanco, seleccionando un tema para el sitio, mostrarte cómo
puedes actualizar algunos de los colores de estilo
y luego cómo puedes insertar un cuadro de texto y
puedes insertar imágenes, cómo puedes incrustar
páginas web y contenido web. Y luego también
puedes seleccionar contenido que esté sentado en tu
Google Drive e incrustar eso en tu página para que
sea visualizado dentro del contenido de
la página. Entonces todo eso viene. En la
lección anterior, seleccionamos sites.google.com
creó un sitio en blanco. Entonces en esta lección vamos a
hacer algunas personalizaciones más usando la
opción Insertar al sitio. Ya habíamos
creado dos páginas, así que tenemos una página de inicio
y una segunda página. Entonces volvamos a Insertar. Y desde aquí se pueden insertar los diversos elementos
en la página. Por defecto, la plantilla y el tema ya
va a tener algún estilo y algunos
elementos existentes. Por lo que tienes una opción
para seleccionar estos. Puedes cambiarlos,
puedes eliminarlos, puedes actualizar,
puedes editar el texto. Por lo que todo esto está disponible. Si sí
seleccionas editar el texto, vas a conseguir un editor de texto
wysiwyg, que
te va a permitir personalizar la fuente, el tamaño de
la fuente, el diferente estilo de
fuente, negrita. También lo está alineando y aquí también
hay algunas
opciones más. Si desea sangrar los textos, presione o
despeje el formato. Entonces el color, si querías
cambiar el color de la línea, Eso va a estar
sentado dentro del tema. Y eso es porque estamos
usando el tema de la impresión. Por lo que seleccionar los diferentes
temas te dará una opción para personalizar cómo se va a ver ese
elemento en particular. Por lo que volviendo
a los temas, si sí quieres personalizar el color en esta
parte del tema, esta línea va a ser roja. Por lo que puedes
seleccionarlo para que sea amarillo, verde, gris, negro o amarillo. Y también puedes seleccionar
diferentes colores. Entonces eso está todo disponible
bajo los temas. Por lo que volviendo a insertar
dentro del área de exhibición principal, esta sección está
completamente en blanco. Por lo que si quieres
insertar un cuadro de texto, puedes hacer clic en Texto. Y lo que esto hará
es que va a insertar un cuadro de texto en el siguiente elemento
disponible. Entonces está apilando los elementos. Y si insertas otro que se va
a insertar debajo, una vez que esté insertado, tienes una opción para moverlos. Entonces si por ejemplo, quieres mover la segunda
por encima de la primera, solo tienes que arrastrarla y soltarla. Y es bonita interfaz de
arrastrar y soltar. Para que puedas personalizar dónde se va a
sentar el texto en la página. Es en cualquier momento se puede seleccionar el texto que va a
abrir el editor para el texto. Para que puedas personalizar cómo se va
a mostrar
este texto, la fuente, el tamaño, el estilo del texto. También tienes la opción
de seleccionar colores. En el lado derecho, vas a conseguir
un pequeño menú emergente que te
va a permitir seleccionar los colores. Por lo que permite tener los diversos estilos temáticos de
colores para las áreas de texto. Y luego puedes personalizar
estos según sea necesario. Si encuentras que este cuadro de texto
es un poco demasiado ancho, también
puedes
reducirlo siempre. Y también puedes mover otros cuadros de texto a las áreas
vacías según sea necesario. realmente puedas personalizar cómo se va a mostrar
tu contenido en la página. Seleccionar los cuadros de texto
te
va a dar la opción para los
temas y los colores. Entonces para este, volvamos a ajustar el estilo al
estilo número 1. Y ahora este estilo
va a ser el mismo
en ambos. Siempre puedes
arrastrar este hacia fuera, actualizar el estilo de la misma. Y en cuanto lo
arrastres al elemento principal, va a tomar
el estilo
del primer elemento
dentro de esa línea. Por lo que no puedes tener
dos estilos diferentes en una línea de los elementos. Si deseas insertar una
imagen, insertando una imagen, seleccionas Insertar imagen
donde puedes subir una imagen desde tu computadora
o puedes seleccionar una imagen. Al seleccionar la imagen se
abrirá tu Google Drive. Y voy a seleccionar
una de las imágenes que tengo en mi disco. Y tienes todas
las mismas opciones de imagen para hacer la selección
de las imágenes. También puedes seleccionar bajo embed, lo que te permite incrustar
una URL en la página. Entonces si tienes una URL
que quieres usar, qué va a hacer,
va a incrustar la URL web. Te va a dar ya sea
una página entera o una vista previa. Y una vez que hagas un inserto, se va a insertar e incrustar toda
la página en el sitio web. Si hay algún bloque que
quieras mover, siempre
puedes
seleccionarlos y moverlos. También tienes todas
las opciones para
las opciones de color para
los bloques de código. Y también puedes duplicar las secciones y
eliminar las secciones. Por lo que eso sólo
despejará el apartado. Y luego puedes empezar de
nuevo si querías
insertarlos desde el Insertar, También
hay de la unidad. Entonces lo que puedes hacer es seleccionar un documento
de tu unidad. Por lo que si tienes
algunas hojas de Google que quieres insertar, puedes seleccionarlo. Se pueden seleccionar varios artículos. También puedes seleccionar
los que se han compartido. Entonces así como lo harías
dentro de tu Google Drive, el reciente el inicio y las computadoras y compartió conmigo. Entonces solo voy a
seleccionar la e insertar una hoja de cálculo en el muelle. Y la forma en que
mostrará la hoja de cálculo. Por lo que tendrá todas
las diferentes hojas como
pestañas ahí en la parte inferior. Los usuarios que acuden a su página web pueden ver el contenido de la hoja. Entonces tomemos una vista previa rápida
y veamos cómo se ve esto. Entonces esto está en la segunda página, y así es como un usuario sería capaz de ver el contenido de la
hoja de cálculo. Podrán hacer
clic en las pestañas la parte inferior para navegar
a las diferentes hojas. Si la hoja tiene más contenido, puede rodar hacia abajo y desplazarse hacia abajo y obtener el contenido de la hoja. También obtienen la
opción de abrirlo dentro
de una página totalmente nueva. Entonces si no quieren
mirarlo como incrustar en su sitio, pueden abrirlo en una página separada y ver
todo el contenido de la hoja. Y también puedes aplicar
un poco de estilo y también hacer algo de redimensionamiento
al contenido de la hoja. Entonces lo voy a mover
justo aquí arriba. Voy a
encogerlo hacia abajo
para que encaje en lo mismo que la imagen. Y haré la
imagen un poco más grande, anunciada a una
vista previa de eso y echa un vistazo a cómo se va a
ver eso en la página. Por lo que hace un diseño totalmente
responsive con el contenido de la hoja. Por lo que incluso si
lo reducimos a móvil, naturalmente redimensionará contenido de
la hoja es
visualizable dentro de la página web, tratando de apegarnos a tanto
como a lo que has establecido dentro de la ventana de
diseño como posible. Por lo que este caso es mantener ambas columnas y en la tableta pero no
en el teléfono móvil. Y luego en la pantalla grande, claro que sí vemos la
pestaña ambas columnas presentes. Adelante y pruébalo. Selecciona algún contenido de tu Google Drive
incrustado en tu hoja, agrega algunas imágenes y actualiza
algunos de los temas de estilo, y podría estar listo para
pasar a la siguiente lección.
5. 4 consejos de diseño de Google sitios de Google: Por lo que vamos a estar viendo el diseño y cómo
podemos agregar diversos medios, incluyendo videos de YouTube,
contenido de nuestra unidad, mapas de
imágenes fácilmente en un componente
predefinido, que lo va a hacer
fácil agregar este contenido a nuestra página web en el formato que queremos debajo de
los diseños. Echemos un vistazo a
los diseños que
tenemos disponibles dentro de los sitios. Nuevamente, para deshacerse de la pancarta de
anuncio. Entonces eso no es
aparecer dentro del rubro. Y en el lado derecho, debajo de la pestaña Insertar, tienes una opción de diseños
para que puedas abrir y cerrar el grupo de
diseños. Y lo que hacen los diseños es
que nos dan una forma rápida de
personalizar algunos de los oponentes que queremos en nuestra página web. Entonces en este caso
tenemos una imagen y algún texto en el
lado derecho. Por lo que Preestablece cómo se va a ver
este elemento en particular. Y luego desde aquí puedo subir, puedo seleccionar una imagen. Puedo conseguir YouTube Calendar o un mapa dice número de
opciones de los medios
que insertan el agua. En este caso, seleccionaré
una imagen de mi unidad. Por lo que al pasar a la unidad, se va a abrir la
unidad del lado derecho. Y solo seleccionaré reciente, seleccionando una imagen que
tengo actualmente en mi disco. Y luego agrega algo de texto y luego hay
algunos subtextos a continuación. Para que puedas personalizar
esto según sea necesario. Y eso es lo que hace el diseño, es que te proporciona una forma
rápida de personalizar. Entonces si tienes cuatro imágenes, tres imágenes a dos,
pequeña, una grande. Entonces si quieres este
tipo de maquetación o diferentes tipos de medios
que estás agregando. Puede seleccionar fácilmente esto de los diseños
y agregar eso en. Entonces sigamos adelante y
seleccionemos de YouTube. No tengo ningún contenido
subido a mi cuenta de YouTube, pero puedo buscar videos
que están actualmente en YouTube y puedo
agregar en esos videos, y que va a mostrar
el video ahí en el lado izquierdo
dentro de la ventana ahí. También hay opciones
para entrar en el mapa. Entonces si queremos seleccionar una ubicación en
particular en el mapa, puedes ingresarla y
empezar a escribirla, seleccionarla, y entonces eso se llenará
automáticamente y creará un mapa para ti,
para tu página web. Y luego aquí vamos
a seleccionar de la unidad y seleccionaremos uno de los documentos que
tengo en mi disco. Y en este caso sólo volveremos a
hacer otra hoja de cálculo. Por lo que estamos poblados todos
los tres elementos mediáticos tal como lo hacemos dentro
de la disposición ahí. Y este es el diseño
que hemos elegido utilizar. Sí tenemos una opción para
personalizar el diseño para que podamos cambiar el tamaño de los
medios según sea necesario. También podemos mover a los
medios de comunicación según sea necesario. Podemos aplicar los diferentes colores
de selección. Y también podemos insertar texto
adicional si queremos, arrastrándolo y soltándolo en el elemento del diseño. Por lo que podemos personalizar completamente
el diseño según sea necesario. Y luego si
queremos deshacernos de elementos
particulares
en el diseño, podríamos hacer eso también, y luego podemos
redimensionarlos según sea necesario. Por lo que el diseño básicamente
te proporciona una forma rápida y fácil configurar y dar estilo
a los
componentes en tu página web.
6. 5 sitios agregados de Google: Entonces escucha, te vamos a mostrar cómo
puedes personalizar tus sitios de Google trayendo los diversos componentes preconstruidos que pueden interactuar con el
contenido de tu Google Drive, desde YouTube, desde sitios web
externos. También puedes tener más componentes
interactivos para tu página web. Y luego
todos estos se pueden personalizar una vez que los tengas como componentes en tu página web y puedes personalizarlos y
peinarlos según sea necesario. Pasando a sites.google.com, tenemos un sitio en el que
estamos trabajando. Esta es originalmente una página en blanco y vamos a pasar
a la pestaña Insertar. Y desde la pestaña Insertar podemos seleccionar los diversos componentes. Entonces hay un grupo de colapso
que
podemos mostrar y podemos decir que es plegable o no
tiene que ser plegable. Por lo que eso sólo demostrará
que ese grupo se desplomó. Entonces lo que necesitamos es un rumbo. Y entonces esta puede ser
la segunda parte de ella. Y cuando hacemos click en esto, se abrirá la parte
colapsada. Entonces echemos un vistazo a
eso dentro de la vista previa. Entonces lo que hace un menú colapsado es que nos da esta opción para expandir el contenido y luego el contenido expandido se
mostrará una vez que se haga clic. Por lo que esta es una buena manera de crear más componentes interactivos
dentro de su contenido web. También hay una tabla de
contenidos que puedes agregar. Y lo que va a
hacer la tabla
de contenidos es que básicamente va
a tomar los encabezados que tienes
dentro de la página web y crear una forma rápida de navegar por ellos dentro de la
tabla de contenidos. También hay un
carrusel de imágenes que puedes agregar para que podamos insertar
múltiples imágenes. Por lo que ya sea subiendo la imagen o seleccionando las imágenes existentes
que tengo en mi disco. Voy a seleccionar un
par de imágenes que tengo en mi disco para hacer
el carrusel de imagen. Por lo que necesitas al menos dos
imágenes para el carrusel de imagen. Una vez que insertes
eso y configuras eso entrando en la vista previa, te
va a mostrar
el carrusel de la imagen. Y estas fueron imágenes muy grandes, por lo que están
apareciendo bastante grandes. También puedo ampliar
esto y redimensionar esto para que quepa mejor dentro
del área de la página. Por lo que redimensionar las imágenes. Y ese es el carrusel de imagen. Por lo que sí tienes algunas opciones
al seleccionarlo, para seleccionar la configuración de la misma. Para que puedas editar las
imágenes, quitar las imágenes. Puede agregar texto a las imágenes dentro de
la opción Configuración. También está el
piñón aquí donde
podemos establecer si
queremos mostrar los puntos, mostrar los subtítulos, autoiniciarlo y tener una velocidad de
transición diferente. Por lo que podemos establecer todo esto dentro de la configuración y editar
el carrusel de imagen. Si quieres un botón
para tu contenido, puedes seleccionar el botón. Entonces lo que esto hace
es este impar pecado un botón y luego lo que
queramos donde se vincula. Por lo que por defecto estamos vinculando
a la segunda página. Entonces esa va a
ser la página segunda, eso va a
enlazar a esa página. Podríamos entrar en una URL. Entonces hay una serie de
cosas que podríamos tener ahí para el
botón, el botón, al
igual que los demás
componentes, puedes
arrastrarlo, soltarlo hasta donde
necesites que aparezca. Cambiará automáticamente
el tamaño de los demás componentes
dentro de la regla del elemento. Ahí hay divisor.
Por lo que los divisores, solo un divisor colorido
que puedes agregar si quieres actualizar el
color del divisor, puedes seleccionar que bajo
los temas donde
puedes establecer los diferentes colores del
tema. Y también nota que
cuando cambies los colores del tema, eso va a cambiar los elementos
correspondientes también a cualquiera que sea el color del
tema que esté seleccionado. Entonces si
cambiaras el tema, eso va a cambiar el esquema de
color de tu página web. Y entonces cada tema tiene su
propio esquema de color del que puedes seleccionar y actualizarlo
y personalizarlo. Volvamos al tenedor
del lugar. Por lo que el placeholder es solo un
portador de lugar que es posible que desee volver más tarde para agregar algún tipo de contenido
o componente. Entonces la configuración de placeholder,
y podemos configurarlo para que tenga una imagen, Dr
contenido, YouTube. Entonces esto es bueno mientras estás
creando tu página web. Y luego una vez que tengas el
contenido que quieres usar, puedes agregar eso fácilmente, puedes agregarlo al soporte del
lugar según sea necesario. También está el YouTube. Por lo que YouTube lo hará, tal y como
vimos en el placeholder, abre la opción de buscar anuncio de
YouTube en un calendario de
videos de YouTube. Para que puedas seleccionar calendarios
de tu cuenta. Entonces esta es la cuenta
que he ingresado cuando estoy creando el sitio de prueba. Para que pueda seleccionar
cualquiera de esos calendarios e insertarlos en la página. También hay mapa
que hemos visto antes donde tu
inter ubicación. También puedes tener tus propios mapas
personalizados. Ahí está Docs. Por lo que estos son docs que
están sentados dentro tu Google Drive
que puedes agregar. Y eso instalará el muelle. Ahí están Diapositivas, Hojas,
Formularios, y gráficos. Por lo que estos están todos disponibles
desde tu Google Drive. Si está insertando gráficos, puede
seleccionar la hoja en la
que se encuentra el gráfico. Y antes de
intentar insertar el gráfico, Se sugiere que
sí entre en la hoja, seleccione el gráfico y cree
el gráfico dentro de la hoja, luego volver a sitios
y agregar de esa manera. Y esos son los diversos
componentes que puedes agregar personalizar realmente
al usuario, al sitio web. Dentro de Google Sites.