Annons

Google Sites är ett av de bästa onlineverktygen tillgängliga för att skapa din egen gratis webbsida. Många använder det som ett snabbt sätt att publicera en personlig portföljsida De bästa webbplatsbyggarna för att skapa en ren onlineportföljVilken gratis webbplatsbyggare är bäst för din portfölj? Här är de bästa webbplatsbyggarna du kan välja mellan! Läs mer eller en enkel företagswebbplats. Ingen behöver några speciella kunskaper för webbdesign eller kodningskunskap.

I den här artikeln kommer du att lära dig hur du använder Google Sites och hur du skapar din egen webbplats med bara några enkla steg.

Vad är Google-webbplatser?

Under många år förblev Google Sites ganska statiska när det gäller funktioner. Google Sites Classic (som det nu heter) har alltid varit begränsat vad gäller hur mycket du faktiskt skulle kunna utforma din webbplats.

Stilen på de flesta Google Sites verkade mycket föråldrad jämfört med resten av webben. Moderna webbplatser har element som dynamiska navigationsmenyer och rena responsiva layouter.

instagram viewer

De flesta sidor skapade av Google Sites hade statiska navigationsmenyer och en rörig layout. De hade en retro känsla passande för Webbdesign från 1990-talet Återupplev webben på 1990-talet genom att besöka dessa 9 gamla webbplatserDessa nio webbplatser var nyskapande på dagen. De kom före tillkomsten av superslick grafik och Web 2.0, men fungerar idag som nostalgiska påminnelser om hur långt webbutvecklingen har kommit. Läs mer .

Gör din egen gratis mångsidiga webbsida med Google Sites google sites1 1

2016 uppdaterade Google Google Sites så att du kan skapa en mer fräsch och modern webbplats.

Du kommer att märka uppgraderingen direkt. Det tidigare redigeringsverktyget för Google Sites var mycket begränsat i var och hur du kunde placera objekt. Den nya redaktören är ett mycket freeform designverktyg. Du kan bokstavligen dra, placera och ändra storlek på sidelement och widgets var du än vill.

Hur man skapar en Google-webbplats

För att skapa en Google-webbplats från början, gå till ny Google Sites-sida och logga in med ditt Google-konto. Tryck på den röda “+” -knappen i det nedre högra hörnet.

Detta kommer att skapa en tom webbsida med standardtemaet "Enkelt".

Gör din egen gratis mångsidiga webbsida med Google Sites google sites2

Redaktörens layout är mycket lätt att använda och innehåller flera avsnitt:

  • Höger kontrollpanel: Ett tre-menyområde som innehåller en Föra in meny med objekt och widgetar. Det finns en sidor meny där du kan skapa nya sidor och undersidor för webbplatsen. Du ser också en teman menyn där du kan välja tema för sidan du redigerar.
  • Topp meny: Det är här du namnger webbplatsen, förhandsgranskar sidan du redigerar eller publicerar webbplatsen på webben. Det är också där du kan dela webbplatsen med andra människor.
  • Designfönster: Det centrala området där du kommer att arbeta med din siddesign och innehåll.

För att komma igång har du tre sidstilar att välja mellan. Du kan gå med ett mycket stort banner, ett medium banner eller inget banner alls och bara en webbsida titel.

Skapa sidhuvud och innehåll

Du kan också lägga till ett webbplatsnamn och en logotyp till toppen av sidan. Placera den på vänster sida där din navigationsmeny kommer att gå.

Gör din egen gratis mångsidig webbsida med Google Sites google sites3

Det trevliga med Google Sites är att du kan lägga ut objekt var du än vill.

Om du till exempel skapar en profilsida och vill lägga till ditt profilfoto ovanför bannerbilden behöver du inte veta någon CSS-magi eller PHP-programmering. Lägg bara till ett bildobjekt med Infoga-menyn och dra bilden på sidan dit du vill att den ska gå.

Gör din egen gratis mångsidiga webbsida med Google Sites google sites5

