HTML/CSS tutorialsmini css iconhtml mini icon

Part 3

Author: Derek Duban of www.upwithabang.com for how-to docs on web development and free plug-in services for your site.

Make a web page

You can make a web page 2 ways: using a program like Front Page or code by hand. Coding by hand gives you more power and better web code. This article assumes you are brand new to creating a web page by hand but assumes you know the basics of the files involved and how to upload them to the server. We will however touch briefly on those important topics.

image of computer mouseModern web sites consist minimally of 2 types of files: style sheets (CSS) and HTML. Your HTML file contains the content of your web site, the style sheets describe how to display it. The HTML file is loaded by the browser and the HTML file has a reference to which style sheet to use. Both files must reside on your web server. Contact your ISP if you don't know how to upload your files to your web server.

When a web browser reads an HTML file in order to show a web page it starts from the top and reads downwards. It will display the web page in the same order that it finds the contents in the HTML file. When the browser finds an HTML element with an associated style it will display the HTML as the style indicates.

Example web files

Style sheet file: index.css

HTML file: index.html

You can copy and paste these 2 examples into files (named as indicated). To "play" with the files you can just save them to you hard disk and not worry about putting them on your web server. Just save both files to the same folder and open the index.html file in your browser. You can edit the files in NotePad. forwardarrow

You can view the results of this code here.

These pages are not pretty but only function as an example of the basic code.