{"id":744,"date":"2022-03-22T07:50:50","date_gmt":"2022-03-22T06:50:50","guid":{"rendered":"http:\/\/blogsaverroes.juntadeandalucia.es\/davidcervera\/?page_id=744"},"modified":"2022-04-01T12:59:42","modified_gmt":"2022-04-01T10:59:42","slug":"google-sites","status":"publish","type":"page","link":"https:\/\/blogsaverroes.juntadeandalucia.es\/davidcervera\/google-drive\/google-sites\/","title":{"rendered":"Google Sites"},"content":{"rendered":"<h1>CREACI\u00d3N DE WEBS CON GOOGLE SITES<\/h1>\n<p>Aprende a crear una web gratis con Google Sites. No necesitas ser programador ni comprar un dominio propio. Gracias a la aplicaci\u00f3n de Google podr\u00e1s crear tu p\u00e1gina web f\u00e1cilmente. Te mostramos paso a paso c\u00f3mo hacerlo.<\/p>\n<h2>\u00bfQu\u00e9 es Google Sites?<\/h2>\n<p>Se trata de una aplicaci\u00f3n gratuita de Google. Gracias a esta herramienta puedes crear un sitio web de forma sencilla. Esta herramienta est\u00e1 disponible para todos los usuarios, solo necesitas una cuenta de Google \/ Gmail.<\/p>\n<h2>Acceder a Google Sites<\/h2>\n<p>En primer lugar, debes acceder a tu cuenta de Google, pulsa en el icono de <strong>Aplicaciones<\/strong> de Google y accede a <strong>Drive<\/strong>.&nbsp;A continuaci\u00f3n, pulsa en la opci\u00f3n Nuevo (como si fueras a crear un nuevo documento) pulsa en la opci\u00f3n M\u00e1s y selecciona la opci\u00f3n Google Sites.<\/p>\n<p>Tambi\u00e9n puedes crear tu p\u00e1gina en Google Sites escribiendo en la barra de direcciones escribe <strong>sites.new<\/strong> y se crear\u00e1 una nueva p\u00e1gina de Sites.<\/p>\n<h2>Interfaz de Google Sites<\/h2>\n<p>La interfaz es muy sencilla, en la parte central ver\u00e1s el lienzo de tu p\u00e1gina web donde incorporar\u00e1s el resto de elementos. A la derecha, encontrar\u00e1s todas las opciones y elementos que puedes incluir en tu p\u00e1gina.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.saberprogramas.com\/wp-content\/uploads\/2021\/11\/Google-Sites-1-1024x522.jpg\" alt=\"crear web gratis\"><\/p>\n<h2>Seleccionar un tema para tu p\u00e1gina.<\/h2>\n<p>En la parte superior del men\u00fa de herramientas encontrar\u00e1s 3 opciones. Comenzamos viendo el Tema. En esta pesta\u00f1a encontrar\u00e1s diferentes temas preestablecidos que puedes aplicar a tu web.<\/p>\n<p>Al elegir un tema estableces un estilo de fuentes y colores. Tambi\u00e9n puedes personalizar el color de acento de cada tema. Si no te convence ning\u00fan tema preestablecido puedes crear uno propio.<\/p>\n<h2>Crea la estructura de tu web<\/h2>\n<p>En la pesta\u00f1a P\u00e1ginas es donde crear\u00e1s la estructura o mapa web. En este apartado es donde crear\u00e1s las diferentes p\u00e1ginas y subp\u00e1ginas de tu web y establecer\u00e1s los diferentes niveles de cada una.<img decoding=\"async\" class=\"alignright\" src=\"https:\/\/www.saberprogramas.com\/wp-content\/uploads\/2021\/11\/Google-Sites-2.jpg\" alt=\"crear web gratis\"><\/p>\n<p>Por defecto, aparece creada una p\u00e1gina de inicio a la que puedes cambiar el nombre. Para crear una nueva p\u00e1gina que est\u00e9 al mismo nivel que Inicio debes pulsar en el bot\u00f3n + que aparece en la parte inferior.<\/p>\n<p>Para a\u00f1adir una subp\u00e1gina de una p\u00e1gina debes clicar en los 3 puntitos de la derecha y seleccionar la opci\u00f3n A\u00f1adir subp\u00e1gina.<\/p>\n<p>De forma autom\u00e1tica, se a\u00f1aden las p\u00e1ginas que crees al men\u00fa de tu web. Si no deseas a\u00f1adir una p\u00e1gina al men\u00fa, en las opciones de los 3 puntitos selecciona la opci\u00f3n Ocultar de la navegaci\u00f3n.<\/p>\n<p>El encabezado creado por defecto en la p\u00e1gina de inicio se puede personalizar. En la parte central puedes editar el t\u00edtulo de tu p\u00e1gina.<\/p>\n<p>En el mismo encabezado, en la esquina superior izquierda puedes editar el nombre de tu sitio web. Justo debajo tienes un bot\u00f3n para a\u00f1adir el logotipo de tu web.<\/p>\n<p>Al a\u00f1adir el logotipo de forma autom\u00e1tica te mostrar\u00e1 los colores principales y te dar\u00e1 la opci\u00f3n de a\u00f1adir uno de estos colores a tu tema. El color seleccionado ser\u00e1 el color de acento de tu web. Es decir, el color que se emplear\u00e1 en los elementos que deben llamar la atenci\u00f3n.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.saberprogramas.com\/wp-content\/uploads\/2021\/11\/Google-Sites-3.jpg\" alt=\"crear web gratis\"><\/p>\n<p>En esa misma ventana puedes cambiar algunas opciones de tu p\u00e1gina web en el apartado Navegaci\u00f3n.&nbsp;Puedes cambiar la ubicaci\u00f3n del men\u00fa de p\u00e1gina, te muestra 2 ubicaciones; arriba o lateral.<\/p>\n<p>Tambi\u00e9n puedes aplicar una barra de color a tu men\u00fa.&nbsp;Adem\u00e1s, poniendo el rat\u00f3n sobre el encabezado tambi\u00e9n se mostrar\u00e1n las opciones de Tipo de encabezado y Cambiar imagen.<\/p>\n<h2>A\u00f1ade texto e im\u00e1genes a tu p\u00e1gina web<\/h2>\n<p>En el men\u00fa lateral, en la pesta\u00f1a Insertar puedes ver todas las opciones. Justo en la parte superior se muestran las 4 opciones principales. Entre ellas, los cuadros de texto e im\u00e1genes. Para insertar estos elementos solo tienes que clicar sobre ellos y se a\u00f1adir\u00e1n de forma autom\u00e1tica.<\/p>\n<p>Otra opci\u00f3n, es hacer doble clic con el rat\u00f3n sobre el lienzo de tu p\u00e1gina para a\u00f1adir estos elementos.<\/p>\n<p>Al insertar un elemento, de forma autom\u00e1tica se crea una secci\u00f3n. En la parte izquierda tienes algunas opciones para modificar la secci\u00f3n.<\/p>\n<h2>Dise\u00f1os predefinidos para tu web<\/h2>\n<p>Justo debajo tienes los dise\u00f1os predefinidos. Esto son, como su propio nombre indica, dise\u00f1os ya establecidos de texto e im\u00e1genes. Puedes aplicarlos en tu web, tan solo tienes que clicarlos, se insertar\u00e1 el dise\u00f1o y solo tienes que a\u00f1adir tus im\u00e1genes y texto.<\/p>\n<p>Por supuesto, estos dise\u00f1os se pueden modificar. Es posible cambiar la posici\u00f3n y tama\u00f1o de cada uno de los elementos.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/www.saberprogramas.com\/wp-content\/uploads\/2021\/11\/Google-Sites-4-1024x487.jpg\"><\/p>\n<h2>M\u00e1s elementos para tu web<\/h2>\n<p>Adem\u00e1s de los que hemos visto, puedes a\u00f1adir otro tipo de elementos a tu web para hacerla m\u00e1s atractiva. Son los siguientes:<\/p>\n<ul>\n<li>Grupo que se puede ocultar<\/li>\n<li>\u00cdndice<\/li>\n<li>Carrusel de im\u00e1genes<\/li>\n<li>Bot\u00f3n<\/li>\n<li>Divisor<\/li>\n<li>Marcador de posici\u00f3n<\/li>\n<li>YouTube<\/li>\n<li>Calendario<\/li>\n<li>Mapa<\/li>\n<li>Documentos<\/li>\n<li>Presentaciones<\/li>\n<li>Hojas de c\u00e1lculo<\/li>\n<li>Formularios<\/li>\n<li>Gr\u00e1ficos<\/li>\n<\/ul>\n<h2>A\u00f1adir colaborador en Google Sites<\/h2>\n<p>En el men\u00fa superior de Google Sites encontrar\u00e1s otras opciones. En el icono de persona y s\u00edmbolo m\u00e1s puedes A\u00f1adir un colaborador. <img decoding=\"async\" class=\"alignright\" src=\"https:\/\/www.saberprogramas.com\/wp-content\/uploads\/2021\/11\/Google-Sites-5.jpg\"><\/p>\n<p>Solo tienes que a\u00f1adir el correo electr\u00f3nico de la persona y establecer su funci\u00f3n: Editor o Lector y clicar en Enviar para enviarle la invitaci\u00f3n.<\/p>\n<h2>Otras opciones del men\u00fa superior<\/h2>\n<p>En este mismo men\u00fa, encontrar\u00e1s otras opciones como; deshacer y rehacer, vista previa y compartir.&nbsp;La opci\u00f3n de compartir solo est\u00e1 disponible cuando la p\u00e1gina se ha publicado.<\/p>\n<h2>Crear botones de Redes Sociales<\/h2>\n<p>Debido a las limitaciones que nos impone este CMS, la inclusi\u00f3n de enlaces a RRSS es muy limitada y se debe hacer mediante enlaces externos, para lo&nbsp; cual lo primero que debemos hacer es descargarnos un paquete de iconos de redes sociales desde la web <a href=\"https:\/\/www.flaticon.es\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.flaticon.es\/<\/a>&nbsp;<\/p>\n<h2>\u00bfC\u00f3mo publicar mi web gratis con Google Sites?<\/h2>\n<p>Antes debes saber que tu web estar\u00e1 guardada en tu cuenta de Drive. Como habr\u00e1s comprobado, no hay ning\u00fan bot\u00f3n de guardar porque todos los cambios se guardan de forma autom\u00e1tica, al igual que en otras aplicaciones de Google.<\/p>\n<p>Por \u00faltimo, para publicar tu web solo tienes que clicar en el bot\u00f3n Publicar de la esquina superior derecha. Aparecer\u00e1 una ventana con algunas opciones, como la direcci\u00f3n web a utilizar. Selecciona la opci\u00f3n Publicar en la ventana para publicar tu web.<\/p>\n<p>Finalmente, como has comprobado crear una web gratis con Google Sites sin saber programar es posible. Adem\u00e1s, todas las opciones de Sites te permiten crear una p\u00e1gina web de aspecto profesional en pocos minutos.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>CREACI\u00d3N DE WEBS CON GOOGLE SITES Aprende a crear una web gratis con Google Sites.&#46;&#46;&#46;<\/p>\n","protected":false},"author":2376,"featured_media":0,"parent":742,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/davidcervera\/wp-json\/wp\/v2\/pages\/744"}],"collection":[{"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/davidcervera\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/davidcervera\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/davidcervera\/wp-json\/wp\/v2\/users\/2376"}],"replies":[{"embeddable":true,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/davidcervera\/wp-json\/wp\/v2\/comments?post=744"}],"version-history":[{"count":5,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/davidcervera\/wp-json\/wp\/v2\/pages\/744\/revisions"}],"predecessor-version":[{"id":760,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/davidcervera\/wp-json\/wp\/v2\/pages\/744\/revisions\/760"}],"up":[{"embeddable":true,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/davidcervera\/wp-json\/wp\/v2\/pages\/742"}],"wp:attachment":[{"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/davidcervera\/wp-json\/wp\/v2\/media?parent=744"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}