Under rubriken kan du lägga till ett nytt avsnitt genom att klicka på sidan. Ge varje sektion sin egen bakgrundsfärg, sätt in något objekt du vill ha i det eller bara börja skriva.

Gör din egen gratis mångsidiga webbsida med Google Sites google sites4

Med Google Sites, vad du får på lätthet och flexibilitet, förlorar du alternativ.

Det finns bara några rubrikstilar tillgängliga beroende på vilken storlek du väljer. Dessa är titel (H1), rubrik (H2) eller underrubrik (H3).

Men om du vet hur du gör det justera bakgrundskoden 17 enkla HTML-kodsexempel som du kan lära dig om 10 minuterVill du skapa en grundläggande webbsida? Lär dig dessa HTML-exempel och prova dem i en textredigerare för att se hur de ser ut i din webbläsare. Läs mer , kan du klicka på Mer ikon (tre punkter) för att redigera den och justera stilen om du vill.

Gör din egen gratis mångsidiga webbsida med Google Sites google sites6

När du har lagt ut sidhuvudet och bannern och skapat din sektortitel måste du bara fokusera på att skapa ditt sidinnehåll.

Webbplatsdesign och navigering

Om du klickar på teman menyalternativ i den högra navigeringsfältet ser du en lista med sex teman du kan välja mellan. Dessa ändrar mestadels färgschema för element som horisontella linjer, teckenstorlek och stil och rubrikstilar.

Det är smart att skapa en sida för din nya webbplats och sedan spela med dessa teman för att se vilken du gillar bäst. Men när du väljer en, se till att använda den konsekvent på alla sidor på webbplatsen.

Gör din egen gratis mångsidiga webbsida med Google Sites google sites7

Om du klickar på sidor menyalternativ i den högra navigeringsfältet, det är här du kan lägga till nya sidor eller undersidor till din webbplats.

Varje gång du lägger till en ny sida lägger den till ett nytt objekt i den översta navigationsmenyn i rubriken på varje sida.

Gör din egen gratis mångsidiga webbsida med Google Sites google sites8

Du behöver inte hålla reda på länkarna till menyn. Varje gång du ändrar namnet på en av dessa sidor uppdateras menylänkarna automatiskt.

Du har inte heller fastnat med en statisk meny högst upp på varje sida. Om det känns för gammal skola för dig klickar du bara på kugghjulsikonen på vänster sida av skärmen och väljer Sidnavigering.

Gör din egen gratis mångsidiga webbsida med Google Sites google sites15

Detta genererar en dynamisk sidofältmeny som bara dyker upp när dina besökare klickar på menyikonen i det övre vänstra hörnet på din sida.

Det är ett väldigt coolt sätt att ge din Google-webbplats en mycket modern och professionell look.

Lägg till widgetar

En sak som Google Sites tar med sig till tabellen är hur lätt det är att bädda in funktionella element på sidan. Med den här funktionen kan du lägga till viss interaktivitet på webbplatsen och ger dig ett enklare alternativ till inrätta en WordPress-webbplats Ställ in din blogg med WordPress: The Ultimate GuideVill du starta din egen blogg men inte vet hur? Se till WordPress, den mest kraftfulla bloggplattformen som finns tillgänglig idag. Läs mer .

Och det är inte bara enkla textrutor eller videor. Du kan bädda in något av följande direkt på din sida.

  • Google Docs-dokument
  • Google Slides bildspel
  • Google Sheets kalkylblad
  • Google Forms formulär
  • Google-diagram från varje kalkylblad
  • Google karta
  • Google Kalender

Du kan flytta vilket som helst av dessa element var som helst på sidan du vill att det ska gå med en dra och släpp. Här är några exempel:

Bädda in en kalender. Klicka på Kalender widget och välj det Google-konto du vill dra kalendern från.

Gör din egen gratis mångsidiga webbsida med Google Sites google sites9

