How to Make a Website From Scratch (HTML, WordPress, or Builders)

As the owner of a small wedding planning startup, a friend of mine didn’t have a lot of time or money to put into a website – but she knew she needed one, or her business would be near invisible. Despite her lack of programming skills, she went full speed ahead into single handedly creating her online presence.

Starting a website from scratch was actually not the daunting task she feared. With the right tools, she got a WordPress site up and running within a couple of weeks. After the initial buildout of the site, she continued to expand and update it herself as her business grew.

Anyone can purchase a domain name, host a site, and create content using bare-bones HTML, WordPress, or a site builder like Wix. We’ll cover each method below.

Step 1 is to choose a host and a domain name. Step 2 is to select a site-building method:

Step 1: Choose a Host and a Domain

The first step to creating a website, no matter which approach you decide to use, is selecting a web hosting service and a domain name. The web host is the company that provides the server and storage space for your site and gives the online world access to your brand. The domain name is the URL (e.g., that people use to navigate directly to your site.

Hosting Plans

This is the super easy part. The web’s top-rated hosts have pulled out all the stops to expedite and alleviate the initial website creation process — often beginning with a complimentary domain name registration, single-click installations for popular CMS and blogging platforms, a free website builder, and marketing credits.

If you’ve stumbled across this article, you’re likely looking for an affordable hosting provider that brings true website-building value to the table. Check out the top cheap hosts to get started:

  • Known for performance at a low price
  • Endorsed by team
  • FREE Weebly site builder and templates
Starting Price/Mo. $2.95
Money Back Guarantee 30 days
Disk Space Unlimited
Domain Name FREE (1 year)
Cheap Hosting Plans

Our Expert's Bluehost Review

If you’re looking for an affordable host, Bluehost is a solid, reputable choice, but their low cost coupled with their supremacy in the shared hosting arena is what makes this provider such a value deal.... read more +

If you’re looking for an affordable host, Bluehost is a solid, reputable choice, but their low cost coupled with their supremacy in the shared hosting arena is what makes this provider such a value deal. The Bluehost name is listed toward the top of many of our reviews categories, and with good reason. They offer excellent hardware configurations, a generous list of extras, and fantastic support and reliability — all at a price point that’s, generally, lower than the competition.

The speed and performance result from very modern hardware and a global content delivery network. They also offer nearly unlimited everything, including storage, emails, and bandwidth, and many other perks. For example, they include a free domain and marketing credits to get your site off the ground — adding to their value.

We rank Bluehost at or near the top for their WordPress, VPS, and dedicated options and if those fit your needs, please check them out. You’ll be happy to note their incredibly competitive pricing across the board.

We are convinced Bluehost has the goods to meet your hosting needs today and in the future, but more importantly, they are too. They offer a 30-day money-back guarantee should you become dissatisfied with any of their plans for any reason; however, we’re willing to bet you won’t be.

collapse info -
  • FREE BoldGrid builder and templates
  • FREE website and cPanel migrations
  • FREE SSD storage makes your site load up to 20x faster!
Starting Price/Mo. $3.99
Money Back Guarantee 90 days
Disk Space Unlimited
Domain Name FREE (1 year)
Cheap Hosting Plans

Our Expert's InMotion Review

InMotion offers an excellent business-class shared hosting plan. While carrying a higher price tag than other cheap hosts, it has a very nice list of features to help justify the extra cost. For the... read more +

InMotion offers an excellent business-class shared hosting plan. While carrying a higher price tag than other cheap hosts, it has a very nice list of features to help justify the extra cost.

For the IT crowd in the audience, you’ll appreciate SSH access, as well as support for PHP, Ruby, Perl, Python, WP-CLI, and other popular languages. You’ll also appreciate the 20-times faster speed, which comes from all-SSD storage and your choice of datacenter locations. You needn’t worry about data security as InMotion plans include data backups.

For the rest of us, we can appreciate the convenience of the free website transfers and 24/7 US-based support. A free domain and website builder with eCommerce support are also appealing.

The overall package and business-class hardware make InMotion’s shared hosting a great choice for businesses or those looking for a little higher-end hardware. And, as one of the few remaining independently owned hosting providers left on the market, InMotion has taken every effort to remain cost-competitive.

collapse info -
  • Featuring easy setup and superb reliability since 1998
  • FREE domain and FREE Google marketing included
  • Unlimited disk, bandwidth, and emails
Starting Price/Mo. $1.99
Money Back Guarantee 30 days
Disk Space Unlimited
Domain Name FREE (1 year)
Cheap Hosting Plans

Our Expert's iPage Review

Whether you're a first-time website owner or a web veteran, iPage’s excellent hosting services and fantastic list of extras make them one of the best values in web hosting. Unlimited disk space, bandwidth, and emails... read more +

Whether you're a first-time website owner or a web veteran, iPage’s excellent hosting services and fantastic list of extras make them one of the best values in web hosting.

Unlimited disk space, bandwidth, and emails are just a part of what makes iPage’s shared hosting plans a great deal. They offer very good "suites" of extras focusing on web hosting necessities like security, marketing, and support.

If you don’t yet have a site, they include a free domain and website builder to get you rolling quickly. We especially love their inclusion of eCommerce templates and online shopping carts for the same low price.

Support is one factor that’s very important to us, as it should be to you. For customer support, iPage has US-based phone, email, and chat available 24/7. For the DIY crowd, they also have an extensive list of tutorials and helpful documents.

One of the very best budget web hosts out there, iPage offers great hosting features and server performance for a low price. If you are searching for a cheap, reliable web host, iPage should definitely be near the top of your list.

collapse info -

See more cheap hosts »

Domain Name Registration

Registering a quality domain name is essential to helping people find and remember your site. Many web hosting services offer complimentary domain name registration for the first year of service, which means they will work to keep you as a customer.

The cost of maintaining a domain name ranges from about $10 to $30 per year, with starting prices and specials that can be significantly lower. Select and maintain a domain name that represents your brand. Here are some things to consider when choosing a name:

  • Make it short and memorable: Shorter domain names are easier to remember. The title should be something that sticks in people’s minds. Long domain names only work if they’re unique and catchy.
  • Use relevant keywords: Your domain name is another opportunity to incorporate keywords that contribute to your overall SEO strategy. Keywords that are relevant to your business niche will make your domain name further stick out in people’s memory and boost your search engine rankings.
  • Research domain names: Check to see if other companies or individuals are using a domain name that is too closely related, to avoid any conflicts or confusion.
  • Choose the appropriate domain name extension: As you know from browsing the web, domain names can end in .com, .org, .biz, and other extensions. Pick the one that best fits the purpose of your website.

For more advice on choosing a domain name from experts in the field, click here.

Step 2: Choose a Site-Building Method

There are three main ways to build a website. First, you can start from scratch and use HTML to build the site from the ground up. You could also use a blogging platform like WordPress or a content management system (CMS) such as Drupal or Joomla. The third option — our favorite for first-timers — is to use a WYSIWYG site builder provided by your web host. Each approach has its merits and challenges, and we’re here to help you determine which is best for your next project.

Option A: Why We Recommend Website Builders for Beginners

Using a website builder – an application that takes you through the steps of making a website without code – can be both liberating and empowering. All of the coding is done by the provider on the backend, and in essence, it’s not much more challenging than using a word processor.

Website builders, like Wix, allow non-programmers to design web pages visually, without coding know-how.

Typically, a site builder or template-based site-building method offers fewer customization options than if you build the website from scratch using straight-up HTML, but for the limited skills required, site builders provide flexibility and a good user experience for newbies. The most popular WYSIWYG (What You See is What You Get) website builders include Weebly and Wix.

Option B: Why We Recommend WordPress for Business

Many business owners and employees have little to no coding skills. At the same time, it can be limiting for some to have to rely on a Web designer/developer to create a website and make updates. WordPress is a catch-all solution for businesses that want a basic website with minimal investment of time and money.

Almost one-third of all websites on the internet exist on the WordPress platform, and even big companies, like CNN and eBay, use it. There are free and paid versions of the software, and there’s plenty of user support available online.

I love the WordPress dashboard for its sleek, clean design. Once you befriend it, you’ll never go back.

With many themes and layouts to choose from and options to advance to more complex designs and features, WordPress is a versatile choice for all kinds of businesses. In fact, it’s the platform that powers, as well as all of our sister sites,, and

Option C / Fun Challenge: Create a website from Scratch with HTML

Web design skills are highly valuable in the job market and maybe you’ve thought it’s something you want to pick up. Building a website from scratch will give you the tools to create and customize a site exactly as you see fit. There’s a higher learning curve but a greater reward, as knowing HTML will allow you to fine-tune your site design and carry those skills forward to expand and update the site with ease.

If you’re a programming novice and determined to learn, you can pick up the coding skills you’ll need from a myriad of web design books (the O’Reilly series is a good starting place) and websites like the World Wide Web Consortium (W3C) Schools.

How to Make a Good Website Using a Free Website Builder

Building a website with a free website builder is a quick, easy, and straightforward process. Wix is one of the most popular choices, as it has good support, reliable service, and a user-friendly interface. This brief tutorial will guide you through everything you need to know to get started.

Step 3A: Create an Account

Enter your email address and password at the signup page. Note that the email address handle will become part of your free domain (if you don’t have a custom domain), so keep that in mind when signing up. If you’re still unsure, I welcome you to check out our expert review of the Wix platform below.

  • No coding skills needed with drag-and-drop website builder
  • 100s of templates with industry-specific designs
  • Add features via the App Market
Starting Price/Mo. $5.00
Money Back Guarantee 14 days
Disk Space 500 MB - 20 GB
Domain Name Transfer
Website Builder Hosting Plans
Our Expert's Wix Review
Website building is where Wix shines. The thousands of templates, the intuitive editor, the industry-leading designs that cater to a variety of specific fields and use cases — all these facets represent a platform that... read more +

Website building is where Wix shines. The thousands of templates, the intuitive editor, the industry-leading designs that cater to a variety of specific fields and use cases — all these facets represent a platform that excels at facilitating easy web design for the non-tech-savvy user. Sign up with your Facebook account or email address and get started for free.

I'll admit, the Wix Editor may appear daunting when you first meet it, but get to know the interface. Once you familiarize yourself with the environment, you'll realize that what first comes across as overwhelming is actually empowering — the customization functionalities to be had are many, and they're awesome. There's no need for coding of any kind. Just drag and drop elements of your new site and BAM: What You See Is What You Get (i.e., Wix is a WYSIWYG website builder!).

You don't have to design your website from scratch with Wix, though blank templates are available. There are thousands of templates, each one categorized by design need and further classified into industry niches, and the site's look can be molded to match your brand or personality very easily. Layout and design options include parallax themes (where the viewer scrolls down the screen and one page rolls seamlessly into the next), custom sliders, multiple columns, mobile-specific and mobile-responsive displays, and tons of button and menu navigation tricks.

While Wix isn't our favorite host in terms of expert support or top-of-the-line hardware, it's an industry-leading platform for website building. It's popular for many reasons: the simple startup process, the ease of use, the array of customization options, and the WYSIWYG results, as examples. Its reputation precedes it, and we can totally see where the rave reviews are coming from.

collapse info -

Step 4A: Choose Your Website Type

Select the category that best describes your website. This helps people find your website and helps Wix cater to the platform’s diverse user base. Your selection will determine what kinds of templates you browse, so consider the best option for the style of site you want to build.

Step 5A: Choose Wix Editor

Wix now has two options for creating a website. In addition to the traditional Wix Editor, there’s also Wix ADI, an artificial intelligence program that designs custom sites based on questions you answer. We recommend using the Wix Editor, which gives you full control over the customizations available on the platform. However, if you want to try the Wix ADI, by all means, go for it!

Step 6A: Select a Template

Choose from a wide variety of templates, all different depending on the type of website you are creating. Filter options by image, search by keyword, or sort through the templates by category.

The wealth of industry- and niche-specific themes available in Wix is something I find particularly attractive.

You can also opt for a blank template to start completely from scratch or with a basic layout.

Step 7A: Customize Your Pages

Each template starts with pre-filled text and a background image. Your template is a starting point to make the site your own. One of the first things you should do on your new Wix page is add your business information. Fill in your brand name, slogan, and other pertinent details by simply clicking on the text that needs to be replaced. You can also change the visual aspects of the page, including the background image, and add or swap out images on other pages on your site.

Step 8A: Add Your Content

There are lots of ways to add content and customize your site. Click the Add button on the left-hand menu for a swath of options — text, buttons, slideshows, menus, et cetera. Under the Apps button, there are many features you can add to your site for additional functionality such as comments, live chat, and an online storefront. You can also upload your own multimedia content, such as fonts, images, videos, and music, and start a blog.

Step 9A: Publish!

Simply click “Publish” in the right-hand corner to put your site up on the web! You’ll choose a domain, which can be a free domain from or a customized domain you acquire via a domain registrar.

How to Create a Website with WordPress

Using WordPress to create your site is a similar experience to using a website builder in terms of process. Which platform you should use is a matter of preference. It depends on which one feels most intuitive to you and gives you the most flexibility for your site design and maintenance. A big advantage of going with WordPress is the large community of support, both official and from other WP software users.

Step 3B: Install WordPress

Most hosting plans include easy access to WordPress — installing the software with one click, or better yet, having it preinstalled for you. In most cases, you can simply log into your hosting control panel and find the option to install the WP platform. If your hosting service doesn’t have this capability, you can find the manual installation instructions here.

  • FREE software with 1-click install
  • Trusted by millions of site owners
  • 1,000s of drag-and-drop themes
Starting Price/Mo. $3.49
Money Back Guarantee 90 days
Disk Space Unlimited
Domain Name FREE (1 year)
Best Overall Hosting Plans

Our Expert's WordPress Review

WordPress, the #1 blogging platform and software that powers more than 26% of websites currently online, needs no introduction. The underlying software of, a browser-based website builder for newbie site owners to stretch their... read more +

WordPress, the #1 blogging platform and software that powers more than 26% of websites currently online, needs no introduction. The underlying software of, a browser-based website builder for newbie site owners to stretch their website design wings, can be downloaded and installed for free via

Many of the top hosting providers make the software even easier to access, however, by offering single-click installations for WordPress. WordPress hosting front-runner, InMotion Hosting will preinstall the platform for you at checkout.

Once the platform is successfully set up, site owners can begin browsing the theme marketplace, previewing site content before publishing to the web. Find the perfect theme, incorporate any plugins you'd like to extend your site's functionality, and begin drafting your first post! Whether you're building a blog or an online store — hosting on a shared server or your very own VPS — you can have a new WordPress site online in less than an hour. It only has to take a few minutes, but we're no stranger to perfectionism.

You'll have the support of the open-source community in your corner, as the WordPress core code is actively maintained by a team of all-star contributing developers. And just about any question you could imagine having has probably been asked and answered somewhere on the web. It's a long-standing, fast-growing family of fans, and we at HostingAdvice welcome you to team WordPress!

Whether you're looking for shared, cloud-based, or dedicated server WordPress hosting, we recommend InMotion. Throughout our review of the WordPress platform, we'll use InMotion's pricing, storage allowances, uptime rates, and support standards to illustrate the ease and excellence of building a website with WordPress and a WP-friendly host.

collapse info -

See more WordPress hosts »

Step 4B: Go to Your Dashboard

Take some time to get acquainted with the WordPress backend for your account. You’ll find where to manage your posts, pages, and comments; change the site appearance; add site editors; and install plugins. Your dashboard has everything you’ll need to keep track of the content on your site and customize its look and feel.

Step 5B: Install a Theme

Under the Appearance tab in the dashboard, you can select from a number of free themes (or opt to pay for one). Installing a theme is as simple as selecting “Install” and then “Activate” for the template you want. You can change your theme at any time without altering the other content on your site.

Step 6B: Add Pages and Content

To add new pages to your site, select “Pages” and then “Add New.” You can make these pages part of your site’s navigation menu under the Menus option in the Appearance tab. To add posts (if you want a blog on your site), go to “Posts” and then “Add New.”

Step 7B: Set Your Front Page

By default, WordPress will place your latest posts on your homepage. To select a specific page to serve as your homepage, choose “Settings” from the dashboard menu and then choose “Reading.” In the Front Page Displays section, opt for “A static page” and then select the page you’ve created as your homepage.

Step 8B: Install Plugins

Plugins are extensions — not set up in WordPress by default — that add new features to your site. WordPress plugins can enhance your site’s functionality, help you achieve the goals you have for your site, and give your website visitors a better user experience.

Plugins abound for WordPress users! Just download and install to extend the platform’s already-robust functionality.

For example, the Google Analytics plugin helps you track your site activity, and the NextGEN Gallery plugin lets you display image galleries. Under “Plugin” in the dashboard, you can search through the options — literally thousands of free plugins. Just click “install” and you’re good to go.

Step 9B: Publish!

At this point, you’ll have created a content-filled, visually appealing and functional site. Publishing in WordPress happens on a page or post level, so you’ll need to click “Publish” for each area of your site. You can wait until your website is completely ready to launch to publish your content or publish as you create individual pages and posts.

How to Make a Website with HTML Only

For those who want a challenge and have a little extra time, making a website via HTML is a worthwhile endeavor that develops your understanding of web editing and design. You can set up a basic site in just a few hours, and build upon it as you learn more HTML and CSS skills.

As was the case with the first two website-building routes, your first step is to sign up with a hosting provider.

  • FREE site transfer or new site setup with 1-click install
  • FREE automated daily backups, CDN, email, and SSL
  • 24/7 expert support with no wait time on phone or live chat
Starting Price/Mo. $3.95
Money Back Guarantee 30 days
Disk Space 10 GB - 30 GB
Domain Name New or Transfer
Best Overall Hosting Plans

Our Expert's SiteGround Review

With an impressive breadth of overall hosting services offered, SiteGround is a leading innovator in the hosting space — from custom software solutions to premier customer support. They offer the full range of web hosting... read more +

With an impressive breadth of overall hosting services offered, SiteGround is a leading innovator in the hosting space — from custom software solutions to premier customer support. They offer the full range of web hosting features, including a free Cloudflare CDN, cPanel with SSH access, and unlimited MySQL databases and bandwidth — not to mention their prize-worthy customer support.

Tech Talk with Tenko Nikolov (CEO) & Ivo Tzenov (Founder)

We got a chance to sit down with both the CEO, Tenko Nikolov, and Founder of SiteGround, Ivo Tzenov, to discuss the technology behind some of their incredible innovations. They gave us the inside scoop on SiteGround's features, and took us through the solutions they've engineered to enhance the user experience.

Custom-Built Customer Service: Chat and ticketing systems

What's SiteGround's strongest "pull" factor, you ask? Well, customer service has been their claim to fame, without a doubt. However, customers come to SiteGround for the support, only to be blown away by the custom solutions they've built to make the hosting experience as stress-free as possible.

SiteGround has engineered an in-house chat software that allows users to select and rate thoroughly vetted customer service agents with whom they've worked previously. They've written their own ticketing system as well, which is comprised of an algorithm designed to select appropriate technical support representatives for specific tasks.

In-House Solutions: Shared, WordPress, Cloud, & Dedicated

They've taken their preference for in-house software solutions for customer support and applied it to their entire business. "All of our infrastructure and all of our code beds are done internally," Tenko said.

For their shared hosting service, they've conceived a one-of-a-kind server isolation system that prevents vulnerable servers from taking down entire networks. In place of VPS hosting, they've built their own cloud container platform, featuring thousands of containers and top-notch scalability and security. All SiteGround hosting service users benefit from their unique downtime prevention mechanism, which has helped SiteGround develop their reputation for uptime rates: 99.996% annually and 99.999% monthly.

Other Unique Perks: SuperCacher and In-House Backups

In the cases of caching and backups, customers have access to SiteGround's in-house SuperCacher, with a flexible range of options to meet any and all page load needs at optimum speeds. Their custom backup software improves upon technology off the shelf, which often takes up to a day to run. Instead, SiteGround customers receive daily backups from a system that only takes about an hour.

Final Word: Unmatched User Experience with SiteGround

SiteGround is, without a doubt, an esteemed leader in customer service within the hosting industry. They've emphasized that commitment to quality with the unique, custom solutions they've built. On the development side, they devote a tremendous amount of time to UX testing, epitomizing their commitment to the user experience.

collapse info -

See all top hosts »

Step 3C: Choose a Text Editor

To write HTML tags, you’ll need a high quality text editor that caters to the language of the web. Notepad++ is a good option for Microsoft users, while TextMate is ideal for Mac users. Cross-platform text editors include Atom and Sublime Text.

Step 4C: Build an HTML Template

Websites can be built strictly using HTML, which translates into text files named with the extension .html. The main page of your site is typically titled index.html. Create this file and save it, then fill it in with the basic framework of your HTML site. It will look something like this:

At its simplest, this is what your site’s main index page should look like when you’re drafting it up in your text editor.

<html> tags enclose the entirety of your site content and indicate that this is an HTML document. The <head> tag encompasses your page title, meta tags (tell the browser details about your page content and display), and references to your external CSS files for styling your page. The actual content of your page goes between the <body> tags.

Step 5C: Structure Your Files and Folders

When building your site, you’ll want to organize your files into folders according to the structure you want your site to appear in. For example, you might create a folder for your About page that has your main about.html file as well as any related CSS that adds style to your site and other HTML files that support that content. When adding links throughout your site to your site’s pages, you will reference their folder location in the directory where you store your files.

Step 6C: Structure and Write Content

Write your content within the <body> section of each .html file (i.e., each page) of your site. Here are a few important tags to know as you build out your site:

  • <header> indicates the top of your document and is where your page title and logo appear.
  • <nav> is used to build your site menu, the main navigation of your site where visitors find top-level site links.
  • <section> denotes the main content of your page. It’s used to group like content within a page. Think of articles you find online that are grouped under individual headings.
  • <article> is used for individual pieces of content on a page such as a blog post, image, video, or other multimedia. It’s a way to structure the page so these items can be easily distinguished.
  • <footer> is the bottom of the website. This area is often where people put their contact information, terms of service, privacy policy, and other miscellaneous but important information.

Filled in with these tags, the basic structure of your page would look like this:

Complete with HTML tags, your website’s basic page structure should look something like this in your text editor.

You’ll also want to add a basic navigation bar for your site. This provides easy access to the main pages of your site. You’ll use the <nav> tag and the <ul> or unordered list tag to set this up.

In HTML, your site’s main navigation is actually just an unordered (think bullets) list of URLs.

And voila! Now your site visitors can easily navigate to your blog, product pages, drop you a line on your contact page, browse customer testimonials, and back to the homepage again!

Step 7C: Style Your Site with HTML or CSS

You can make your site more visually interesting with formatting, colors, and images only using HTML. However, incorporating CSS, or cascading style sheets, into your site gives you a lot more control over its appearance, and sites that use CSS look more professional overall.

Add additional customization and design rules to your site using CSS files.

CSS is designated in separate CSS files. The main file is typically titled style.css. Some basic functions of CSS include adding colors, borders, and backgrounds, and applying the box model to organize the content on your pages. This step is more advanced than using basic HTML, but can greatly enhance the aesthetics of your site.

Step 8C: Publish!

Once you’re happy with the overall layout, you can publish your site. It’s perfectly fine if your site is very basic to start out with. As long as it looks professional, you can feel good about putting it out on the web, and improve it as you develop more HTML and CSS skills.

Deciding What to Make a Website About Is the Hardest Part!

As was the case for our event-planning friend, you may not think that you can build your own website at first — but the truth is it’s now easier than ever for the complete beginner to create a functional and visually appealing site that people want to visit. With the help of online resources and support from the WordPress community, my friend built a site she was proud of – and you can, too.

The most important thing to consider about your site is the content, as this will be what draws people to visit and keep reading. Consider what you want your site to be about, whether it’s your business or a blog on a specific topic. Consider carefully because this will determine your web design direction, too. Once you’ve got some content ideas and a concrete plan, you’re ready to start your site building adventure by signing up with a host.

Jennifer Young

Jennifer Young is a specialist in educational technology with experience in web design and development. She also has 12 years of editorial experience writing for print and the web. Jennifer is passionate about covering topics related to web tools and technologies and enjoys learning about tech as much as she loves teaching it. She embraces the challenge of making web hosting accessible for every type of user and is delighted to share her knowledge with the audience.