Google Sites Tutorials

#basic Web Design Skills

Starting your Site & Theme

The first step to creating a Google Site is...creating a Google Site. This tutorial will take you through creating your first Site and choosing the theme that will dictate how your entire Site looks throughout your process. 

Title, Items, and Layouts

To get your basic page started, you need a title (often forgotten by students) and you need to be able to insert both simple items, AND layouts. Layouts are the key to using Google Sites effectively, because they intentionally balance images, titles and texts, and make it very easy for beginning web designers to create a beautiful and professional final product. 

Moving Items and Content

This is the tutorial in which we get into the nitty gritty of adding content. While the content I add as an example isn't as high quality as the content you'll add to your Google Site, the same principles apply. Also inadvertently included in this tutorial is the fallen glory of my beard. 

Adding Pages

Adding pages is the last basic skill we'll learn when designing our Google Site. It's something you NEED to do to create an effective site. Part of effective web design is knowing how to organize your content. If you're an 8th grade student working with me, chances are I'll tell you how to organize your website. If you're just perusing the internet looking for how to use Google Sites, I'd recommend spending some diligent time and energy organizing your thoughts BEFORE organizing your Site. 

Advanced Web-Design Skills

Hyperlinks

Hyperlinks are the bread and butter of a web designer's world. Sites with intuitive links are easy to navigate and have useful information available in the most effective way. Sites with confusing links, or ugly links, or absent links are difficult to navigate, and therefore ineffective examples of web design. 

Embedding

Embedding videos and resources sounds fancy, but it actually just means that students can view the resource itself through the lens of your website. This page is a perfect example of embedded content: you can see the videos through the page without being redirected to Loom or YouTube.  

Publishing

You've made it! The final step to publishing a website is...publishing a website! This tutorial will take you through how to publish your final Sites website and how to get the hyperlink you need to share your site with the world! 

Now that you've seen our web-design videos, check out our writing process, reading process, reading tools, or writing tools to further explore the methods we use to learn!