You want to create modern websites that stand out and offer all the functionality that users have come to expect. Good news—it's never been easier, even for absolute beginners. Using tools like SquareSpace, WordPress, and HTML and CSS, you can build impressive sites that no one would guess were the work of a newbie. This Learning Path gives you all the skills you need the build the sites you envision.
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
!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"))}});
Hi Latisha, Shopify is great for those who are not super technical as they are much easier to use compared to other e-commerce platforms. This is not to say that you can make unlimited number of customizations to the themes without ever touching codes, as some levels of modifications does require touching some codes. But if you just choose a theme, and work within the capability of the theme with Shopify's tools, then you can get a really good store up and running fairly quickly. But if there is a certain look / feel / feature that you want to achieve that is outside the design of the theme, then you may have to code it yourself, or hire a Shopify expert to do so. Hope this gives you a bit more guidance! - Jeremy
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!
Hi Latisha, Shopify is great for those who are not super technical as they are much easier to use compared to other e-commerce platforms. This is not to say that you can make unlimited number of customizations to the themes without ever touching codes, as some levels of modifications does require touching some codes. But if you just choose a theme, and work within the capability of the theme with Shopify's tools, then you can get a really good store up and running fairly quickly. But if there is a certain look / feel / feature that you want to achieve that is outside the design of the theme, then you may have to code it yourself, or hire a Shopify expert to do so. Hope this gives you a bit more guidance! - Jeremy
Of course, another great way to learn web development is to simply look at code. If you’re using Google Chrome, you can hit CTRL+U (or if you’re on a Mac, just go to View -> Developer -> Source) to see the HTML for the page you’re on. You can also use the Web Developer extension to dig in even deeper. This method won’t work for viewing server-side code like PHP, but it’s great for digging into HTML, CSS, and Javascript.

If you’ve never built a website before and you have no coding or design experience, this is the place to start. In this project, we learn how to build a modern portfolio website for desktops, tablets, and mobile devices. We start with basic HTML and CSS syntax. Next, we learn how to build custom web pages with an image gallery and contact page. Finally, we walk through how to share a website live on the web.
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.
Several of the services included here offer free options, too. If you choose that path, however, your site will include branding from the provider, which will necessarily make your site less impressive to savvy surfers—and shoppers. Free offerings vary greatly in the amount of storage and bandwidth they allow, so read the small print to find out how much you get with each provider. Weebly, Wix, and WordPress.com are among the most generous with their free offerings, if that's the way you want to go.
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.
Designing and creating your website (especially your first one) is not a simple task. If you're a designer like me, then you're already way ahead of the game. But what if you're one of the 99% of business owners who are not technical or creative? I want to share my website design expertise with you to help you build a professional looking website to grow your business.
I bought a condo in Puerto Vallarta this last year that I am wanting to make available to friends and family. I want to create a simple, yet attractive, website with photos, descriptions, local information and an availability calendar that I can keep updated. I don’t want to use one of the major vacation rental websites as I don’t want to open the property to the world. I have no experience at all in website design, however I’m a reasonably intelligent person. How reasonable is it that I would be able to create the website I am imagining using your tutorial, and would you still think WordPress is the best option for what I am envisioning?

When you sign up you get immediate access to your own virtual classroom where you can take lessons at your own pace, ask us questions, and chat live with other students. Along the way you will learn all you need to know about HTML, CSS, SEO, hosting your site, building beautiful sites fast, Bootstrap, adding social sharing, and other bonus goodies to test your business ideas. You’ll be an HTML and CSS ninja.
Creating a website is like making a coffee now. With the help of awesome online website building sites like wix, it is very convenient to just drag and drop elements...and create a basic site within hours. For a bloggers, wordpress is the best option, but they have to learn a bit about wordpress first. After creating website, especially a blogging one, there are some necessaries like a good hosting like godaddy.com, social share plugin (I recommend social share plugins by social9.com), cdn service for protection against attracts (cloudflare.com).
After all the work you put into it, I feel not a little stupid, in needing to ask you anything else. The truth is I am a slightly long in the tooth septuagenarian with about as much nous as someone dropping in on a day trip from the fourteenth century. I want to promote (tell as many people as possible) about my new book, and hopefully sell one or two.
Hello Christopher, Users can save your website to their desktop by going into their internet browser (e.g. Chrome), navigating to settings and then manually creating a desktop icon that they can use. This process typically uses the website 'Favicon' as the default image for the desktop icon. Your favicon is the small image that appears in the tab next to your web page title at the top of a browser. For example, Wix's is a small version of the Wix logo, Gmail has a red and white envelope, while our site has a tiny WBE logo in a navy circle. You may need to do some research into how you can change your website's favicon, but if you do then this is how you can have a degree of control over how the desktop icon looks. I hgope that makes sense? - Tom

Client side means what goes on in the user’s browser. JavaScript is perhaps the next thing to try adding to your website and it’s where the actual programming begins. Up until now it’s just been writing tags (HTML) and rules (CSS). Javascript will allow your site to react to user actions, rearrange elements on the fly and even add new HTML tags where there weren’t any before. There are many frameworks for Javascript which will save you time and will often do things far more efficiently than you could yourself. JQuery is by far the most popular.
For example, if you’re creating a site for a restaurant, you might have a Home page, a Menu page, a Reservation page and an Access page. If you’re creating a fan site for your favorite soccer team you might have a Home page, a Players page, a Results page and a Blog page. If you take a look at your current site, you should see two pages already in the menu bar – Home and Sample Page.
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.
let’s use the example of a customer trying to purchase a plane ticket using a website. Everything that the customer sees on the webpage is the front-end, as we have explained programming languages name before, but once that customer enters all of his or her information, such as their name, billing address, destination, etc, the web application stores the information in a database that was created previously on the server in which the website is calling for information.
This layer is like the sewage system or the electric line or the phone line that is coming into the house. They do not have any visual aspect but they connect with data. Like for instance in case of Twitter, the username, tweets, etc are all stored in a database, and the front-end layer gets that data from the backend layer. The above languages can be used to build the backend layer.
Hello, I used BigCommerce to build the website, tenbrookeleanne.com, for my girlfriend's brick and mortar boutique. I do not know any code and before making this website, I knew nothing about ecommerce. The customer service for BigCommerce is awesome! Even though they are a WYSIWYG drag and drop site builder, they helped me customize my website by editing the code for me. They changed the background for my chosen (free) template and added an instagram social button even though it wasn't in the template. When making the website I had a ton of questions and they were always happy to help, now I very rarely have to call support. The BigCommerce University and question forums are very resourceful at well. I would highly recommend BigCommerce to anyone who is looking to make an ecommerce site. My only complaint about BigCommerce is that they do not have a native solution to integrate with the brick and mortar store POS to keep the inventory up to date (though they say they are/have been working on it). I have to use an expensive and less than satisfactory third party software for the two platforms to communicate with each other.
Think of templates as ‘clothes’ for your website. If you don’t like one set of clothes, just change to another one to give your website a completely different feel. And again, don’t rush into it. Choose different templates, browse them, see if they fit. The whole point of templates is choice, so dive in and find one that feels right for what you want to achieve.
×