How to use the New Google Sites - Tutorial

hi there Jamie Keat here tonight at teachers Tech hope everyone's having a fantastic night tonight uh tonight I'm excited to bring you the new Google sites I've gotten Early Access to this and I've been playing around with it uh I can't believe what a change it is compared to the old Google sites and I think you're going to be able to make easily some greatl looking websites so let's get started with a walkthr on the new Google

sites so to access the new Google sites I'm already logged in I'm in my Google Drive right now and I'm just going to go over and hit new over here I'm just going to scroll down to more and you get Google sites right here you can see how the icons a little bit different than it used to be so I'm just going to click on the new Google sites there and open this up and remember you probably unless uh you have Early Access you won't have it yet but it's going to be coming here uh so you can see right away it opens to your front page what you're going to be working on you get this nice header here uh where you can name your site up here U and I'm just going to name it real quickly so I can name it up here or too so I'm just going to call this let's call this um example I'll just call this test site here test site and uh so you can see it gets put there I could have typed it in here and it would have showed up there too so I

just want to talk about this icon in the leftand corner when I click on this now it brings me to where the Google sites are stored here so you can see here is uh the one I just created here if I click the vertical dots three little dots you can see I can rename it here remove it or open it in a new tab here if I wanted to create a new site from here I can just simply by clicking the create new site and it would be at the same thing what I just showed you here at the bottom left hand corner you see the classic s so if I wanted to switch back and work in the classic sites I have that option here too uh it's hard to even compare the two between the classic sites and this new Google sites because it is just not the same in any way um on it so I'm just going to just open this by tapping on this and get back into and kind of do the walk through here for you uh so first of all

let's just name this uh this so quickly I'm just going to type uh type in here and I'll just call this the new Google sites here uh and you can see right away I could go to the title I can change things quickly uh here uh by changing the heading uh just by clicking on that you know if I wanted it real quickly changing I'm just going to go back to my title I can also drag this if I wanted to uh make sure that stretch out on this so you have some options that very easily if you're used the old way uh this way is so much easier uh to get your header looking nice right away too um I like it how you can add the link um on this so I can insert my link uh right in here too so it becomes an active link to a different website too so very quickly to change

that now let's talk about the background for the image here so I can change my image here I'm just going to click on my image here and uh you can see right away uh opens up to a gallery with lots of nice uh photos here let's um I'm just going to pick this one here and uh you have different options too you can do your typical upload uh from your computer you can do it by URL you can search in here your albums and Google Drive uh so but I'm just going to for this purposes for this purpose I'm just going to pick uh these ones because they're very nice images to use so I'm just going to hit select and you can see how it's added in very quickly uh what you just notied down here when it says I'll click on it says remove routability adjustment so it changed the background color so it could be red uh more easily so if I uh change this here and I like this option here you can see um how maybe it's not as easy to read but if I turn it back on uh the font should stand out it just uh knows how to adapt it a little bit better changing the uh background the header uh to a different shade to make the font stand out a little bit so better so I really like that option there uh so let's add some content to our new uh to our front page here and it's very easy to do couple different ways to do this here you can see um uh up in the right corner here I have my text box my images or my embed my URL or I have my upload here so if I wanted to click my um text box here I'll just say I'll just type hello and I

can type very quickly into this I like how now you can add you can change the background colors very easily here so if I just click or just hover over this here you notice I have a couple options on the Le hand side I could delete this section so every time I add a text box or image um it's I can create another section that just goes vertically down on this so but I can also change the background very quickly so I'm going to click on this you can see that it's under regular right now I have the emphasis here where it changes uh to the gray I can change the color and I have my images too so um if I want it to um have a color in the background let's I'm going to pick this one and I'll hit select and you can see uh it's a nice way to kind of break up from your header uh to the underneath uh even if I didn't put any text and I could just leave if I just wanted it uh there it's a nice

