Helpful Tips For Webpage Designing

If you’re about to begin a new internet web project, or if you’re going to add some new pages to your existing website, you might find the few lines below quite useful. Here are the first seven steps to start properly.

The first step you must take if you want to design a new webpage is to come to a decision on what your site’s aimed function is. Afterwards you can construct the blueprint. For those of you who are new to this, you will find a very efficient tutorial over here.

STEP ONE – Generate Your Website’s Template.

The first thing that needs to be done is to get the outward look and impression of your site established so you can keep it constant throughout the website. It can be very frustrating to build several pages only to find that an element is missing in your design, so be careful of that, and save yourself the bother by browsing through a few websites whose themes are similar to yours. Look out for some websites which offer ready-made-templates for you to make use of such as http://www.freewebtemplates.com or http://freesitetemplates.com.

STEP TWO – Keep Track Of The Items That Will Be Modified On Each Page

Go over the template of your webpage and note down the things that are likely to vary on each page. Keep this list as your building checklist.

STEP THREE – Creating Your Storyboard

Bearing in mind the list from the previous step, use your text editor to create your storyboard. The following ideas might be helpful:

Filename: Make note of the name you would like to give this file ( e.g., my-first-page.html). What is usually best is to give that page the same name as your page’s targeted keyword.

Title: The title will be showing right at the top of the browser. Usually, a title is from 60 to 80 characters long. Make sure you put in your main keyword.

Keywords: These are your meta-tag description keywords. You should first type your main keyword and then put in about four more related keywords or sentences. Make sure your sentences remain under a hundred characters.

Description: Write a description of what the page’s subject is whilst trying to grab the attention of your potential visitor. A description should usually be about 150 characters long. It is recommended to put in keywords.

Body: This section should contain the page’s content. Your main keyword should if possible appear once every few paragraphs. Make sure you add some links to the pages you would like your visitors to see. Decide where your graphics, along with any ads, will be placed on your website.

Conclude: This is where you direct your content towards what you would like your visitor to act upon. It could be focused towards a click on your affiliate link, or targeted towards the purchase of a product, or just a sign up to your e-zine. Make sure you create an option with a link back towards your home page.

STEP FOUR – Creating Your New Page

Once you’ve decided on the website’s look and content, you can go onwards and open your HTML editor. Open your chosen template and the document you just created in the previous step.

STEP FIVE – Copying And Pasting

Once your template and document are open, all you need to do is to copy the text you created in your storyboard and paste it onto the template of your webpage. Once you are satisfied…

STEP SIX – Save The File And…

STEP SEVEN – Upload The File to Your Hosting address

Done! You are on your way to constructing yourself a website full of success. All that will be needed now is to market it properly for more traffic.

 


James Reid is contributing editor at WebDesignArticles.net. 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.

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 http://www.freewebtemplates.com/ or http://freesitetemplates.com/

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 WebDesignArticles.net. 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.