The first thing to do when building your website is to develop a plan. Before you move forward, think about what you want your website to do, and decide what success looks like for your website. When you look back at your results a few months after your website is complete, how will you know it was worth it? Make sure you are planning your site to match your goals.
Here’s the deal… there’s the difference between knowing how to build a site with HTML5 and CSS3 and knowing how to build one that really wows! Whether its for looks, increasing sales, growing email lists, making your blog look professional or even making a personal page to start getting yourself online, you need to know how to make a site that functions how you want it and that separates you from the average person building average sites online. This course will do that. It’s the difference between being able to create and being able to not only create but impress with some added finishing touches. Its that aha moment - that’s what we’re going for when someone comes to our site and we’re going to teach you how to develop that.
Hello Vivy, If you are a beginner and don't want to climb a steep curve to learn the technicalities of managing a hosting company, then consider taking a look at drag & drop website builders. These website builders manage all the hosting and technical aspects of operating a website for you. And, their platform allow you to drag and drop your content when making your pages so you don't have to know how to code. I'd suggest testing out Wix and Weebly to start. Both are code free and have free plans for you to test. They don't have a time limit on their free plans so don't worry about upgrading until you are satisfied with them. But if you really want to use a hosting company (for instance, you want to use WordPress.org), then someone like Bluehost is pretty good, in general. Thanks, Jeremy

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.


Thanks for the time you put into this. Has been very helpful along side the hours that I have already put in myself scouring and trialling sites. Any recommendations for sites where they assist in interactive map building such as the magicseaweed.com site. I can build a location map and embed it onto my site (that I am building at the moment through Wix) but it's very limited and I cannot link it to a specific page or location on my website pages. I would also like to create a service where subscribers can access more information on the website than non subscribers. Any thoughts on the best site to use?
- SEO AND SOCIAL SHARING OPTIMIZATION: You don't want to work hard and create a beautiful site for it to just disappear into the internet abyss. You want people to be able to find your site and easily share its beauty. SEO and social sharing is just as an important part of HTML as anything else and you'll have the foundational knowledge you need after this course.
You can get started for roughly $10 per month for shared or WordPress hosting if your website doesn't require much server horsepower. As your business expands, however, your website may need greater horsepower. That's when you should look into cloud, VPS and dedicated hosting. These levels of services are for when you really need a web host that offers lots of storage, a significant amount of month data transfers, and numerous email accounts.
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.
Learn fast - its not made from old outdated teaching methods where you learn everything up front and then start building. No that's boring, frustrating, overwhelming and just plain unecessary. In this course you're going to start building your first site from the beginning. The result, you'll stay engaged and enjoy the interactive nature of this new type of learning.
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.

