A Beginner’s Guide to Web Design
Looking to take a course on design? Go here!
Don’t forget! Before you start your website, you need a domain name and web host. Click here for details.
1. WordPress is a very popular choice today. It’s flexible, constantly improving and doesn’t require any design experience to use.
You just pick a theme design that you like, add your text and you’re ready to go live!
When I created this site back in 2002, I had to do it manually through software. Now more people are gravitating to WordPress.
Below you can find out how to gain access to my free WordPress training video for beginners.
2. Use a clean design. Forget the multi-colored websites with flashing buttons, banners and loud backgrounds. Simple is in.
If you’re using WordPress to build your website, consider using a Genesis theme – one of the most popular WordPress frameworks with crisp, clean designs.
They also use HTML5 with a lot of their themes. Don’t let the techy speak fool you. That just means they use the latest code that helps your pages load faster and easier for the search engines to read.
3. Use simple navigations. Don’t overwhelm your visitors with 20 choices on your menu. Highlight the most important pages and use sub menus to keep your navigation clean.
4. Larger fonts and white space rules. To make your pages easier to read, it’s important to use larger fonts (at least 14px and lots of white space).
5. Build a responsive site. This ensures your site displays optimally in all browsers. For example, I use the Daily Dish theme on my blog and it automatically loads optimally on phones, tablets, etc.
More and more people are surfing the Web on their mobile devices so having a responsive site, or a design that works with all resolutions, is ideal.
Click here to learn more about mobile web design.
6. Save Your Money
Unless you need a very customized design, there’s no need to spend thousands of dollars on web design.
I cringe when I hear people say they spent thousands of dollars for a basic WordPress website. Yikes!
The only thing you really should pay for is your domain name, hosting (WordPress comes free with paid hosting) and perhaps a premium WordPress theme like Genesis.
And if you don’t want to buy a theme, you can use one of the many free WordPress themes that come with the platform.
7. One or two columns is best. More and more people are dropping the multiple columns and going with a simpler one or two-column design. Read why 3 columns may be a thing of the past.
In order to start a website you need a domain name (yoursite.com) and a web host.
If you decide register your domain name or host your site at WebsitePalace.com then you will gain instant access to a 27 minute introductory video about WordPress that covers…
- Installing a theme design
- Adding a contact form
- Installing social media sharing icons
- Adding advertisements
- Adding an email subscription form
- Creating a custom menu/navigation for your site
- And much more!
Learning Web Design – What Do You Need to Know?
A brief overview of software, tools and resources for website development and design.
Should You Hire a Web Designer And How to Prevent Scams
This is the page web designers don’t want you to see. Check out this guide to hiring a designer/developer.
Various Website Creation Options
Learn the difference between WordPress, Dreamweaver, and Artisteer.
Watch Me Design a Website Using WordPress
A video tutorial for customizing a WordPress website after installing a simple theme.
How to Make a Website Using WordPress – Complete Overview
There are really no design skills needed if you use WordPress. The themes just keep getting better. Watch this tutorial video and see how easy it is to create your site.
How to Get Adobe Photoshop For Free
Photoshop is a wonderful graphics program that is used for creating websites and images. I use it and love it. Learn how to get an older version for free.
How to Use Canva to Design Awesome Images
Who needs Photoshop with free tools like Canva? Create fabulous images for your site or social media accounts with incredible ease.
How to Create a Landing or Squeeze Page for Your Website
Here’s a free landing page template you can download and customize. For WordPress and static HTML users.
Using Artisteer to Setup a Website
Create your own template for static websites, Blogger, WordPress and more.
Learn How to Design and Upload a WordPress Theme With Artisteer
Is Artisteer really compatible with WordPress? Watch me upload a custom theme.
Common Mistakes People Make When Building Websites
I’ve watched so many people make the same mistakes with their sites over and over again. Read this article so you don’t make the same ones.
Make a Website With Dreamweaver – Learn in 19 Minutes!
Learn to setup a 3 column CSS template with Dreamweaver.
Hexadecimal Color Code Generation Tools
Need help generating a color scheme for your site? Want to learn the 6-digit color code for the color you want? You’re gonna love these free tools!
Web Design Myths
This article may
squash many beliefs
people have about
web design. Learn
the importance of
keeping it simple
The Impact of Colors
on a Website
of different colors
on a website.
FTP Tutorial – How to use FireFTP and FileZilla
An FTP program comes in handy for uploading individual or several files to your site at once.
HTML & CSS
Simple, Free HTML Templates for Static Websites
Need a very basic template to get going? Download these HTML templates that are free for your business or personal use.
Customizable, CSS Web Templates
Download my HTML / CSS web templates for static websites and learn to create the site you want.
Free HTML Tutorial – The Basics
Don’t think you need to learn HTML because you use a CMS like WordPress? Think again. Knowing the basics never hurts.
CSS Video Tutorial
If you’ve ever wanted to learn the basics of CSS, you’ll love these videos!
Learn to Create a CSS Navigation Menu
A very easy to follow tutorial (with code) that shows you how to setup a horizontal navigation menu.
Tutorial for Positioning Elements Inside Your Header, Footer, etc.
Learn how to float images, AdSense code, etc. into parts of your website. A tutorial for static and WordPress
If you liked this, please share. Thanks!