Home


Building a Website the Easy and Simple Way.

Getting Started, Your First Webpage. Offline Viewing.

Table of Contents.

Introduction and Justification.
Getting Started, Your First Webpage. Offline Viewing. (You are here.)
Inserting a graphic, image, picture or whatever you want to call it.
Inserting a list and lists within lists.
Inserting a table, labeling columns and rows.
Image and Text Within a Table.
Images, lists, and Text Within a Table.
Using a table for color box effects.

OK. Good to see you again. If you are still with me then you must have at least a little interest in the subject. So here we go.

Hosting a webpage.

I don't know how I discovered Angelfire. I guess I must have stumbled onto it. At any rate I haven't had any regrets. If you are willing to accept ads on your page you can host a site for free. For $4.95 a month you can have an ad free site with 1GB of storage. To show how effective my simple html system is this whole site only takes up 1/3 of that allotted storage space. There is one thing about Angelfire that probably drives some website owners away. That is, embedded spaces are not allowed in file names. You must use some other printable character. I use the underscore _ or dash -. It is well worth getting used to for the price and amount of space. I have never used their page development software and so can't say how much space it takes up. The little mention of Angelfire at the bottom of some of my pages is not required. I do it as a curtesy. .

Starting a web page.

The first thing to do is to download the webpage starter file. The .doc version is in Word 1997/2003 format. LibraOffice will read this format and who knows how many others. There is also a .txt format which any stone age word processer will read.

Page Starter.doc
Page Starter.txt

These files are read only to prevent myself and you from accidentally writing over them with a newly designed web page. Yes, I have done it. A web page must have two things, a header and a footer. The header can have many commands that may or may not be helpful and useful. Here is the minimum you need.

<HTML>

This tells the browser of anyone who tunes in that this is an html document. When you are programming a computer you have to state what is obvious to you and me.

The next line is

<HEAD>

This tells the browser that this part of the document is the header.

This next one does something visible to the user.

<TITLE>  You type the page title in this space. </TITLE>

Whatever you type between title and /title will be displayed in the top border of the browser. If a blind computer user happens to visit your site the screen reader will read the title.

This illustrates opening a command and closing it. Some commands need to be closed and some don't. I can't give you a hard and fast rule to cover that. You have to look up each one. Although I have presented the command strings in upper case the browser doesn't care what case you use.

Head is a command that needs to be closed.

</HEAD>

This tells the browser "that's all there is to the heading.


This page last updated Saturday, June 26, 2021.


Home