How to create a Website in Google Sites for Free

Flipped Classroom Tutorials
28 May 201923:29

Summary

TLDRIn this educational video, Siti guides viewers through the process of creating a free, mobile-friendly website using Google Sites. She covers essential considerations like target audience and website purpose, and provides step-by-step instructions on setting up the site, including naming, collaboration, design choices, and content organization. Siti also discusses adding pages, embedding content like videos and calendars, and customizing with HTML for advanced features. The tutorial concludes with publishing the site, updating it, and even setting up a custom domain for a professional touch.

Takeaways

  • πŸ‘‹ Welcome to the channel where we make educational technology easy for you.
  • 🌐 You can create a free and shareable website using Google Sites.
  • πŸ“ This tutorial covers the process of creating a website, including headers, pages, and other details.
  • πŸ“± Consider your audience's age, demographics, and how they will access the website.
  • 🎨 Google Sites offers limited themes and fonts, but you can customize colors and add images or GIFs.
  • 🀝 Collaborate with colleagues by adding them as editors to keep your website updated.
  • πŸ“„ The sidebar menu allows you to choose themes and insert content like text boxes, images, and videos.
  • πŸ”— Add external links, embed calendars, Google Maps, and other content for a richer website experience.
  • πŸ”„ Rearrange pages and create subpages to keep your website organized.
  • 🌍 Publish your website to share it with the world, and connect a custom domain for a personalized URL.

Q & A

  • Can you create a website for free using Google Sites?

    -Yes, you can create a website for free using Google Sites, which is a part of Google's suite of apps.

  • What should you consider before starting to create your website on Google Sites?

    -You should consider your target audience's age, demographics, and how they will access the website. Also, decide the purpose of the website, whether it's for resources, class materials, or a blog-style eportfolio.

  • How can you make your website mobile-friendly when using Google Sites?

    -Google Sites automatically adapts to be mobile-friendly, but it's important to keep your target audience and their access methods in mind when designing your website.

  • How can you notify viewers of your website when it was last updated?

    -Google Sites allows you to notify viewers of your website when it was last updated, giving them a sense that the website is regularly updated with new content.

  • How do you start creating a website with Google Sites?

    -You can start by typing in sites.google.com, or by using the app launcher to go to your Google Drive and create a new Google Sites file.

  • What is the difference between the file name and the website name in Google Sites?

    -The file name is the title of the Google Sites file in your Google Drive, while the website name is what appears on the site itself and can be different from the file name.

  • How can you collaborate with others on your Google Sites website?

    -You can collaborate with others by adding them as collaborators or editors through the share option in the top corner of the Google Sites interface.

  • What customization options are available for the design of your Google Sites website?

    -You can customize the design of your Google Sites website by choosing a theme, selecting a color scheme, and adding your own images or GIFs to the banners.

  • How do you add a logo and favicon to your Google Sites website?

    -You can add a logo by uploading a file to the top left corner of your site, and you can add a favicon by clicking on the three dots in the top right corner and selecting 'add favicon' to upload a square-shaped image.

  • How can you add content and pages to your Google Sites website?

    -You can add content and pages by using the insert menu in the side menu, where you can choose layouts, insert text boxes, images, and other elements, as well as add subpages to your main pages.

  • What are some limitations of Google Sites in terms of customization and advanced features?

    -Google Sites has limitations when it comes to changing font sizes or types, and adding advanced features like animated buttons. However, you can use embed HTML code to include more complex elements.

  • How can you embed a YouTube video on your Google Sites website?

    -You can embed a YouTube video by using the insert menu to find YouTube and search for a video, or by pasting the URL of a YouTube video directly into the site, which will automatically embed it.

  • How do you publish your Google Sites website and make it accessible to others?

    -You can publish your Google Sites website by clicking the 'publish' button at the top of the interface, and choosing to publish to the entire world or a select group of people.

  • What is the process for connecting a custom domain to your Google Sites website?

    -To connect a custom domain, you first assign a custom URL in Google Sites, then update your domain's DNS settings with a CNAME record pointing to 'ghs.googlehosted.com', and finally wait for the changes to propagate.

Outlines

00:00

🌐 Introduction to Creating a Free Website with Google Sites

