Web Design: Designing the first web page

Web design and writing for the web is not the same as normal writing because you need to optimize keyword use. If you look at some of my web pages they do not read quite as well as I would like them to. They lack a bit of fluency, are not quite grammatically correct at times, and maybe somewhat repetitive, occasionally. I do know this. It was done deliberately. You will perhaps have to do the same or similar.

This apparently little bit sloppy approach may even carry over into this article so used am I to web writing these days please forgive my errant ways.

Many, probably a majority of all websites use tables to create their structure although my preferred way these days is to use CSS wherever I can to reduce the number of tables inside a website design. Consider using CSS despite the learning curve involved. It will save you days of work later. Believe me it makes it a LOT easier to change your site later

The rest of this chapter assumes you wont take my advice and you will use tables like nearly everybody else. Use the tabular approach even if you have a very simple text only type web page just make the table to have 1 or 2 rows and or 1 or 2 columns. It might just make your life easier later when you become a bit more qualified. See later my warning about putting everything into one large table however.

There are two parts to any web page.

Without knowing this you will have difficulty getting top spots on SERPs.

Most people think only of the visible parts of a web page; understandably so.

Because I knew nothing at all about web design or HTML (and I mean almost nothing at all) my failure to recognize this early in my website creation days cost me weeks of work and lots of confusion.

The two parts are:

1. Visual or visible structure what you see on your published web page

2. Invisible structure what the search engines see and you dont (unless you know about it)

Think of every visual part of the web page you do as having the following structure:

  • A smallish surheading
  • A large main text heading (lets call it H1 and definitely call it H1 if you use CSS)
  • A second introductory type of paragraph (lets call it H2)
  • Interactive components (e.g. newsletter subscription)
  • The main body text.
  • The links area(s)
  • Images and their location
  • Repetitive content (very important to bear this in mind)

Learn more about this specific article and other articles revolving around web development below:

Pin It on Pinterest

Share This