Excellent article! After surfing the Internet and reading many websites on how to create a website, I can honestly say that it is the most complete and easy to understand, for a complete beginner! Your step by step guide is comprehensive and very informative and has given me the confidence to move forward and try to set up my own commercial website ... A big thank you!
But testing gets complicated because some browsers only run on certain operating systems. Apple Safari runs on iOS and Mac OS, while Internet Explorer runs only on Windows. It's best to take advantage of services like Browsershots or Browserstack. Browsershots furnishes screenshots of your website as it will look in various browsers. Browserstack actually gives you full remote access to virtual machines so you can test your site in the most common environments. Alternatively, you can set up your own virtual machine, but that takes some expertise. (If you're going that route, Microsoft has some tools for developers including a ready-to-use virtual machine at modern.ie.)
Stop whatever you're doing and ask yourself this simple question: "Do I need a website?" If your response was anything other than "yes," you need to think again. It doesn't matter if you're the head of a multinational corporation who employs thousands of people or a local mom-and-pop shop from around the way, you need a website to help potential customers find you online. If you have a business, failure to establish an online home is a failure to grow.
Starting with Wix's ADI (artificial design intelligence) tool, several of the site builders now offer a tool that lets you enter social accounts and other personal or business info, and presto bingo, they get you a no-work website. Jimdo and Simvoly now offer similar if somewhat less ambitious tools. Wix's ADI even impressed a professional designer acquaintance of ours with results we saw in testing, mostly using images and information it scraped from her LinkedIn account.
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.
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!
Do it Yourself: There are a number of logo design software out there that will allow you to create your own logo. We recommend Tailor Brands if you want an easy way to create an appealing logo. Once you create your logo, you can subscribe and gain access to branding tools, including seasonal logos, branded social media posts, branding landing pages, and more. You can try it out for free, and if you find a design you like, you can download it for as little as $2.99. Click here to start designing your logo.
Good article - but to make my choice easier, i must say this web site is awesome. What website builder did you build this site on Jeremy? Because all other website templates from the builders that i see operate nowhere near as good as this site. This site looks great in all devices, it runs quick - looks really professional and has so many features that i see. It just works well. The others look good on the surface but when you realy start to see how they look (changing browser window) and how they run and load this web site is light years ahead. So which website builder did you use for this site? This would be my choice for sure.
When it's time to go beyond the blogs, beyond the online resumes, beyond the page of links, which service do you turn to for a full-blown site that gives you the flexibility to build nearly anything you desire? There's no lack of them, but three of our favorites are DreamHost, HostGator, and Hostwinds, well-rounded services that feature numerous hosting types and tiers.
You have a lot of custom requirements for your website that are unlikely to be accommodated by the website builders mentioned below. Whilst a very basic website is easy to create on WordPress, you should be striving for more than ‘basic’ when building your business’s online presence. It is likely you would need a developer and a designer to customize the features, functionality and design of the site- additional resources that you will need to budget for if you choose to build your website with a CMS.
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.
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.
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).
What about if you build a website for someone and they want to be able to update the content themselves without needing to read any code? Most people have very little technical knowledge and just want to be able to upload new pictures and change text by typing into a word processor. This is where the CMS comes in. The most used software on the internet is Wordpress. You’ve probably heard of it; it’s blogging software that has evolved to include some CMS functionality. Along with other offerings like Wix and Weebly, it’s mostly used by people without a technical background as a quick DIY website solution. Themes can easily be bought and installed which provide an instant website and certain content can be updated by an admin area.
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.
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 want to improve the chances that your website will work in future versions of all web browsers, consider validating the code for your web pages. In layman's language, this means that you should check that the underlying code of your web page, called "HTML" and "CSS", has no syntax errors. You don't actually need technical knowledge of HTML and CSS to validate the page, since you can use one of the numerous free web page validators around to do the hard work. On the other hand, if the validator tells you that your page has errors, it may sometimes be hard to figure out what's wrong (and whether the error is actually a serious one) if you don't have the requisite knowledge. Having said that, some validators actually give concrete suggestions on how to fix your code, and one of them, called "HTML Tidy", is even supposed to be able to fix errors for you.
WordPress is a big name when it comes to creating websites. But you should know that WordPress.com, which is linked to in the table above, is not what most people are talking about when they mention WordPress. What most internet-savvy people mean by the term WordPress is the free, open-source blogging platform that comes from WordPress.org. Using this requires you to find your own website hosting service. The WordPress.org software is such a popular site-building platform that many web hosting services even offer managed WordPress hosting plans. WordPress.com, on the other hand, is a service that deploys and hosts that software for you, so you don't have to go out and find your own hosting service.
One downside of most of these services is that, should you someday want to move to another web host, you'll likely be out of luck because of the custom code they use to display your site. Only a few of the services here let you take your site to another web hosting service: The most complete example of this is Weebly, which lets you download the standard site server folders. Squarespace offers some transferability by letting you output your site in standard WordPress format. As you might expect, the same transferability holds for WordPress.com.
Great article! Having trawled the internet and read quite a few websites on how to build a website, I can honestly say this is the most comprehensive and easy to understand - to a complete novice! Your step-by-step guide is thorough and very informative and has given me the confidence to go ahead and try to set up my own business website ... A big THANK YOU!