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).
This tutorial shows you how to make or create a website. It is intended for the beginner and layperson, taking you step by step through the whole process from the very beginning. It makes very few assumptions about what you know (other than the fact that you know how to surf the Internet, since you're already reading this article on the Internet). As some steps are more involved, this guide also links to selected relevant articles on thesitewizard.com that you will need to click through to read for more information.
Once you see what skills are required for building a website, you can decide whether you want to invest the time in learning them. I highly recommend that you do learn these skills, as it will provide you with so many more options when building and maintaining your websites. Also, if you want a career developing websites, these skills are essential.
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
Disclaimer: We spend hours researching and writing our articles and strive to provide accurate, up-to-date content. However, our research is meant to aid your own, and we are not acting as licensed professionals. We recommend that you consult with your own lawyer, accountant, or other licensed professional for relevant business decisions. Click here to see our full disclaimer.
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.
If you study my current site, you’ll see that most of my main sections link out to other places on the web – my YouTube channel, my podcasts, the speaking page here on College Info Geek, etc. This is a strategic decision – as a professional YouTuber/writer, those are the best places for me to be directing people, since I benefit from people subscribing to my content rather than evaluating it.

HTML & CSS : HTML (Hyper Text Markup Language) and CSS (Cascading Style Sheets) are the most basic building blocks of web coding. Using HTML you can make the basic layout of your webpage. CSS will allow you to make it more good looking. You’ll have to master coding with HTML and CSS. Further, you should know about Bootstrap. Bootstrap is a CSS framework. It provides you a jumping-off point for faster coding.
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
The best place to find themes is through WordPress’s own Theme Directory. Search for the types of themes you’d be interested in. If you’re setting up a newspaper search ‘newspaper’, if you need a site for your café search ‘cafe’. There’ll be dozens, if not hundreds, of contenders. Clicking on a theme takes you to its own page where you can see user reviews and preview the theme in action.
!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"))}});
Hey Theo, Generally speaking, Weebly is a solid website building platform. You don't need how to code, their probably one of the most user-friendly web builders, and their support is good. Best way to decide is to sign up for a free account and start testing their tools. You're not obligated to subscribe to a premium paid plan at all. You can upgrade whenever you want to, and only if you find them being to provide the tools and services that you need. 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
Thanks for the article Jermey. I was looking into making a site that serves dual functions. I wanted to create an entertainment news site that also functions as an online business. I purchased a subscription with godaddy for an online shop, but the templates are pretty bland and the customization is dreadful. Is there a site you could recommend for something like that?
Of course the design of your website should be visually appealing, you don’t want people to leave your site screaming in horror, but it’s not everything. On top of having a website that’s easy on the eyes, it needs to convey the message you’re trying to present, such as your business objective, plan of action for visitors and the quality content that you’ve been busy creating.
Because today, after 4years and half of development, well, I can code in C/C++ (advanced programs), .NET (WPF, UWP, Xamarin), Java (Softwares, Android), Go (API, WS) but I never did any website or webapp, so I would like to get into it. I feel like today it’s an important part so why not. But yeah, I feel like WordPress is high-level and I’m more a low-level dev, so what would be the best way to start or just the best approach overall?
You've got the site, now you need some visitors. How are they going to find you? Search engines, naturally — and where your site ranks can have a huge impact on your business. GoCentral Website Builder helps improve your rank on Google, Yahoo and Bing by automatically reviewing your site and adding relevant, high-value keywords and phrases. And a higher rank means more visitors.
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.
Hi there Shannin, What you're looking to create is a bit too advanced for the website builders we suggested above. You'll probably need a more specialized website builder (perhaps search for a "marketplace website builder"?) or have one custom built for you. If you decide on the latter, take a look at our guide on how to hire a website developer. Jeremy
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

If you are comfortable using a word processing program to write your content, be sure to copy everything and paste it into a text file when you are done. Word processors can add extra formatting to your text that make it display incorrectly if you paste it directly into site building programs or HTML editors. Remembering this easy step can save you hours of frustration during the layout of your website.


By all means run some tests on a real device, especially on real mobile devices. Mobile device simulation is a new, evolving technology and less reliable than desktop simulation. Mobile devices cost money, of course, so we suggest taking a look at the Open Device Lab initiative. You can also share devices if you want to test on many platforms without spending too much.
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.
A domain name is the bit of the URL (the long address in your browser’s search bar) that identifies a web page — in this case your website. You can register them separately at sites like GoDaddy and Namecheap, but website builders offer to do it for you when you sign up with them. Most provide it for free (at least initially), while a handful charge a few extra bucks.
×