I wonder why hasn’t W3 schools been updated design wise, etc. Such a popular tool with so little support. I still visit it often, but started getting a bit annoyed. I agree that they’re not a very effective tool for stricly learning, but its a great library in a pinch. For a more immersive learning I’ve been studying from Interactive courses on BitDegree.
Weebly is not the best website builder. Yes, it’s convenient and has intuitive interface but their web templates aren’t good. Compare them with free templates from Wix or with paid ones from Squarespace – they are really worthy and beautiful web templates. Weebly doesn’t have such. I think that many believe that Weebly is the best website builder because everybody talk about it and not just because it’s the best. It’s like about IKEA furniture – many like it but I wouldn’t say that it’s the best. You could better try to work with another platform.
Whether you have chosen to create your site with a CMS or a Website Builder, the first step is to open a new (free) account with your platform. Once you have opened your account, you will need to select a template (or theme if using WordPress) which is essentially the layout of your site’s design. Templates are usually categorised according to the industry or business types to which they are best suited. Make sure you take time to browse through the categories that best match your business until you find the template you like. Rushing it here might cost you much more time later on.
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
Hi Jeremy, It's a fantastic article. I admire you the way you articulated this. I am planning to build a website. It would be more like, subscribers can post a question and the reply to this question feed will comprise an attachment that needs to send to a specific mail id. Could you please suggest me which website builder suits most for this use case? Thanks, Sri
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.
Ready to race right off the starting block into building your website? We love the enthusiasm. But before even reaching the starting line, you need to get in some warm-ups and conditioning to establish a solid foundation. Every good website begins with a thoughtful plan. Open a fresh new digital doc (or grab a pen and paper if you’d prefer to go old school) and complete the following exercises.
Even after making all the tables on this website, I still do a search on Google for HTML tables every time I need to create a new table. I cut the example, paste it on my new web page and then edit it for my specific needs. You do not need to memorize how to use every single HTML element - you just need to know that you need it and recognize it when you see it.
Getting your brand messaging right (such as explaining what your business does and the essence of your brand) can be a lot harder than it seems. You may wish to hire a copywriter to ensure the main copy of your site really hits the mark with users, especially on the Home Page and the About Us page. As mentioned in Stage #1, you will also need to decide whether the remaining content (such as blog articles or a description of your products/services) will be written by you or by a professional writer.
(function(){"use strict";function s(e){return"function"==typeof e||"object"==typeof e&&null!==e}function a(e){return"function"==typeof e}function l(e){X=e}function u(e){G=e}function c(){return function(){r.nextTick(p)}}function f(){var e=0,n=new ne(p),t=document.createTextNode("");return n.observe(t,{characterData:!0}),function(){t.data=e=++e%2}}function d(){var e=new MessageChannel;return e.port1.onmessage=p,function(){e.port2.postMessage(0)}}function h(){return function(){setTimeout(p,1)}}function p(){for(var e=0;et.length)&&(n=t.length),n-=e.length;var r=t.indexOf(e,n);return-1!==r&&r===n}),String.prototype.startsWith||(String.prototype.startsWith=function(e,n){return n=n||0,this.substr(n,e.length)===e}),String.prototype.trim||(String.prototype.trim=function(){return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,"")}),String.prototype.includes||(String.prototype.includes=function(e,n){"use strict";return"number"!=typeof n&&(n=0),!(n+e.length>this.length)&&-1!==this.indexOf(e,n)})},"./shared/require-global.js":function(e,n,t){e.exports=t("./shared/require-shim.js")},"./shared/require-shim.js":function(e,n,t){var r=t("./shared/errors.js"),i=(this.window,!1),o=null,s=null,a=new Promise(function(e,n){o=e,s=n}),l=function(e){if(!l.hasModule(e)){var n=new Error('Cannot find module "'+e+'"');throw n.code="MODULE_NOT_FOUND",n}return t("./"+e+".js")};l.loadChunk=function(e){return a.then(function(){return"main"==e?t.e("main").then(function(e){t("./main.js")}.bind(null,t))["catch"](t.oe):"dev"==e?Promise.all([t.e("main"),t.e("dev")]).then(function(e){t("./shared/dev.js")}.bind(null,t))["catch"](t.oe):"internal"==e?Promise.all([t.e("main"),t.e("internal"),t.e("qtext2"),t.e("dev")]).then(function(e){t("./internal.js")}.bind(null,t))["catch"](t.oe):"ads_manager"==e?Promise.all([t.e("main"),t.e("ads_manager")]).then(function(e){undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined,undefined}.bind(null,t))["catch"](t.oe):"publisher_dashboard"==e?t.e("publisher_dashboard").then(function(e){undefined,undefined}.bind(null,t))["catch"](t.oe):"content_widgets"==e?Promise.all([t.e("main"),t.e("content_widgets")]).then(function(e){t("./content_widgets.iframe.js")}.bind(null,t))["catch"](t.oe):void 0})},l.whenReady=function(e,n){Promise.all(window.webpackChunks.map(function(e){return l.loadChunk(e)})).then(function(){n()})},l.installPageProperties=function(e,n){window.Q.settings=e,window.Q.gating=n,i=!0,o()},l.assertPagePropertiesInstalled=function(){i||(s(),r.logJsError("installPageProperties","The install page properties promise was rejected in require-shim."))},l.prefetchAll=function(){t("./settings.js");Promise.all([t.e("main"),t.e("qtext2")]).then(function(){}.bind(null,t))["catch"](t.oe)},l.hasModule=function(e){return!!window.NODE_JS||t.m.hasOwnProperty("./"+e+".js")},l.execAll=function(){var e=Object.keys(t.m);try{for(var n=0;n=c?n():document.fonts.load(u(o,'"'+o.family+'"'),a).then(function(n){1<=n.length?e():setTimeout(t,25)},function(){n()})}t()});var w=new Promise(function(e,n){l=setTimeout(n,c)});Promise.race([w,m]).then(function(){clearTimeout(l),e(o)},function(){n(o)})}else t(function(){function t(){var n;(n=-1!=y&&-1!=g||-1!=y&&-1!=v||-1!=g&&-1!=v)&&((n=y!=g&&y!=v&&g!=v)||(null===f&&(n=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent),f=!!n&&(536>parseInt(n[1],10)||536===parseInt(n[1],10)&&11>=parseInt(n[2],10))),n=f&&(y==b&&g==b&&v==b||y==x&&g==x&&v==x||y==j&&g==j&&v==j)),n=!n),n&&(null!==_.parentNode&&_.parentNode.removeChild(_),clearTimeout(l),e(o))}function d(){if((new Date).getTime()-h>=c)null!==_.parentNode&&_.parentNode.removeChild(_),n(o);else{var e=document.hidden;!0!==e&&void 0!==e||(y=p.a.offsetWidth,g=m.a.offsetWidth,v=w.a.offsetWidth,t()),l=setTimeout(d,50)}}var p=new r(a),m=new r(a),w=new r(a),y=-1,g=-1,v=-1,b=-1,x=-1,j=-1,_=document.createElement("div");_.dir="ltr",i(p,u(o,"sans-serif")),i(m,u(o,"serif")),i(w,u(o,"monospace")),_.appendChild(p.a),_.appendChild(m.a),_.appendChild(w.a),document.body.appendChild(_),b=p.a.offsetWidth,x=m.a.offsetWidth,j=w.a.offsetWidth,d(),s(p,function(e){y=e,t()}),i(p,u(o,'"'+o.family+'",sans-serif')),s(m,function(e){g=e,t()}),i(m,u(o,'"'+o.family+'",serif')),s(w,function(e){v=e,t()}),i(w,u(o,'"'+o.family+'",monospace'))})})},void 0!==e?e.exports=a:(window.FontFaceObserver=a,window.FontFaceObserver.prototype.load=a.prototype.load)}()},"./third_party/tracekit.js":function(e,n){/**
In most cases the owner of a small business has so much on their plate that mastering the technical skills required for web development is far from a priority, and the great investment of time and money needed to learn how to build a website from scratch wouldn’t help this case. This is where Web Building Platforms come into the picture. There are two main types of platforms enabling website creation with minimal to no coding required.
WordPress (either version) is a blog-focused content management system that accepts plug-ins and themes that extend its capabilities to most of what the other products here offer, including commerce. In fact, WordPress.com uses plug-ins such as JetPack to provide many of its features. As a whole, WordPress (either .com or .org) is not as easy to use as the other options in this roundup, but if blogging and site transferability are of key importance and you don't mind digging into its weeds a bit, you should consider the platform. Furthermore, the ability to use WordPress is a valuable skill, as some estimates say that WordPress powers 30 percent of the internet.
Hi Billy, Great to hear you found the article so helpful! There's no reason at all why you can't use a website builder to create a website for yourself, even a blog style site. I'd recommend having a look at our website builder comparison chart as this is a good jumping off point and will give you some ideas of where to start. Off the top of my head, I know that Wix launched a new version of their blogging tool, which is really easy to use and can be integrated as part of a wider site (thankfully Wix is also super easy to use so it's great for newcomers to web design like yourself!) Hope that helps, - Tom
Once you understand the basics of HTML, finding out the details is easy. Just do a quick search with Google for any specific questions about HTML. A general understanding of HTML gives you the ability to know what to search for and to realize when you have found it. For example if you need to add a table then do a search for ‘table html’ and you will find countless examples of HTML tables. With basic knowledge of HTML you will be able to quickly scan the examples and take away what you need.
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.

When your website is ready for public viewing, you'll have to upload your webpages to your web server. You can buy space on a server from various providers (see How much does it cost to do something on the web?). Once you settle on which provider to use, the provider will email you the access information, usually in the form of an SFTP URL, username, password, and other information needed to connect to their server. Bear in mind that (S)FTP is now somewhat old-fashioned, and other uploading systems are starting to become popular, such as RSync and Git/GitHub.
I personally don’t think site builders will ever replace web designers/developers completely. Most site builders are targeted at small businesses and could never meet the demands required for larger businesses with all their complex requirements. I think Shopify plus is the only product trying to take on the larger CMS platforms right now (e.g. Magenta, Demandware) in the eCommerce space
When it's time to go beyond the blogs, beyond the online resumes, beyond the page of links, which service do you turn to for a full-blown site that gives you the flexibility to build nearly anything you desire? There's no lack of them, but three of our favorites are DreamHost, HostGator, and Hostwinds, well-rounded services that feature numerous hosting types and tiers.
Next, you’ll see a section for Hosting Add-ons. Honestly, I don’t think you need any of these, with the exception of an SSL certificate – which is automatically included for free. This will enable your site to have that little “Secure” lock icon, which you can probably see up in the address bar for this site. Having that there makes your site more trustworthy to visitors.
I am using wix for building my e-commerce site in India, but after spending so much time building it i realized that it doesn't support Indian Rupee. So i am just stuck at this and don't know what else to do. My question is that, is there any other payment option that can be added to my site so that my customers can choose different payment options ( even if that means a third party payment gateway).??
Hi Jeremy, Thanks for your article. I have a question I am hoping you can help me with. The original site I started was a free blog through wordpress website. I then decided to go towards an actual site with a blog attached, I made the switch to Hostgator. During this switch Hostgator took our domain name and is requesting $700 to get it back even though we paid the yearly fee. They are now saying they will not release our domain name until May. Does this seem correct? Thanks Kate

Learn fast - its not made from old outdated teaching methods where you learn everything up front and then start building. No that's boring, frustrating, overwhelming and just plain unecessary. In this course you're going to start building your first site from the beginning. The result, you'll stay engaged and enjoy the interactive nature of this new type of learning.
In all GoCentral Website Builder plans any data transmitted from your site will be encrypted using a SSL (Secure Sockets Layer) certificate. Your SSL will establish an encrypted link between your web server and the browser of the person visiting your site. This means that all data will be kept private; which is important if you want visitors to your site to be safe. If you want to sell products or services in your store, you will want to have a SSL since it protects credit card and bank numbers from being intercepted by hackers.
If you're on a Mac however, there's another option: RapidWeaver. This WYSIWYG webpage editor has full code access and FTP support for uploading pages. There are plenty of built-in templates to get started, all for the one-time price of $99.99. On Windows there are numerous choices. Xara Web Designer 365, for example, starts at $49.99 and promises you don't need to know HTML or Javascript to create sites based on the company's templates.

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


Once you get a handle on HTML and CSS, you can make what is called a static website. It’s simply one .HTML file represents one page on your site. Static sites are relatively the fastest to load and typically allows designers the most freedom without compromises that have to be made due to limitations of many CMS/Frameworks. (Wordpress in particular is infamous for this, although it has improved).

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
Creating a website is not as complicated as it was before. Today, you don’t have to know much about technology to develop and successfully run your own site. That’s because there are more than few popular content management systems that are designed for the users. So, the first thing you should do is to choose a content management system. Although it depends on the site you want, we would strongly suggest self-hosted WordPress.

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?


Michael Muchmore is PC Magazine's lead analyst for software and web applications. A native New Yorker, he has at various times headed up PC Magazine's coverage of Web development, enterprise software, and display technologies. Michael cowrote one of the first overviews of web services for a general audience. Before that he worked on PC Magazine's S... See Full Bio
Michael Muchmore is PC Magazine's lead analyst for software and web applications. A native New Yorker, he has at various times headed up PC Magazine's coverage of Web development, enterprise software, and display technologies. Michael cowrote one of the first overviews of web services for a general audience. Before that he worked on PC Magazine's S... See Full Bio
Michael Muchmore is PC Magazine's lead analyst for software and web applications. A native New Yorker, he has at various times headed up PC Magazine's coverage of Web development, enterprise software, and display technologies. Michael cowrote one of the first overviews of web services for a general audience. Before that he worked on PC Magazine's S... See Full Bio
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.
Establishing a business plan and marketing strategy may be a lot of hard and daunting work in the beginning, both will guide you in setting up your website. Because this is an increasingly popular, and growing, field, there are more than enough online marketing strategies to help you. You can review these strategies to help determine what does and doesn’t work. Just keep in mind that there may be some areas, such as SEO and PPC, that may require outside help.

However, in 2018, a website building platform, also called a “content management system” (CMS), can be used to easily build and customize a website without having to use code. A website building platform is software that does all the complex work of coding for you, so you don’t need to learn how to create a website from scratch with code. It lets you build and edit a website through your internet browser, change your design and layout with the click of a button, and create pages and posts using a simple editor that is similar to most common text editors.

Hi Jeremy! Thank you so much for posting this! I found this to be very helpful!! So I do have a few questions though... First off, I am wanting to build a website that advertises a service I offer, displays images in two separate galleries, can be involved with a separate calander that can be accessed from my phone and be up to date on available times to schedule an appointment, and, most importantly, can have a payment option to prepay for my service to secure a time slot with a possible escrow type function to be able to add payments onto the set appointments. Does this make any sense? If it does, does this sound possible? Which website builder would you recommend to have access to these functions? I am just starting out so cost is also a factor, although I am willing to pay a reasonable amount of money to get this set up and to maintain it. Thank you in advance!!


But don’t let all the lingo and information scare you away. Start small and take toddler steps. Don’t worry if you can’t grasp every aspect of HTML. Read a little about it, do a tutorial, and then go for a walk in the park. Let it sink in slowly. You will not ‘get it’ in an hour. It takes time and a practice. Get dirty, play around and learn a little at a time. Start with a single web page, add a hyperlink, add an image, and make text bold. Tinker and keep learning.
This brings us to the topic of Search Engine Optimization, or SEO. Now, I’m going to be honest – SEO can be a complex business. After all, we’re talking about trying to make our websites look good to a mindbogglingly complicated algorithm, which has details that Google keeps closely guarded. Oh, and of course, millions upon millions of other sites are trying to do the same thing.
Let's face it, one of the things we like best about the web is looking at pictures. The site builders here all offer some degree of photo and gallery display. Some, like Squarespace and Wix, also offer loads of stock photography for you to use. Some let you touch up images with editing tools such as cropping, brightness, and in some cases even Instagram-like filters. Others, such as Simvoly and uKit offer no photo editing at all, aside from resizing and positioning.
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
Hello Danny, I definitely agree with your thoughts on Weebly, it really is a very easy-to-use platform if you're new to website building. Weebly have made a great effort to ensure the platform (and especially their editor) are as user friendly as possible, which really does make it easier to build a great-looking site without any technical skills! If you feel like your technical skills are up to the challenge then WordPress is definitely worth trying out. Give it a test and see how you get on. Thanks for reading, - Tom
×