How to Make A Website for Beginners | TECH TALK

How to Make A Website for Beginners | TECH TALK


♪ ♪ What’s up, beautiful people? It is your
homegirl, Ms. Shameless, all up in your building
with another Tech 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 Wix. This video is a
paid collaboration. And I’m going to show you
how to create your own website. I created two
websites using this service, so I’m going to show
you how I did my company — this is my office. I’m gonna show you how I did
the office website using Wix. So let’s just dive in to the
back end of Wix now, shall we? 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 site that I did for my
boyfriend using Wix. OMGStrength.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. 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. In terms of an actual website,
I also do a lot of digging. I will be showing you how I edit my
production company’s website. 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. This is Tiny Horse. And these are production
companies I’ve worked with. PORTAL A. What I love about
PORTAL A’s production company is the video that
loads right away. It tells the viewer, you are
on a production company site, and this is what we do. This is
a sample of what we’ve created. And 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 Wix site. 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 craft you’re
trying to promote, there are so many categories. Photography — I know I’ve got a lot of
photographers out there. Resumés. Oh my
goodness, resumé? Really? Actor’s resumé,
business CV. This is amazing. And you can also
repurpose sites. 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,”
yada, yada, yada. 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. For now, let’s click
this background strip. I’m gonna put a video there, because I’m a video
production company. So let’s go with this
one. Change background. And we can play it to see
what that’s really about. And we can pause. I want to delete this, and I’m gonna delete that. And I’m going to move this. Because I want to find out
more about the company here. Let me change this text first. And here’s where
you can put the name of whatever it is
you’re trying to promote. I really like
this font, LuLu Clean. Yeah, she’s so clean. And you can stretch it out. I’m gonna go ahead and
type, “House of Shameless.” And then I can move it. And I also believe I wanna
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’ve got my text here.
That got lost in the shuffle. So I’m gonna 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
to “Hover” or “Clicked” and make sure
those colors are cool. Those are some cool colors. Now I’m gonna go ahead
and also change this here. 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-fiddle. Ahh, that makes me
so calm right now. I can also change this. And this little paintbrush
is the design, custom design, and I’m going to
change that color to black. I’m also gonna 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’s just plug and play. But I’m gonna show you how
easy it is to customize things. “About Us.” Again, I’m
going to change the font. They have all these
different options for font. And here, “About Us.” I
have my thing over here that I can just copy and paste. Bam. And I can just
hit this “Zoom Out.” Ahhh. Ooh. And I’m noticing
here that I don’t like where that is positioned.
I’m gonna 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 the bigger picture. I’ll change this. Copy. Paste. I actually don’t need
this gallery, so I deleted it. Instead, I will add an image. Here’s where we add images. I’m gonna go to
image, “My Images,” and I’m going to add this
pretty little thang right here. This is an
example of our audience. Then I can even add
text, which is what I’ll do. Perfect. Here. Bam. I’m gonna go
ahead and save this. “Tutorial”! It’s
not really, but just so I don’t get it
confused with my own stuff. I actually have another graphic
element that I want to add, so I’m going to go to my images. I have — bam.
Add to page. Perfect. You get the gist
of text, images, and I’m gonna fast-forward
to background color so this video
doesn’t take three days. I mean, that’s pretty.
Who doesn’t like some pink? Now, I actually
don’t need these images, so I’m gonna delete — actually, let’s go ahead
and rename these things. Instead of “Community,” that
really should say “Audience.” Instead of “Spaces,”
let’s call this “Services.” We need these
anchors so we can tell, when we hit these, where to go. It’s gonna go to the anchors. 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. It just helps so you’re
not overwhelmed with a word. I’m gonna go ahead
and add some images. To resize, all you do is click
on the anchor on the corner. Once resized, I
will put them here. I’m gonna zoom through
this. You get the idea. What I really am doing is
adjusting sizes using my eye to make sure
everything is evened out, and I’m gonna do the same
thing for the brands section, which is a
section of the clients that my production
company has worked with. It’s the same
principle, using visual cues to communicate information fast. Okay, now this is the
important stuff over here. The contact form. I’m gonna go ahead and
change this background strip. The other thing I
will add is a shape. Look at these! There’s so
many shapes. My goodness. Now, I’m gonna 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. Need 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 what, I
actually am gonna move this. I’m gonna change this.
I’d prefer it to be white. Now, we can also edit this
contact form under Settings. Let me change this to
“House of Shameless.” So when you send an email,
that’s where it’s gonna go. Want to add a second
account so 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. I’m gonna go to custom design. I really don’t
like the black border. I wonder if I can — oh,
there. Zero. Problem solved. Let’s zoom out. Let’s see what we have here. 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 “Read
More,” the backstory. Kind of like the info.
And I wanted it to link here. So if I go here — let me
delete this, since it was — so this was the
template. It came with this. It’s under “Spaces,” and I don’t
even have a “Spaces” section. I’m gonna put
this under “About.” If we go to “About,”
that’s “About Us” — if we go to “Community,”
we need to rename this. It’s not
“Community.” It’s “Audience.” And it’s not
“Spaces,” it’s “Services.” Then we have “Contact,” and
we have this “Book Online.” I don’t need this, because I
don’t have a shared workspace. So I’m gonna 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 — or maybe “Previous Page.” I don’t like the “Go
Back.” Go back in life? And this
backstory’s basically me, and these images here
don’t represent that, so I’m gonna change
the page background. That’s kinda 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 looks even cuter. Right? Am I
right, or am I right? “Previous Page”
— I have to link it to go back to the
homepage. So which page? That’s where I want it to
go, back to the homepage. So 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 “Backstory.” Done. Perfect. We got our
“About” — “Read More.” Let’s make sure this
links over to page — “Backstory.” Done. Perfect. 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’s the option on
how to view the website on mobile devices. So I’m gonna hit
“Edit Mobile View.” 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. 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. I’ll just drag it over here. I just want to make sure
that’s 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. I wonder if I can
crop this. Aha! I can. Now here, this is when
it gets a little jumbly. Wow. This is all over the place. See this thing, “Clients”? That’s not where “Clients”
is. “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 gonna 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 wanna
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 .com. Connect a 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 wonder how much it is. The other option I wanted
to show you when it comes to editing your site
is [laughing] — 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. You can sell tickets. 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. Listen — don’t blog if you’re not gonna 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 plans. 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’re 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.
[laughing] But if you’re on a
budget, I totally get it. Save you that $10 a month. This apparently is the
most popular one, the $14. I do have the $25/month plan.
This is not even negotiable. If you are earning
money, then spend some money. Twenty-five 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
do 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, man! She got a face lift. 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 went to the extreme to
show you how much you can tweak and customize your site. If you’re 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 how many of
us have a happy hour? Do we need a martini glass? And that’s that. 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, HouseofShameless.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
@ 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
bell for the notifications. Like this video if you
found this video helpful. And until next time,
remember to do you, be you, stay true, boo. Be shameless. Make sure you
guys check out my shop here in the info box below, and you can get yourself some
inspiring posters, pins, hats, and more inspiring
products coming at ya.

