Free Webmaster Help Logo
Tutorials Articles Tools Images Directory Ask Newsletter
*
 

Tutorials
Cookies
ASP
Advanced HTML
Frames & Tables
.htaccess
Rounded Table Corners
Flash 5
FTP
Beginners
Javascript
PHP/MySQL
Site Promotion
Mobile Internet: WML/WAP
Server Side Includes (SSI)
HTML - The Basics
XHTML
Stylesheets
XML
PHP
*

125x125

Related Links
Microsoft
Macromedia
Netscape
Free-Webhosting.info
FTP Tutorial
Cute FTP
More Beginners Sites
*

 
Sitemap | Contact | Link To Us | Advertise
Report A Problem
Home : Tutorials : Beginners : Part 3

Beginners Tutorial
Part 3 - Page Settings & Hyperlinks

Page Settings

Now you have created your first basic page you will want to change the settings of the page to make it look better. This includes changing the title of the page shown in the title bar of the browser and changing background colors.

To do this go to:
FrontPage: Format, Background
Netscape: Format, Page Colors And Properties

You will see one of these two screens:

FrontPage Screenshot | Netscape Screenshot

The first thing you will want to do is change the page title. To do this just type the title into the Title box (it is on the General tab in Frontpage). A good title has a short description of the page in it e.g.

Gowansnet - Everything You Need For The Internet

Next you will want to change the background color. To do this go to the Colors and Background tab in Netscape or the Background tab in FrontPage. Here you can choose the color that everything on your page will appear on. Try not to pick a color which will make your page hard to read. Here are some tips:
  • White is the best background
  • Don't use colored text on a black background
  • Always use light text on a dark background or dark text on a light background

The third page setting you can add is a background image. To do this you just choose the background image for your page from your hard drive. The image will be tiled across and down the page automatically and there is no way to turn it off. I don't suggest you do this yet, though, as the next section will cover images in detail and you will need to know this information before setting a background image.

Images

Images are a very important part of any web site. Before you add them as an image on a page or a background image you must understand how they will be inserted and where you should store them.

The first thing you should do is create a folder on your hard disk for your website. This will contain all the HTML files and images when the site is finished. Then find the images you want to use.

Image files are very big and take a long time to load. To reduce the loading time they must be converted to a compressed format. Open the images in an image editing program and save them as a GIF or JPEG file:
  • GIF files (.gif) are best for images with a few colors e.g. logos (they can also be animated)
  • JPEG files (.jpg) are best for images with lots of colors e.g. photos

Then save the file to the folder where you are going to put your website. The image is now in a format which is small enough for the web and in the right place for your website. If you want to use it as a background then you can do that by following the instructions above.

If you want to insert the picture as a stand-alone image on the page then you must do something else. In FrontPage click the Insert Picture From File button or in Netscape click the Insert Image button . Then select the image you want to insert. You can also resize the image on this screen but I do not advise it. It is much better to resize the image in your image editor as the file size will be smaller and it will load quicker.

Hyperlinks

Hyperlinks are one of the most important parts of a website. They are what makes the web work. In case you do not know, a hyperlink is a piece of text or an image which, when clicked on, takes the user to another page.

It is very simple to create a hyperlink in
both FrontPage and Netscape. Highlight the text or image you would like to create the link in and in FrontPage click the Hyperlink button or click the Link button in Netscape .

There are 3 main types of link which you can enter into the URL (Link To) box.
  • External Link - For example: http://www.gowansnet.com
  • Internal Link - For example page2.html
  • Mailto Link - For example mailto:me@me.com


These can be very useful and for showing good sites and also allowing people to navigate your site.

Part 4

In the next part I will show you how to use Hyperlinks to create a full website with multiple pages and prepare it for uploading to the web.

© 1999 - 2001 FreeWebmasterHelp.com