way just add that little bit of extra color and you can do this all the way down at different parts where you could put images in this and I'll show you in a second so when you work with this new Google sites the thing is to be picturing um I'd almost draw it out on paper first and then it's about your images you put into this and your layout because I'll show you how easy it is to add text and boxes and it's just pretty much what you want to imagine put into how you want to drag it around so uh here I'm just going to hit the delete here to show you how easy it is to delete it and it's gone like that so the other way I can do all these things here I can also just double click on on the page right here so if I double click here uh you can see those options come up here too where I can upload the image I can uh put a URL in here so let's um let's if I just click on a URL here so if I was uh what am I looking for let's say if I was looking for something on CNN and then you can see it picks up the uh breaking latest news and everything so I could add that in and uh it goes through and I have a few different options what it you know what I want it to show too so I could show the title you can see as I turn it off in the background goes away or show the description and turn it off and I can hit done here uh so uh if you

want to see kind of what you're working on how things are looking um on a browser or uh to test it out just go up top here you can see here's the preview button here so if I hit preview here uh what I get is how it would look on here and you can also this is an option I really like here uh you can see it on the different devices here so I'm on my desktop one here uh you can see I can go to how it looks on a tablet or mobile device I really like how easily it adapts uh to this now uh this is uh this will be great because so much more is be become more mobile mobile sorry um so I'm just going

to hit back here uh again if you want to delete anything you can click on it and hit delete so just again it's that double click you can add um let's say I'm just going to add a couple ones to show you here as I add and I'm just going to change the color I'll just change the color here you can see as I add I can add more and more in here too so if I add a text box I'll just say hello uh Google Google here and what I can do here is uh quickly if I want to kind of resize this and you see as I'm resizing things I really like those uh grid lines in the back the measurements of the page so you can get an idea um to how to kind of divide up your page equally across here too so you can see how easy it is to drag things around and I really like this is just going to make it so easy to create websites and it's going

to be I think about your imagination of how you uh want to you know how you want to create it so if I wanted this over here and then I want to put a you know double click in here again and I want to put U an image in so if I click image now if I go let's search by URL actually I'll just go search here and I'll say well I want a fish for some reason don't know why I was thinking that but um let's say I put this fish right here and while I have the image in there and I can quickly just grab it I want to put it on that side and I love how easy you can size this too so you notice I have the options of the crop or the uncrop uh and I have the insert link and the delete options that replace the image and the alt text on this but if I grab this I love how easy it is just to resize uh you can see how it can crop uh in here to get exactly what I need out of that photo so I just think that's great and again how easy is that to uh drag that uh to drag that around on it so uh you can quickly uh set up an idea if you have your idea of the images that you want to create or maybe you found a website that you like and you you're trying to create uh kind of the similar design in this it's so

easy to do that uh again if you looked at down on the right hand side here I can insert things right from my Google Drive Right in here I like how I could put a folder on so if you're using it as a teacher page or anything if there's a certain folder you want to give access to you know if you've shared that folder and you want to put it right on your drive and I'll just grab a folder here kind of randomly here I'll just grab um I'll just grab this teachers tech One here and I'm going to insert it and you can see it puts the files right in here so if I go back and uh and preview it you can see uh go back to my desktop version here as I go down and you can see how um the files are right there so I think that's pretty slick uh to do that on uh to how easy it is to do that so again video always important on a we website if it uh you know and this works just so easily too so if let's say if I maybe I'll find one of my videos here teachers Tech here and let's scroll down 0 one oh okay sway sure pretty sure I made that one all right select and the videos in and again I can just drag it so quickly uh and size it to um how I want uh you know just like the images so I just think that again such a great way uh maybe I want to change the color in the uh background or put an image and it's done like that so again I know I'm not doing a very nice website here but I'm just trying to show you kind of just how easy things work in here uh if you want to put a uh Google forms in here you can quickly add a Google forms it's just a test one I had and you have your Google forms in here if I preview it again here uh you can see if I scroll down I can actually when I click this button this will open up in the full Google form opens in a new window and goes over here too so if you're using Google forms great way to insert it in here too so I'm just going to hit back again uh you notice if you want to share this with other uh editors just click on the share button here just like Google stuff just add the names here and you can invite them can edit but there's this little down here you notice where it says prevent editors from changing access and adding uh new people so you can click that for the done uh there but I'm not going to add anybody uh for this right now so you

