How to Make A Website for Beginners | TECH TALK

How to Make A Website for Beginners | TECH TALK

April 27, 2019 25 By Bernardo Ryan



what's a beautiful people in a jungle mission was all up in your building with another pep talk and in this video I'm going to break it down for you on how to create and make your own website for beginners I am working with which this video is a paid collaboration and I'm going to show you how to create your own website I created two websites using the service so I'm going to show you how I did my company this is my comfort visit my office I'll show you how is it the office website using way so let's just dive in to the backend of Wix now shall we hmm welcome to my desktop I cleaned my room before you guys came over it was such a hot mess when I say room I'm referring to my computer now just to show you this is a sign that I did for my boyfriend using Wix oMG strengths @la he's a personal trainer and I found it challenging so I do highly recommend before starting your website that you know what you're creating so over here is a document of what I intend to write on the site so I have that document all prepped up with the words this is actually all the copy that I'm going to have on the site and then I also have a Pinterest board on inspiration and I love Pinterest I actually just do this mainly for internal use I have a bunch of secret boards and these are my images that inspire me whether it's color whether it's texture graphic design so I pin things that I like now this is visual inspiration now in terms of an actual website I also do a lot of digging so I will be showing you how I edit my production company's website now I looked up a bunch of other production companies and portal a had a good one and tiny horse had a good one I mean they were just kind of straightforward which I liked so this is tiny horse and these are production companies I've worked through it portal a now what I love about portal a production company is the video that loads right away so it tells the viewer you were on a production company's site and this is what we do this is a sample of what we've created and then what I like about tiny horse is it's a one-pager it just Scrolls so I'm going to combine these two as my point of reference and inspiration as well as my visual inspiration on colors here on Pinterest onto my website I do suggest you do that beforehand it will save you a lot of time and headache let's start here on the dashboard create a new site here we are looking at templates and depending on what kind of business or crafts are trying to promote there are so many categories photography I know I got a lot of photographers out there resumes oh my goodness resume really afters resume business CV this is amazing and you can also repurpose sites so this one I believe is the template that we used for the site so this is what it looked like first it has this banner here at the top co-working Yetta Yetta yeah so I don't have a co-working space but I do like the layout of this all you got to do is click on whatever it is that you want to change so for now let's click this background strip and I'm going to put a video there because I'm a video production company so let's go with this one change back and we can play it to see what that's really about and we can pause so I want to delete this and I'm going to delete that and I'm going to move this because I want to find out more about the company here these changes text first and here's where you can put the name of whatever it is you're trying to promote so I really like this font new no-clean yeah and she's so clean and you can stretch it out and I'm going to go ahead and type shameless and then I can move it and I also believe I want to change the text color to black which you can't see because of this and I want to change the header to white now I got my text here I got lost in the shuffle so I'm going to go ahead and change that custom design and the text and the color and I notice when it loaded it turned a burgundy color so I'm going to go over hover or clicked and make sure those colors are cool so those are some cool colors now I'm going to go ahead and also change this here so maybe I can add an image or I can change the color when it comes to editing it really is a bunch of fiddling it is such a fiddle fettle that makes me so calm right now and I can also change this and this little paintbrush is the design custom design and I change that color to black and I'm also going to change the font again you guys I actually encourage you to not do all of this mess find a template that fits your needs and it just plug and play but I'm going to show you how easy it is to custom to customize things and about us again I'm going to change the font and they have all these different options for font and here about us now I have my saying over here that I could just copy and paste BAM and I can just hit the zoom out ooh and I noticing here that I don't like wear that is position I'm going to pull it down here and look at that line it shows me that it's center of that which is also very helpful zoom out to see the bigger picture so we'll change this papi taste and I actually don't need this gallery so I deleted it instead I will add an image so here is where we add images I'm going to go to image my images and I'm going to add this pretty little thing right here so this is you know an example of our audience and then I can even add text which is what I'll do perfect here BAM and I'm going to go ahead and save this the tutorial it's not really but just so I don't get it confused with my own stuff and I actually I have another graphic element that I want to add I'm going to go to my images and I have BAM add to page perfect you get the gist of text images and I'm going to fast forward to background color so this video doesn't take three days I mean that's pretty good painting now I actually don't need these images so I'm going to delete actually let's go ahead and rename these things so instead of community that really should say audience instead of spaces let's call this service then we need these anchors so we can tell when we hit these where to go so it's going to go to the anchors so I want to add some graphics here to help make these boring texts come to life this is inspired by this site membership they have graphics here and it just helps so you're not overwhelmed with Word so I'm going to go ahead and add some images and to resize all you do is click on the anchor on the corner so once resize I will put them here and I'm going to zoom through this you get the idea what I really am doing is adjusting sizes using my eye to make sure everything is even doubt and I'm going to do the same thing for the brand section which is a section of the clients that my production company has worked with and it's the same principle using visual cues to communicate information back ok now this is the important stuff over here the contact form so I'm just going to go ahead and change this background strip now the other thing I will add is a shape look at these there's so many shapes my goodness now because I'm going to add this shape because I can't really make out the text so I'll move this right here and I'm gonna hit command X to cut it and command V to paste it so it ends up back on top a more room over here aha there we are let's change the opacity here now I like this but subscribe for updates and promotions I don't really have that service but I do need a contact form so people can email so we'll go under contact and we'll pick this box over here and we just drop it in it is really that simple you know I actually remove this changes I preferred to be white now you can also edit this contact form under setting now it's going to go let me change this to house of shameless so when you send an email that's we're going to go want to add a second account you can add two you can add the name email subject message that looks about good to me I would like to change the design of it here I go making a mess so I go to custom design I really don't like those borders the black border I wonder if I can alright zero problem solved let's zoom out let's see what we have here so we have the video here the about us here audience engagement services brands shablam now the only thing that we don't have is this about more read more the back story kind of like the info and I wanted it to link here so if I go here please delete this since ilysm so this this was the template it came with this so it's under spaces and I don't even have a spaces section I'm going to put this under about so we go to about that's about us as we go to community we need to rename this rename this because it's not community its audience and it's not spaces its services and we have contact and we have this book online I don't need this because I don't have a shared workspace so go ahead and delete that now under about that's where I want the info about the backstory so I don't really need all this text I don't need these graphics and under book now I'm going to actually change that to only be a previous page I don't like to go back go back in life and this backstory is basically me and these images here don't represent that so I'm going to change the page background that's kind of cute let's see if I have another image because sometimes things look good until you plug it in and that's when you can tell I mean that looked in keuner right am i right or am i right so previous page I have to link it to go back to the home page so which page that's where I wanted to go back to the home page hit done now if I click on pages home is here perfect now this isn't events this is backstory so let's rename that and call it back story done perfect so got our about read more just make sure this links over to Page back story done perfect and that's really besides that this is a one page site what I love about these sites is people don't have time to be reading everyone's on the go okay so now when you think everything is good to go there is the option on how to view the website on mobile devices so I'm going to hit edit mobile view now this is what it looks like under mobile view now things are a little jumbled that's not how I want it to look so I can go in and make those changes right off the bat that needed to be changed now this is the video and it says read more here but it really should be here it doesn't allow me to do shortcuts here okay so I'll just drag it over here just want to make sure that centered read more now audience this is the anchor point we've got to make it go there now this we don't really need all the graphics you know so let me just get rid of that and when you make edits here it doesn't affect it on the desktop view I guess what I just did was hide it so we can make the I wonder if I can crop this aha I can now here this is when it gets a little jumbled II wow this is all over the way see this thing clients that's not more client those clients is over here let's make all of these smaller maybe that will help us and here's the final mobile view clean to the point organized simple yet impactful next I'm going to make my way over to the site manager by clicking manage site over here for all the geeky information like SEO this is where you want to optimize your search engines with meta tags all of that stuff this is the geek stuff over here connect your domain that's when you can connect your calm connected domain you already own or you can buy one you can also buy a domain through Wix or another service I use GoDaddy but now that I know here that they have it I'm going to how much it is the other option I wanted to show you when it comes to editing your site is load we have options under the app market now I didn't have any plugins that I needed for my site and that's the cool thing about this there's so many plugins so you can sell tickets and you can add that option to your site you can add the app your Instagram feed you can go ahead and add that that's a really good feature blogging listed don't blog if you're not going to blog daily or weekly or something because I go to people's sites and they have blogs that haven't been updated for months and that's just the worst in terms of services let's head over to the plan you can get Wix for free the only thing that happens that sucks when the service is free is this it says create a Wix site on the top and on the bottom and it's really big on mobile view so if you really strapped for cash then get it for free however you can also I don't even know what this is skip over to the $10 option to remove Wix ads at the very least those things are hideous but if you're on a budget I totally get it you know save you that $10 a month this apparently is the most popular one the 14 I do have a $25 month plan this is not even a negotiable if you are earning money then spend some money 25 bucks a month that's like one t-shirt a month that's something that's going towards an investment to earn you more money I think websites are key they clutch and that is pretty much it lies that's pretty much it for this video I don't want this video to last three days which is how long it takes me to design a site so go ahead and have some fun now this is a huge and drastic change from this oh then you got our facelift are you even the same person anymore I encourage you guys to pick templates that are pretty much bang on to what you want I want to be extreme to show you how much you can tweak and customize your site if your entry level if you're new don't complicate your life like I just did but it does show you the flexibility of it because I mean how many of us have a happy hour do we need a martini glass and that's that sense when you're working on something that is expressing who you are and putting that into the world I do suggest that you take time with it and just kind of let it marinate and tweak it don't sit on it forever but definitely give it time if you want to see the final final finale of that make sure you guys head over to my website house of shameless com so you can see the website in action I would love to see how you guys create your websites make sure you tag me or at me on Twitter Facebook Instagram snapchat even I want you to show me what you guys create when you use this platform there's so many out there I've only used this one so let me know also in the comments what platform you guys use and what are some tips and tricks for web design okay make sure you guys subscribe to my channel turn the notifications on and that's me outlining the bells and the notifications like this video if you found this video helpful and I next time remember to do you be you stay true boo make sure you guys check out my shop here in the info box below and you can get yourself some inspiring posters pins hat and more inspiring products coming at you