The script introduces a tutorial on creating a free and easy-to-build website using Google Sites. The presenter, Siti, guides viewers through the process of setting up a website, emphasizing the importance of considering the target audience and the purpose of the site. Google Sites' mobile-friendly design is highlighted, along with the capability to notify viewers of updates. The tutorial covers the basics of getting started, including accessing Google Sites through a web browser or Google Drive, naming the site, and understanding the difference between the file name and the website name.

05:02

🀝 Collaborating and Designing with Google Sites

This paragraph discusses the collaborative features of Google Sites, allowing multiple users to edit the site. The process of adding collaborators with editing or viewing permissions is explained. The focus then shifts to the design aspects, including choosing a theme, customizing colors, and selecting banner styles. The presenter also touches on the possibility of using personal images or animated GIFs for the banners and the importance of the footer, which can be customized with text, images, and links.

10:04

πŸ–ΌοΈ Customizing the Website with Logos, Banners, and Favicons

The script continues with instructions on how to add a logo and favicon to a Google Site, which can be done through the site's editing tools. The logo appears on every page, while the favicon is visible in browser tabs or bookmarks. The presenter also explains how to manage the website's menu, including the option to have a horizontal or vertical menu, and the importance of thoughtfully planning the site's page structure to avoid overwhelming visitors with too many pages.

15:06

πŸ“ Adding Content and Pages to Google Sites

The tutorial moves on to adding content and pages to the website. It explains how to use the 'Insert' menu to add various elements like text boxes, images, and layouts. The presenter discusses the ability to resize and rearrange elements, as well as the option to create subpages and manage their order within the site. The paragraph also covers how to add external links to the menu and how to embed content such as YouTube videos, Google Maps, and documents from Google Drive.

20:06

πŸ”— Advanced Embedding and Publishing Options in Google Sites

This section covers more advanced embedding techniques, such as using HTML code for more complex integrations. It also explains how to link to specific sections of a page, known as anchors, and the limitations of doing so. The presenter provides a step-by-step guide on how to publish the website, preview it across different devices, and make it live for the public or specific viewers. The importance of regularly publishing updates to keep the site fresh is also highlighted.

🌐 Finalizing and Customizing the Google Site

The final paragraph wraps up the tutorial by discussing the process of unpublishing a site if needed and the steps to connect a custom domain. It provides guidance for users with different types of Google accounts, including those with G Suite for education or business. The presenter explains how to set up a custom URL and the necessary changes in the domain provider's DNS settings to point to the Google Sites website. The paragraph concludes by inviting viewers to share their experiences and thoughts on the video and to start a conversation in the comments section.

Mindmap

Keywords

πŸ’‘Google Sites

Google Sites is a free web service by Google that allows users to create and manage their own websites. In the video, it is the primary tool discussed for creating a website easily and sharing it with the world. The script mentions using Google Sites to walk viewers through the process of creating a website, including adding pages, themes, and collaboration features.

πŸ’‘Audience

In the context of the video, 'audience' refers to the intended viewers or users of the website being created. The script emphasizes the importance of considering the audience's demographics and how they will access the website, which influences the design and content of the site.

πŸ’‘Mobile-friendly

The term 'mobile-friendly' describes a website's ability to be easily viewed and used on mobile devices. The script notes that Google Sites is mobile-friendly, which is crucial for accessibility across different devices, including smartphones and tablets.

πŸ’‘Collaboration

Collaboration in the video refers to the process of working together with others to create and edit the website. Google Sites is highlighted for its collaborative features, allowing multiple users to contribute to the site, which is exemplified by adding editors and viewers.

πŸ’‘Theme

A 'theme' in web design is a pre-designed layout and color scheme for a website. The script discusses choosing a theme in Google Sites to determine the overall look and feel of the website, including the type of font and color scheme.

πŸ’‘Banner

In the context of the video, a 'banner' is the top section of a webpage that often includes a title, image, or logo. The script provides examples of different banner styles and how to customize them with images or text.

πŸ’‘Footer

The 'footer' is the section at the bottom of a webpage that typically contains additional information or navigation links. The script explains how to customize the footer in Google Sites, including adding text, images, and links.

πŸ’‘Logo

A 'logo' is a graphic representation or symbol of a company or brand. The video script mentions adding a logo to the top left corner of the Google Sites webpage, which can be a personal or school logo, enhancing the site's branding.

πŸ’‘Favicon

A 'favicon' is a small icon associated with a website, displayed in the browser tab or bookmarks. The script describes how to add a favicon to a Google Sites website, which helps in identifying the site in browser tabs.