Daniel Ostrander

Related Posts

96 thoughts on “How to Make A Website for Beginners | TECH TALK

  1. MateoBro says:

    Bok

  2. titi abass says:

    great

  3. hoshiharuhime X says:

    I really wanna hear more geeky stuff about websites…

  4. Anna says:

    Anyone get an iJustine Wix advert?

  5. Brenda Hernandez says:

    Thx❤️😍💖🔥❄️so helpful😂❤️❤️❤️

  6. Fei knapp says:

    Soooo happy that I found this video! Exactly what needed before I created my own website! Thanks boo!

  7. cee tv says:

    https://jvz5.com/c/1071755/23233

  8. Thomas Behan says:

    Can you design and set up a web site for myself and my product lines please I do not have any time left over to do these tasks please I need help

  9. Marcus Garcia says:

    OMFG i hate how a channel that talks about tech uses drag and drop to make a website!? They should use html.

  10. Thomas Behan says:

    I am so lost and so busy I can't keep up I need help

  11. Adam Barger says:

    https://webstarts.com is the way to go. More features, easier to use, better support.

  12. WebStarts says:

    We easier to use https://webstarts.ai

  13. Jenny Smith says:

    If you are facing any related issues, get help from the trained technicians by dialling the toll free number 1-888-278-0751 for instant solutions.

  14. Sweet Mango says:

    hi, i was wondering if you can make a video giving tips on how to promote an upcoming business and a video on self progression. I feel like a lot of people never know where to start, i'm one of those people 🙂 I love your channel and i feel like you would be the best person to create a video on these topics

  15. Chastity Lewis says:

    thanks for the video im planning on building a site

  16. Kedus says:

    Thank you so much

  17. AJ Jenae says:

    I know you used a graphic designer for your website… but as a photographer, would you prefer Wix over Squarespace…. why or why not?

  18. Mayweather Money says:

    Thankz! you are the most beautiful african goddess on the planet

  19. Johnnyboy Gamer says:

    does this count with merch to

  20. Amanuel Getahun says:

    not so bad

  21. no j says:

    Is it free ???

  22. Creativeslimesbuisness Videos says:

    Does it cost money

  23. farleyvaughan says:

    This actually looks pretty easy!

  24. RegularKid says:

    If anyone need I can build professional looking infographics for any blogs, YouTube videos or websites. Just have a quick look see. http://www.konker.io/services/10436?affid=de82fa&promo_id=152

  25. Topan Ramadhan says:

    Wowo

  26. Shameless Maya says:

    To watch my updated website video for 2018 watch it here: http://bit.ly/mayawixsite

  27. Marche Sherlock says:

    LOVE THIS VIDEO !!! THANKSSSSS

  28. myth_speed says:

    will i get banned for making a nazi website?

  29. Bruh Tofu says:

    I have a question I just made a website but why is the tab say wix.com and not my website name

  30. Jenesis Jaquez says:

    You are so pretty

  31. Pocahontas Seguin Art says:

    Try google

  32. itslanilons channel says:

    your video was very helpful‼️‼️I enjoy watching you girl ❤️ keep up the good work!!

  33. jackson sanguya says:

    Wow.thanks for the info

  34. Er-Er TECH says:

    Check this https://hitcountbreakpoint.com/create-a-website/

  35. nay says:

    how do you make the website name

  36. nay says:

    how do you create your own url?

  37. Saquib Miah says:

    do it in 5 min https://tinyurl.com/yanfpeqq

  38. I Am Everything says:

    MAYA IS INDIAN NAME

  39. NourEldin Mohamed says:

    dope website

  40. Meekiel B. says:

    🎀Thank You Luv🎀 ur the Best

  41. Nurse Pineapple says:

    I love your videos, I have been working on my website for two months. 😡

  42. DJ AJ says:

    Is it free? Does it cost money or no?

  43. Pam Joel says:

    I was able to start my website Using X10hosting. The veterans at x10Hosting pride themselves on giving their free hosting customers a stable and high-performance environment with the latest versions of PHP, MySQL, and cPanel.

    Check it out here bit.ly/websitehostingfree20181

    Storage: 1 GB

    Domain: 2 add-on domains, 1 parked domain, and 2 subdomains

    eCommerce: 1-click installs for eCommerce platforms such as Magento

    Bandwidth: Unlimited

    Email: 3 free accounts

    Website Builder/Design: Website builder with more than 150 templates; other programs available via cPanel installations

    Unlimited storage and bandwidth is a major plus for x10Hosting, along with a support community of more than 750,000 members.

    Check it out here bit.ly/websitehostingfree20181

  44. H says:

    i made the whole bee movie script website.

  45. New Era says:

    How to create a music song . Com
    Please answer me back🙏🙏

  46. Nor Ain says:

    Is the website free wen we sign up for wix.com?

  47. AtraJada Atkins J. says:

    Enjoy Video! New channel need more viewers and supporters!

  48. Dyana Roldan says:

    this was awesome ! thank you !

  49. Maria Elhoca says:

    ..

  50. PinkStarTMAP says:

    this can also be a website for your own YouTube channel to spread for people can see your YouTube channel

  51. Sinem ÇIKRAK says:

    Hi. Thanks this video. I have some questions…
    When create a web site on wix, how can buy a domain for it and. com address. And can we add our website in there?

  52. Review Diva says:

    I always wanted to get into web design and this was very helpful

  53. Best Printers says:

    Create your website today, sign up here: https://bit.ly/2TdKpgl

  54. Pugs and Pusheen says:

    Time to make a pusheen and pug website of videos 😂😂

  55. darkknightpker says:

    Thank you for your tutorial, I started building the site but got stuck on few things. So I used this awesome marketplace where you can find unlimited experts. Got my website done for only 10$ pakst.fun

  56. ThatGuyFromTexas says:

    Thank you sister! This was very helpful!

  57. Bella & POSH says:

    This was no way beginner friendly. Very overwhelming

  58. Rupert Pupkin says:

    Hi.

    I would love to have you design a website for me please. How can I discuss my project with you ?

  59. Chris OSSIBI says:

    Right

  60. sam noah says:

    http://www.worldsite.ws/imsotop/invest😉

  61. Dakota Fillet says:

    It is awesome to see a small business showing how to use Wix as a tool! It is such a great tutorial and can be truly life changing for a small business of any sort.

  62. BROOKLYNCAMILLE says:

    Is wix free???

  63. Kristel Valli says:

    I will try it out

  64. Dara Brown says:

    If anyone wants a quick and easy way to build a website click here: https://funnelpathfinder.com/optin

  65. Natasha Waithera says:

    I have a question do i have to pay for anything coz i want to open my own website for art

  66. Yummy Fai says:

    Hey guys i found this video much more helpful https://youtu.be/mrzsp-xdjK8

  67. Карина Матвеева says:

    Супер☺

  68. Laila jamil says:

    Here you ll find a good blogs to creating your own website

    www.ecom-gurus.com

  69. elomari taher says:

    My company finally ditched our Wix site after 2 years, low performance. We boosted our businesses leads by over 800%! by using this new software LeadMachine.xyz

  70. Dori Madrileni says:

    Don't fall and fail for these website builders. Are you a designer, marketing, and a expert in your own business? chances are you are not, so why try to fill that spot and get embaressed when you fail at it? what you need is a Lead Generating Machine that will dominate your local area. Check it out LeadMachine.xyz

  71. Aki jo says:

    Ditch your Wix! My business did not benefit from it, it takes more than just a website to boost your customers. We were able to get over 500% more leads by using this new software LeadMachine.xyz

  72. VirtualCOINS says:

    Do you know most business owners fail because they thought they were a pro marketer and decided to build a Wix site? lol. There is a new software that is foused on brining your business more leads, not just design!! check it out LeadMachine.xyz

  73. Doctor Purple says:

    Cringgggggge

  74. Donald Atkinson says:

    this was such a good detailed video!!! this really helped me a lot!!!

  75. A FJ Cooper says:

    Some more help to making a website here!

    https://warriorplus.com/o2/a/dc4vn/0

  76. Zc3 freestyle says:

    you re so smart wtf. The "before creating it" I wouldnt tought about it

  77. Doris Jones says:

    This Platform >> businesshub.pro has high potentiality. It has integrated all digital marketing tools in one place, i bet you gonna love it

  78. IT World says:

    Hello.
    Thanks Bro
    How to Make a Website in 2019 | Quick & Easy!
    https://www.youtube.com/watch?v=8LxA6YmpsNo

  79. Farha Dias says:

    I guess you should stop talking much and you just have to go straight to the point at the begining.

  80. Lunin S says:

    This isn't how to make a website, it's how to add text to a template, the website is already made, she makes 0% of it.

  81. Dana. Briana says:

    Great video

  82. SOWILL says:

    i looked into wix but i made mine with wordpress on my cell phone not sure if it's even loading fast enough but if anyone has the time i would appreciate some feedback sowill.net

  83. Extreme Titan2 says:

    I can make you a cheap website all you have to do is go to my website at: www.webdesignersa.wordpress.com

  84. Eulita Emfinger says:

    THANK you so much ☺️

  85. Aidan Armas says:

    Thanks

  86. DHaliMaster says:

    Oh I thought this video would be about building it from html and JavaScript

  87. Chris Y says:

    https://broylesonline.com/

  88. Minecraft productions - Redstone, gameplay & more! says:

    Do an HTML course

  89. Janet Youk says:

    whats a best free adobe photoshop i can download onto my HP Stream Laptop ?

  90. Roszy Peterz says:

    You're such a good teacher! I love you

  91. Obinna He says:

    Love your video on website design.. Never new it is an easy way to earn income as an affiliate marketer if you know how to build a site. I am happy i stopped by. Great video

  92. Team Montgomery says:

    Heyy, Will this work for an online clothing store?

  93. islem solitair says:

    Omg thank you for this!!

  94. JulieBirTV says:

    Hi, great stuff. Keep it up. If there are any eager and ambitious
    website builders who want to enhance their portfolio in building sites
    and network with the world, then do connect. teamjuliebir @ gmail . com
    Please subsribe. Follow Julie Bir on FB and @BirJulie Instagram

  95. TtOoUuMmYy 16 says:

    Enter my channel look beautiful

Leave a Reply

Your email address will not be published. Required fields are marked *