1. Go to the Systems Office (MCH120) and have a websrv account created.
2. Create a directory called "public_html" in your websrv home directory.
   % mkdir ~/public_html
   
3. Create your HTML home page inside public_html and call it "index.html".
   % pico ~/public_html/index.html
   
   Note: For help on using HTML, read one or more of the following:
   • Beginner's Guide to HTML
   • HTML Quick Reference Guide
   • Introduction to HTML
   • Building Web Pages

   For a quick start, check out Guide to HTML and more .

4. Finally, you need to make sure:
   • ...that index.html is readable by everyone else and
     % chmod 644 public_html/index.html
     
   • ...that public_html is readable/executable by everyone else and
     % chmod 0755 public_html
     
   • ...and that your home directory is also readable/executable by everyone else.
     % chmod 755 ~
     

5. Following these steps will set your home page URL to:
   http://websrv.cs.fsu.edu/~youruserid
   

• Check the syntax of your documents by running them through weblint. Weblint will find and report errors to you that Netscape tolerates, but which will render your page unreadable to other browsers.
• Read a couple of style guides:
  • W3C Style Guide for online hypertext
  • HTML Style Guide & Test Suite
  • A Basic HTML Style Guide
  • HTML Writers Guild

Adding icons, sounds, pictures, etc. to your home pages

Sounds can also be embedded in HTML, to learn how to do this, see the Web Developer's Virtual Library's article on Embedding Sound in Web Pages. One place to browse free sounds would be at Key Trax Music Network.

Check out Free-Backgrounds for all your background needs.

NOTE: For legal puposes, always make sure you read the conditions of use!

Documents that you specify in HREFs are searched from your public_html directory by default. Filenames prefaced with a "/" tells the browser to search from the Server's document-root directory (/home/cs13/httpd/htdocs/).

So to link in the arrow you see in most of the CS documents you would use:

<A HREF="/"><IMG SRC="/icons/marbleleft.gif"> Back to CS home page</A>

and an HREF to one of your own files in your public_html directory would look something like:

<A HREF="foo.html"> Click here for my info.</A>

You may also use relative paths (../file.html), which as you may guess are relative to HTML file's current directory.

Back to CS home page