 Welcome to today's Wednesday webinar. I am Tina Souser. I'm a tech integrationist here at ESU 8. And today, we're going to take a look at the new Google Sites and how easy it is to create a sites page and to have web pages that you can collaborate on. So the best way that I find to get to these apps in Google or apps for education in Google is to actually type in the name of the app that you want to go to and then type in Google.com behind it. So to get to this, I was just typing sites.google.com and hit return. If you want to go to Drive, just go drive.google.com, any of those. You could also get to it from the grid here, but if you've never used sites, you have to dig a little bit deeper into that. Now your landing page for your Google Sites page originally is the old sites page where maybe you started to build another site and found it a little bit cumbersome. Well, for those of you who have tried that, I think you're going to be pleasantly surprised by this new Google Sites and how they built it and made it more accessible and easy to use. So to get to the new one, when you log in and go to sites, just click on new Google Sites down here on the left-hand side and then you'll come to the landing page of the new Google Sites page. So I have created several new pages within Google Sites and so you see some of them here. Some of these are ones that were shared with me and on Google Sites. And so I have access to edit and use those as well. On your landing page, as you notice, you can come up here and you can modify those as well, like the untitled site pages. I probably don't want clouding up my box here, but when you go to add or create your own Google Sites, it's very familiar. The tools in Google Sites should be very familiar if you use Google tools at all. So if you look over here on the bottom right-hand side, you'll see a little plus sign. And when you click on that, you're going to add a new Google Sites page. The landing page, it comes to, keep in mind, when you start to create a webpage, you want to have kind of an outline in mind before you start to build. But this page is really your landing page or what is generally known as your home page. So I'm just gonna click in there and type in a title. And whenever I do a title, I always connect a date to that as well. But as I type that in, notice that the site name doesn't originally start filling itself in there. So you will want to have this named as well. So make sure you go up there and change that as well. Now, when you do that and you start typing in other things in here, it will not change the name of your site. And the name of your site is really just meant for you to find it when you are on that dashboard page. So now, what I have is I have the opportunity. I'm not stuck with this. I can go in and I can modify and change this site to be what I want. Notice when I click on header type, I can change it to be a complete cover. I can change it to be a larger banner. The banner is originally what it's set to, or I could just simply have the title only. And this will be important when you start building additional pages in here so that you can modify what that looks like. You also have the opportunity then to change the background image. You can upload one. If you already have one you want to use or you have a school mascot or something like that that you'd prefer to use, you can upload it here. Keep in mind it has to be the right size dimensions for a webpage and it will tell you if it's not because it won't upload it. I can also go here and I can say I wanna select an image. Google has a lot of images that they already have that can kind of fit your needs or be what you want. So you can select one of those. You could add one by URL if you have one loaded somewhere else that you wanna use. You can search. And what I like about the search is when you go out to search this, it's gonna search Google. You have the option to change to life, but it also says results are shown labeled for commercial reuse with modification. So the usage rights are already set in here for you to use. And so you don't have to have concerns about that because these are gonna be live web pages. So I'm just gonna type in a word and I'm gonna type search here. So it goes out and searches all these Google images. You can set the types that you want it to find, but you can also have these images that you can select from and know that there are images that have already been okayed for you to use. You could find some in albums in your Google Photos album or you could also go out and find one in your Google Drive. So I'm gonna select an image and then what it does is it adjusts your, it should adjust so that your title and your image behind are more practical and easy to see, but I noticed that it is not changing the color of my words. So I might wanna go back and change this image so that it better fits what I'm looking for a web page. So you gotta keep those components in mind as well. So if I just select one maybe like that, it's going to again adjust for the readability and see how it adjusts the image behind so that it's more of a shadow rather than the forefront and then also change the wording to be white. Okay, so now when you wanna start adding stuff to your web page, the new Google Sitesets made it so easy. If you come over here on the right-hand side, you'll notice that you can, this top things are ways to add just basic tools and resources in here. So if I wanna add a text box, I can come in here and just type in any text that I want and have the text or be able to modify the text so I can make it bigger or smaller. I can adjust where it's located. I can actually put in a link. Like if you wanna add in a link to the other pages in your web page, you can do it just like that. It's very simple. But I can also then come and I can modify what that looks like. I can go in and I can change the color. I can come in and I can upload another image. I can select an image from Google. I kinda tend to sometimes like to use these if I'm doing a header page or something like that underneath. And again, it knows how to kind of modify that to fit the web page design. You can also come in and add an image. If you have an image that you wanna select whether it's from your Google Drive or again to do some more searching, you can add them in that way. You can embed. You can add an embed code or you can put in a URL completely up to you how you wanna add those in. This I love because I do a lot of work and I file everything in my Google Drive. So if you click on this Google Drive, you're gonna be able to pull in anything you want from your Google Drive. But you can also come in here and you can search. You can search by file type. You can search by date modified. I think I might have a practice document in here that I can bring in to show you. The reason I like using the Google Drive documents in here is because once you put in a Drive document, all you do is you click on it and you insert it. And then when you insert it, anything that you modify in this document is live. And so it posts the changes automatically in your webpage so you don't have to go back and modify what's in your webpage because you modified what's in that document. It is live in here. And you can change the way that the document looks or shows up on the page. You can drag it in. You can drag it out. You can change the background again just like we did before above. So, and that's so much better than having to have somebody come in here and download this and then look at it because after they opened it up on their page. So that's a great resource, especially if you use a lot of things in Google Drive. You can change what the layout is. Like you can, if you wanna add the two images and then text, then you can simply do that by clicking on these different options over here. It's very easy to come in here and delete some of these so that you can change it and modify it quickly. You can add in a table of contents. You can add in a button. I like using these buttons because you can create multiple pages in your webpage, but you could put these buttons at the top so it's very easy for people to navigate through them. So I'm just gonna come in here. I'm gonna create a button for this page right here. And so I named the button page two. I'll just change this. I'll just say Matt Miller and I say insert. And then what it does is it creates this button. And if you have multiple pages in your webpage, you could put your pages again up here. You will have access to them, but this is just another route to get to them. And so you just create a button that is a link. You can insert a divider in between your important details on your pages, however you wanna do that. You can go out to YouTube and search for videos and pull them right in. And I'm gonna see if I have... See here, we'll just pull this one in from one of our Wednesday webinars so I can pull a video right in and it shows up without having to just click to go to the link. You can put in a calendar. Let's say for instance, I want to have my calendar on my webpage. I can insert my calendar. And again, I can kinda modify what this looks like. I can pull it up here. I can show different layouts of that calendar just by clicking. And then when I publish it, it's a live calendar. So anything that I add to my calendar will go on my webpage. You can also add a map location. So if I search, yes, you ate. There we are. And I can say, okay, let's put that in so that I can see, okay, here's where I work. You can access that here. Very cool and very easy to do. Then I also have the option to go into specific searches where I could bring in a Google Doc that I created, Google Slides. And all that does is take you out to all the most recent slides that you've created and you can pull those in here as well simply by clicking on them and then say insert. And again, you click and drag and move. Very, very easy to do. Of course, I've added in a lot of things so you would definitely not have so much on a webpage but that's just all the features and resources and how easy it is to get them in there. Now, if you wanna go and add pages, as I said, when you create the page, it automatically creates this as your homepage. So when you click on pages up here at the top, you can click add and you can say, okay, I just wanted to go out to a link or I wanna create my new page. I'm just gonna say page two just so you get the idea. Notice when I pull that up, it gives me these advanced features so I can actually customize the path there if I choose or I can just say done and then it takes me straight to this page two. I can then go in and modify this page however I want. I can go back in and insert whatever I want on that page. It's very easy to do. I'm gonna show you what it looks like when I add pages and how easy it is then to drag and move these pages around. So I could click this and I can put it up here. I can click and drag simply in this bar over here. I could say, okay, I want actually page two to be my homepage rather than the original page that I created. So you can move them around by these three dots over here. You can actually duplicate the page so that then you can build from the same structure that you have the other pages on for the next page. You can add a sub page underneath here that would be underneath this page and you can hide it from navigation. If you've created a page, you don't wanna delete it but you maybe wanna use it later and not have everybody else see it, you can hide it here and then show it back over here. As you notice as I start creating pages, I have links up here to those pages. That's again where I told you that your pages will start showing up up here but also where I said you could also make links to those pages with a button over here as well. When you go into the properties of the page, you can change the name or modify it, know however or whenever you create that you can always go back in and change them that way. Themes will allow you to kind of build from, like when you first create your page, this is the default and you could go in and you could change the colors here but of course I added the picture but you could also change it so that it has these different looks as well, however you want it to look. And then when you do that, it also allows you to kind of change and modify that a little bit. You can change the font style to, it doesn't have a lot of options but it does have some. So you can change the way that it looks there too. Now one other thing is you can take a look before you publish this or before you send it out to the public. When you click on this little icon at the top, you're gonna be able to preview what your webpage looks like, not only on a phone. So you can see what that page looks like on a phone. You can see what it might look like on a tablet or a device so that this might not be the best. So I might wanna spread that out and make that look better. You could see what it's gonna look like on a computer for anybody else. So you can preview that before you actually send it out to the public. The other thing you can do up here is you can share this with others or you simply to allow them to also edit your pages. So you could collaborate with somebody on this webpage. So you just enter their name and you say just true to Google form. They can edit or they can view it as published. You can send them a message. All those features, the sharing features are there when you go to share a webpage. Now notice that this link because you can share it with somebody as a link if you want them to go to your page, this link right now is not highlighted. And the reason it is not highlighted is because none of this has been published. You're just building and so they're saying, okay, you're just building this. We don't wanna send it out yet. When you're ready to send it out, you have to publish the page before you'll actually have a link to share with others. So keep that in mind. As you're building, it's not gonna show up for anybody but when you want it to show up and you're ready for it, you've reviewed it, you can click publish here and then others are able to view the page. So I'm gonna take you to a site. My professional, I created a professional portfolio in the new Google Sites page. So I kinda wanna show you a little bit about what this can look like. There's lots of things. This is my home page but up here, these are what subpages might look like. So I have all of these subpages in here and then when you run out of room, like you have additional pages, it puts everything kinda over here at the right-hand side. So this might be a great option for me to go in and add some buttons on my front page. But the new Google Sites allows for a very well organized and easy on the eyes pages to create and things that students could potentially do as well. So go out there and check it out. Thank you for spending your time with me today and if you have any questions on Google Sites or the new Google Sites page, please feel free to contact me. My email address is Tina.Souser at esu8ne.org and I'd love to help you build your sites page.