πŸ’‘Content

In the video, 'content' refers to the text, images, videos, and other media that make up the body of the website. The script provides guidance on adding and arranging content within the Google Sites platform, including using layouts and inserting various elements.

πŸ’‘Publish

To 'publish' a website means to make it available to the public on the internet. The script explains the process of publishing a Google Sites website, including previewing it before making it live and choosing the audience for the site.

πŸ’‘Custom Domain

A 'custom domain' is a web address that a user purchases and uses for their website, rather than a default one provided by a service. The video script discusses the process of connecting a custom domain to a Google Sites website, which involves configuring DNS settings.

Highlights

Introduction to creating a free website using Google Sites.

Importance of identifying your target audience and purpose for the website.

Steps to start creating a Google Site by accessing sites.google.com.

How to name your Google Site and the difference between file name and website name.

Collaborating with others by adding editors to your Google Site.

Choosing a theme for your website and customizing it with colors and fonts.

Changing banner styles and adding custom images or animated GIFs.

Using the footer for consistent elements like copyright notices or social links.

Adding and formatting content blocks and sections on your Google Site.

Uploading a logo and favicon for branding consistency.

Deciding on the navigation menu placement (horizontal or vertical).

Adding pages and subpages to your Google Site and managing their order.

Inserting external links, documents, videos, and other content types.

Previewing your website on different devices and making adjustments.

Publishing your Google Site and assigning a custom domain.

Connecting a custom domain to your Google Site through DNS settings.

Transcripts

play00:00

hi my name is siti and welcome back to

play00:02

the channel where we make educational

play00:04

technology easy for you in today's video

play00:06

I'm going to answer that question can

play00:08

you create a website for free that is

play00:11

easy to create and that I can share out

play00:14

to the world yes it's possible and in

play00:16

today's video we're going to do adjust

play00:18

that so let's dive in with another

play00:19

flipped classroom tutorial in today's

play00:22

video I'm going to walk you through

play00:23

Google Sites and we're going to look at

play00:25

the entire process of creating a website

play00:28

I'm going to look at the headers the

play00:30

pages and all the little details that

play00:33

you need to understand in order for us

play00:35

to create a website together now I

play00:37

highly encourage that you pause the

play00:38

video when needed and together we're

play00:40

going to start creating our websites now

play00:43

before you even get started there's a

play00:45

couple of things you need to consider

play00:46

first of all who is going to be your

play00:48

audience why are you creating this

play00:51

website you need to think of their age

play00:53

the demographics and also how they are

play00:55

going to be accessing this website now

play00:57

Google Sites is amazing and being

play00:59

mobile-friendly but when you're

play01:01

designing your website that's still very

play01:03

important to keep that target audience

play01:05

in mind in addition to this you're going

play01:07

to have to decide what you're using the

play01:09

website for is it going to be for

play01:11

resources class materials or is it more

play01:14

in a blog styled eportfolio format all

play01:17

those things are possible with Google

play01:19

Sites but it is going to require you to

play01:20

commit some time now once you've

play01:23

committed time into creating a website

play01:25

it'll be very important to update the

play01:27

website and since recently you are now

play01:30

going to be able to even notify all the

play01:32

viewers of your website when the website

play01:35

was last updated this is going to give

play01:37

them that sense that the website is

play01:39

alive and new content is added regularly

play01:42

now where do I begin there's a couple of

play01:45

places where you can start you can type

play01:47

in sites.google.com and that will allow

play01:50

you to then create a new Google Sites

play01:52

now Google Sites are files and these

play01:54

files live in your Google Drive now that

play01:57

means you can also use the app launcher

play01:59

go to your Google Drive and create a

play02:01

Google Sites file that way you can right

play02:04

click and add a new Google Sites or

play02:06

simply click on new Google Sites now the

play02:09

first thing with any document is title

play02:12

your document

play02:13

let's give our website the name demo

play02:15

website now we can do this at the top

play02:18

now let's say that you'd like to do it

play02:20

in your Google Drive same as with other

play02:22

files simply right-click on the file and

play02:24

then rename your file now this file name

play02:28

will also appear on your title header

play02:31

and we can change this later but for now

play02:34

let's leave it at demo websites now this

play02:37

file name will also become your website

play02:39

name now these are not the same you we

