Building a Web Page


Web pages are not like Word documents.  Word is 100% WYSIWYG, and the internal representation of Word documents is virtually unreadable and of no interest to the general user.  Word documents cannot be displayed by browsers.

On the other hand, Web documents are written in a special language called HTML (HyperText Markup Language).  Unlike Word's representation, HTML is readable and useful.

Simple HTML Program
<HTML>
<HEAD>
<TITLE>Your name can go here.  It will appear on the blue title bar.</TITLE>
</HEAD>
<BODY>
<CENTER><H3>A heading  for your page ( will be centered and medium large ) </H3></CENTER>
Additional text <BR>
<HR>
</BODY>
</HTML>

Use notepad.

File menu: new.
Type in  the html code as above.
File menu:  save as
Navigate to your memory stick or to you helios drive
Make a new folder on your memory stick or  in a new folder on your Helios drive :
    rename the NewFolder something like IntroCS  (don't use spaces or special characters)
Save as type:  All Files
File name:  lastName.html  (don't use spaces  or special characters in file names)

You can open this file with Firefox and it will look like:

This is not how most folks create web pages.  You should however now be able to recognize some HTML. To see the html source code in Firefox, anywhere on an open a page, hold down the CTRL key  while pressing U.

I have prepared a simple page for our class using notepad.

If you have a PC you might consider looking at the ITS directions for obtaining Komposer. Included are directions for getting your page on the SU server.  The same page from Kompozer

You could use a program like word to prepare your web page and then upload it, but it is very wasteful of storage/  See the same page as prepared in Word

You also could use a cloud provider such as Google.  You would need a Google account to do this and follow the directions.  A version of the page (without your pics) is on google.

Which of the versions is simplest?  Most complex?  Try them all.