have a page you've put in content uh you can put your URLs embed your URLs put things from your um Google uh Google drive or your other apps in there let's insert some new pages and this is incredibly easy to do so if I go up to the pages here I'm just going to go to Pages here and then you can see I only have the one page right here all I need to do to create the new page is hit page and I'm just going to call this I'll call this uh page one and I'm going to create a couple Pages here so I'll hit done and I'm going to create another one page two and I'm just going to create one more for my examples here page three all right page three what I like about you

can see how it goes across the top here I got my home page one page two page three I wish I could play around uh with it but you can see over here on the side I connect do my different navigation here so I have top navigation here or I could do uh the side navigation over here so I think that's a nice little option to have uh with your menus and everything like that so uh it looks pretty uh again pretty neat and pretty modern when you do this and that's one thing I find with how things are working uh with this it looks pretty modern and it looks uh just as good as many other sites if you have that right image in your mind of how you want to create it here so I'll just go

back um to the top navigation here and uh again what I really like about this here is I can drag these around and it's just going to change how they're nestled uh nestled in underneath so for instance if I want page two under page one just drag it up like that I could put page three in there you notice how they're disappearing I'll show you how it looks in the other view here side navigation open it up and you can see how it's nestled uh in there too I'm just going to go back it's easier to show in the top navigation here uh but again so easy to change and the other thing I like at if you want a certain one different as a different homepage here so if I want page one as the homepage just click over here and you can see um I can set it as the homepage and then it jumps over here and that's going to be the page that it goes on to

so this stuff uh again it's so intuitive just drag things around change your menu uh really quickly by um adding it over here I'm just going to go um over to uh themes here you can see there's three different themes here to click on um just click on a few different ones I'm just going to go back to this one so you can see what the font looks like a little bit better uh so I can click on the different ones you can see how it changes I have a few different options how I want to change it to you can see I can pick the color down here or the font style here you have three different choices I almost like how it is so simple they don't load it up yet with they'll probably add more but I like how quickly you can just change things and the fonts they have selected again look I find look very professional here too but you can change as you can see these themes are very easy to change

here uh so I'm just going to talk about here for the help menu here uh so you can uh in my case I can send the feedback here I can take the tour but the help menu here um when I look at the new when the new Google sites it's I find it interesting because I've made videos on the other ones and there's so much here in the old ones that you go through uh but if I look at the new ones here you can just see how how easy it is to find information and again it goes to the fact of how intuitive this is because there isn't really a lot ofation information to tell you because it's just easy to see um uh what's there so I'm just going to close out of The Help menu but if you are looking for something uh just take a look at that uh again at the end you can publish it I'm just going to hit publish you just give it a title um I'll just call this test I'll just call it test uh oh it's already taken I'll just call it tester for some reason okay so I'm going to hit publish now and I'll get this little me message down at the bottom here and it's just going to say that it the site has been published successfully and I can view it and it's just going to um open up um to see what it would look like here you can see how I've have a my different pages Set uh right now for my homepage this is the one that I started with here I have the video my I know the colors and fonts aren't very good for this example but I was kind of just randomly uh picking things too uh I can go back to edit um on this one here too so this has been a kind of a little walk through um of Google of the new Google sites and it's almost like I think I've almost covered everything in here but I think it's going to be more about how you choose to design your image you know your images that you select because it's going to be very easy to put your text your images in this so have a good plan draw something out at first and then just start creating with this I think you're really going to like this so I really enjoyed bringing this to you this week and remember I do these weekly Tech tips if you think this could help other people out please share this uh or give it a thumbs up here and remember uh if you like what you see please subscribe to my channel I do weekly Tech tips thank you very much for thanks for watching and I'll see you next week