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).

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.
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. …
Eric narrowly averted a career in food service when he began in tech publishing at Ziff-Davis over 25 years ago. He was on the founding staff of Windows Sources, FamilyPC, and Access Internet Magazine (all defunct, and it's not his fault). He's the author of two novels, BETA TEST ("an unusually lighthearted apocalyptic tale"--Publishers' Weekly) an... See Full Bio
Hi Jeremy, I've done so much "research" into making my own website and have to be honest, feel rather overwhelmed! I'm wanting to create a website that will allow regular blogs, resources and ultimately to sell consulting services. I'd like to be able to upload clients videos/pics and also sell ebooks. I'm mindful of good seo but also safe storage of customers personal details. Longer term, if I wanted to move my website, and all its info, can I transfer this information to another host? Many thanks for any help.
If you build a website that’s optimized for search engines, then yes it will. It’s a common myth that you can’t rank as well with website builders – you definitely can! How to create a website that ranks in Google will require good content, and a bit of background research into SEO. Building websites that people can find is key to a good website marketing strategy, and not that hard to do.
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.
Even if you outsource some parts of your business, you still have to keep a watchful eye on the business structure. Just because it’s online doesn’t mean that it’s run any different than a traditional business. In short, be prepared to spend a lot of time improving and adjusting your site. I would personally make a list of everything you should do and start checking off this list as they are completed.

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! 
With all that being said, I want to share some things you can do to improve your website’s SEO. To keep things simple, we’ll take an 80/20 approach here – as in 80% of the results come from 20% of the efforts. Yes, there are lots of tiny little tweaks you can make to marginally improve SEO – and if you’re curious about them, you might want to check out this set of tutorials.
GoCentral Website Builder can act as your hub, the place where your friends and contacts can see your posts, photos, videos and more. With the option to link to your Facebook, Twitter, Instagram, Pinterest, LinkedIn, YouTube and Google+ on your website, your visitors can be everywhere you are on the web. Being able to cover multiple platforms gives you the opportunity to reach more people, while creating appropriate content for each of your socials (like posting all of your photos on Instagram, and tweeting about your most recent business venture on Twitter). By centrally locating all the links in one place – your new website – you are giving your website visitors a seamless experience. Linking to your social media in your website gives you an advantage in communicating with your visitors; the more they can connect with you and do so in the forum that’s most comfortable to them, the more they’ll engage with your site, and thus you or your business.

Most of the products here can tell you about site traffic, though the amount of detail varies greatly among them, and it's often tied to premium account levels. For example, Weebly can not only show you page views and unique visitors for each day of the month, but also search terms used to get to the site, referring sites, and top-visited pages. Wix and uKit, at the other end, have nothing in the way of built-in site stats, instead requiring you to create your own Google Analytics account, and even that requires a paid account. Another drawback of that approach is that you can only see traffic from the preceding day and earlier; it's not up-to-the-minute, or even the hour.
3. Now, you’re ready to add content to your site. For instance, I added the title, “Caroline’s Consulting Business”, by using the “Text box” tool in the Insert panel. The Insert panel also includes options to embed images or links, or connect to your Google Drive or Google Docs. For example, I circled “Google Docs” in the image below -- I clicked that button to embed my “How to Take a Screenshot on Windows” Google Doc into my landing page.
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
Whether you are using WordPress or a Website Builder, there are a range of external tools and resources you will need in order to give your website a professional touch. Note that if you are building your site with WordPress, it is likely you will have hired a developer or designer for the creation process. In this case, they should be able to assist you with the following (expect a higher price than using the online resources mentioned below).
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!
Whether you’re providing a product, service, portfolio for your work or launching an ecommerce storefront, your website not only should reflect you and/or your brand, it also needs to be the central location for your business. There’s simply no other way around it. All of your marketing efforts lead back to your website. Which is why it’s of the utmost importance to set up your website correctly.
You can take photos on your own or find stock photography websites that sell professional photos at a reasonable price. Some websites charge a fee for their images, and other provide them for free. If you decide to use images found online, make sure they are from royalty-free sources. Many images have copyrights and you need permission to use them on your website.

!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"))}});
Getting your own website used to require a lot of tech wizardry, such as knowledge of servers, HTML, FTP, site registrars, and web hosting services. Thankfully, we now live in the age of easy online site builders. The services included here let you make a well-designed, mobile-friendly site with minimal technical knowledge. They can even take a small or sole-proprietor business to profitability with buy links, online stores, and other money-making options.
Establishing a business plan and marketing strategy may be a lot of hard and daunting work in the beginning, both will guide you in setting up your website. Because this is an increasingly popular, and growing, field, there are more than enough online marketing strategies to help you. You can review these strategies to help determine what does and doesn’t work. Just keep in mind that there may be some areas, such as SEO and PPC, that may require outside help.
Back-end Development : It refers to the server side of development where you are primarily focused with how the site works. Back-end development usually consists of three parts : a server, an application, and a database. Languages such as Java, PHP, Ruby on Rails, Python, .Net etc are mostly used in back-end development. These languages are used to create dynamic sites in which there is a communication between database and content on the website. Unlike static websites, content on a dynamic website will be changing and updating constantly. MySQL and MongoDB are commonly used database.
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.
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
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.

In all GoCentral Website Builder plans any data transmitted from your site will be encrypted using a SSL (Secure Sockets Layer) certificate. Your SSL will establish an encrypted link between your web server and the browser of the person visiting your site. This means that all data will be kept private; which is important if you want visitors to your site to be safe. If you want to sell products or services in your store, you will want to have a SSL since it protects credit card and bank numbers from being intercepted by hackers.


Squarespace — There are a suite of beautiful apps: Commerce lets you manage your store. Blog lets you compose blog posts and manage your blog. Metrics gives you website analytics. Portfolio lets you manage photos and galleries— but it's iOS only. Having a suite of apps is great— rather than stuff everything into one app, they're able to make a beautiful interface for each use case.


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.
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.
Hi Jeremy. Superb article, which I would also use to describe the other articles and reviews you have created for building a web site. I've understand that Shopify is your primary recommendation for an ECommerce site. I'd like to see the capability of various vendors availing of our site's services to post and sell their products. Can Shopify handle this as well? Thanks for helping a lot of people! Wishing you more success. JP

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
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.
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
There’s a huge library of goodies for you to use at Envato Elements, which range from ready to use stock images for your blog posts (250,000+ fully licensed stock photos), web templates, fonts, backgrounds and much much more.  Elements like these can save you so much time and are all ready for you to use for a single monthly subscription by signing up to Envato Elements.
Get advanced capabilities with all the design features of the Wix Editor. Build custom web applications and robust websites. It’s serverless, hassle-free coding. You can set up your own database collections, build content rich websites, add custom forms and change site behavior with our APIs. Plus, anything you create is SEO compatible. With our website builder, you can create anything you want.

In terms of absolute design and development freedom, I recommend using MODX which is more a CMS and framework combined. It likes to market itself as a CMF. I used to use Wordpress for basic sites and MODX for anything more complex but over time clients come back asking for added functionality to their websites and I came to realise I could save more time overall just using MODX for everything. There are some other promising CMS options that have appeared too that are quite customisable such as Processwire, October CMS and Craft CMS (although the last one is paid).
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.
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.

Back-end Development : It refers to the server side of development where you are primarily focused with how the site works. Back-end development usually consists of three parts : a server, an application, and a database. Languages such as Java, PHP, Ruby on Rails, Python, .Net etc are mostly used in back-end development. These languages are used to create dynamic sites in which there is a communication between database and content on the website. Unlike static websites, content on a dynamic website will be changing and updating constantly. MySQL and MongoDB are commonly used database.

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.
For years Adobe Dreamweaver has been synonymous with web page creation. It's gone from being a creator of HTML pages in a WYSIWYG interface to being able to handle programming pages in Cold Fusion, JavaScript, PHP, and other formats. Its liquid layout lets you see how pages look at different browser and screen sizes—even on smartphones and tablets. It's about as code-heavy as you want it to be.
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.

Professional Images and Videos: One of the simplest ways to enhance your content is by including rich, relevant images or videos on your website. Depending on your business type, you may already have a large portfolio of beautiful images you wish to display on your site. Alternatively, you can find high quality stock images and videos online. With a wide range of websites that allow you to access and download millions of images for a small fee (typically $1-$10) , the options are endless!
Hi Ben, Thanks so much for the great feedback, so glad you enjoyed reading the article! Please do share it on if you think your friends will find it useful too. It's true Wix isn't for everybody, but it did do extremely well in our research (which is why it's our best all-round website builder)! WordPress is another great option and I'm glad you're happy with them - Bluehost is certainly a great choice of provider for your WordPress site! If you were looking at changing or setting up another site why not check out our comparison chart or our article on the best Wix alternatives? I've included the links in case you find them interesting. Thanks for reading, Lucy
×