play02:42

have your file name at the top and our

play02:44

website name is down below now let's go

play02:47

ahead and give our website a name let's

play02:49

call this my website you will now notice

play02:52

your file name is still demo website but

play02:55

your website has the name my website

play02:58

Google Sites is as with any other Google

play03:01

app very good for collaboration and

play03:04

that's what we're going to do now

play03:05

because you'll probably want to

play03:06

collaborate with some of your colleagues

play03:08

to create this amazing website now you

play03:10

can find that in the top corner and

play03:12

you'll see that same plus icon the plus

play03:14

people so what we're going to do is

play03:16

we're going to add some collaborators

play03:17

now go ahead and click on that and then

play03:19

we're going to add someone that is going

play03:21

to get some editing privileges for our

play03:23

website mind you this is not how you

play03:26

share your website with the world this

play03:28

is only for website editors so let's say

play03:31

that you're creating a website for your

play03:33

school you can add all your colleagues

play03:35

to that and then they can add content

play03:37

onto your websites this saves you time

play03:40

and again it helps to keep the website

play03:43

alive now as with any other file in

play03:46

Google you can choose rather you want

play03:48

someone to be an editor or a viewer now

play03:51

this is where you set that up once

play03:53

you've added your collaborators it's

play03:55

time to start giving our website a

play03:57

little bit of design now the biggest

play03:59

design choices you will make are right

play04:02

here and this is in your sidebar where

play04:04

you're going to choose a theme now the

play04:06

theme is going to decide which type of

play04:09

foam so you're going to use and also

play04:11

which overarching color you're going to

play04:13

be using now you can add a custom color

play04:16

but for now let's just stick to the

play04:18

basics and let's choose our first theme

play04:20

now they are limited in choice and the

play04:24

fonts are limited in choice as well hope

play04:27

this will be included in future updates

play04:29

with Google Sites but for now we are

play04:31

limited to these themes and these fonts

play04:34

now we can add our own color and we can

play04:37

use a hex code for that you will now see

play04:39

your website has a different look and

play04:41

overall feel and what we're going to do

play04:43

now is hover over that title and we're

play04:46

going to change this title into welcome

play04:48

because this is our first page and it is

play04:50

a welcome page so go ahead and type

play04:52

welcome at the top and then we're going

play04:54

to look at these different banner styles

play04:56

now hovering over the actual banner will

play04:59

give you an option to change the style

play05:02

now we have four different styles we

play05:04

have a very large banner we have a

play05:06

header a smaller one or text only now

play05:09

these can be different on different

play05:11

pages now we can also add our own images

play05:14

to these banners this is great when

play05:16

you've got some really well-designed

play05:17

images of yourself with a plain

play05:19

background or you'd like to add your own

play05:22

little background to this website it is

play05:25

worth noting that you can also use

play05:28

animated gif or gif files and this will

play05:31

allow you to create a sense of animation

play05:33

at the top I would highly recommend

play05:35

exploring some cinemagraphs they will

play05:37

make your website look alive and it adds

play05:40

a personal touch to that website now if

play05:43

you want to use your own image or gif

play05:45

gif file then you simply hover over your

play05:47

banner you find the change image and

play05:50

then select upload this allows you to

play05:53

upload your own image and it is now part

play05:56

of Google Sites that's the top of our

play05:58

website now let's scroll all the way

play06:00

down and this is where we find the

play06:02

footer

play06:03

now the footer of Google Sites this is

play06:05

the same across all pages this could be

play06:08

used for a copyright notice or a simple

play06:10

link to your social but you can change

play06:13

the footer by simply clicking on that

play06:14

plus add footer and then pasting in your

play06:17

text or typing it manually you can add

play06:20

images to the footer and links now you

play06:23

will notice that this footer creates a

play06:24

new horizontal block this is different

play06:27

from the banner which is also a

play06:28

horizontal block now as we add more

play06:31

content to our Google Sites more

play06:33

horizontal blocks are created these can

play06:36

all be formatted in their own way

play06:39

to do that you hover over one search

play06:41

block and then at the left hand side you

play06:43

can see that you can change the style we

play06:45

have two different emphasis styles that

play06:47

these depend on the theme you've chosen

play06:49

and we can also upload an image here

play06:52

again this can be a Jif or gif animated

play06:55

file think carefully about which

play06:57

emphasis styles to use and also where

