 OTAN, Outreach and Technical Assistance Network. We're going to create a liquid syllabus template in Google Sites. So if you noticed on the description of this webinar, it asks that you already have a Gmail. So if you have a Gmail, a public Gmail, then you also have access to Google Sites. So we will not be creating G-Mails during the presentation. So if you don't have one, just follow along and I can help you maybe at the break that we have. And then, of course, we have the evaluation, so make sure that you fill that out. That's really important for OTAN and for us as presenters. So we talked about muting. Veronica talked about a lot of these housekeeping, so I'm just going to quickly go through this and ask that you please ask questions during the relaxation break. And of course, if you have them, type them in chat as they come along. And then Veronica will let me know and I'll try to answer them as quickly as I can. And this is a hands-on webinar. So if you feel comfortable just watching, that's absolutely OK as well. However, we won't do tech troubleshooting. So I'll show you how to access, but we really won't have time for the tech troubleshooting. And then if you want to follow along during the demo, as Veronica mentioned, you can minimize your screen in Zoom by selecting exitful screen. And those arrows typically appear at the top right of your screen. So once we get to that portion of the presentation, then I'll remind you of that as well. OK, so let's get started. I purposely chose this emoji really excited because that's how I feel about liquid syllabus. I think it's a really, really great tool for you as an instructor and for your students as well. So we're going to talk about that. So what is a liquid syllabus? So a liquid syllabus is defined as an accessible public website that incorporates a brief friendly welcome video. So there is a welcome video that I include included in mine, but I have additional videos because I like to open the week up with welcome videos for the week. And it's written in student-centered language. So that's really, really important to think about creating. This is all to create student-centered learning, student-centered language. So when you use this in conjunction with culturally responsive teaching pedagogy, the liquid syllabus contributes to creating a more equitable learning environment for all students. So I have a link at this on this page for Michelle Pekansky Brock. She is somebody that I follow, somebody that I've gotten training from on liquid syllabus and just humanizing your course and using student-centered language. This link is to her site and you can take classes through her as well. So make sure you check that out at your leisure. So we're going to watch one of Michelle's videos and this video explains the benefits of a liquid syllabus for a student. So this type of syllabus supports student learning. Students have a sense of belonging in your course. It humanizes your course so it lowers students' effective filter and it's very mobile-friendly, especially when creating this on Google sites. And this is a short video, it's only a little under three minutes. So let's go ahead and watch the video. I know what you're thinking. I have a syllabus and I've worked really hard on it. So why should I take the time to also create a liquid syllabus? And what does that mean anyway? After all, I already have my syllabus online in the form of a PDF. And I know all my students can access it in Canvas. But folks, the thing is when your syllabus is behind a login screen, it may be tough for students to get to it from their phone. And no matter how lovely it looks on a computer, reading it on a mobile device is tough. The information in that syllabus is important, right? The bottom line is when we use tools designed for print products, they don't result in mobile-friendly experiences. And that's not good for our students. How might things change if you used a website tool, like Google Sites or WordPress, to create a liquid version of your syllabus? For just a moment, imagine being a student. It's the start of your first semester in college and the week before class starts. You check your email and you get a friendly welcome message from your sociology instructor. It includes a button at the bottom to check the syllabus. You tap that button with your finger and instantly you go to a syllabus that's easy to read and experience with the swipe of your finger. And you also discover something pretty special at the top. Hi, scholars. My name is Katie Whitman Conklin and I'm going to be your instructor this semester. A little bit about me, I lived in the Central Valley of California for a lot of years with my husband and children while he was stationed there with the Navy. And when he retired, we moved to Northern Idaho where we now live with our kids on a family ranch. You think to yourself, hey, I'm going to love this class. I can't wait to get started. But you know what? That's not the only benefit of a liquid syllabus. Since it lives on the web, it's shareable with a simple link. That means you can place that link in as many other places as you'd like. How about adding it next to your course description in your college's class schedule or on your profile page on your college website or a link on your own professional website. And you know what can really help promote your course and encourage more students to enroll? That's right. Share it on Twitter. When we design with web tools, we create mobile friendly content that supports our students in so many ways. It also lets them know we care. Okay, so she talked about some of the benefits for both instructors and students, but mainly students. So I'm going to go over some highlights. So for the instructor, it humanizes your class, especially in this online environment. We want to do what we can to replicate that face-to-face classroom. Now, I was an online instructor prior to the pandemic and prior to us going online. I was always searching for ways to make my course more interactive, make my Zoom sessions more collaborative. So when I discovered Liquid Syllabus, I was so excited about it. Like Michelle mentioned, it's easily shareable on all devices, on your computer, on a tablet and a smartphone. And when I demo my Liquid Syllabus, I'm going to show you all three views. And there are many free intuitive and creative tools. So I use Google Sites because the templates are already there. Basically, I just plug in my information. I add pictures, I add video, and I add PDFs. And the template is already there for me. So, and it's free. So I really like that. So what do I need to create a Liquid Syllabus? So my recommendation is that you create a Liquid Syllabus folder in your Google Drive that contains PDFs, documents, photos, etc. And Google Sites links with Google Drive. So I will show you once we get there that there's a direct link from the Google Sites template to your Google Drive. So that is why I highly recommend that you save or create a folder in your Google Drive and gather all the documents that you think you're going to use. So once you do that, then you're going to decide once you're in your Google Sites, you're going to decide what tabs you want to include. So this is just a brief example. I don't use all of these tabs. Mine looks a little bit different. But these are some of the most common tabs. So those tabs are pages basically in your site. And the first one is Course Essentials. So Course Essentials gives a description of the course, gives the required books and materials and the technology requirements for the course. Here in this picture is an example of what is in this link. So this instructor added the textbooks that are required, some links to purchase the textbook, the ISBN, the ebook version, and then some information on how to use that textbook. So those are just some of the things that could be in that button. Many instructors use a goals button. And this can include how students can be successful in this class. Maybe your institution offers a certificate of completion. So you can certainly put the requirements on a page for that certificate of completion. It can have specific course goals, right, like your SLOs. So for example, this link here, this instructor used the, first gave a definition of SLOs because we know what SLOs are, but students may not know what SLOs are. And so she had the definition here first and immediately under the definition, she had those two or three student learning outcomes that were goals for her teaching her students. So a resource tab can contain the instructor's role, a schedule of weekly agendas, calendars, office hours, campus student services, campus counseling. So that can be in a resource page. I personally use an agenda, a weekly agenda button or tab and a weekly or an annual calendar tab. So I do mine a little bit different. But every, you know, it's whatever your comfort level is and however you want your liquid syllabus to look. And then there's also a button for grading if you want to add that. Okay, so grading and assignments button. And then policies. So this one's really important. So what are your attendance policies? What's your communication policy? How can your students communicate with you besides just email? Do you use other apps or do you use, you know, if you use Canvas, do you use Canvas inbox? What are add and drop deadlines or what are your census dates, right? Students should know that so that they won't be dropped accidentally or without knowing that information ahead of time. They should collaborate with their peers. Student and campus code of conduct can be in there. Neticut policy and plagiarism policy. Okay. So in this link example here, this instructor added their add and drop dates. Then for credit colleges, right, their refund dates, those are always really important for students, right? If they're going to drop a class, they want to make sure that they get their refund and what those dates are. So these are all the basically definition of those buttons. But again, I'm giving you lots of opportunities or lots of resources to look at many different liquid syllabus so you could decide what buttons you want to add or what tabs you want to add to yours. Okay. So I'm going over this very briefly, but I did write an article for OTAN and it's on the OTAN website under web based class activities. So this link will take you there. So I'll show this to you briefly. And Veronica did the page change for you. Can you see the OTAN site? Can you guys see it? Yeah. No, I still see the PowerPoint. Okay. So let me just go here. Okay, so can you see the OTAN site now? Yes. Okay, thanks. Okay, so this is the article that I wrote for OTAN on liquid syllabus and there are lots and lots of examples here. I show you the way that I created my liquid syllabus and information that I included in my liquid syllabus, which I'm going to show you live as well. And there's, at the end, there's a resource section. Actually, in the middle, there's also tools, resource sections, links for website tools. Like I said, I use Google sites, video tools to create videos. I use screen cast-imatic, but I also use Canvas Studio because our district does use Canvas. So depending on the length of the video, if it's a short video, I use Canvas Studio. It's just quick and easy to use. If it's a lengthier video, then I will more than likely use screen cast-imatic. You can also use emoji tools. You had a chance a couple of weeks ago, did a presentation or a webinar for OTAN on emoji tools. There are lots of fun to use, so you can definitely use emojis. And there's a link there for Bitmoji. And then at the end of the article, I have some sample resources. So I have about seven different sample resources. And it's on here as well. This is my liquid syllabus from last semester, but I'm also going to share my liquid syllabus from this semester with you today. And so all of these here are instructors that have used it. And once you look at those, you'll be able to see that everybody's a little bit different in the way they create their buttons and their tabs and the liquid syllabus. So you want to personalize it to your personality and whatever is comfortable for you. So we'll go over that shortly. Okay, so before we tour, let me stop sharing for a second. Okay, so before we take a tour, how's everybody doing? Would you like to take the tour first? Or would you like to take a break first? Lots and lots of information. Tour. Okay. All right, let's take the tour. All right, can everybody see my screen? Actually, let me pull it up here. Just a moment. All right, so this is my liquid syllabus for this semester. Can everybody see that? It should say welcome to intermediate advanced reading. Yes. All right. So on my liquid syllabus, I don't have buttons for the tools. I have tabs up here in the top right hand side. So each of these will take them. So this is the homepage. Each of these will take you or my students to one of these individual tabs. And the only one that I have a dropdown is the resources because there's lots of information here in resources. And then, like I mentioned earlier, I divide my weekly agendas here and my calendar here. Okay. But let's take a look at the homepage. So like I mentioned, my buttons or my tabs are on the top right hand side. And then right in the center is my the title of the course. And then my video my first video is here meet your instructor so this is a welcome video that I created welcoming my students to the class. And then there are some buttons here and this first one is a link to our zoom session. I give them the date and time that we meet. And then a link to our canvas LMS which is the learning management system that our district uses. As you scroll down, I have my teaching philosophy here. And then I have a pat with my students so what they can expect from me and what I will be expecting from them. And then at the bottom, I have a picture carousel. And these are more personal pictures not so much teaching pictures. So I want my students to get to know me and get to know what I like to do so I have a little bit of my life philosophy here that explains some of these pictures. But this is also a way for students to get to know me. If we were face to face, I would share this information with them as well. I usually shared something at the end of the day definitely at the first day of class you know we're all sharing and introducing ourselves. It's a fun way for my students to get to know me and I will periodically change the pictures out so throughout the semester. I do. I do change the pictures out here. Okay, so that's the home page and that's how I created my, or the information that I added to my home page. There's my assignments tab and there are no assignments here in the liquid syllabus I let students know that they can go to canvas and this is a direct link to their canvas shot sign in. And then the next tab is my attendance policy so I want to give my students as much information as I can so they won't be dropped from the class. So, I tell them how they can get attendance for our online class. And there are four different ways here that they can communicate with me. One is they will not be attending class so my attendance policy is in one tab. My calendar is in another tab. Okay, and this is a PDF and the way my students will know that this is a PDF is there's a box a pop out box here with the arrow. And that's important for them to know because if they want a copy of this if they want to either save it to their computer, or download it to their computer to their device or even print it. They will have the opportunity by just clicking on this pop out or selecting the pop out, and then they will get. The print option or the download option or they can add it to their Google Drive, if they are on Google Drive as well, which my students all have a Google Drive. And then under the module zero and I call this module zero because in my canvas shell I divide the weeks by modules and module zero is always at the top because that's our resource module and I have a lot of resources there for my students. I wanted to add a little bit about that in my liquid syllabus as well but the list and canvas is a lot more extensive. So our accessibility of our course information about accessibility is here, and a link for them for our DSPS website at our district. And then the netiquette guidelines are here. There's also a PDF here if they want to print it out, or they also have the PDF link here, if they want to print that out or save it to their computer. If they want a copy of our paper syllabus that's also here, and it's PDF version as well. And I give them directions to here on how to download it to their computer or save it to the computer or print it. I want you to notice something here because I'm going to show you how to do this in your Google site. When you upload a PDF, especially a multi page PDF like this is so this includes my weekly agenda so it's eight pages because it's week by week what we're going to go over and there's live links in there. And some of the information that's on my home page is here, but notice as I'm scrolling down, they can see the entire document. Okay. So as I did something in Google sites, and basically I stretched out the window and I'm going to show you how to do that. Otherwise, when you add a PDF to Google sites, you will only see maybe like half to three fourths of the page so if you're okay with that. There will be a bar here in the site and students can scroll but sometimes, especially some of our low tech learners, students that still aren't accustomed to technology they won't know that there's more information if they only see half of this window they'll just think that it's just this picture of my course information so I'll show you how to stretch out that form with PDFs or documents that you add. And there's under resources there are also videos like I mentioned I like using videos for my course, and some of these are Ted talk some of these are videos that others have created but most of the videos that I post in my class or videos that I have created. The last thing is the student learning outcomes and students will see this both on my PDF syllabus. They have a link to it here. And they'll also see it in Canvas because I it's really important for me and really important for my students to understand what the expectation is what I expect the outcomes for them to be in the goals for them. And remember in the example, some instructors call this goals, right, I just call it student learning outcomes and I explained to students what that means and what it is and the importance of it. And then the last tab that I use are my weekly agendas. Again, this is also on my syllabus, but I wanted a quick access for my students, because if they're going to be absent, especially if they're going to be absent. They know exactly what we're going to cover in class, and they're going to have some links to some resources that we're going to use for that module or that week. Okay, it also has the holidays are on here as well so you know if it's a short week so like we had President's weekend we had a four day weekend at our district that's how the calendar worked out. Those holidays are on here on the first column as well. Okay. Any questions so far. Yeah, there is one question from Jamie. She said that she was live on your website and to view the calendar she needed permission. Do you run into this with students. No, actually. So this tab here it required a permission. Is that what you're referring to Jamie. I'm on your Google site and when I clicked on like calendar and one other link, it wanted me to sign in to my it said I needed permission. Yes, I'm not sure why it might. Access. It might be a glitch right now because it's a PDF. It's not a Google Doc. I'll check it out during the break, Jamie. I'll sign in with. I have several emails so I'll try to, I'll try to use a non Gmail and then and see what's going on with that but no it should, it should appear. Yeah, okay. Any other questions. So, I think this is a good time to take a break is when we come back from the break. What we'll do is I'll take you to the sites. I'll give you also I'm going to give you this resource with different links that will help you create your liquid syllabus. But why don't we go ahead and take a 10 minute break, and we'll go ahead and start it now so it's 136 so we'll be back at 146 and I'll start the timer now okay so it looks like everybody's back. So, if you're just coming back this QR code and this link will give you access to this liquid syllabus links and tools but I've also added it to to the chat. And I added this link and I also added the link the PDF of my slides. Okay, so you'll have both in the chat. So let's go ahead and continue. Okay, so make sure I didn't skip over anything. Okay, so we're going to go live now. This is the part where if you want to follow along. And you want to have almost dual screens. This is where you want to minimize your zoom screen. Because you will be if you do that you'll have the zoom screen on one side and then you'll be able to open your Google Drive or Google sites on the other side. So if you've never used Google sites, don't worry about it. I went to one training. And during that training with Melinda of course it was Melinda so she's excellent Melinda Holt from OTAN, but during that Google sites training, I was creating my, my objective was to create my liquid syllabus and that's what I did. Of course I went back later and I added video and I added all the other things that I wanted my pictures, but I at least created the shell during her presentation. So if you've never created my whole point is Google sites is very intuitive. And for those really techie people you may not like it you may like like a blog spot because the templates that are on there and I'll show you in just a moment but if you go to sites.google.com slash new. And if you're not logged into your Gmail and you want to log into your personal Gmail not a work Gmail, but if you log into your personal Gmail, you will, you will have that access so let me go ahead and click on this link. So again login with your Gmail. And your password that you use with your Gmail. Okay. So did my screen change for you do you see sites on the top left hand side. No, we still see your PowerPoint. Okay, so let me go ahead and reshare the screen. Okay, do you see it now. Okay. All right, so this is sites.google.com slash new. And this is where my tool. So I've only created to like I mentioned actually I've created more. And some of them were for presentations, but that I physically use with my classes this is only the second time I've created it for my class. So this is one of the liquid syllabus from last semester and that the link for this site is on that links and also in my article. You can access that if you want, and then the new one for this semester is here that I just demoed and you also have the link and access for that. But to create to get started you're just going to choose blank here. And when I choose blank. And when you choose blank, did my screen change. Or do I have to reshare. Okay, we're seeing your title page. Yes. Okay, perfect. Okay, so you'll see that this is it. It's, it's kind of like a little blank canvas, but you have all these great tools on the right hand side. So you have the first tab here is insert. So this is where you're going to do most of your building in this insert section. And then you have pages. Okay, which right now we only have a homepage because we just got started. And then you have themes. Okay, so it's limited. But it's very simple to use so that's what I like about it because I am not a graphic designer like Linda. She might be a little frustrated in this one, but she might be able to do better graphics on something else but for me, simple teacher is this this is perfect. Okay, so I can change the color here. I can change the font size. You know, here's the simple font, the Aristotle, the diplomat so basically it just changes the font and these are the only fonts that are available on here. Okay, so I like simple so I'm just going to keep it simple, but I'm going to go back to the insert tab. Okay. So this is how you create the layouts. So I'm going to toggle between my oops. Hopefully it lets me toggle between this new brand new and then my current site. Oh that didn't open up. Okay. Can you see my existing Google site or my liquid syllabus. Yes. Okay, great. So I'm going to switch these over so I can toggle back and forth. Okay, so these are the layouts that you have to choose from that you're going to add to this first blank space. So I'm going to toggle back. This semester I chose the three window template last semester I had for and the reason for that is last semester I had one extra one here for my students direct access where my students can buy the book. So this semester I have a zero textbook cost class so my students don't have a textbook so that's why I chose three but it's up to you what you want to put here. So if you remember I had the welcome video here introducing myself. A link to zoom. And this is also on my canvas page and a link to our canvas page. Okay. Like I mentioned during the break Linda and I were talking about this and when my students access the liquid syllabus they're accessing accessing it from our canvas LMS. So to the student, it doesn't look like they are going outside of canvas to I embedded it in canvas so to them, it's the liquid syllabus exists there in canvas. But for you the teacher that's creating it you know that it's a site outside of canvas. Okay. So the reason why I have these buttons here is because the students still thinks they're in canvas, but I still if they want to go back to canvas if they happen to click on the liquid syllabus button on my canvas homepage. They can easily toggle back to canvas by going here. Okay, so that's why I have that button there. Okay, so let me go back to our untitled site so go ahead and add a title whatever your classes I'm just going to say ESL 67 but you title it whatever you want. Okay. And you can always go back and change this. Okay, here it says enter site name so maybe I would add the title of the class workplace. I used to teach a class called workplace communication. So the title I add up here and then the number I added there. Okay, but you can do this however you want. And then I'm going to add the four the four boxes here so I just drag it over. Okay, so whatever you want to add you can add multiple things you just drag them over. And so let's say I'm dragging and dragging and I say wait a minute, I, I don't want that. There's a little trash can here you just click it and delete it. Okay. So it's that simple. So I mean, I don't know about you Linda but this would take me hours and hours you you're pro you you teach this but this would take me hours and hours to create any type of buttons like this. So here went on the plus. This is where you're going to upload so you can either upload a picture. You can select an image you can select it from your drive this is why I mentioned that Google Drive is interactive with Google sites because it's the same product right. You can add a YouTube video you can add a calendar if you want or you can add a map. Okay, so it is limited, but I've never had an issue with the materials that I need that are included in my syllabus. So those are plenty so if I want to add a YouTube video for example, it takes me to this link just like in Google slides right if I want to add a YouTube video to Google slides I just provide the link in here. So I'm going to do that. Let's see. In my jazzy beats here that I was playing earlier. So that you can see what it looks like and then I copied the link, and then press enter. And if this is, if this looks like what I want to add on there, I choose it, and then I choose select. Okay, and then there it is. I can add text, you know so break music. And from chill hop. Okay, you can add whatever you want you can also change the font because that's really tiny and I don't think 11 is big enough. I like to go 18, at least. And so that's how you add things here to this template so your layouts are here. Remember how I had my philosophy. So let's go back. So I have these three templates here and then right under it I have my teaching philosophy. And notice how this first quadrant of I'll call it is white. And then my next section is blue, you can do that you can keep it all one solid color but I like the break in the color so that it's visually it's easy to see that this is now a new thing or new section. And then so I just toggled between white and blue, and then white and blue for the four sections that I added. Okay, so let's go back. So in order to add any type of text, you're going to choose text box. And all I did is I selected text box and then a text box opened here. So it doesn't matter if it opens up tiny. Maybe I have this description somewhere else. I could change the font size I could change the type of font, but remember it's a little bit limit well actually it's not too bad. Oh, okay, I just remembered, you can add more fonts. So these are the fonts that I have up for my Google slides so they carried over to this section here. And you have the same type of fonts here or tools here or similar tools that you would have in Google slides or Google docs. Okay, but not all of them remember it's a little bit limited so you can add your text there. And then to change the color in this far left hand side, there's a little paint section there so I just select it, and then I can change it to light gray, or I can go a little bit darker and change it to blue. Or I can go and add an image also so if I want this band to be an image just like there's an image in this background here, which I can also change. I can add an image here in this section like a band going across. Okay. And then here is the section here for Google Drive so if I wanted to grab something from my Google Drive. Since I'm logged in with my Gmail, it's going to capture whatever it is I have in that Google Drive so if I choose Google Drive. It's going to open up my drive so I have lots and lots of folders so I really like to organize my Google Drive. And let's say I wanted to add something from this class let's say I want to add a document, or my agenda for the week. So let's say I wanted to add my agenda for this week. I selected, and then I choose insert. And here is my slide deck. So it's a slide deck because it has the features here for a slide deck and of course, I can enlarge this. Okay. So if you want to use this as a site. If you don't have an LMS you can kind of use this as a site as well so I'm kind of getting into now the Google site portion of it but I just want to show you that you can embed documents from your drive. And again, if I decide well no I don't want to add this, then I just choose I delete, and then it's gone. Okay, so very, very intuitive. Okay, so remember that I had those sections here my buttons up here at the top. Those are created here in pages. So I'm going to go ahead and now switch over to pages. And I have my home here, which is this one to add another one. I choose this circle with the plus on it. And then I'm going to name it so maybe I'll name this one calendar. And then. So now I have home and I have calendar and maybe I want to add weekly agendas, and then choose done. And then I want to add another one that is what else did I have on there. Oh assignments. We're on there. Okay, so you can just add and add and add. Oh, and there was a resource so my module zero resources. So remember that that one had a drop down menu. So if I want drop downs to any of these, you go to the skinny snowman or ellipsis to the right of where you want the drop down, and you select it, and then you add a sub page. And let's say under my resources, I'm going to have student services link. And then once I select done, you notice that it indented so you know that it's going to be under resources, and then on my tab up here, it already added that triangle, or that arrow pointing down so there's my student services tab. And add as many sub categories to each of these, if you want to add multiple items there. So let's say I'm just adding and adding and I say well I don't like the way these are ordered maybe I want alphabetical order, then all you have to do is select it and drag it to the area where you wanted to appear. So if you want assignments immediately after home page here. And now you have that over here as well. Okay. Any questions so far. So I'm going a little bit fast, but to me this is really intuitive and super easy to use Diana I'm not seeing any questions. Okay, wonderful. So what I'm going to let you do. I'm going to let you play around with it. I want you to create your, your shell. I do have a question. Yes, I thought, because I was editing some attributes, and then I decided maybe I'm not seeing them because it's not published or something so I went to click to publish. I'm going to get to this but when you're publishing do you have to type in the whole sites.google.com and do all of that or do you just give the name that you want and then that's, that's an extension of. You know I'm saying I'm not you can do it either way so for me to access my, my, all my liquid syllabus or Google sites that I've created, I just go to sites.google.com. And it will take me to that landing page. Oops, not there, but it will take me to that landing page so if I just type sites.google.com. I don't want to misname it because I'm afraid it might be hard to fix. You can, you can change the name. You can change the name. When I click publish, I just don't know if I'm supposed to put the whole path in there or just put the part that I'm customizing in the name. You can also unpublish it so if you chose publish. So, if I choose publish is this what you're talking about can you see my the window that popped up. Exactly. So, for example. I don't know if there it's going to be added after you automatically. So I don't know if that their web space and automatically your whole name is going to follow you. So you just type a name or if you're supposed to type the. You can add a custom URL, you can manage it. If you want, if you somehow want to brand it, you can, but it will, you know what, what I didn't do. Is I didn't. Let me go ahead and preview this really quick. Okay. That's useful. Yeah, I wanted to show you that really quick also. Notice the preview button. Yes, so let me go back in. I'm glad you asked me because I forgot to show you the preview. So you can see what the students see. So there are these buttons up here. Here is the right now my site is not published so I cannot have the embed code. This is Linda this is what I used once I published it I use this embed code to embed it in my canvas shell. Okay, I can share this site with others directly from here just like sharing. You can see the slides or Google Docs or Google sheets. Okay. But this is the preview so when I choose preview. This is what my students are going to see. So far, I don't have much other than my tabs and that one video I added. Notice this black rectangular area here. So right now it's on the large screen which is like a computer screen. Okay, so this is what it would look like for tablets, it shrinks up a little bit, and then you could scroll up and down. Well, I don't have much down here yet. But once you do I'll show you on my created site, what that looks like as well. And then here's the phone version. So it's really nice and compact for the phone. Of course, they're not going to have the tabs appear because it's a phone screen, but the tabs to select the other areas are here in the three horizontal hamburger link here. Okay. So let me go to my published site because this one doesn't have a lot of information on there yet. And let me show you that same tool so that you could see what this huge site on here that has lots and lots of information right did it change by the way. Do you see my reading. Okay, great. So again, I'm going to choose preview. And I'm going to choose the smallest window which is the phone window. And here it is. So students can scroll through here's the video they can watch the video very easily. Diana. Does this student when they use their phone it automatically goes to the phone version, or do they see the big picture and then they have to select the phone version. No, they should see the phone version. Okay, yes, this is what they should see. So, again the video is nice it's not like this tiny little thumb thumb. It's really called thumb print. It's, it's good size but they can still expand to see the full window of their phone. So if I chose that. Well, of course it's not going to look like this because from the computer, but they can expand it to the full window of, you know, you know here's my smartphone but it would expand to whatever my full window would look like just like any video on their phone. And then they can just keep scrolling here's that zoom button. So if they wanted to join zoom from their phone they could. So everything that's on my homepage is here. And again, the button on the top left hand side or the three horizontal lines, they choose that and they can go to the weekly agendas and my weekly agenda is tiny on here but when they select it, then it, then that'll expand to their, the size of their phone window. Now this is why and I'm going to show you how to add a PDF to look like this because if you don't stretch out that PDF I'm going to I mentioned earlier I'm going to show you how to do that. Then they're only going to see this tiny, tiny little window so for the cell phone this is where the stretching of the PDF is really really important. They're also going to have this toolbar here, but they're going to have two toolbars, and it's really hard on the cell phone to differentiate which one is to expand and which one is just to move. So let me go back. Any questions before I leave this area. So let me go back to, to this here so I'm going to go in and I'm going to add a page for my PDF syllabus and I'm going to show you what I mean about stretching your documents so that they're easily seen on the cell phone. So now I have my PDF syllabus tab up here. And isn't this opening. Okay. Oh, I have to go to insert. Okay, so PDF, and I'm going to go to my drive, and I'm going to look for my syllabus it's in my folders here just give me just a moment. Here it is. So I select it, and I insert. So it automatically inserts here. And this is what I'm talking about so it's only showing half of my page. Now I can expand it which I recommend that you do to horizontally, but see how the circle is here I can also expand expand it vertically. So I don't do anything. Let me go to publish. I mean to preview, sorry. And this is what the students will see and they're going to have to drag it down it's, it's really, and they're going to have to use the toolbar, instead of scrolling this way with their finger. So I'm going to go to version, same thing. They have this tool over here. I don't like that view. So what I do. So I don't like this view I want to be, I want them to be able to know that there are multiple pages on there. So what I'm going to do is I'm going to go back to my syllabus here. I'm going to stretch and stretch and stretch until I, this is a eight page document so I'm just going to stretch and stretch and stretch now you could stretch it to the to the first page and just leave it like that and let them use that sidebar. I like to show the whole thing so I just have to keep dragging and dragging dragging the circle. It's taking a little bit longer because I'm in this present mode, but you get the gist of what I'm doing I just drag all the way to the end here. And I just keep dragging and dragging until I get to the last page. And then I stop. Okay, so let's say that was the last page let's just pretend. So now, instead of seeing that one page on the window, my students are going to be able to see all the pages that are that are on there. So, of course, I would continue stretching and stretching until I got to the eighth page. But that's what I would do with documents. I just think it's easier for students to see that there are multiple pages instead of just that little window it I don't think that's very intuitive for them or also on the cell phone it's just going to look really really tiny and they're going to use that little sidebar, which is not easy to use, even with a mouse. So, on a cell phone it, it would be harder for them to just keep, you know, pulling it down and pulling it down. Instead of using their, you know, I, I'm used to using the face of my phone to do this not a little sidebar here. Okay. Questions. I know. Okay. So, we have about roughly about 30 minutes so go ahead and practice, I want you to practice I want you to try it yourself and see if you can add documents, either, you know, you can, you can upload your documents from the drive or try to add a video from YouTube, create some pages up here and maybe some sub pages. So go ahead and do that and then if you have any questions I'm here to help you out with it. Maybe try out some different layouts as well. And then maybe, maybe one of you can share yours. Veronica. Did you have a question about the PowerPoint. Yes, someone was came in a little later so they want access to the PowerPoint as well as the Bitly that you had shared for the site. Okay, do you want me to upload it again. Oh no I did. Okay, great. Thank you. You're welcome. So while you're working on that. I'm going to go to the document that I shared. Oops, that's not it. On this document that I shared, there are two samples here one is Michelle Pekensky Brock's photography course, and another one is Fabiola Torres is ethnic studies course. And these two instructors. I recommend if you really like this I recommend that you follow them because both of them are excellent to when it comes to liquid syllabus and the fun things that they do. They're both very creative and they've done some amazing stuff with their liquid syllabus. And this section here that says professional development humanizing oops I should say challenge is both Michelle and Fabiola is training on at one online network. They did a training, maybe about a year and a half two years ago, but it's recorded on the at one site, so you can view their presentation, and their multiple videos are there. And one of the things that I really like is all of their items on their liquid syllabus or open educational resources. So that packed that I have on my site, Michelle shared her training. I modified it a little bit but she said go ahead and just copy and paste it onto yours modify it use it word for word. So they are very into open educational resources, both Fabiola and Michelle. And this padlet here at the end has lots of different liquid syllabus so at her at one training at the end so she kind of went through what I did but it was over a few days. Once we got to post on this padlet we got to post our. Once we completed them, we have had access to post our liquid syllabus so there are lots of examples in this padlet. And let me see if that show you really quick. So, here is where it was a three day training. That's what it was. Three day training on humanizing your course and and creating a liquid syllabus and people shared their once they completed it went back home completed it. They shared their liquid syllabus so lots of different examples for you to see what other people have done. So that is on this Google sheet or Google Doc that I shared with you. Okay, it's time for me to ask for help. Okay. And I hate to admit that I use a lot of Google things but I do not use Google Drive. I'm sitting here trying to upload to Google Drive to have the files there to put into my Google site, and I haven't figured out how to upload files into the Google Drive and that sounds embarrassing. How to upload populate my Google Drive with files that I then because when you go to click to edit and add a file or image. It's looking at the Google Drive. So I'm not seeing how to actually put a file in Google Drive. Okay, let me go ahead and I just can't get it. I can't seem to figure out how to get it in there so I haven't got beyond the title bar at this point because I can't get any files up in there. Okay, so let me go ahead. So are you trying your, you're in your Google Drive right. Did you find that open what I did. I'm working on Google sites and I have Google Drive open on the right hand side. Okay. All right, so let me go ahead and share mine. And this is Linda right. Yes. Okay, so here's my Google Drive so when you add folders you can either create a new folder. You can upload a file or you can upload an entire folder. So if you upload, if you already have your folders organized on your desktop, then you can upload. You know, like, like, let's say your coursework, or you can upload individual things in there and then create. Well, I would create the folder in here first. I'm thinking I have to get into Google Drive separately and not have it just there as an open window when I'm in Google sites. No, you can have. Yeah, because I have actually like I have my drive open twice. That was the problem because as soon as I opened a new tab in my browser, and went up to an open Google Drive separately now I have all the tools. So. Okay, in the site editing the site. All I was letting me do was look the files in Google Drive it wasn't letting me upload anything into the Google Drive. Okay, so you, you were trying to do it in the same tab. I was trying to work in Google sites I thought that window that opened up. Oh, okay, yeah, now you need us, you need a separate look at all my windows that I have open. I was only going to let me get to files are already there. So, right. Now, I can see all sorts of stuff. So if you've never used Google Drive before I have files inside of files inside of files. So, here's my drive and this is just for one of my GM GM L's. But this is the one that I use for work because here's my Linda SD CCD file or. Yeah, folder, and then within that I have more folders. And then what I do because I have so many folders is the ones that I use the most I title 00 or 01. So, if you have lots of folders like I used to have lots of things in my thumb drive. So I had to find a way to organize it. For me, you can add a color to your folder and the folders that I remove the color when I don't use what I'm not using that folder that semester. So it just kind of helps me organize because I have so many folders in here. You're only using 90 to 60. I know, you know why, because most of my documents are Google Docs or Google. I have so many gigabytes in this Gmail. This is why I have so many GMOs is because when I first started using this, I was using my personal Gmail, not thinking. And then I was uploading everything because everything was on Microsoft. So I had lots of PowerPoint. Anything Microsoft is going to eat up your gigabytes. If you use any Google product, it doesn't go against this. So that's why I created this new Gmail that I said no this is only going to be for work I'm not going to do anything else. This is going to be my, my work drives and I'm going to use Google drive Google Docs Google slides, Google sheets, everything Google so that I, you know, pictures take up some, some storage. But what really takes up storage is if you start uploading Microsoft PowerPoints. When you do that, you can always convert them to slides you just kind of have to fix them a little, and then you can delete your. Once you convert it to a Google slide from a PowerPoint, or Google, or Microsoft Word to a Google Doc, then delete the Microsoft product because that's what's going to start eating your storage because I have another one that's like at 14.9. Because it's everything Microsoft and lots of pictures and videos. Okay. Otherwise, don't do what I did. I have a later here but now I know how to get stuff in there. You're at my district right so you have access to tech mentors that can show you how to do all this I'm a tech mentor, by the way at the district. So, if you, I have not worked with the Google drive that's it I've. So yeah, a lot of us use Google so more site you know I did that once before all the sites everywhere and I said you know what I'm going to bring it all back in just like when you have too many credit cards too many bank accounts that I'm only going to have a couple of them. Right. Manage in one place so. I know. And I just went to a training with Anthony Vargas and they're trying to teach us how to use SharePoint. Oh no, I just took me years to bring everything over to Google, and it's only for one thing for Academic Senate I'm like, I'll just keep using what I'm using the Microsoft product. Yeah. But I'm going this way out I'm surprised they're doing that. Yeah, it makes sense for classified and admin it does when Anthony showed us I was like wow that is really awesome. It really makes sense. And then it's under the umbrella of the district so. Well they're probably 365 professional version of Microsoft. Right. Exactly. Yep. Any other questions. Okay, so we have about 23 minutes left. Does anybody want to share. Oh Veronica, are they able to share. Yes, everyone has access to the share button. Okay, does anybody want to be brave and share what they created. Is there anything else that's on asking. No, and I'm not volunteering to share at this point. I don't have anything but a title bar and I finally figured out how to get one image in there. That's okay. I'm wondering about that link you made back to the canvas class is that too complicated to a question to ask right now. You mean when I embedded my liquid syllabus in canvas. Well, no, I'm talking about in your liquid syllabus where you created the. Oh, yeah, no, it was really easy. You know our login for canvas. I just copied that link, and then I embedded it in that button. So let me let me show you I can show you that really quick that's really easy to do. I thought it closed the window or something. Let me go back to. Okay, so let me create one. And let me grab. Well, I'll just show you live. Let me go back and share my screen really quick. Okay, so if I want to add a button, I'm going to anything I'm adding I'm going to go back to insert. And so here is button on the right hand side. And I'm just going to drag it. Oops, I lied. I'm going to click on it. I'm going to name it and I'm going to call it canvas right because I want to. And then I need the link. So I need to open up. Let me see do I have canvas on one of these tabs have so many open. I'm going to, can you see my screen. I can. Okay, so I'm going to go to canvas. I'm going to grab this link just copy it. I'm going to go back here and I'm going to paste it here. And I'm going to choose insert. And now it's a live link. Now if I want it here, I can just, you know, automatically it puts it to the bottom but if I wanted the button to be here. Oops, below. I should have done that instead. And if you mess up, it has the undo feature here so let me undo that. Okay, well I've been simply just deleting the whole row and building it again because when I, when I took one out, I was left with, you know, left with one less tile on there. Oh, right. Oh, I'm sorry about that. So you can undo or, you know, redo. So yeah, you can do either one so you don't have to rebuild it but I've done that before too if it just gets too messy. I've done that before if I accidentally deleted this and I really wanted to upload. Let's say I want to select an image of a computer. And does that make them have to log into canvas again it looks like it would. But if they are in canvas when they accessed it. Okay, because they're still logged in correct. So maybe I want this one, and then I'm just going to insert. And then it inserts the picture to the size of that block or square because the button is already there that's why I'm saying this is so easy I don't don't even have to resize the pictures it's already the dimensions are already there somebody built this. You know it's limited in in fonts and colors and things like that. But I think it's fine. You can also shorten this if you don't like this thick block here and header type, I could do title only if I don't want to hit her or I can make it larger, or I can just have an entire picture I wouldn't do that but I can change. So that was header type. I can change the image. I can select an image. So these are the options when I clicked on select image. These are the options that Google sites have, but you can also upload a picture if you want. Okay, so last semester I used this blue purpley thing. My reading class I use that, but I can select and then it changes it for me here. So if it changes it on the homepage, it's also going to automatically you just give it a second or refresh, and it's going to change it on all the pages. It just takes a second, but it will change it. It keeps making my picture bigger. And I even went into Photoshop and sized it down. Oh here, you mean the pictures here in the tile it keeps making the little the image I'm bringing in larger and it's actually too large for the tile and I keep. And so now I've edited the image even trying to get around us. So, I don't know some way to make it stay. The size of the tile in the tile or smaller than the tile. It's stretching it. So now I made it really small is stretched it so now the picture is getting fuzzy. What if you what if you choose, like, choose it once and then use these. These here, because what what I noticed is this is like a double layer so it's the layer of your picture that has the these buttons where you can expand or shrink, and then there's this template that has those buttons. So, I noticed that when I created my carousel. Oh, by the way, those pictures at the bottom on that I added on here. Let me go back to the homepage that I added here at the bottom. This is actually a carousel once I publish it. These are just going to play through. And to do that, that's really easy. It's, it's here image carousel. So you just drag it over, or I'm sorry, this one's not a drag this one's a little thing. Yeah, and you just keep adding images and images and images yesterday I was adding lots of images so you can either upload an image from your computer or you can select an image. If you have have pictures and Google Drive or whatever. You can choose them from Google Drive or Google images. You can have lots of photos there, or if you know the URL of the picture. So you can, there are several ways to add pictures to that carousel. And like I said, once you publish it, then it'll, it'll continuously play the pictures. So you can see, yep, this, where's my other site. Let's see, on my fall semester. Let's see. Can you see this site that says welcome to our vessel six seven. Yeah, I can. Okay. So at the bottom. It's just once I preview. So when students see it, this just plays through. So this is what this is why they call it a carousel, because it's just kind of rotating and rotating and rotating your pictures. Okay. Anybody like to share. Would anybody like to share what they created so far. I'm not making any progress so. Come on guys be brave. Smaller and smaller and try to get it to be something that works in there. Wow. Now my mouth doesn't work. Oh no. Bye Jane. Thank you for your message. I haven't given up. Maybe. Boy. You want to times to be frustrated like this, trying to learn something new. I know. And, and you know, I was at a three day workshop with with Melinda on Google sites. So I did ask her though because she briefly came in before you guys came in so if anybody's interested in learning how to use Google sites in one of her trainings, she's excellent. And like I said, I think it was three days. It was either two or three days. Just let O 10 know so that they know that there's interest and then they can put it on the calendar and get it out to everybody. I'll share this with you only so you can see what I'm dealing with. Okay, because I didn't get anywhere with doing the rest of it. Sadly. Let me see where the share screen is and I'll switch. Can I do that. Sure. Okay, so there's a share and I'm going to bring it over. Right now you're just again my desktop. I don't like anything on my desktop so it's clear except right there I have my Photoshop stuff showing. So, I got this was easy the top and then bring my tile in. I have shrunk it so tiny now that it's a little, little tiny tile and and yet still Google sites keep stretching it you see how blurry it is now because it's really a tiny tile, but I can't seem for whatever reason the setting on this is that it's stretching it and I've gone in here. It keeps doing this. I started out with the tile that was about 300 pixels wide and then they took about 150 and now I've taken it down to 100 and it always stretches it to the same size. I don't know what I think I just figured it out. I know I know what just happened here. Is it because of that double layer. Remember I mentioned that now I noticed that there was like a, it's like a double layer we just only see the outside but it's a frame with. Well it's actually, it's actually a page with three frames in it, but what's going on is I'll show you now so if I double clicks I'm only managing the image itself here. What it's doing is it's stretching it to one side the fit and that's making the other side oversize. What I need to do is I need to put in the image that's perfectly square if I'm going to square frame. So it took me all this time to figure that out. So you're using your, you're trying to embed the picture from your canvas dashboard right. This is the tile that they see when they go to canvas, right. I created custom tiles that they see to pick all from all their courses so they see colorful tiles for money. And I thought well that'd be a nice image to put here as to go back to canvas button. I think it's the same button they see when they enter Canada's normally. Anyway, I figured out though what is causing it to stretch this way. Having, having created web pages in the past with writing the programming code. I'm accustomed to being able to set the dimensions. I couldn't find any way to get in here modify the embedded code. It's not like HTML code. That's why that's why I was saying Linda might not like this. I'm just laughing because it's such a simple obvious answer that they want you to have a perfectly proportional image. And that's what it is. So I spent all that time. Well now you know. Figuring that out and but I reminded that What if you snipped it. Well it's got I'm gonna have text in here. So it's going to cut it off. Oh, okay. But I really have to make it a fortunately square image. What I cut off on the bottom of here was where it says spring 2021. We should just keep this one portion and I'll have to custom right. So I'll just have to do something different really. But anyway, this is as far as I got, and I was trying to figure out also how to have extra have the line and not have the line height. And I couldn't. So those are, yes, those things are limiting. So what you see is what you get with the tools. So you're either going to have to. And I can't delete this either. If I delete this, it takes this pile up. Yes, but you can add, you can add another row of tiles and then drag that whatever you need over that's what I did. Yep. So you can move them once they exist. Yes. So I had really messed up one of my tiles, but I had already completed all this other stuff and I didn't want to delete everything else. So that's what I thought, let's see if this works. But this is really funny because I got this part done in about two minutes. Yeah, all that time trying to figure out how to do this part. You know, you keep your brain sharp by new things. Exactly. So I tell people that all the time. Anyway, I'll stop sharing and let somebody else jump in. Thank you for sharing. Maybe that'll help somebody else, you know, I was doing this. Okay. I love when I can't find it. Stop sharing button is hidden behind other windows right now. There we go. Okay, anybody else would like to Marina you're here. I hope. Are you here Marina. Yes, I am here. I told you, I was multitasking I was, I had a guest speaker in class today so I was listening to her but I've heard her presentation four times but yeah I sorry, sorry, I was late and thank you Veronica for sending me those links that I missed. So, you're listening. And I'll send you those other links that you asked me about the other presentation. Yeah. Thank you. You're welcome. Anybody else care to share. Going once. Oh, come on. Going twice homework. Okay, well, thank you, thank you, thank you. Let me go back to unless somebody wants to share. Let me go back to the presentation really quick. There's one more. Okay, so. Yep, I think I got everything. So, oops, what's going on with. Okay, good. It didn't freeze. Okay, so hopefully what you learned today is you learned about a liquid syllabus what it is. You received some resources to get you started with your own liquid syllabus site, and you got an opportunity to practice creating a Google site shell to house your liquid syllabus. So I thank you very much for being here today I hope you were inspired to create a liquid syllabus I hope you get an opportunity to check out some of those other links for the liquid syllabus from the other instructors. And hopefully you find a sample that you like, or you at least get inspired by them and you get started on your liquid syllabus.