Placera dessa element sida vid sida, flytta dem runt sidan eller ändra storlek på dem för att få dem att se hur du vill att de ska se ut på sidan.

Det är en nivå på webbdesign så enkel att vem som helst kan designa en vacker webbsida. Du behöver inte känna till en enda kod.

Gör din egen gratis mångsidiga webbsida med Google Sites google sites10

Bädda in ett Google-ark. Med ett kalkylblad kan du förmedla information till dina läsare på ett välorganiserat sätt, med mycket liten ansträngning.

Det trevliga med detta är att du aldrig behöver redigera den webbsidan igen. Uppdatera bara källkodens Google-ark och det inbäddade arket på webbsidan uppdateras automatiskt.

Gör din egen gratis mångsidiga webbsida med Google Sites google sites11

Bädda in ett diagram. Välj ett Google-ark som innehåller valfritt antal diagram. Du kan välja det specifika diagram som du vill bädda in på din webbsida.

Gör din egen gratis mångsidiga webbsida med Google Sites google sites12

Om ditt jobb är att skapa instrumentpaneler som ofta kräver uppdateringar från ett kalkylblad kan du imponera på din chef genom att bädda in diagram från alla dina kalkylblad på en webbsida.

Gör din egen gratis mångsidiga webbsida med Google Sites google sites13

Sedan, när det är dags att leverera din rapport till chefen, bara ge dem en URL-länk som de kan komma åt med sitt Google-konto. Prata om att vara en innovativ anställd!

Slutför och publicera din webbplats

När alla delar av din sida samlas är det en vacker sak. Du kan nu skapa en informativ kontaktsida som visar dina potentiella kunder hur ditt schema ser ut.

Du kan inkludera ett kontaktformulär och till och med en karta över din företagsadress om du har ett. Prova ett kontaktformulär för att samla in data Hur man skapar ett gratis kontaktformulär för webbplatsen med Google-formulärBehöver du ett kontaktformulär för din webbplats eller blogg, men gillar inte standardalternativen? Använd Google Forms och samla svar i Google Sheets! Läs mer med de flexibla Google Forms.

Gör din egen gratis mångsidiga webbsida med Google Sites google sites14

När du är klar med att skapa din nya webbplats och alla sidor som går in på den är du redo att publicera.

Allt du behöver göra är att trycka på Publicera -knappen högst upp på sidan, så har du möjlighet att kräva namnet på undersidan under Google Sites för din webbplats.

Gör din egen gratis mångsidiga webbsida med Google Sites google sites16

Oroa dig inte om du vill ha din egen domän, du kan alltid registrera domänen och sedan omdirigera den till denna URL. När du omdirigerar en domän, för besökare verkar det som att den sida de surfar faktiskt är den domänen och inte en webbplats för Google Sites.

Är Google Sites åt dig?

Det faktum att du kan skapa en gratis webbplats med Google Sites öppnar upp en hel värld av möjligheter.

  • Du kan skapa privata, interna sidor bara för att skapa rapporter för ditt jobb.
  • Du kan piska upp en professionell portföljsida för att dela med nya potentiella kunder.
  • Du kan använda Google Sites för att lansera en enkel och effektiv företagsida.

Jag tror att du håller med om att den nya versionen av Google Sites är mycket lättare att arbeta med. Det hjälper dig att skapa webbplatser som är mycket modernare. Men om Google Sites inte är något för dig finns det alltid statiska webbplatsgeneratorer Använd en statisk webbplatsgenerator för att bygga en snabb webbplatsI den här guiden beskriver vi vad en statisk webbplatsgenerator (SSG) är, varför du vill använda en och hur man bygger en helt ny webbplats med den. Läs mer som hjälper dig att skapa en webbplats på bara några minuter.

Ryan har en kandidatexamen i elektroteknik. Han har arbetat 13 år inom automationsteknik, 5 år inom IT och är nu en applikationsingenjör. Tidigare chefredaktör för MakeUseOf, han talade på nationella konferenser om datavisualisering och har varit med på nationell TV och radio.