Instructions on Designing a Web Page

Ryan Dube
Under Construction

When it comes to creating your own website from scratch, instructions on designing a web page can serve as a valuable and time saving tool.

Using Instructions on Designing a Web Page

Creating a web page doesn't have to be complicated, and it isn't something that only programmers know how to do. There are enough tools and resources available throughout the Internet with instructions on designing a web page, so that anyone can create their own website. The very first step, even before you start creating the page, is to develop the content and the overall design, or layout, of your web page.

Plan Your Content

Most people immediately want to download software and start writing web pages. However, this typically leads to a poorly designed website, sloppy content, and a very low search engine ranking. In order to establish a powerful website from the moment you make it live, first decide what the overall purpose of the site is going to be, and what type of content you envision providing to your visitors. You should answer the following questions as accurately as possible before moving forward with your website.

  • Is the site going to be more graphical or textual?
  • Do you want to provide lists of resources and links for visitors, or is the site mostly going to be content only?
  • Do you intend to embed ads on your website in order to create income?
  • Do you plan to embed banners on your web pages to generate income from affiliates?
  • How many pages do you want to start with?

Gather Content

By answering the questions above, you will then have a better idea of the preliminary work you need to do to prepare for your website before you even start building it. If the pages are going to be mostly graphical or textual, you'll need to gather content of that form. There are free resources available throughout the Internet. If you intend to provide a lot of links for your visitors, then plan on using two-column or three-column pages that allow you to list links along the side margins. If you are going to embed ads or affiliates, then make sure to set up your accounts with Google Adsense or with the affiliates before you create your web pages.

Lay Out Your Web Page

The best way to plan your website is to draw it out. Take several pieces of paper and, starting with the main web page, sketch a general model of what you want the page to look like. You don't need to write the content at this point, simply lay out where the blocks of text, links, ads and banners, and the images will be placed on the page. This step is probably the most important step, because it will determine the aesthetic quality of the pages. If you aren't sure how to appropriately lay out a web page, then research advice from experts.

Develop the Web Page

Before you even start building your HTML pages, you want to be sure that you have a fair amount of content to offer your visitors the moment you make your website live. If you are an excellent writer, writing your own content can lead to valuable and useful web pages. However, you need to be certain that you understand, and make full use of Search Engine Optimization (SEO) guidelines. If you don't know what SEO is, then make sure to read up on it before you start writing. This can make all the difference regarding how your website is eventually ranked against other sites on the Internet that have similar content. Effective SEO techniques can ultimately determine your success. If SEO appears too complicated, then consider hiring an expert Internet content provider who understands how to write website content that search engines will recognize and index quickly.

Choose Your Development Software

Once you've generated your content, you are finally ready to write the html files that will make up your website. To do this, you have two basic choices. Either write the pages strictly using HTML tags and script, or use a WYSIWYG editor to build those pages without the need to understand HTML codes. There are many WYSIWYG editors to choose from, and many of them do an excellent job helping non-programmers produce excellent web pages.

Keep it Clean and Simple

When you are creating your web pages, try to keep the various elements of your page separated with enough blank space so that the page doesn't appear unorganized or cluttered. Keep sections organized with similar content. For example, a basic webpage might include all links on the left side, all ads on the right side, and the web page content in the center. The goal is to keep the website pleasing to look at, and easy to use. Otherwise, visitors won't stay for very long.

Start with a Basic Web Page

If you are new to web design and don't know where to start, copy the basic HTML web page below. Just change the text in this sample with your own content. If you want to add columns and additional style to your page, consider using a "table" HTML tag with three columns. Or, for a more professional looking page, consider using CSS.

<HTML>

<HEAD>

<TITLE>Sample Basic HTML Web Page</TITLE>

</HEAD>

<BODY BGCOLOR="#C8DFBF" TEXT="#000000" LINK="#FF0000" VLINK="#800000" ALINK="#FF0000">

<CENTER>

<H1>This is my Main Header</H1>

<IMG SRC="/images/mypicture.jpeg">

<H2>This is a slightly smaller header</H2>

</CENTER>

Replace these words with your own content. Remember the basic formatting tags:

<b></b> to bold

<i></i> to italics

<a href></a> for links

<img> for pictures

<p> for a paragraph break</p>

<br> for a line break

<hr> to insert a line

<H3>An even smaller header</H3>

Insert more content here.

<H4>A tiny header</H4>

Always use <p> between paragraphs.

</BODY>

</HTML>

Instructions on Designing a Web Page