How to Use Google Sites to Make A Website

For those who’re one of many practically 2 billion folks on this planet with a Gmail account, making your personal web site may very well be just some clicks away. That’s as a result of the massive Google gives an internet site builder, Google Sites, alongside their free web-based instruments. And similar to their workplace suite of merchandise, Google Sites is ideal for constructing fast, easy, straightforward to publish initiatives.

On this information, I’ll be taking you thru the identical step-by-step course of I exploit for making a challenge with Google Sites. Collectively, we’ll make a totally useful web site that may very well be for private, skilled, or educational use. Then, we’ll take a more in-depth have a look at Google Sites’ different templates, in addition to various web site builders for extra concerned initiatives.

Your First Undertaking With Google Sites: Step By Step Directions

With an hour or two to spare and 10 easy steps, you’ll be able to have your first challenge with Google Sites up and working. For this demonstration, I’m going to be making a web page from scratch, that you simply may use to current a challenge in your job or faculty. And I’ll be utilizing the most recent model (new Google Web site), too — so don’t swap to traditional Google Web site mode when you’re given the choice.


Signal into your Google account, and let’s get began constructing a brand new website!

Step 1: Open Google Sites

First issues first: You’ll want to navigate over to Google Sites! Straightforward peasy.

Step 2: Open the Google Sites Help Web page, Too

Google Sites Help

In a separate tab in your browser, open up Google’s support page for Sites. It is a searchable database of widespread questions and points that may come up once you’re utilizing Sites, making it an indispensable assist.

And because it’s curated by Google, this assist web page has clear, direct solutions to any primary query that may come up alongside the way in which.

Step 3: Begin Your Website

Click on on the massive “+” icon within the higher left of the Google Sites primary web page (the one that claims “Clean” beneath it). This may open up a inventory template in your very first Google Sites web site.

Start New Website with Google Sites

Whilst you’re there, take a second to go searching and familiarize your self with the menus and sidebars. You’ll be utilizing all of them later to customise, save modifications, publish your website, and extra.

Step 4: Select A Title For Your Website

Google Site Name

What’s web site with no identify? Within the higher left nook of your browser, you’ll see a textual content field with the phrases “Untitled website”. Click on on it, and you may edit the identify. That is the identify that your web site can be saved beneath in your Google Drive, and you may amend it later when you change your thoughts.

Step 5: Select A Theme

Close to the highest of the best sidebar, you’ll see three choices: Insert, Pages, and Themes. Go forward and click on on Themes.

This may pull up six inventory themes from Google, every with a becoming identify: Easy, Aristotle, Diplomat, Imaginative and prescient, Stage, and Impression.

Google Sites Templates

Every theme is a mixture of a typeface, a choice of colours, and some graphic design components. Attempt clicking on them one after the other, and seeing the way it modifications your new webpage. For now, don’t overthink it: Simply go for the one which catches your eye essentially the most.

Whenever you’ve discovered a theme that you simply just like the appears of, attempt adjusting its colours utilizing the drop-down menu beneath the identify of the theme. You’ll have the choice of 5 pre-selected coloration templates to select from, however you can too click on the paint bucket icon (to the best of the fifth coloration) to choose a customized coloration scheme.

Every theme additionally has three font kinds to select from, in a drop-down menu beneath the colour decisions. Click on on that, and check out all three to see which one suits your temper and your model. There aren’t any flawed decisions right here, and you may all the time return to regulate any of those settings later.


Step 6: Change the Structure, Then Add Textual content and Photographs

Now it’s time to use an alternative choice from the right-hand sidebar: Insert.

That is the place you’ll do the bulk of the particular “constructing” in your new web site, together with altering the structure, textual content, and pictures. It’s additionally the place we get into the widest vary of choices to select from. Bear in mind once I stated to preserve that Google Sites assist web page open? It could actually actually come in useful right here.

First, let’s go forward and alter the textual content that’s already in your display screen that claims “Your Web page Title”. Click on anyplace on the textual content, and also you’ll see a blue field encompass it in addition to a toolbar pop up above it. Use the backspace key to erase the textual content, and change it with “My First Undertaking” as an alternative.

Subsequent, let’s go forward and add a block beneath what’s already there. You recognize, to make it begin trying like an actual webpage! Beneath the Layouts part of your proper sidebar, click on on the primary one — it has a single image of a mountain. This may add a clean template beneath your the principle header that’s already there.

Google Sites Layout

See the field inside there that has a “+” signal inside a circle? Click on on that plus signal, and we’ll add a picture. When a menu with Add, Choose Picture, and From Drive pops up, click on on Choose Picture.

This may convey up one other dialogue field, with 4 choices close to the highest: Google Drive, By URL, Google Picture Search, and Images. Assuming you don’t have a photograph already in thoughts, let’s click on on Google Picture Search.

Seek for your favourite animal — I selected a duck — and discover a picture that you simply like. Click on on it, and a blue bar will present up beneath it. Click on Insert, and the picture can be loaded from Google Photographs proper into your webpage. If the entire picture isn’t exhibiting up, scroll over it and seize one of many blue balls that present up on the nook. Click on and maintain, and also you’ll give you the option to drag the picture into form.

Lastly, add a number of details about your favourite animal. Click on on the textual content packing containers to the best of the picture, and also you’ll do the identical factor as you probably did for the header in step one.

Step 7: Add Extra Pages

