Throught the Beginning and Advanced course concepts covered in each lesson are incorporated into a ficticious Web site named "FunnyFakeFish.com". Examples of code from this site are used in the video and on the lessons created for the online students. Examples of the code which you can view, print out, or download are listed below. Use this code to learn how HTML works, do not submit this code as your homework.

WWW Basics

There are no examples of HTML code for this lesson

Basic Tags and Text Formatting
So far out site is fairly simple just one page.

HTML Code

Web Page

Linking and Lists
This week the website is much more complex. There are 5 pages which all link to each other. You will begin at the index page and then access the remaining pages: products, faq, about us, and contact.

It's time to learn a new trick. I have not placed the HTML code on a web page for you, instead you will access the code by viewing it in your Web Browser where you can print it out or copy it to disk.

Netscape > View > Page Source > a browser window opens which is clunky and difficult to use. I suggest you get out of the browser Window ASAP.
Edit > Select All > Edit > Copy and then launch Notepad or SimpleText and use Edit > Paste to place the code into a document.

Internet Explorer > View > Source > this browser Window is easier to deal with. You may still want to copy the code to a text editor.
Edit > Select All > Edit > Copy and then launch Notepad or SimpleText and use Edit > Paste to place the code into a document.

FunnyFakeFish.com Website after links and lists have been added.

Publishing your site

There are no examples of HTML code for this lesson. You will be learning how to use FTP software instead of creating new code.

Graphics
Now the Website has some pizzaz. The graphics give it a more sophisticated look. Onde again I will refer you to the web pages and expect you to access the code on your own. Refer to the instruction in the linking lesson to review how to get to the code.
FunnyFakeFish.com Website after graphics have been added.

Controlling Color
The about-us section has been expanded so that John and Linda can each have their own page. A background image and color displays on these pages. All of the pages remaining pages have been set to a white background and the link color has been changed. There is also an animation waiting for you to find it.
FunnyFakeFish.com Website after color and animation have been added.

Here is the Imagemap code I created in the video.

Tables
The Shopping Cart page has been created and a table included which can be printed out and mailed of faxed to the owners. Check out the page and the site. Tables are such fun. They are also very handy for creating a grid on the screen where you can hold your text or images. Tables have been used to hold the navigation buttons at the top of the screen.
FunnyFakeFish.com Website after tables have been added.

Presenting your Site

There are no examples of HTML code for this lesson.

instructor contact information
robert caruso [707] 527-4999 X1142
dave harden [707] 527-4282
linda hemenway [707] 527-4855


This course is a core requirement for several Web Development Certificates. Learn more at the Web Certification site.

The CIS Department offers courses in the following areas: computer basics, applications, graphics, web development, productivity, networking and programming. Visit the CIS Web site.

copyright 2004 linda hemenway