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
Besides doing tutorials you should also get a book which gives a complete overview of HTML. Why was HTML created? Why is it important? When should it be used? A book will answer these general questions and it will also give a complete overview of what HTML can do. You do not need to understand everything, you just need to be aware of what HTML can do for you. A couple months down the road you will need an ordered list for your website, and although you won’t remember the details, you will remember that you read about it in a book.
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.
It’s important your template is responsive, so your site will look the same on all devices. When considering templates, you also need to decide whether you want a static header or slideshow header, and how many pages you’ll need to fit in your menu bar. Stay away from hard-to-read fonts or flashy backgrounds that could distract a consumer from understanding your core message.
If those template customizations don’t look like enough for you (though if you’re building your first website, they will be), you might want to think about building your website on an open source platform like WordPress.org. You will get more flexibility, but if you’re not a coder, learning WordPress takes a lot of time — especially compared to drag-and-drop builders.
If you prefer not to use any of the above, you can find tutorials for other WYSIWYG web editors here, including one for KompoZer, another free (though somewhat outdated) web editor. And if none of them suits your taste, there are also numerous other programs listed on thefreecountry.com's Free HTML Editors and WYSIWYG Web Editors page. In addition, if you're thinking of blogging (making a website that works like an online diary), you may want to read How to Create a Blog.
Server-side Scripting Language - this allows you to provide much more advanced functionality than you could acheive with just HTML/CSS/JavaScript. Server-side scripting languages are commonly used in conjunction with a database so users can interact with a website much more extensively. Any website that offers things such as blogs or forums would need to use a server-side language to allow users to post comments etc into a database. These comments can then be read later on by other users who want to read them. Common server-side scripting languages include ColdFusion and PHP.
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.
!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"))}});
What separates mankind from all other beasts is our ability and desire to create new things. We can take bits and pieces of information and reshape it to create something new. Shakespeare, Michelangelo, Mozart and you were all created equal - all born from the same star dust. The greatness comes from taking the information given and rearranging it in a unique way - to create a vision nobody had seen before.
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.
If you don't have a design already in place and think templates are too limited, consider Adobe Muse CC. This unique little program concentrates on letting you design. Templates are handy, embeddable web fonts are great, and the sitemap view may be the best way to get an overall feel for what your site will have. Export it to HTML and you're ready for upload. It's part of the Creative Cloud bundle and also available individually for $14.99 a month with a yearly plan.
All desktop operating systems come with a basic text editor. These editors are all straightforward, but lack special features for webpage coding. If you want something a bit fancier, there are plenty of third-party tools available. Third-party editors often come with extra features, including syntax coloring, auto-completion, collapsible sections, and code search. Here is a short list of editors:
After you have chosen the winning design, you will need to find someone to code the design for your website. 99designs has coding partners that will be able to do this for you and who have experience working with templates from 99designs. Typically the cost to code 1 responsive page (a page that also works on mobile) is $300, and each inner page (all pages other than the homepage) costs around $150.

Hi Jeremy, Thanks for your article. I have a question I am hoping you can help me with. The original site I started was a free blog through wordpress website. I then decided to go towards an actual site with a blog attached, I made the switch to Hostgator. During this switch Hostgator took our domain name and is requesting $700 to get it back even though we paid the yearly fee. They are now saying they will not release our domain name until May. Does this seem correct? Thanks Kate


Jeremy, I believe this article is really helpful to cross the initial mental hurdle of making a website. I do also want to build a website. But before getting started few questions are coming into my mind. Brief about my planned website: A website strictly user login based. User can upload audio, video, image and text files or may be youtube/soundcloud links. Those uploaded files should be played or displayed on the website UI only. Users can view/like/share other users' uploaded files or can download on basis of permission given during upload. Now my questions: 1. Is this really possible to build this kind of website though the online website builders? if yes, then: 2. Which builder will be best suited for my requirements? 3. Who will give me this amount of cloud storage? How much will it cost? 4. How do I write decision making codes inside? 5. How do I maintain database and run query on database? 6. How can I get money from my website (without advertisements)? Who will pay me money and how? See, I am an IT professional (though not working in web development domain). I have no issue in writing codes, but I was wondering if I could do it with shorter timespan and lesser amount of maintenance effort. That's why I was going through your blog. Lastly, if you really believe that it is quite impossible to build this kind of website online, please suggest me what should be the best way to build it from scratch. What framework should I use (I know Java and Python both)? But in that case also, one question still remains: how can I earn from this kind of website? Thanking you in advance.
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
After you have chosen the winning design, you will need to find someone to code the design for your website. 99designs has coding partners that will be able to do this for you and who have experience working with templates from 99designs. Typically the cost to code 1 responsive page (a page that also works on mobile) is $300, and each inner page (all pages other than the homepage) costs around $150.
You can get started for roughly $10 per month for shared or WordPress hosting if your website doesn't require much server horsepower. As your business expands, however, your website may need greater horsepower. That's when you should look into cloud, VPS and dedicated hosting. These levels of services are for when you really need a web host that offers lots of storage, a significant amount of month data transfers, and numerous email accounts.
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.

Hello Vivy, If you are a beginner and don't want to climb a steep curve to learn the technicalities of managing a hosting company, then consider taking a look at drag & drop website builders. These website builders manage all the hosting and technical aspects of operating a website for you. And, their platform allow you to drag and drop your content when making your pages so you don't have to know how to code. I'd suggest testing out Wix and Weebly to start. Both are code free and have free plans for you to test. They don't have a time limit on their free plans so don't worry about upgrading until you are satisfied with them. But if you really want to use a hosting company (for instance, you want to use WordPress.org), then someone like Bluehost is pretty good, in general. Thanks, Jeremy
I’m an employer and I don’t really care where you went to school or what your GPA was — I want to know what you’ve done. Paid off student loan debt bytutoring computer science in New York? Rock on. Raised $20,000 on kickstarter for a Daft Punk tribute album? Awesome! Started the ‘dear photograph’ meme? Splendid! Blogged years worth of eating across the world and now creating food-tour-guides? Now we’re cooking with bacon.
Schools are starting to realize that a code curriculum should be real-world focused. That means students come away with both conceptual, and practical coding skills. Unfortunately, many courses/solutions offered today only offer conceptual learning. … There are no jobs in block based coding, or in using code snippets to move a character around a screen. …
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.
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.
hello, I can't find an answer for this anywhere ...maybe I'm just asking a wrong question...but I just created a website.....and trying to figure out how to have DESKTOP SHORTCUT ICON of my OWN website that I just created....so when someone visits my site and decide to keep it on their desktop....I want them to have my own designed icon to their desktop of my own website. maybe you can help? thank you!
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.
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 wbs, Getting started is definitely the easy part - no doubt about that! And I take your point that it can be challenging to make a design that you're 100% happy with. So, I guess we're pretty lucky that website builders like Wix and Squarespace offer such eye-catching templates that we can edit to our liking or use as jumping off point! (Our 3-step guide can help you pick the right template too..) Not having to work with a blank canvas certainly makes things much easier and gets the creative juices flowing. I think the best thing we (as amateur designers!) can take from sites like Facebook, Twitter, etc is the simplicity of their design. Your users want to find what they need quickly and easily, so the key lesson is to keep designs eye-catching but user-friendly (oh and don't forget the importance of color on a website!). Thanks for joining the conversation, - Tom
×