This guide is your training plan. As your trusty web host and coach, we’re here to keep you on track as you build, grow, secure, and promote your new site. We’ve broken this website workout plan into goals and tasks to complete each quarter throughout 2018, but feel free to work at your own pace. You do the sweating, and we’ll be right beside you with water cups and cheese-tastic motivational signs.
Hi Mike, Interactive map building is something I have very little experience with - I haven't ventured much beyond embedding google maps in iframes such as yourself. I would suggest browsing the app market and 3rd party plugins available on builders like Wix and Weebly, who both offer a huge amount of additional features. It would surprise me if there wasn't a plugin that could help get you on your way. Similarly, you can also find membership area functionality through these app markets. I believe Wix also offers the ability to add member areas and logins though its editor too. Hope that points you in the right direction, - Tom
Even if you outsource some parts of your business, you still have to keep a watchful eye on the business structure. Just because it’s online doesn’t mean that it’s run any different than a traditional business. In short, be prepared to spend a lot of time improving and adjusting your site. I would personally make a list of everything you should do and start checking off this list as they are completed.
Hey Jeremy, Awesome article. I especially like the flow and the logical approach that you took to educate people. This is the article I point clients to, to get them up to speed before starting projects. I think it's important for them to know how their products work. While they aren't making their own sites, it definitely still fits the bill. Also, I'm curious as to what you think about WooCommerce these days. I didn't seem them on the list in the other article you wrote "Best Ecommerce Software". Anyways, I've been sending my clients here for a while now and just want to give you a shout out at a job well done! If you are able to send me an email, I do have a question I'd like to ask if you have the time.
Hello Amanda, I'd suggest you take a look at Squarespace. With Squarespace, you can create blogs, sell services, upload images / videos, sell digital products (ebooks). They also allow you to export most of your content into WordPress (a very powerful and popular website builder) later if you want that option. The benefit of using Squarespace now is that you can build a website without knowing how to edit codes. You can literally have your site up in quite a short period of time. With WordPress, it's much more advanced and technical so it's not as user-friendly compared to Squarespace. You can see our comparison between them here. So Squarespace is much easier to get setup and will give you what you need. Once you're established and want a much more advanced platform down the road, WordPress is worth considering. Jeremy
After you have chosen the winning design, you will need to find someone to code the design for your website. 99designs has coding partners that will be able to do this for you and who have experience working with templates from 99designs. Typically the cost to code 1 responsive page (a page that also works on mobile) is $300, and each inner page (all pages other than the homepage) costs around $150.
Excellent article! After surfing the Internet and reading many websites on how to create a website, I can honestly say that it is the most complete and easy to understand, for a complete beginner! Your step by step guide is comprehensive and very informative and has given me the confidence to move forward and try to set up my own commercial website ... A big thank you!
Hi Ben, Thanks so much for the great feedback, so glad you enjoyed reading the article! Please do share it on if you think your friends will find it useful too. It's true Wix isn't for everybody, but it did do extremely well in our research (which is why it's our best all-round website builder)! WordPress is another great option and I'm glad you're happy with them - Bluehost is certainly a great choice of provider for your WordPress site! If you were looking at changing or setting up another site why not check out our comparison chart or our article on the best Wix alternatives? I've included the links in case you find them interesting. Thanks for reading, Lucy
Most of the products here can tell you about site traffic, though the amount of detail varies greatly among them, and it's often tied to premium account levels. For example, Weebly can not only show you page views and unique visitors for each day of the month, but also search terms used to get to the site, referring sites, and top-visited pages. Wix and uKit, at the other end, have nothing in the way of built-in site stats, instead requiring you to create your own Google Analytics account, and even that requires a paid account. Another drawback of that approach is that you can only see traffic from the preceding day and earlier; it's not up-to-the-minute, or even the hour.
For most users, free themes are the best place to start. When you install a new theme, it doesn’t change the content on your site, only the layout. This means you can download and install a number of different themes to see which theme suits you best. If you feel like you need something more advanced than a free theme, you can always install a paid theme at a later date.
Hey Xylvia, The website builders that we suggested above aren't built specifically to stream videos for a price (sort of like Netflix). However, that's not to say it's not possible with a few simple workarounds. What you can do is set up a membership access only area (Wix and Weebly has this feature). You'll have to manually insert a payment button of some sort (such as using PayPal). Once your customer pays you, you can then email them links to pages that are "locked" behind the membership gateway, so they can access the videos. It's a bit manual and not as smooth as multi-billion dollar companies like Netflix, but it will work in concept. Alternatively, take a look at Sentry Login, which is a membership widget that works with Wix, Squarespace and Weebly. With Sentry, I think you can unlock a membership area once your customer pays. So it connects the payment system with the membership access system for you, which streamlines the process so you don't have to manually grant access to pages. Another thing you should consider is how big are the videos you want to upload. While you can upload pretty large movie / video files into the website builders, there are certain reasonable limits. For instance, if you're going to have 1,000 people viewing your HD movie that's 3 GB large all at the same time, that might be problematic. A workaround might be to get your own hosting solution for such large videos, then embed the videos into your membership only pages. It goes without saying that make sure you have distribution rights for the movies! But I'm not a lawyer, so best to consult proper advice in that regards! Jeremy
Hello, I used BigCommerce to build the website, tenbrookeleanne.com, for my girlfriend's brick and mortar boutique. I do not know any code and before making this website, I knew nothing about ecommerce. The customer service for BigCommerce is awesome! Even though they are a WYSIWYG drag and drop site builder, they helped me customize my website by editing the code for me. They changed the background for my chosen (free) template and added an instagram social button even though it wasn't in the template. When making the website I had a ton of questions and they were always happy to help, now I very rarely have to call support. The BigCommerce University and question forums are very resourceful at well. I would highly recommend BigCommerce to anyone who is looking to make an ecommerce site. My only complaint about BigCommerce is that they do not have a native solution to integrate with the brick and mortar store POS to keep the inventory up to date (though they say they are/have been working on it). I have to use an expensive and less than satisfactory third party software for the two platforms to communicate with each other.
Most of the products here can tell you about site traffic, though the amount of detail varies greatly among them, and it's often tied to premium account levels. For example, Weebly can not only show you page views and unique visitors for each day of the month, but also search terms used to get to the site, referring sites, and top-visited pages. Wix and uKit, at the other end, have nothing in the way of built-in site stats, instead requiring you to create your own Google Analytics account, and even that requires a paid account. Another drawback of that approach is that you can only see traffic from the preceding day and earlier; it's not up-to-the-minute, or even the hour.
Besides doing tutorials you should also get a book which gives a complete overview of HTML. Why was HTML created? Why is it important? When should it be used? A book will answer these general questions and it will also give a complete overview of what HTML can do. You do not need to understand everything, you just need to be aware of what HTML can do for you. A couple months down the road you will need an ordered list for your website, and although you won’t remember the details, you will remember that you read about it in a book.

Several of the services included here offer free options, too. If you choose that path, however, your site will include branding from the provider, which will necessarily make your site less impressive to savvy surfers—and shoppers. Free offerings vary greatly in the amount of storage and bandwidth they allow, so read the small print to find out how much you get with each provider. Weebly, Wix, and WordPress.com are among the most generous with their free offerings, if that's the way you want to go.
Absolutely awesome! I recommend this course to anyone who feels like learning to code is too hard to start off with, because it really isn't. I thought it was too hard, but Ryan makes it look really easy with his step for step increase in difficulty. I built my own website within a week after starting this course, and it looks really great. Keep it up, Ryan! -- Robert de Kok
Hey Vivy, I haven't used any of those hosting services before so I can't quite comment. I've used Bluehost and WP Engine. WP Engine is more expensive, but they're good. They're a hosting service that is dedicated to WordPress users, so their support people are quite knowledgeable about WP in general. I've had excellent experiences with them. Jeremy
Great article! Having trawled the internet and read quite a few websites on how to build a website, I can honestly say this is the most comprehensive and easy to understand - to a complete novice! Your step-by-step guide is thorough and very informative and has given me the confidence to go ahead and try to set up my own business website ... A big THANK YOU!
Schools are starting to realize that a code curriculum should be real-world focused. That means students come away with both conceptual, and practical coding skills. Unfortunately, many courses/solutions offered today only offer conceptual learning. … There are no jobs in block based coding, or in using code snippets to move a character around a screen. …
Even if you outsource some parts of your business, you still have to keep a watchful eye on the business structure. Just because it’s online doesn’t mean that it’s run any different than a traditional business. In short, be prepared to spend a lot of time improving and adjusting your site. I would personally make a list of everything you should do and start checking off this list as they are completed.

List of Required Features: Think about what your site needs to do in order to achieve its purpose. For example, if the site needs to display your portfolio, then it must have a good quality photo gallery; if you want to collect leads, you need to have a form and a “thank you” page; selling products? You will need a shopping cart and secured checkout page and so on… You will most likely list a number of required features for your site.


Once you have an overview of your website plan/sitemap, you can drill down to the specifics of the content you need to create for a website launch. It will be important to create evergreen content (content that will not be changing much and will appear on the static pages) and also important to have fresh content appearing on your website on a regular basis.
When you sign up you get immediate access to your own virtual classroom where you can take lessons at your own pace, ask us questions, and chat live with other students. Along the way you will learn all you need to know about HTML, CSS, SEO, hosting your site, building beautiful sites fast, Bootstrap, adding social sharing, and other bonus goodies to test your business ideas. You’ll be an HTML and CSS ninja.
A good SEO strategy will organically move you to the top of the search results. With Pay-Per-Click (PPC) ads, you’ll take matters more into your own hands by paying to land atop the searches. The best part? You only have to pay for premium placement if someone clicks on your link. You choose the keywords you want to bring up your ad, and you can set and limit your own budget.
One of the things that sets WordPress apart from its competitors is the large range of plugins available for download. There are currently over 40,000 plugins in the WordPress Plugin Directory than can be installed in just a few seconds. In most cases, all you have to do is find a plugin you’d like to install, click “Install Now”, then click “Activate”.
Professional Images and Videos: One of the simplest ways to enhance your content is by including rich, relevant images or videos on your website. Depending on your business type, you may already have a large portfolio of beautiful images you wish to display on your site. Alternatively, you can find high quality stock images and videos online. With a wide range of websites that allow you to access and download millions of images for a small fee (typically $1-$10) , the options are endless!

This guide is your training plan. As your trusty web host and coach, we’re here to keep you on track as you build, grow, secure, and promote your new site. We’ve broken this website workout plan into goals and tasks to complete each quarter throughout 2018, but feel free to work at your own pace. You do the sweating, and we’ll be right beside you with water cups and cheese-tastic motivational signs.


JavaScript : JavaScript lets you add a ton more functionality to your websites. You can even create a lot of basic web applications using HTML, CSS, and JS. On the most basic level, JS lets you add a lot of interactive elements to your websites. You will be able to make your website more user interactive. Further, you need to know about JavaScript frameworks. JS frameworks give a ready-made structure to your JavaScript code. JS frameworks include AngularJS, BackboneJS, EmberJS and ReactJS.
GoCentral Website Builder can act as your hub, the place where your friends and contacts can see your posts, photos, videos and more. With the option to link to your Facebook, Twitter, Instagram, Pinterest, LinkedIn, YouTube and Google+ on your website, your visitors can be everywhere you are on the web. Being able to cover multiple platforms gives you the opportunity to reach more people, while creating appropriate content for each of your socials (like posting all of your photos on Instagram, and tweeting about your most recent business venture on Twitter). By centrally locating all the links in one place – your new website – you are giving your website visitors a seamless experience. Linking to your social media in your website gives you an advantage in communicating with your visitors; the more they can connect with you and do so in the forum that’s most comfortable to them, the more they’ll engage with your site, and thus you or your business.
Hey Grant, Glad you're finding our discussions helpful! GoDaddy is a pretty good website builder and we've discussed it in more details here. In general, while using website builders with hosts does give you access to a broader range of services, at times, their support teams may not be the best in terms of answering very specific website builder related questions. For instance, Weebly offers really good website building services, and you can reach them by going to Weebly.com. You can also use Weebly through hosts such as Bluehost. Both will work and enable you to build your website, but when it comes to support, if you are using Weebly through Weebly.com directly, you get Weebly's direct customer / technical support team. If you reach out for help through Bluehost, you get Bluehost's support team. We have a much deeper discussion about this specific scenario here. While some of the website builders don't provide you with email accounts, you can also easily sign up for Google Business App's email services for a few dollars a month. This way, you can take advantage of having your own custom domain email addresses, a familiar Gmail interface, and also that your email is stored on Google's servers which is probably a lot safer / reliable / accessible. - Jeremy
There’s a huge library of goodies for you to use at Envato Elements, which range from ready to use stock images for your blog posts (250,000+ fully licensed stock photos), web templates, fonts, backgrounds and much much more.  Elements like these can save you so much time and are all ready for you to use for a single monthly subscription by signing up to Envato Elements.
Hi A S, Picking and purchasing a domain name and start building your website go hand in hand. What usually happens is that you test out a few different website builders to see which one you enjoy working with and has the tools that you are looking for. During that time, you can also start your search for your domain name. This is usually your business' name or brand name. We have a domain name guide here. Once you settle with a website builder and decide to upgrade to a paid plan, you can then connect your domain name to the website. Each website builder will have tutorials on how to do that. Hope this helps! Jeremy
Investigate e-commerce solutions — How are you planning to sell and accept payment on your website? You’ll need to get that squared away before promoting your website. If you’re using WordPress, we recommend Woocommerce (so much so, that we’ve even got hosting just for Woocommerce users). Study up on the world of e-commerce and pick an online payment gateway.

Hello Mart, I don't think WYSIWIG website builders have any built in searchable databases - at least not the ones I've used before anyway. I "think" I've seen an external widget that you can use and plug it into a website. Have you tried searching for one? If there isn't any, I'd imagine you'd have to have one custom built to work the way you want it to. One "hack" you might want to consider is to use the website builder's search bar tool. So you would insert all your data into your website as pages, and let people use the sitewide search bar to find what they're looking for. It's not an elegant solution, but worth considering or testing. Jeremy


I am currently looking at setting up a blog for the area I specialise in. I am aware of wordpress.org but have been a bit daunted by the number of webhosts out there offering this and that. One particular issue is that I use macs and I was wondering whether bluehost is compatible with the mac, and whether there are any other extra steps I have to take when using a mac over windows. Would it be as simple as registering with a webhost then clicking one-step installation on a mac?
I went to Berkeley during the first dot com bubble. Most of my friends who were graduates of the computer science department got their degrees without ever learning how to build a web site. Of course the tools weren’t nearly as sophisticated as they are today. But it’s amusing that people who graduated from one of the best computer science departments in the world couldn’t build a basic web site.
Of course, another great way to learn web development is to simply look at code. If you’re using Google Chrome, you can hit CTRL+U (or if you’re on a Mac, just go to View -> Developer -> Source) to see the HTML for the page you’re on. You can also use the Web Developer extension to dig in even deeper. This method won’t work for viewing server-side code like PHP, but it’s great for digging into HTML, CSS, and Javascript.

All of the site builders here let you put Facebook Like and Twitter Follow buttons on your pages, and some even let you display feeds from the social networks. Some give you help building a Facebook Page and tying it into your site design and updates. Many products offer some sort of SEO tools, but too often this is just a form on which you can enter meta tags. You're mostly left to wrestle with that black magic known as SEO for yourself. It's very important to submit and verify your site to the search engines, unless you don't want anyone to find it!
let’s use the example of a customer trying to purchase a plane ticket using a website. Everything that the customer sees on the webpage is the front-end, as we have explained programming languages name before, but once that customer enters all of his or her information, such as their name, billing address, destination, etc, the web application stores the information in a database that was created previously on the server in which the website is calling for information.
One factor that may influence your choice is the decision on whether to use SSL for your website. A site that uses SSL will have a web address starting with "https://" instead of "http://". In ancient times, webmasters typically only bothered to use it if they were selling goods and services and needed to collect credit card numbers, or if they had some sort of facility that required their visitors to log in with a password.

List of Required Features: Think about what your site needs to do in order to achieve its purpose. For example, if the site needs to display your portfolio, then it must have a good quality photo gallery; if you want to collect leads, you need to have a form and a “thank you” page; selling products? You will need a shopping cart and secured checkout page and so on… You will most likely list a number of required features for your site.

Whether you’re providing a product, service, portfolio for your work or launching an ecommerce storefront, your website not only should reflect you and/or your brand, it also needs to be the central location for your business. There’s simply no other way around it. All of your marketing efforts lead back to your website. Which is why it’s of the utmost importance to set up your website correctly.
Back-end Development : It refers to the server side of development where you are primarily focused with how the site works. Back-end development usually consists of three parts : a server, an application, and a database. Languages such as Java, PHP, Ruby on Rails, Python, .Net etc are mostly used in back-end development. These languages are used to create dynamic sites in which there is a communication between database and content on the website. Unlike static websites, content on a dynamic website will be changing and updating constantly. MySQL and MongoDB are commonly used database.

Content and discussion threads in forums are not organized in an easy to digest way like in paid courses. If you are good at piecing together scattered information, this may not be a problem for you. But for the vast majority of people, this can slow down your learning process since you’ll need to dig through a mountain of information to find the one that is useful to you.
After you have chosen the winning design, you will need to find someone to code the design for your website. 99designs has coding partners that will be able to do this for you and who have experience working with templates from 99designs. Typically the cost to code 1 responsive page (a page that also works on mobile) is $300, and each inner page (all pages other than the homepage) costs around $150.
Do it Yourself: There are a number of logo design software out there that will allow you to create your own logo. We recommend Tailor Brands if you want an easy way to create an appealing logo. Once you create your logo, you can subscribe and gain access to branding tools, including seasonal logos, branded social media posts, branding landing pages, and more. You can try it out for free, and if you find a design you like, you can download it for as little as $2.99. Click here to start designing your logo.
With all that being said, I want to share some things you can do to improve your website’s SEO. To keep things simple, we’ll take an 80/20 approach here – as in 80% of the results come from 20% of the efforts. Yes, there are lots of tiny little tweaks you can make to marginally improve SEO – and if you’re curious about them, you might want to check out this set of tutorials.
For years Adobe Dreamweaver has been synonymous with web page creation. It's gone from being a creator of HTML pages in a WYSIWYG interface to being able to handle programming pages in Cold Fusion, JavaScript, PHP, and other formats. Its liquid layout lets you see how pages look at different browser and screen sizes—even on smartphones and tablets. It's about as code-heavy as you want it to be.
Another great video-based learning library is Treehouse. Their library isn’t as extensive as Lynda’s, but they still have a lot to offer – especially in the area of web development. I actually prefer Treehouse over Lynda, as they include code challenges and quizzes with their video-based projects. In fact, I learned to build an iPhone app in just two days by using Treehouse. Unfortunately, I have yet to see any schools offering free subscriptions to their students – but that doesn’t stop your from asking!
Hi Latisha, Shopify is great for those who are not super technical as they are much easier to use compared to other e-commerce platforms. This is not to say that you can make unlimited number of customizations to the themes without ever touching codes, as some levels of modifications does require touching some codes. But if you just choose a theme, and work within the capability of the theme with Shopify's tools, then you can get a really good store up and running fairly quickly. But if there is a certain look / feel / feature that you want to achieve that is outside the design of the theme, then you may have to code it yourself, or hire a Shopify expert to do so. Hope this gives you a bit more guidance! - Jeremy

If you're ready to get going, this guide will introduce you to the services and software that can get you started building your own website, even if you have no experience. Keep in mind, none of these tools will give you an idea for a winning website—that's on you. They also won't make you a web designer, a job that's distinct from building a site. Still, these services and software will ease some of the headaches that come from a lack of extensive expertise in CSS, FTP, HTML, and PHP.


If you're ready to get going, this guide will introduce you to the services and software that can get you started building your own website, even if you have no experience. Keep in mind, none of these tools will give you an idea for a winning website—that's on you. They also won't make you a web designer, a job that's distinct from building a site. Still, these services and software will ease some of the headaches that come from a lack of extensive expertise in CSS, FTP, HTML, and PHP.


Hi Jeremy, This is the most informative article on web design that I have come across. And I have read quite a number! I had a question though. I don't know anything about html/css or any code for web design, and I need to include a searchable database in a website I'm to create. Any ideas/tips on doing this on a WYSIWYG website builder? Thank you very much
Some web designers / developers like to install WordPress manually to get a custom install of the components they want and don’t want. Others will need to manually install because their web host does not have the “1-click-installation” capability. If this applies to you then you’ll need to have a quick read through of my Manual WordPress Set-Up Guide.
1) A website isn’t static; it’s dynamic. It’s ever-changing. The moment you accomplish something, you can add it to your website. When you complete a project, you can put it in your portfolio for all to see. You don’t need to print new copies of it and send it out to your contacts over and over; you just update it. People can continually come back and see what you’re up to.
For more than a decade, Jeffrey L. Wilson has penned gadget- and video game-related nerd-copy for a variety of publications, including 1UP, 2D-X, The Cask, Laptop, LifeStyler, Parenting, Sync, Wise Bread, and WWE. He now brings his knowledge and skillset to PCMag as Senior Analyst. When he isn't staring at a monitor (or two) and churning out web... See Full Bio

One factor that may influence your choice is the decision on whether to use SSL for your website. A site that uses SSL will have a web address starting with "https://" instead of "http://". In ancient times, webmasters typically only bothered to use it if they were selling goods and services and needed to collect credit card numbers, or if they had some sort of facility that required their visitors to log in with a password.
Above all, make sure your domain’s spelling is very easy to get correct for someone just sounding it out. This way, you’ll be able to mention your domain easily in casual conversation, and the person you’re talking to will be able to find it without worrying about the spelling. This tip really applies to everything – for instance, it’s a lot easier to tell people my Twitter handle, @TomFrankly, than it is to tell them the username I used to use for everything in middle school, electrick_eye. The goal is to make it easy for people to find you.
Hi Ben, Thanks so much for the great feedback, so glad you enjoyed reading the article! Please do share it on if you think your friends will find it useful too. It's true Wix isn't for everybody, but it did do extremely well in our research (which is why it's our best all-round website builder)! WordPress is another great option and I'm glad you're happy with them - Bluehost is certainly a great choice of provider for your WordPress site! If you were looking at changing or setting up another site why not check out our comparison chart or our article on the best Wix alternatives? I've included the links in case you find them interesting. Thanks for reading, Lucy
×