play07:00

you place them on your website because

play07:03

as you scroll down these horizontal

play07:04

blocks will become visible as your

play07:07

visitors are on the website and we do

play07:09

not want to distract from the actual

play07:11

content on our websites let's add a logo

play07:14

and favicon now our logo can be added at

play07:17

the top left corner now in the top left

play07:19

corner you'll see that there is an

play07:21

option when you hover there that says as

play07:22

logo but the logo will appear on every

play07:25

page in the top corner of your website

play07:28

this is where you can upload a file this

play07:30

can be your own logo it can be a school

play07:32

logo anything you'd like it to be I

play07:34

would highly recommend that you create

play07:36

your own logo you can use Google

play07:37

drawings for that I'll leave some cards

play07:39

that link to Google drawings tutorials

play07:41

but if you've already got a logo go

play07:43

ahead and upload that now we can also

play07:46

add our own fav icon this is a little

play07:48

icon that appears in your browser tab or

play07:51

whenever you save your website in your

play07:52

bookmarks and we can add that by

play07:54

clicking on the three dots in the top

play07:56

right corner once you've done that

play07:58

you'll see that there's an option that

play08:00

says add favicon simply click on that

play08:03

upload a square-shaped

play08:04

image and you're ready to go now you

play08:07

will not see that favicon just yet

play08:09

because it will only appear once your

play08:12

website is published to the Internet at

play08:14

the moment we're still editing so we can

play08:16

only upload our favicon ready to go

play08:19

but it will not be visible in our

play08:21

preview but the last thing to do is to

play08:22

decide where we want our menu do we want

play08:25

to keep it at the top horizontal or do

play08:27

we want to move it to the side and have

play08:29

it as a vertical aligned menu this is

play08:32

completely up to you and depends on the

play08:34

sort of website you're trying to create

play08:36

now let's move on to adding content and

play08:38

pages to our website now before adding

play08:40

pages I'd like you to really think about

play08:42

how many pages you're adding because too

play08:45

many pages will be distracting better to

play08:48

limit the amount of pages and really

play08:50

think about the content you're trying to

play08:51

share

play08:52

now once you know which pages to add

play08:54

simply go to the sidebar where you have

play08:57

a pages browser and that's where we're

play08:59

going to click on that plus icon to add

play09:01

pages as you're adding pages you will

play09:04

also title these pages a new page will

play09:07

be created in your workspace and you can

play09:09

again set this up change the banner type

play09:12

and start adding some titles now it is

play09:15

worth noting that you can add sub pages

play09:18

that is two ways of doing this now you

play09:20

can either click on the plus icon create

play09:22

a page and then drag and drop it on top

play09:26

of another page you can also go to a

play09:29

page that you would like to keep as a

play09:31

parent page and then click on the three

play09:34

dots next to it and click on add a sub

play09:37

page this will create a page within that

play09:39

page this will be reflected in your

play09:41

navigation bar now let's say that you

play09:44

want to create a page you want to link

play09:46

to that page but you don't want the page

play09:48

in your menu bar simple you can click on

play09:51

the three dots and you can hide this

play09:53

from your navigation you can still link

play09:55

to it from outside sources or from on

play09:58

another page but it will not appear in

play10:01

your menu this is great for resource

play10:03

pages or even private pages that you'd

play10:05

like to share with some people but not

play10:08

everyone now let's say that you've added

play10:10

about four or five pages and you really

play10:13

want to change the order they appear

play10:14

well the same way that we can

play10:16

drag-and-drop sub pages we can also drag

play10:20

and drop our pages to appear in a

play10:22

different order this is very handy when

play10:25

you're trying to rearrange the pages

play10:27

afterwards or when you've created all

play10:29

your pages and now you're going to start

play10:31

putting them into subcategories very

play10:34

useful and very intuitive to simply

play10:37

click drag and drop now let's say that

play10:39

you have a youtube channel or a Twitter

play10:41

and you want to put that into your menu

play10:44

well you can also add external links now

play10:48

again we're going to click on that plus

play10:49

but this time we're not going to click

play10:51

on a new page we're clicking on new link

play10:53

this is an external link it could be any

play10:55

link can be your YouTube channel and

play10:57

then that link will be added to your

play10:59

menu so for example you can have a menu

play11:02

structure where you have your home and

play11:03

then the second one is resources in

play11:06

