With so many options available today, it can be difficult to choose the best instruments for the job. Choosing the best platform upon which you build your site will be one of the most important decisions you make. This choice is critical because you’ll be tied to that platform for some time and it’s never easy (or possible) to move your website from one platform to another.
Hi Jamie. I am not a web developer (yet) but I am aspiring to become one some day. I am using Django Framwork for the backend. But for the frontend , I am confused. Should I study HTML , CSS and javascript and then build a website (frontend) from scratch? Or should I not waste time , and just get a theme from wordpress? How much control over the look and feel of the website do we have, when we use these themes pre-tailored for us?

Hi ify, The best advice I could offer is to give the free trials a go on Wix, Weebly and Squarespace and see how you get on with each builder. This will give you a chance to explore their functionalities and see how feasible your ideas are. Squarespace is highly regarded as a portfolio website builder and that sounds like it may be something in line with your ambitions (e.g. showcasing make up examples). Hope that helps, - Tom


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.
WordPress is not an all-in-one package. It’s a Content Management System (CMS). A CMS allows you to create and organize digital content. Other elements like hosting and domain registration are best done separately. It’s up to you to bring these together in service of a WordPress site. This isn’t nearly as complicated as you might think, but it’s not the easiest way to make a website. We wouldn’t recommend it to people uncomfortable with technology.
Image Editors: Whilst high in quality,the images you download may not always be the correct size (or proportion) to fit your website’s template. Online image editors provide a convenient platform not only for resizing your images, but for adding text or graphics and filtering the colors of your chosen image. And the best part is- you don’t have to be a photoshop wiz to use them!
Even if you don't sign up for those web hosts, you should look for services that offer similar features. You'll want a WYSIWYG editor that lets you adjust every page and add images, video, and social links. Plunking down a few extra bucks typically nets you robust ecommerce and search engine optimization (SEO) packages for improved Bing, Google, and Yahoo placement. Most advanced web hosting services include at least one domain name, free of charge, when you sign up.
The major player in the blog game is WordPress, a content management system (CMS) that powers millions of websites, including The New York Times, Quartz, and Variety. WordPress-powered sites are incredibly easy to set up, customize, and update—ideally on a daily basis. You aren't required to learn fancy-schmancy FTP tricks (though you can certainly use them if you like), and there are ridiculous numbers of free and paid WordPress themes and WordPress plug-ins to give your website a pretty face and vastly expanded functionality. Though WordPress dominates the blogging space, it isn't the only blogging CMS of note, however.
With so many options available today, it can be difficult to choose the best instruments for the job. Choosing the best platform upon which you build your site will be one of the most important decisions you make. This choice is critical because you’ll be tied to that platform for some time and it’s never easy (or possible) to move your website from one platform to another.
A Blog. WordPress is set up for blogging by default, but you’re going to set your homepage as a static About Me page. Therefore, you’ll need to set up your blog manually, which is still really easy. You can also choose to leave the blog out if you want, but I think having one is a great way to show off your knowledge and thoughts. Here’s how I’ve implemented a blog on my personal site.
!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"))}});

Another advantage of CSS (of separating the content from the layout and look) is that it is easier to make changes in the future. Without CSS, coming back from a 3 month vacation can be a nightmare. Navigating through content mixed together with layout HTML can be more vexing then deciphering hieroglyphics, more tangled then last years Christmas tree lights. But with CSS, content is separated from layout, it is much easier to make changes to your website even if your cruise vacation is unexpectedly extended a couple years due to Somali pirates.

We believe anything is possible with the right website builder. Whether you're about to create a website for the first time or you're a long time pro, we've got you covered. You have two ways to start: Get a free website designed for you with Wix Artificial Design Intelligence or get total design freedom with the Wix Editor. You can always add advanced functionality to your website with Wix Code. It’s time to get your professional website.
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!!
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.
All of the web services listed here have you start by choosing from a selection of templates for your site. The better ones, such as Duda, Squarespace, Weebly, and Wix, use templates that automatically reformat your site for viewing on mobile devices. They also offer specifically targeted templates based on your site's purpose, such as for promoting a bakery's sales, getting gigs for a musician, or keeping wedding guests informed.
A web browser can display three types of images on your website: GIF, JPG, and PNG. GIF images are great for logos or images with limited color in them. They make your image file size smaller, which means they load much faster for visitors. JPGs are great for photos, while PNGs are ideal for full-color website images like button and menu backgrounds.
Full Disclaimer: If you choose to use the domain and hosting option I recommend in this tutorial and click my links to get to it, I’ll earn a commission (though there is no extra cost to you – it will actually be quite a bit cheaper since I’m able to offer a coupon code). I want to be very clear that there are definitely other good choices for your domain and hosting out there. This is simply the one I’ve been using since the beginning, and I’m very satisfied. If you do choose to use my link, thank you! 
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.
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).
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.
Hello Richard, Thanks for your comment and for your support! WooCommerce is a solid ecommerce tool (they were purchased by WordPress last year, I believe). They're flexible and you can bolt on a lot of different tools, but the downside for a "typical" business person is that to use WooCommerce (and WordPress) well, they'll need to invest more time into learning and managing the tools, or hire someone knowledgeable for help. A lot of new small businesses just don't have the mental bandwidth and time to learn the in's and out's of operating a WordPress site efficiently and effectively. The article you mentioned focuses more on hosted ecommerce builders, versus platform where you need to get your own hosting services (and there more technically and administratively challenging for users). We did highlight WooCommerce briefly in this guide where we dig into the differences between hosted and non-hosted ecommerce platforms. Jeremy
Great Article and the only one that gives a step by step guide. This might be a silly question but I keep reading about buying a hosting space on the internet and you haven't mentioned that at all. Is that same as buying a domain? Does it mean that if i get one of the website builder plans with the domain included, then I dont need to go anywhere else?
×