Seven Steps Towards Designing New Web Pages

If you’re getting ready to start a new web project or are planning to create new pages for your current website, this article is for you. Here are seven quick steps to help you get started properly.

The first thing you’ll want to do if you are starting a new website is decide what you want your site to do and then construct a blueprint. If you’re just getting started then you can find a very good tutorial here.

Once your blueprint is ready, you can get started.

Step 1 – Create A Template For Your Website
The very first thing you need to do is establish the look and feel of your site so you can keep it consistent on all the webpages. Just imagine the headache of building 30 pages of content just to remember something you should have included in your design or realizing that the look and feel just doesn’t fit the theme of your site…

…Save yourself that headache and take a look at a few websites which are similar to what you want to do. You could even visit websites which offer ready-made-templates for you to use like or

Step 2 – Outline Items Which Will Change On Each Page
Go through your webpage template and write down the things that will change on each page. You can use this as your building checklist.

Step 3 – Create A Storyboard
Gather your ideas from the previous step and create your storyboard in a text editor. Here are some ideas to help you get started.

Filename: Write the name that you intend to give to this file ( e.g., my-first-page.html) The best thing you can do is to give it the same name as the keyword you are targeting for the particular page.

Title: This is what should appear at the very top of your visitor’s browser. This must be between 60 to 80 characters long. Don’t forget to weave your main keyword into the title at least once.

Keywords: These are the keywords which will appear in your meta-tag description. Type in your main keyword first and then add in about four more similar keywords or phrases. Try to keep this under one hundred characters.

Description: Type a description of what this page is about in manner that will grab a potential visitor’s attention. Keep this description to about 150 characters long. Don’t forget to weave in your keyword here.

Body: This is the space where you will actually type the content for this particular page. Try to weave your keywords in naturally once every couple of paragraphs if possible. You can also add links to the web pages you want you visitors to see. Decide where your graphics should go as well as any ads you will place on your page to make money.

Wrap-up: This is where you put your call to action for whatever you want your visitor to do…whether that may be to click on your affiliate link…buy your product…or sign up for your e-zine. Don’t forget to add a link back to your home page.

Step 4 – Create Your New Page
Now that you know what your page will look like as well as what is going to be on it, you can go ahead and open your favorite HTML editor. Open your template for this site as well as the document you created in the previous step.

Step 5 – Copy And Paste
All you have to do now is just copy the text you created in your storyboard and paste it into your webpage template. Once you are done and are satisfied with how it looks you are ready for the next step.

Step 6 – Save The File And…

Step 7 – Upload The File to Your Host

Presto! You are well on your way to building yourself a highly successful website. Now all you have to do is market it well, and get those visitors to come ‘clicking’ in by the droves.

James Reid is contributing editor at This article may be reproduced provided that its complete content, links and author byline are kept intact and unchanged. No additional links permitted. Hyperlinks and/or URLs must remain both human clickable and search engine spiderable.

Leave a Reply