one of those sub resources is an

play11:08

external link let's say that you no

play11:10

longer need a page what can you do what

play11:13

you can delete that page you can simply

play11:14

click on the three dots and delete the

play11:17

page mind you you can still restore this

play11:19

but once you've moved on there is no way

play11:21

of getting back to that page so I would

play11:24

highly recommend that maybe you have a

play11:26

page hidden from your navigation for a

play11:29

couple of days maybe even weeks and if

play11:31

you still don't need that page back then

play11:33

you can go ahead and delete it now in

play11:35

terms of setting up the actual content

play11:37

on our page Google Sites makes it super

play11:40

easy for us in our side menu there is an

play11:43

insert menu and at the top of that menu

play11:45

you'll see there's a number of layouts

play11:46

now these layouts are templates we can

play11:49

use for our websites so let's go ahead

play11:51

and select the layouts and now we can

play11:53

add content to this layouts you will see

play11:56

there's a number of image placeholders

play11:57

and we can simply click on those to

play11:59

upload new images let's say that you

play12:03

want to design the website from scratch

play12:05

and you want to do everything yourself

play12:06

no problem simply scroll down and you

play12:09

will see all the different insert

play12:11

options so let's go ahead and insert a

play12:13

text box now and let's say that you want

play12:15

to resize any of these elements this

play12:17

could be a text button or image can we

play12:20

do this yes we can we can simply click

play12:23

on it and then any of these corner

play12:25

points we can drag and drop it to

play12:27

enlarge or minimize our elements you can

play12:31

do this with images and you can do this

play12:33

with texts mind you if you do it with

play12:35

images there will be an automatic crop

play12:37

but you can always reset that by simply

play12:40

clicking on the undo crop button now why

play12:44

do we want to resize well because it

play12:46

makes it so much easier to move elements

play12:48

around our page let's say that you've

play12:50

added two images and a whole bunch of

play12:52

text what can you do well you could

play12:54

simply drag and drop any of those

play12:56

elements and you can leave them either

play12:58

above under or next to another elements

play13:00

this is minimum effort and you can

play13:03

always change it later now you will see

play13:05

there's many other options here you've

play13:07

got image carousels now that you can

play13:09

insert you've got a divider that you can

play13:11

use to break up the website but you can

play13:14

also use these horizontal sections to

play13:17

give your website a

play13:19

design or a different feel you can even

play13:21

leave an empty section with some empty

play13:23

text and then give it an emphasis layout

play13:26

to again add a personal touch to your

play13:29

Google Sites now let's say that you have

play13:31

an incredible amount of data or lots of

play13:34

resources and you want to share all

play13:37

these with people now you do not want to

play13:39

create twenty pages and have them all in

play13:41

the menu so what you can do is you can

play13:43

create these twenty pages have them all

play13:46

hidden from your menu and then we're

play13:48

going to insert a table of contents now

play13:51

where do we do that same menu insert

play13:54

menu and then we find table of contents

play13:56

this allows you to have all this

play13:58

information on a websites whilst

play14:01

remaining that clean look of the minimal

play14:04

pages with still access to the resources

play14:07

there are some limitations to Google

play14:09

Sites and these are very obvious when

play14:12

you're trying to change the font sizes

play14:14

or font types or when you're trying to

play14:16

add even more specified content like

play14:19

specifically animated buttons or other

play14:22

effects now in order to still do all

play14:25

those things you can use embed HTML code

play14:27

now I've done an entire video on that

play14:29

that you can watch by clicking on the

play14:31

card and this will take you to another

play14:32

video where we're going to look at the

play14:34

JavaScript HTML and CSS that you can use

play14:37

to embed things that are currently not

play14:39

supported I've also got a video on

play14:42

animated buttons and again this is using

play14:44

a similar resource where you can now use

play14:47

CSS and HTML to animate a button and

play14:49

click on that if you're happy with

play14:51

standard buttons you can find those

play14:54

buttons in the insert menu and again

play14:55

that button will use that theme that

play14:57

you've selected in order to have a color

play15:00

or an effect now I really like using the

play15:03

built in buttons to either a link to a

play15:05

page or link out to another website you

play15:09

can also link to anchors now what is an

play15:13

anchor now an anchor is where you have a

play15:15

long page with lots of different

play15:18

subtitles and you want to link to one of

play15:21

those subtitles but there is a

