In this project-centered course*, you’ll design, build, and publish a basic website that incorporates text, sound, images, hyperlinks, plug-ins, and social media interactivity. We’ll provide you with step-by-step instructions, exercises, tips, and tools that enable you to set up a domain name, create an attractive layout for your pages, organize your content properly, ensure that your site functions well across different operating systems and on mobile devices, keep your site safe, and finally, let people know your site is online. We’ll even show you how to track your visitors. Throughout the course, you'll engage in collaboration and discussion with other learners through course forums and peer review.
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.
!function(n,t){function r(e,n){return Object.prototype.hasOwnProperty.call(e,n)}function i(e){return void 0===e}if(n){var o={},s=n.TraceKit,a=[].slice,l="?";o.noConflict=function(){return n.TraceKit=s,o},o.wrap=function(e){function n(){try{return e.apply(this,arguments)}catch(e){throw o.report(e),e}}return n},o.report=function(){function e(e){l(),h.push(e)}function t(e){for(var n=h.length-1;n>=0;--n)h[n]===e&&h.splice(n,1)}function i(e,n){var t=null;if(!n||o.collectWindowErrors){for(var i in h)if(r(h,i))try{h[i].apply(null,[e].concat(a.call(arguments,2)))}catch(e){t=e}if(t)throw t}}function s(e,n,t,r,s){var a=null;if(w)o.computeStackTrace.augmentStackTraceWithInitialElement(w,n,t,e),u();else if(s)a=o.computeStackTrace(s),i(a,!0);else{var l={url:n,line:t,column:r};l.func=o.computeStackTrace.guessFunctionName(l.url,l.line),l.context=o.computeStackTrace.gatherContext(l.url,l.line),a={mode:"onerror",message:e,stack:[l]},i(a,!0)}return!!f&&f.apply(this,arguments)}function l(){!0!==d&&(f=n.onerror,n.onerror=s,d=!0)}function u(){var e=w,n=p;p=null,w=null,m=null,i.apply(null,[e,!1].concat(n))}function c(e){if(w){if(m===e)return;u()}var t=o.computeStackTrace(e);throw w=t,m=e,p=a.call(arguments,1),n.setTimeout(function(){m===e&&u()},t.incomplete?2e3:0),e}var f,d,h=[],p=null,m=null,w=null;return c.subscribe=e,c.unsubscribe=t,c}(),o.computeStackTrace=function(){function e(e){if(!o.remoteFetching)return"";try{var t=function(){try{return new n.XMLHttpRequest}catch(e){return new n.ActiveXObject("Microsoft.XMLHTTP")}},r=t();return r.open("GET",e,!1),r.send(""),r.responseText}catch(e){return""}}function t(t){if("string"!=typeof t)return[];if(!r(j,t)){var i="",o="";try{o=n.document.domain}catch(e){}var s=/(.*)\:\/\/([^:\/]+)([:\d]*)\/{0,1}([\s\S]*)/.exec(t);s&&s[2]===o&&(i=e(t)),j[t]=i?i.split("\n"):[]}return j[t]}function s(e,n){var r,o=/function ([^(]*)\(([^)]*)\)/,s=/['"]?([0-9A-Za-z$_]+)['"]?\s*[:=]\s*(function|eval|new Function)/,a="",u=10,c=t(e);if(!c.length)return l;for(var f=0;f0?s:null}function u(e){return e.replace(/[\-\[\]{}()*+?.,\\\^$|#]/g,"\\$&")}function c(e){return u(e).replace("<","(?:<|<)").replace(">","(?:>|>)").replace("&","(?:&|&)").replace('"','(?:"|")').replace(/\s+/g,"\\s+")}function f(e,n){for(var r,i,o=0,s=n.length;or&&(i=s.exec(o[r]))?i.index:null}function h(e){if(!i(n&&n.document)){for(var t,r,o,s,a=[n.location.href],l=n.document.getElementsByTagName("script"),d=""+e,h=/^function(?:\s+([\w$]+))?\s*\(([\w\s,]*)\)\s*\{\s*(\S[\s\S]*\S)\s*\}\s*$/,p=/^function on([\w$]+)\s*\(event\)\s*\{\s*(\S[\s\S]*\S)\s*\}\s*$/,m=0;m]+)>|([^\)]+))\((.*)\))? in (.*):\s*$/i,o=n.split("\n"),l=[],u=0;u=0&&(g.line=v+x.substring(0,j).split("\n").length)}}}else if(o=d.exec(i[y])){var _=n.location.href.replace(/#.*$/,""),T=new RegExp(c(i[y+1])),E=f(T,[_]);g={url:_,func:"",args:[],line:E?E.line:o[1],column:null}}if(g){g.func||(g.func=s(g.url,g.line));var k=a(g.url,g.line),A=k?k[Math.floor(k.length/2)]:null;k&&A.replace(/^\s*/,"")===i[y+1].replace(/^\s*/,"")?g.context=k:g.context=[i[y+1]],h.push(g)}}return h.length?{mode:"multiline",name:e.name,message:i[0],stack:h}:null}function y(e,n,t,r){var i={url:n,line:t};if(i.url&&i.line){e.incomplete=!1,i.func||(i.func=s(i.url,i.line)),i.context||(i.context=a(i.url,i.line));var o=/ '([^']+)' /.exec(r);if(o&&(i.column=d(o[1],i.url,i.line)),e.stack.length>0&&e.stack[0].url===i.url){if(e.stack[0].line===i.line)return!1;if(!e.stack[0].line&&e.stack[0].func===i.func)return e.stack[0].line=i.line,e.stack[0].context=i.context,!1}return e.stack.unshift(i),e.partial=!0,!0}return e.incomplete=!0,!1}function g(e,n){for(var t,r,i,a=/function\s+([_$a-zA-Z\xA0-\uFFFF][_$a-zA-Z0-9\xA0-\uFFFF]*)?\s*\(/i,u=[],c={},f=!1,p=g.caller;p&&!f;p=p.caller)if(p!==v&&p!==o.report){if(r={url:null,func:l,args:[],line:null,column:null},p.name?r.func=p.name:(t=a.exec(p.toString()))&&(r.func=t[1]),"undefined"==typeof r.func)try{r.func=t.input.substring(0,t.input.indexOf("{"))}catch(e){}if(i=h(p)){r.url=i.url,r.line=i.line,r.func===l&&(r.func=s(r.url,r.line));var m=/ '([^']+)' /.exec(e.message||e.description);m&&(r.column=d(m[1],i.url,i.line))}c[""+p]?f=!0:c[""+p]=!0,u.push(r)}n&&u.splice(0,n);var w={mode:"callers",name:e.name,message:e.message,stack:u};return y(w,e.sourceURL||e.fileName,e.line||e.lineNumber,e.message||e.description),w}function v(e,n){var t=null;n=null==n?0:+n;try{if(t=m(e))return t}catch(e){if(x)throw e}try{if(t=p(e))return t}catch(e){if(x)throw e}try{if(t=w(e))return t}catch(e){if(x)throw e}try{if(t=g(e,n+1))return t}catch(e){if(x)throw e}return{mode:"failed"}}function b(e){e=1+(null==e?0:+e);try{throw new Error}catch(n){return v(n,e+1)}}var x=!1,j={};return v.augmentStackTraceWithInitialElement=y,v.guessFunctionName=s,v.gatherContext=a,v.ofCaller=b,v.getSource=t,v}(),o.extendToAsynchronousCallbacks=function(){var e=function(e){var t=n[e];n[e]=function(){var e=a.call(arguments),n=e[0];return"function"==typeof n&&(e[0]=o.wrap(n)),t.apply?t.apply(this,e):t(e[0],e[1])}};e("setTimeout"),e("setInterval")},o.remoteFetching||(o.remoteFetching=!0),o.collectWindowErrors||(o.collectWindowErrors=!0),(!o.linesOfContext||o.linesOfContext<1)&&(o.linesOfContext=11),void 0!==e&&e.exports&&n.module!==e?e.exports=o:"function"==typeof define&&define.amd?define("TraceKit",[],o):n.TraceKit=o}}("undefined"!=typeof window?window:global)},"./webpack-loaders/expose-loader/index.js?require!./shared/require-global.js":function(e,n,t){(function(n){e.exports=n.require=t("./shared/require-global.js")}).call(n,t("../../../lib/node_modules/webpack/buildin/global.js"))}});
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
Google Analytics is one of the most popular tools for tracking how people view your site. The Google Analytics Dashboard connects your WordPress site to Google for proper tracking. It also displays your traffic in your admin panel of WordPress in real-time. It's very useful if you want to plan content strategies or just see how people are accessing your content.
Hi Leon, I think Wix, Squarespace or Weebly are potential candidates. I also heard that some affiliate marketing sites use WordPress. But with WordPress, it is much more technical challenging than drag and drop website builders. But WP does offer more flexibility, if you know how to use it proficiently (with a bit of coding knowledge). Give the ones I suggested a try. They're free to test, before you commit to upgrading to one of their paid plans. That's the best way to get a sense of what works well for you! Jeremy
Before you can start building your home on the web, you need an address for it. Most of the site builders here can register a unique domain for you, and all can give you a web address using the provider's domain, for example, yourname.sitebuilder.com. The services also let you use a domain you've acquired from a third-party registrar such as pairNIC, but you usually must pay the site builder for that privilege.

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.

A web host is basically a company that has many computers connected to the Internet. When you place your web pages on their computers, everyone in the world will be able to connect to it and view them. You will need to sign up for an account with a web host so that your website has a home. If getting a domain name is analogous to getting a business name in the brick-and-mortar world, getting a web hosting account is comparable to renting office or shop premises for your business.


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”.
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.
Firstly you should decide what you want to create for example you want to create a social app, portfolio or you have some great idea for your business or other requirements because if you decided once what you want to make then it will easy for you to gather information about it and when you gathered full information then you will create sitemap your website, Actually sitemap describe the relations between the main areas of your website. Such representation could help understand how usable the final product will be.It can show you the “relationship” between the different pages of a website, so you can judge how easy it will be for the end-user to find the required information or service if he starts from the main page.

Mobile friendly and responsive design means that you don’t need to know how to code — this could even be your first time working with a domain — and setting up your new site requires only a few steps. GoCentral Website Builder is designed to generate style choices that you can quickly review and chose without diving into your site’s settings. This will give your visitor an enjoyable experience that feels natural from either a desktop or mobile device.
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.
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).
Thanks so much for this awesome article :) I had literally no experience in building a website when I started using Weebly and I was surprised at how easy it was to make! I'm interested in looking into other platforms now that I'm up and running, particularly Wordpress? But I'll probably be sticking with Weebly for a long time until I'm ready, it really was super easy to use. Thanks again :)
Good article - but to make my choice easier, i must say this web site is awesome. What website builder did you build this site on Jeremy? Because all other website templates from the builders that i see operate nowhere near as good as this site. This site looks great in all devices, it runs quick - looks really professional and has so many features that i see. It just works well. The others look good on the surface but when you realy start to see how they look (changing browser window) and how they run and load this web site is light years ahead. So which website builder did you use for this site? This would be my choice for sure.
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!
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.
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.
More-advanced options found in some builders let you process credit card payments and add your own cart and checkout pages. The more-powerful site builders include product promotions, email marketing, and inventory and shipping tools. Some let you sell digital downloads, while others don't; see the table above to find out which do. Only a couple of these builders let you put ads on your site, though most of them allow some degree of custom HTML code insertion.
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 :)
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.
Mobile friendly and responsive design means that you don’t need to know how to code — this could even be your first time working with a domain — and setting up your new site requires only a few steps. GoCentral Website Builder is designed to generate style choices that you can quickly review and chose without diving into your site’s settings. This will give your visitor an enjoyable experience that feels natural from either a desktop or mobile device.
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.
Many people have asked me about using a website builder such as Squarespace, Wix or Weebly. The problem is that these services come at a price – you’ll generally have to pay between $10 and $40 a month for a single site. You’ll also be limited to basic customization of the template designs they offer, which means that there’s a good chance your site will look just like everyone else’s site.
While the the best of them offer surprising amounts of flexibility, they also impose stringent enough restrictions to page design that you shouldn't be able to create a really bad looking site using one of these services. Typically you can get a Mysite.servicename.com style-url with no commerce abilities for free from one of these services; you have to pay extra for a better URL and the ability to sell. One issue to consider is that if you eventually outgrow one of these services, it can be hard to export your site to a full scale advanced web hosting like Dreamhost or Hostgator. If you know that's where you are eventually going, it may be better to skip the sitebuilder step.
HostGator often offers promotions, coupons and special offers to customers during their initial term. Please note that special offers are limited-time promotional prices that are available to new customers and are valid for the Initial Term only, and not for successive or renewal periods. Promotional rates apply to GATOR, Shared, Cloud, VPS, Dedicated, WordPress and Reseller hosting plans and will automatically renew after initial term at regular rate found in your control panel. Note: If you register a free domain through us and wish to cancel your account, there is a fee to retain your domain. learn to build a website
×