Given the role that the internet plays in our lives, the ability to build a web site seems like it should be as important as learning to read or write. Whether you’re aspiring to become a published author, record a CD, or build a business, the ability to build a web site is going to be an essential asset. There’s no way to really be relevant without it. But it’s not something that’s taught in school.

(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){/**

Around two months ago I graduated from the University of Applied Sciences in Rotterdam as a User Experience Designer. Pretty awesome but soon I discovered there was not a lot of work in this area of expertise. So to enhance my chances for a suitable job I decided to improve my front-end skills. Every company wants people with programming skills nowadays. Since I advertised that in my motivational letters and mentioning it in my CV I have multiple invitation from companies to get to know each other." -- Ruud Visser, Graduate from University of Applied Sciences in Rotterdam
Very nice of you to give us this understandable and detailed description of how to make a website. To be honest I haven´t started yet but I do have one question before that: is there a time frame of how long the website (letś say build through wordpress) will exist? i have built some blogs previously which experied at one point, the domain simply did not exist anymore. I am looking to build a website which will develop throughout time, ideally lifetime. thanks!
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
For those who don't have Windows 10 but need Microsoft Edge, and those who run a Mac (and thus do not have either Edge or Internet Explorer), all is not lost. You can use a piece of software called a virtual machine, which mimics a completely separate computer running within your real computer. Information about this can be found in the article How to Check Your Website with Multiple Browsers on a Single Machine (Cross-Browser Compatibility Checking).
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
I own a small business and am looking to redesign our website. Thanks for all your comparisons of the website builders! I currently use Mailchimp to send out weekly emails to my customers. Do you know if any of these website builder sites allow you to create an email list? Then use a template to create an email (like Mailchimp) and send it out to all your subscribers. Ideally there would be a tab on your website people can click on to enter their email address…..They would then get your emails. Thanks for any feedback :)

A domain name is the virtual address of your website. Ours is websitebuilderexpert.com. That’s where you find us. The New York Times’ is nytimes.com. That’s where you find them. And so on. Your site needs one too, and when setting up a WordPress site it’s something you may have to take care of yourself. Bluehost lets you choose a domain for free as part of the signup process.


Yahoo's Tumblr is another incredibly popular blog platform that lends itself to shorter, more visual posts. You can, however, find themes that give your Tumblr site a more traditional website's look and feel. Google's Blogger features tight integration with Google Adsense, so making extra pocket change is a snap. Newer blogging services, such as Anchor, Feather, and Medium, stress writing and publishing more than intricate design, but they're incredibly simple to update.

Hey David, I think that IM Creator is a pretty good website builder, especially if you want to build a very basic website really quickly. Their tools are not he most comprehensive, but in a way that reduces confusion and allows you to focus on the basics which work really well in way. If you haven't seen our review on IM Creator yet, check it out. You can also take a look at our website builder comparison chart here to get a high level overview of who are some of the leading platforms available today. If you want great looking templates, definitely take a look at Squarespace. As for great quality stock images, see our resources guide here. Hope this helps! - Jeremy
That said, even if your website is responsive, it’s usually a good idea to make some additional adjustments for your mobile site. In general, you want to remove any excessive details. Your mobile website should focus entirely on your call-to-action – whether that’s getting users to call your business, fill-out a contact form, join a mailing list, or make an online order.
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.
For those who prefer to use a commercial program, thesitewizard.com has numerous online tutorials for a web editor called Dreamweaver, a program with features on par with that of Expression Web. The Dreamweaver Tutorial takes you through all the steps needed to design a complete website, in addition to providing you with the theoretical and practical foundations that will help you create and maintain that site.
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
Sure, there are more advanced hosting topics to consider, such as Domain Name Servers and multi-cloud connectivity, but this guide is meant to introduce you to the basics. Whether you decide to do build a website yourself or hire coding experts to do the dirty work is up to you. But for now, rest easy knowing you have the information to get started in taking your business online.

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.
I recently stumbled across this article and wanted to add my opinion to this. I am a newbie at programming and still trying to learn everything so I do a lot of research about different websites providing learning material but still didn’t heard about TutsPlus, so looking forward to look at it. I tried W3Schools and CodeCademy from the list and am satisfied with both of these sources. While w3Schools provides theoretical knowledge, CodeCademy provides the ability to do some practical tasks and that’s great. I also took interactive coding for beginners course on Bitdegree website and was also very satisfied with it as it has both theory and practice, so maybe that can be some additional material to this article. learn to build a website
×