Weebly Tutorial - Build Your Own Free Website

in this video tutorial I'm going to show you how to use weebly.com to create your own website and I think you'll be happy with and surprised by how easy it is to use this website builder so here I am on weebly.com and you'll notice that it says that I can use Weebly to create either a website or an online store in this tutorial I'm gonna focus on this aspect of Weebly how to use it to create your own website and down below you can see some examples of the types of websites kind of the look and feel that you can choose if you would like to when you use Weebly but before we dive into how to use this website I want to show you really quickly the pricing options that we have in Weebly you can see that there is a free account option and it gives you most of what you would need if you just want to create a basic website if you want something more you'll need to pay now for those of you that are teachers you can go all the way down to the bottom of the page and click on education and this gives you an option to create a completely free class website and notice this it lets your students build their own websites one of the nice things about that is that you as the teacher can manage your students accounts they don't have to sign up for a Weebly account you can just go in create student accounts and then you just give that login information to the students and they can sign in to their own website that they can customize so that's a really nice option for teachers I'm just gonna go back and on Weebly calm I'm gonna click get started with create a website so I click that it wants me to sign up for an account I could sign up for an account using this Facebook button or Google+ or I could just use email and password if I already had a Weebly account I could click here to login to that pre-existing account so give me a minute to sign into or create my account and then I'll resume the video all right so here I am in my account and because this is my first time using Weebly with this account it takes me to a page that will kind of help me get started using Weebly now before you get to this page it may ask you if you want to create a neat her site do you want to open up a store basically using Weebly and I would recommend if you're a teacher or if you don't really want to make a store right now just say no you don't want to create an e store at this time and that should take you now to this page where you can select a theme notice that they have different themes to choose from business themes portfolio themes etc I'm gonna choose my theme from the personal category and I think I'll go with this one here so I click on it it opens up with a theme preview looks good if I like this I can just click start editing and that now will become the theme for my website and it's building my website right now at least the bare-bones of my website and here is my website now the next step is to choose a domain and the domain that you choose will most likely be related to the topic of your website so for me of course I believe the world needs a really good website about the best kind of music ever created in my opinion which is synth-pop and new wave which most definitely includes the 80s new wave and synth pop heroes but also those of more recent years so I would like to maybe call this synth pop heaven and look the domain is available wwlp.com does look like it's available now just know if you continue with this you will be asked to pay ok so it's loading payment information because I don't own that domain synth-pop heaven comm so I would have to pay in order to reserve it now if you already own a domain you can click here and you can connect it to your Weebly account and you should be able to use that domain that you already own what most teachers do and even what most Weebly users overall do is choose this option use a subdomain of weebly.com so here I can just type in synth-pop heaven dot weebly.com and it says the domain is available and notice that this time it doesn't end in dot-com it ends in dot weebly.com but because it includes Weebly in the title it will be free for me to use so I click continue it takes me to the home page of my site now there are some instructions here saying that you can drag and drop I already know that so i'm gonna click got it and i'm going to X out of that little pop-up screen so now I can start customizing this homepage of my website and I can just go up here where it says Sarah Smith and I highlighted the text and I'm just gonna call this synth-pop heaven now notice that change that I just made is on the homepage of my website and I know that because home is outlined here now depending on the theme that you choose the indication of which page you're on might look a little different it doesn't have to be a box like this but watch if I click on my work the screen changes if I click on about the screen changes but at the same time though notice that the title of the site synth-pop heaven stays the same on every page okay underneath the title I have a spacer and I could just X out of that spacer if I don't want it but I think it is kind of a nice look so here I don't know who Sarah Smith is I'm just going to highlight all that text and replace it with an invitation to check out the synth-pop and new wave scene and I think I need a couple more exclamation points for emphasis okay great so there I have the beginnings of a website so now it's really up to me to decide what to do next notice here at the left I have several different elements that I can add to my website if I need more text I can just go up here to title and drag that onto the screen there it is or if I prefer instead of a title I could put text on the screen I think I'll go with text so I dropped it there underneath this bigger text and like it says there I can just click to edit so give me a minute to type up some text and then I'll resume the video okay so there's my text it looks awfully tiny so I'm going to select it and notice here there are some text options I can make it bigger hopefully more readable now I may want to change the color as well to also make it more readable so I can click here to change the font to be a color that will actually show up in addition to text notice that there are some multimedia options like images I can click and image down there and then click to upload an image I can upload it from my computer just by dragging and dropping the photo or I could also just click here to do the same thing to upload a photo from my computer but this is an option I love just next to my computer you can search the web for images so I'll do a search for one of the more successful 80's synthpop bands and that's Depeche Mode and it didn't find any professional photos of Depeche Mode but if I go to free photos then it does find some images that I can use ok so here's a good one I would like to select that and it's gonna try to pull that image in and onto my home page if you'd like to pull in a whole series of images look you can include a gallery just click and drag the gallery in there upload multiple images and all of those images will be included in the form of a gallery so that's a really nice option I'm gonna delete that though and I want you to know that you can also do the same kind of thing but with slideshows you can pick a style of slideshow click continue and then upload a series of photos so Weebly has some really good media options for you you can also easily put a map into your web page by default it's showing San Francisco but if I click on the map look I can put in another location and it will update and change the map there's all sorts of other options as well with the maps there's a great option here if you want to get a newsletter together you can just edit this to create a newsletter form that people fill out when they visit your website there's also a contact form so they can email you or message you through the website you can add buttons to the page so you can just click there on the button highlight the text and type in the text that you actually want to be on the button so read about synth-pop great and then I can link that button to any of these things to an email address a file which is a great option so they can download a video or a file of some kind a PDF maybe but also a website so I'm going to click website and I'll put in the address of webpage that I want the button to take the viewer to and it's gonna open in a new window alright so that should be set up and ready to work now you'll notice that so far I've just been adding things to the page vertically right I've added text and then I added a picture and then I added a map and a button and that's fine you can make your website very vertical but wouldn't it be nice if you could divide up the page a little bit and have one element on the left and another element on the right I think that would be a great thing but I don't see a way to do that here at the left with these elements that are in my account here but notice at the very bottom it says installed apps add apps to make your site more powerful so I'd like to click that add app button and I'll do a search for tables I want to be able to add a table and it brings up a few options I'm gonna try this one simple table it's free I just click click add simple table will be added to synth-pop heaven that sounds good so I'll connect click done and now I have an installed app here in the lower left let's see if it works if I click and drag that app it should let me now create tables and it does and when I click on the table it lets me change the number of columns maybe I just want two columns and the number of rows if I would like to change that as well and as you can see there are other options as well so i'm gonna click away from that and i can adjust this table the way i want it to be just clicking away when i make a change i can also type so here in the upper left corner of the table i could type in something like banned and then off to the right i could type something else like most recent album now you can't see that very well because of the color of the text along with the background so I can just click to change the color and that should make it more readable for you so give me a minute to add a few bands and then I will resume the video okay great now of course I could put pictures in here as well or links there's all sorts of options that I could add to this page now in addition to using tables by adding an app notice that you do have the option to create sections so two sex different parts of your page and then you can drag anything into that section and it will separate it off a little bit from the rest of the webpage you can also put in spacers just like we have at the top of this website that's a spacer you can add another spacer here now there are some great other options as well but some of these are limited to the paid accounts only so HD video audio but you can add things like some documents you can add some flash files in or other types of files let's say I have a PDF or a handout in Word format or something like that you can just drag file onto the screen then click in that element upload a file from your computer and that file will be downloadable by the students or the audience that you have I'm gonna delete that out notice that you can also add YouTube videos and so I could put a YouTube video for each of these bands that I'm trying to highlight however for you I expect you to include my video tutorials in your webpage right you need to add some class to your website and that's probably the best way you could do that okay so there's the YouTube video spacer that I've added if you want to customize it you just click on it and then copy paste the YouTube video url the address you might need to open a new tab go to YouTube find the video copy paste and there are some options here you can choose and then it adds the YouTube video to your page moving down the list of elements notice that you can add some ecommerce items you can put in some block quotes an RSVP form a survey and even some other options that are kind of exciting that you can look for but any of these elements that have the lightning bolt those are not available in the account that you have so I can't use those unless I upgrade but you know what that's ok look at all this that I can do and if I were to continue to develop this website I think it would be a really cool and worthwhile website there's one feature that I skipped on purpose and I wanted to save it for last and that is embed code and this is such an exciting option if you click and drag and drop the embed code element onto the page it gives you this section here that says click to set custom H GML you can click on that and then edit the custom HTML now what is this talking about basically an embed code or custom HTML is a code that you get from something that's out there on the internet you copy that embed code you paste it into this box and it will pull that item that you got the embed code for and pull it into your Weebly website and web page and it sounds like a copyright violation but it's not you're just embedding the existing item into your own website so for the sake of example I'm just gonna go to quizlet.com but this is just one example of many that's out there and if you're not familiar with Quizlet basically it's a flashcard website and you could do flashcards for whatever let's see if there's a new wave flashcard set and here's one that I think has pretty close to the right idea and so I'd like to click on that and this looks like a pretty good flashcard set featuring some of the better synth-pop or new wave bands from the 80s so I would like to pull this into my website to do that I'm just gonna look around for an HTML code or an embed code they're really one in the same and here's where you'll find it in Quizlet just going here there's the word embed I click on it there's the embed code I can highlight that embed code copy it go back to Weebly and paste it in to the Edit custom HTML area just paste in that embed code then I can click away from the box that's the key to make it actually activate and there now is this flashcard set and it's added to my Weebly web page ok great so that's really all there is to building web pages in Weebly but keep in mind that was just the home page so now I would need to go also to the next page my work in this case and edit that page about and edit that page and contact and edit that page now what if you don't want all four of those or what if you want to change the names for them notice what you can do up here at the top of the screen I've been working off of this build tab but if I click on pages then it lists all the pages that I have available well I would like to get rid of contact so I'm gonna click on it choose delete and it's gone next where it says my work I'm gonna click and change it to be music videos I click away and it makes that change activate so now it says home music videos and about so that's an important tab next we have theme this is obviously for if you want to change the theme that you chose at the beginning if you're gonna use e-commerce you can go to the store all X out of that you can also add apps I've already added one by going to the lower left corner on this build screen that's where I added the app there are some settings and this is definitely worth looking through because there's some nice options here including the ability to add editors so that more than one editor can help you work on the website and there's also the Help button I want to jump back to the build tab though to point out to you that this webpage even though I've been building it and it looks really good look the video doesn't quite work exactly the way I would want I get this pop-up also if I click on the read about synth-pop button it doesn't work it doesn't take me to the Wikipedia article about synth-pop and my flashcard set also doesn't seem to be working properly the reason why is because I am in editing mode I'm editing my website I'm editing my homepage so to actually experience the real website that I'm building here you have to go here to the upper right and click on publish this is another opportunity for Weebly to get me to pay for a domain I'm gonna stick with the free version here a subdomain of Weebly and I'll go up and click continue it's publishing my website and now this website is published and ready for people to visit I can check it out by clicking this link and this is now a real website that anyone can go to and enjoy and you'll notice that the read about synth-pop button works the video doesn't work it actually disappeared because it was just a placeholder I need to put a real video there the map is interactive and let's see if my flash card set works it looks like it does and I can change the different mo of Quizlet if you're not familiar with Quizlet you might want to watch my youtube video on Quizlet it's kind of fun and it's a nice tool especially for students and for teachers so that's really all you need to know about weebly.com this is the address of my webpage now and I just advertise that I get it out there I share it with people and they'll be able to go to my website now let's say a week from now a month from now I want to edit my website I do need to show you what that will be like so I'm gonna X out of this editor and it's gonna take me back a step and you'll notice it lists my website and underneath that it gives me some stats right now I don't have any stats it also gives me some forum entries remember I could have added a forum to my website if anyone uses that forum I will see their entries here and there's some other options that I see on the screen so from now on if I log into my account I should be able to go to sites and I'll see synth-pop heaven listed there and any other website that I create and then I can click Edit site to get back into the editor that you're already familiar with there's also a button here that you can click to delete the site if you're done with it and you can click this plus sign to create a second website for free at one time Weebly had a limit to the number of websites that you could create with the free account it was basically like two or three websites but I understand that they lifted that limit or increased it and I believe that that limit now is 10 you can have 10 websites in a free account which is really a good amount for the free account so thanks for watching this video I hope you found the tutorial to be useful if you did please click the like button below and consider connecting with me on my social media web sites like Facebook Pinterest and Twitter and definitely do subscribe to my YouTube channel for more videos about technology for teachers and students and watch for another video from me at least every Monday and if you'd like to learn more about these recent releases bye 80s new wave and synth pop bands look in the description below also down there you'll see links to my patreon account if you're enjoying my You Tube channel I would invite you to support the channel through my patreon account and there are some nice little perks that you can get for your support

Channel: Technology for Teachers and Students

Views: 242,092

Keywords: weebly tutorial, how to use weebly, #weebly, using weebly, weebly for dummies, weebly for beginners, weebly.com, weebly websites, making a weebly site, creating a weebly website, build your own website, build your own web site, build your own webpage, make your own website, make your own webpage, creating a website, easy website bulder, easy website creator, easy website builder, free website builder

Id: v81nRa_W9Fk

Length: 20min 0sec (1200 seconds)

Published: Mon Apr 30 2018