play15:23

limitation here though if you are using

play15:24

links to these anchors they will open up

play15:27

in a separate tab

play15:30

now if you want to link to an individual

play15:32

anchor from your menu

play15:34

you can do this as well now in order to

play15:35

find these anchors you will have to go

play15:38

into your preview window now once you've

play15:39

created a website and you have your text

play15:41

boxes and your titles all ready to go

play15:44

simply open it up in the preview window

play15:46

now as you scroll down and your hover

play15:48

above one of those subtitles you will

play15:51

see there is now a new icon that appears

play15:53

this is a link icon and when you click

play15:56

on that the anchor link will be copied

play15:58

now when you paste this as a hyperlink

play16:01

or within your menu structure or even

play16:04

within a button this will link to the

play16:06

subheading and it will automatically

play16:09

scroll down the page to find that part

play16:11

of the page that is relevant this is

play16:14

great when you've got long pages with

play16:15

lots of information and you want to link

play16:17

to a specific part of that page now who

play16:21

doesn't like video I love video I've got

play16:23

YouTube videos and I will put my YouTube

play16:26

videos on to my Google Sites now how can

play16:28

I do this well again there's two ways

play16:30

that you can do this now the first way

play16:32

you can do this is by going into your

play16:34

insert side menu finding YouTube and

play16:37

this will open up the insert menu now

play16:39

there's only two options here you can

play16:41

find a video by searching for it or you

play16:44

can use one of your uploaded videos now

play16:46

let's say that you're like me and you

play16:48

have multiple accounts and video is

play16:49

uploaded with one and your website with

play16:51

another well then you will have to go

play16:53

and get that URL from YouTube once

play16:57

you've got that URL you're not going to

play16:59

use the insert menu you're going to

play17:01

double click on your website that's

play17:03

where you're going to paste that URL and

play17:05

Google Sites will automatically

play17:06

recognize it as a YouTube video and

play17:08

embed that video now this is great when

play17:12

you're embedding videos of other people

play17:14

they will still get two views and they

play17:17

remain the author of that video they get

play17:19

proper credits and you can use their

play17:22

content on your websites I'm thinking of

play17:25

websites that are shared with students

play17:27

and parents where you've got lots of

play17:28

little videos two resources maybe even

play17:31

songs and tutorials that are helpful to

play17:33

them now what else can we embed well we

play17:35

can insert a calendar we can insert a

play17:37

Google Maps all these things are very

play17:39

easy to do you can simply click on that

play17:42

side menu and far

play17:43

what you're trying to insert now let's

play17:45

say that you've got a document and this

play17:47

is a brainstorming document and you want

play17:49

to just give access to that document on

play17:51

your website in a centralized area

play17:54

well that too is possible simply go to

play17:56

insert from Drive and then find the

play17:59

document or file that you would like to

play18:01

have on your website you can then resize

play18:04

this so that is very clear for people

play18:06

and that they can read the contents

play18:07

whenever that file is updated it will

play18:10

automatically show the most up-to-date

play18:12

version on your Google Sites now the way

play18:15

Google Sites allows you to embed

play18:17

external content is there's two ways you

play18:20

can either use the URL of that content

play18:22

or you can use an HTML code now if

play18:27

you're not really too sure about HTML

play18:29

code simply try using the URL and Google

play18:32

Sites will try to read it it's only when

play18:34

things get a little bit more complex

play18:36

there we're going to use the HTML code

play18:38

now we're talking about social profiles

play18:40

like your Twitter stream or even some

play18:42

Facebook streams they will actually

play18:44

provide you with an embed HTML code that

play18:48

you can paste into that box we still

play18:50

have to publish our website though

play18:51

because at the moment only collaborators

play18:53

and us can see this website now in order

play18:57

to publish your website you're going to

play18:58

have to go to the top and first of all

play19:00

you're going to want to preview your

play19:02

website so go ahead and click on the I

play19:04

icon and now we can preview our website

play19:07

we can see what it looks like on large

play19:09

displays tablet displays and even

play19:13

smartphone displays now make sure that

play19:14

you check every single page so that you

play19:17

can get a feel of what your website will

play19:19

look like at any tweaks necessary for it

play19:22

to work on all three formats and then

play19:25

you can exit this preview by clicking on

play19:27

the X once everything looks the way you

play19:30

want it to look and you're ready to go

play19:31

