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.
CSS has only one drawback - a steep learning curve. It is not instantly intuitive. You need to study it and understand it and only then it will ‘click’. You cannot get on a bike and ride, you need to learn to ride a bike. You do not just start drinking beer when you turn 21 - you need to learn to appreciate the taste. CSS takes time to learn and appreciate.
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

Although there are many considerations in web design, as a beginner, your first step is to actually get something out onto the web. The fine-tuning can come after you've figured out how to publish a basic web page. One way is to use a WYSIWYG ("What You See Is What You Get") web editor to do it. Such editors allow you to design your site visually, without having to deal with the technical details. They work just like a normal wordprocessor.


GoCentral Website Builder lets you quickly build a customized site and get it out there for the world to see. It’s all done through components that we call sections. What're those? They're features that you can slide into your website to provide added functionality instead of being limited by a template. Just pick an industry or interest, and we drop you into a customizable design.

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.
Just as you can get a logo designed by 99Designs.com, you can also have your full website designed through this site. The concept is the same: you submit a brief on what you are looking for and get back anywhere from 20 to 60 designs. You only pay for the design you choose, and the price ranges from $599 to $1,599, depending on which package you go with. We used 99designs here at FitSmallBusiness.com for our own website – so if you want to see an example of a 99designs website, you’re looking at one!
Click-to-call buttons are especially helpful if you want mobile visitors to dial your business. This is a button that – when clicked from a mobile phone – automatically populates your business’ phone number into the visitor’s dialpad. An embedded Google Maps widget is also key for customers who are browsing on-the-go, as they can quickly bring up navigation to your store.

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.


It's simple. With Wix, you get the freedom to create a free website that looks exactly the way you want. It doesn't matter how experienced you are. Prefer to have a website built for you? Try Wix ADI. Need advanced code capabilities? You've got that too. With Wix, you get the whole package, including a website builder, reliable web hosting, top security, and the best SEO for your website. And that's not all, our dedicated Support Team is always here for you.
This is the first time I was able to go from start to finish with making an entire site. I have done other training before but they don't ever seem to close it off at the end. This class went over everything needed to make a site. I would love to find other courses like this. I also did not feel dumb mid way through the course due to lack of explaining. Everything was well documented and covered. Very good job on this thanks. - Jay Mims
Like many companies, you may choose to utilize the services of an experienced web designer to create your site. Be prepared to answer pertinent questions as these answers are necessary to produce a “creative brief.” The creative brief will serve as a guide or reference to creating the site. Regardless of whether you use a design firm or not, you should know the answers to the following questions:

Hello Vivy, I was in the same situation some time ago, so I tested the free hosting providers, the ones you mentioned above and even a few more. Took some time, yet saved me money. If you want to start from free plan, my favorite was Hostinger. I believe it will match your requests: the cPanel is "(very!) user friendly" - you'll be able to install WordPress with only a click of a button and it also provides many great plugins, don't be afrait to experiment! Since you're a beginner, having customer support is a great bonus and theirs will definitely help if you have any issues (sure helped me), don't be shy to contact them. Good luck with your blog! Hope I could help.
To create and edit a website, you need a text editor. Text editors create and modify unformatted text files.  Other formats, like RTF, let you to add formatting, like bold or underline.  Those formats are not suitable for writing web pages. You should put some thought into which text editor you use, since you'll be working with it extensively while you're building the website.
It's simple. With Wix, you get the freedom to create a free website that looks exactly the way you want. It doesn't matter how experienced you are. Prefer to have a website built for you? Try Wix ADI. Need advanced code capabilities? You've got that too. With Wix, you get the whole package, including a website builder, reliable web hosting, top security, and the best SEO for your website. And that's not all, our dedicated Support Team is always here for you.
This guide is your training plan. As your trusty web host and coach, we’re here to keep you on track as you build, grow, secure, and promote your new site. We’ve broken this website workout plan into goals and tasks to complete each quarter throughout 2018, but feel free to work at your own pace. You do the sweating, and we’ll be right beside you with water cups and cheese-tastic motivational signs.
Hi Laura, If you are using Mailchimp (we use Aweber ourselves), you don't need the website builder to be integrated with Mailchimp at all,unless you run an ecommerce store (I'll address this below). Newsletter services allow you to create a sign up box, then provides you with some codes where you can copy and paste these codes into your website. All website builders have a tool that allows you to embed codes into wherever you want on your webpages. Once you publish your website, then the sign up box will show up. If you are operating an online store, you can integrate Mailchimp with websites built with Squarespace, Shopify or Bigcommerce. This way, after your customer buys from you, they are automatically invited to join your newsletter so you can continue to share news with them, or even promote other products to them. Hope this helps! - Jeremy
WordPress is popular for novice builders and has a reputation for being easy to use. There are thousands of free templates and plugins available at WordPress.org to make a good-looking site and extend the features of your website. After deciding on a template, update the images and text through the WordPress dashboard to customize your site. To make working with WordPress even easier, consider using GoDaddy Managed WordPress.
Just as you can get a logo designed by 99Designs.com, you can also have your full website designed through this site. The concept is the same: you submit a brief on what you are looking for and get back anywhere from 20 to 60 designs. You only pay for the design you choose, and the price ranges from $599 to $1,599, depending on which package you go with. We used 99designs here at FitSmallBusiness.com for our own website – so if you want to see an example of a 99designs website, you’re looking at one!
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.

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.
Although there are many considerations in web design, as a beginner, your first step is to actually get something out onto the web. The fine-tuning can come after you've figured out how to publish a basic web page. One way is to use a WYSIWYG ("What You See Is What You Get") web editor to do it. Such editors allow you to design your site visually, without having to deal with the technical details. They work just like a normal wordprocessor.
Hi Billy, Great to hear you found the article so helpful! There's no reason at all why you can't use a website builder to create a website for yourself, even a blog style site. I'd recommend having a look at our website builder comparison chart as this is a good jumping off point and will give you some ideas of where to start. Off the top of my head, I know that Wix launched a new version of their blogging tool, which is really easy to use and can be integrated as part of a wider site (thankfully Wix is also super easy to use so it's great for newcomers to web design like yourself!) Hope that helps, - Tom

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.
With so many options available today, it can be difficult to choose the best instruments for the job. Choosing the best platform upon which you build your site will be one of the most important decisions you make. This choice is critical because you’ll be tied to that platform for some time and it’s never easy (or possible) to move your website from one platform to another.