At this level, you’ve made the naked bones of your first totally functioning net web page. Congrats! However for it to be a real blue netwebsite, you’ll want to add a number of extra pages.

Head again over to the trusty right-hand sidebar, and click on on the final possibility we haven’t used but: Pages.

What exhibits up can be… Virtually clean. We do solely have one web page for our website, in spite of everything.

To repair that, look down a bit and discover the blue “+” signal nested within a white circle. Click on on it to add one other web page, and also you’ll be requested to give this web page a brand new identify (I selected “Extra Animal Information”).

And increase! You’re again to the beginning of one other web page that appears eerily related to the one you began engaged on moments in the past. Navigate to the Insert part of the right-hand sidebar, and you may observe by way of the instructions in step 6 once more on this new web page.

At this level, I’d advocate taking part in round with a number of completely different structure choices. For those who insert one that you simply don’t just like the appears over, simply hover over it and search for the trash can possibility that exhibits up to its left. That’s the delete key for something you don’t need in your web page anymore.

That is additionally the place you’ll be able to actually begin stepping into Google Sites. Scroll down additional within the Insert part, and also you’ll see choices for the standard trappings of an internet site: A desk of contents, navigation menu, dividers, picture carousel, placeholders, even an possibility to insert a YouTube video instantly into your website. All of those capabilities are covered in detail on this page of the Google Sites assist handbook.

And what in order for you to make a number of extra modifications to your property web page? Easy: Simply click on again to Pages on the sidebar, after which click on in your homepage. That is the way you’ll navigate between pages, making modifications to no matter you want as you go. You’ll additionally discover that hyperlinks to pages you’ve added will present up on the higher proper nook of your homepage. Fairly neat, proper?

Step 8: Publish Your Web site

Whenever you’re completely satisfied along with your product and prepared to name it completed for now, it’s time to publish it to the net! To do this, click on on the massive blue Publish button within the higher proper hand nook of your display screen.

This may convey up a easy dialogue field, the place you’ll be able to select the net handle you’d like your challenge to stay at in addition to a number of customized choices.

For those who want one thing accessible, however isn’t a branded public challenge, you’ll be able to simply use the default area that Google supplies – – it’s not super-brandable, however it works.

For those who’re intending on utilizing this web site for actual on the general public Internet with branding, the Handle button subsequent to the “Customized Area” description will allow you to buy a singular web site area identify from Google Domains (evaluation) or join it to a site that you simply already personal at one other good registrar like Namecheap or GoDaddy. You’ll have a customized URL to share in your challenge.

However for the needs of this demonstration, this website is prepared to go.

Click on the ultimate “Publish” button within the decrease proper nook, and also you’re accomplished! Click on on the arrow to the best of the big blue Publish button within the higher proper hand nook of your display screen, then click on “view printed website” to see the outcomes of your efforts.

Utilizing Google Sites Templates

Going by way of the motions from scratch is a superb method of studying how to use each characteristic of Google Sites. However when you’re trying to get a webpage off the bottom as fast as potential, there’s a way more direct method: Utilizing the templates included with Google Sites.

Head again to the Google Sites homepage, however this time don’t click on on the “Clean” template to get began. As a substitute, look barely up and to the best for the “Template Gallery” button, and click on on that.

This may pull up an entire suite of ready-made websites, divided into classes like “Private”, “Work”, “Small Enterprise”, and “Schooling”. Inside every class, you’ll discover a wide range of tailored choices to fit your wants, whether or not that’s making a portfolio of your work or a beautiful web site for a restaurant.

Google Sites Template Gallery

In brief: Whereas it’s lots of enjoyable to make Google Sites from scratch, it’s often quicker and simpler to make them from a primary template.

Suggestions & Tips for Google Sites

As a parting reward, I’d like to share a number of random ideas and tips I’ve picked up whereas working with Google Sites. In no specific order, listed below are 5 of my favorites:

  1. Google Sites works fairly nicely with Google Classroom. For those who’re an educator who makes use of Classroom to hand out assignments, you’ll be able to hyperlink your classroom web site instantly by way of to particular pages of your Google Web site to use as research aids.
  2. Your Google Drive is your greatest buddy for importing footage and movies to your Google Web site. Make a single folder with the identify of your web site challenge, and fill it with any supplies you want to reference. Each picture and textual content field’s drop-down menu has an possibility for importing from Google Drive, making this the simplest method to keep organized.
  3. If you need to share your Google website with a restricted viewers, verify the field for “Request public serps to not show my website” earlier than you end publishing. This manner, the one folks that may have a look at your website can be whoever you give the precise net handle to.
  4. If not one of the inventory templates fairly match what you’re on the lookout for, however you don’t need to take the time to make a extra difficult web page, a number of folks promote their very own custom made Google Sites templates.
  5. Utilizing the Insert part of the best sidebar, you’ll be able to pull charts, types, and sheets instantly out of your Google docs and switch them into a fast presentation that’s akin to PowerPoint.

That’s all for at this time, people! When you have any questions on Google Sites or get caught when you’re making one, drop us a line and we’ll do our greatest to assist out.

Make certain to additionally take a look at my Google Sites Overview and my assortment of actual Google Sites examples and my overview of Google’s Enterprise Electronic mail Pricing together with my information to making an internet site with WordPress, and my overview of the very best web site builders.

Show More

Related Articles

Leave a Reply

Your email address will not be published.

Back to top button