Cómo empezar con sitios de Google | Laurence Svekis | Skillshare

Velocidad de reproducción


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Cómo empezar con sitios de Google

teacher avatar Laurence Svekis, Best Selling Course Instructor

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      0 Google Sites

      2:59

    • 2.

      1 Crea tu página web

      5:21

    • 3.

      2 Crea una página de sitios desde cero

      9:15

    • 4.

      3 elementos de sitio

      7:02

    • 5.

      4 consejos de diseño de sitios de Google

      3:18

    • 6.

      5 sitios de Google

      5:32

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

272

Estudiantes

2

Proyectos

Acerca de esta clase

Explora cómo crear un sitio web gratuito sin necesidad de codificación usando Google Sites

Google Sites es una herramienta de creación de sitios web que viene con cuenta de Google. Si tienes una cuenta de Google, puedes crear sitios web y páginas web que puedes compartir con otros a través de Internet. En pocos minutos puedes crear un sitio web fácil y rápido y luego compartir la URL al mundo.

Editor basado en web de Google Sites arrastrar y soltar la creación de páginas, lo que facilita la incorporación del espacio de trabajo de Google para crear sitios web increíbles y receptivos desde cero. Vienen con plantillas que puedes seleccionar que luego se pueden personalizar para satisfacer tus necesidades. Fácil de agregar diseños para sitios web de gran aspecto y estructura de contenido. Los sitios de Google solo están disponibles como una aplicación web.

Lleva tus medios de comunicación, videos de YouTube, mapas, documentos, hojas de cálculo y formularios con un solo clic, para que tus usuarios vean e interactúen con contenido. Agrega texto, colores y estilo para personalizar el aspecto y la sensación de tu sitio.

Crea sitios web interactivos para compartir tu contenido en el mundo o selecciona quién puede acceder a páginas de tus sitios.

Google Sites es una plataforma de creación de páginas web que facilita a las empresas y a las personas crear un espacio en línea para compartir contenido.

El curso cubre un comienzo rápido para crear tus propias páginas con Google Sites.

Impartido por un instructor con muchos años de experiencia y listo para responder a cualquier pregunta que puedas tener.

Laurence Svekis es un experto en desarrolladores de Google que se especializa en productos de Google Workspace.

Únete ahora y descubre qué sitios web increíbles puedes crear HOY.

Conoce a tu profesor(a)

Teacher Profile Image

Laurence Svekis

Best Selling Course Instructor

Profesor(a)

Web Design and Web Development Course Author - Teaching over 1,000,000 students Globally both in person and online.    Google Developer Expert since 2020 GDE

I'm here to help you learn, achieve your dreams, come join me on this amazing adventure today
Google Developers Expert - GSuite

Providing Web development courses and digital marketing strategy courses since 2002.

Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses.

"I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I create... Ver perfil completo

Habilidades relacionadas

Desarrollo sin código Squarespace Desarrollo
Level: All Levels

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

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.