1) A website isn’t static; it’s dynamic. It’s ever-changing. The moment you accomplish something, you can add it to your website. When you complete a project, you can put it in your portfolio for all to see. You don’t need to print new copies of it and send it out to your contacts over and over; you just update it. People can continually come back and see what you’re up to.


If you’ve ironed out the details in Stages 1 and 2, then designing the home page and all subsequent sub pages should be straightforward. For example, knowing that the demographic of your target audience is single, female, middle-class, age 18 to 24, and college educated versus married, male, upper class, age 65 to 80, and retired definitely affects what design elements and applications to use.
Hi ify, The best advice I could offer is to give the free trials a go on Wix, Weebly and Squarespace and see how you get on with each builder. This will give you a chance to explore their functionalities and see how feasible your ideas are. Squarespace is highly regarded as a portfolio website builder and that sounds like it may be something in line with your ambitions (e.g. showcasing make up examples). Hope that helps, - Tom
The back end, also known as the WordPress dashboard, allows you to fully manage your site’s content, community, functionality, and design. It’s accessible only by users who have an account on your site. To access your WordPress dashboard, you need to type yourwebsite.com/wp-admin in the address bar of your browser and login using your WordPress username and password.
First, let's discuss why you even need a webpage in this day of social media domination of the web. On a personal level, you wouldn't want to send prospective employers to your Facebook page, so a personal website makes more sense as an online, customized resume. Another reason worth consideration, for both personal and business sites, is that building your own site gives you endless design choices. You also have total control over products and services you may sell and how they're delivered.
This tutorial shows you how to make or create a website. It is intended for the beginner and layperson, taking you step by step through the whole process from the very beginning. It makes very few assumptions about what you know (other than the fact that you know how to surf the Internet, since you're already reading this article on the Internet). As some steps are more involved, this guide also links to selected relevant articles on thesitewizard.com that you will need to click through to read for more information.
Disclaimer: We spend hours researching and writing our articles and strive to provide accurate, up-to-date content. However, our research is meant to aid your own, and we are not acting as licensed professionals. We recommend that you consult with your own lawyer, accountant, or other licensed professional for relevant business decisions. Click here to see our full disclaimer.
Hey David, I think that IM Creator is a pretty good website builder, especially if you want to build a very basic website really quickly. Their tools are not he most comprehensive, but in a way that reduces confusion and allows you to focus on the basics which work really well in way. If you haven't seen our review on IM Creator yet, check it out. You can also take a look at our website builder comparison chart here to get a high level overview of who are some of the leading platforms available today. If you want great looking templates, definitely take a look at Squarespace. As for great quality stock images, see our resources guide here. Hope this helps! - Jeremy
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
×