live click on that big publish button

play19:34

now you can go ahead and click on

play19:36

publish and then you are able to publish

play19:39

either to the entire world or a few

play19:42

select people now let's say that you've

play19:44

already published your website and

play19:46

you've added some changes well what's

play19:47

important that you keep pressing publish

play19:50

after every change you've made it

play19:53

automatically saved the changes into

play19:55

your file

play19:56

these do not go live until you click

play19:59

publish that means that you see changes

play20:01

collaborate to see changes but the rest

play20:04

of the world only sees these changes

play20:06

once you've hit that publish button

play20:07

let's say that you want to take it

play20:09

offline altogether whether you can

play20:10

always unpublish your website as well

play20:13

and then all we want is a custom domain

play20:16

now in order for you to get a custom

play20:18

domain there's a number of domain

play20:20

providers I would highly recommend

play20:21

looking at domains dot Google because

play20:23

that is a very easy to use domain

play20:25

provider they not only give you a domain

play20:28

but they also automatically add domain

play20:31

privacy to it now if you go to another

play20:33

domain provider I highly recommend that

play20:35

you also purchase the domain privacy

play20:38

because that will keep all your contact

play20:40

information and address hidden from the

play20:43

rest of the world now in order to

play20:44

connect your domain to your website

play20:46

there are two big groups that will have

play20:49

to use a different way of doing it now

play20:51

if you're part of G suite for education

play20:54

or G suite account then I highly

play20:56

recommend that you click on that link in

play20:57

the cards right now because that's a

play20:59

video on how you connect it to AG suite

play21:02

accounts however if you have a private

play21:04

Google account and you've created your

play21:06

Google Sites with a private Google

play21:08

account you too can connect your domain

play21:10

to your Google Sites the only thing is

play21:13

you'll have to use a slightly different

play21:15

technique to do that first thing click

play21:17

on the three dots next to the publish

play21:19

button and click on custom URL this is

play21:22

where you can now type your custom URL

play21:24

now don't think it you're ready yet

play21:26

because you're not finished you still

play21:28

have to do some work in the backend now

play21:31

go ahead and tap anywhere outside of the

play21:32

screen once it says custom URL assigned

play21:35

the next step now is to point your

play21:38

domain to that website now where do I do

play21:41

this with your domain provider let's say

play21:43

that you've used domains don't Google

play21:44

com go there and then find the DNS

play21:48

settings if you've used a different

play21:50

provider same thing if you've used

play21:52

GoDaddy login to GoDaddy and then find

play21:55

your dns settings you're now going to

play21:58

look for a custom resource and you're

play22:00

going to add a custom resource again

play22:02

this will look different depending on

play22:04

which provider you've used but they all

play22:06

use the same terminology that

play22:08

custom resource you're going to add is a

play22:11

www resource you're going to choose the

play22:14

type C name so we have WWC name and then

play22:19

this is going to point to GHS dr. Google

play22:23

hosted comm so we have a www cname

play22:28

pointing to GHS dot Google hosted comm

play22:33

now once you've saved all these settings

play22:35

it can take between let's say half an

play22:38

hour maybe even up to 24 hours for

play22:41

everything to begin working and that's

play22:43

it you now have a custom domain you have

play22:45

your own website and you're ready to

play22:48

share it with the world I hope you found

play22:50

this video helpful dive in to that

play22:52

comment section below and let me know do

play22:53

you enjoy these long-form videos you

play22:55

want to see more in depth trainings like

play22:57

this and what app would you like me to

play23:00

look at next

play23:01

also what are you using Google Sites for

play23:03

are you using it for resources students

play23:06

portfolios maybe even your online resume

play23:08

let me know I would love to start a

play23:10

conversation down below but that was all

play23:13

for this video you will find all the

play23:14

timestamps in the description below so

play23:17

you can go back to a chatter step you're

play23:18

still unsure of and you can share these

play23:20

with others now I hope you found it

play23:22

helpful in the meantime go ahead and

play23:24

watch another video and I will see you

play23:26

in the next one thank you for watching

Rate This
β˜…
β˜…
β˜…
β˜…
β˜…

5.0 / 5 (0 votes)

Related Tags
Google SitesWebsite CreationEducational ResourcesMobile-FriendlyCollaboration ToolsContent SharingWeb DesignSEO BasicsOnline PortfolioVideo Tutorial