Saigon Institute of Information Technology http:// www.saigontech.net
Houston Community College System http://csci.hccs.edu
COMPUTER SCIENCE TECHNOLOGY
BCIS 1405
Business Computer Applications
HTML: Assignment Sheet – Session 17
Compact Guide to Web Page Creation and Design
Chapter 5 (Pages 63 – 74)
Enhancing the Web Page
Objectives:
1.
2.
3.
4.
5.
Describe how to use frames in a Web document
Describe tips to make navigation of a web page easier
Describe use of formatting guidelines
Describe effective use of graphics
Describe all that is involved in publishing a web page to be available to others
Lab Assignments
Assign final term project of HTML to create a complete Web page using all the tools learned
in these sessions. This project requirements are shown below:
BCIS 1405 HTML Project
The project is a chance to combine everything you have learned in HTML. You will be making
your own website. See pages 14-15 of your text for helpful suggestions in design.
DUE DATE is the last scheduled meeting of the BCIS 1405 class BEFORE the Final Exam.
None will be accepted after that class period. Do not procrastinate!
IT MUST BE SUBMITTED TO YOUR INSTRUCTOR ON A FLOPPY DISK, ZIP DISK,
OR A FLASH DRIVE. (DO NOT SEND AS AN EMAIL ATTACHMENT.)
You must follow these guidelines! Hint, when you are done with your project, come back to this
list to make sure you have completed everything correctly:
1.
2.
Your project MUST be done in pure HTML code. That is, you must not use WORD, FrontPage, etc. to
create the web page.
Your web page must have at least 5 links.
o One link must go to a web page that YOU CREATED in this class.
o One link must go to a website that already exists on the internet (i.e., see pages 90 - 100 of your text
for examples.)
o One link must take you back to your starting/home page (i.e., the home page of your website).
o One link must take you to the bottom (or another section) of your web page.
o One link must take you back to the top of your page.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
Use background colors other than white. Make sure your foreground and background colors have good
contrast for easy reading. Make the colors pleasing to the eye. You are not trying to shock people. Don't use
too many crazy colors that don't blend well. Use common sense, but keep it appealing to the eye.
You must have at least one graphic somewhere on your web page. Suggest that you may want to use a
picture of yourself if you have one in digital format (i.e., .gif, .jpg or .bmp). Don't use company logos that
are copyrighted! Don't use too many pictures that take time to load, etc...
You must include a FORM to capture a user’s name and email address.
You must include one LIST. It may be either ordered or unordered.
You must include a TABLE somewhere in your web page.
Don't wait until the last minute to ask for help. If you need help, let your instructor know long before the due
date. If you have trouble getting some of it to work, check with your instructor. Do not wait until the last
day to get help!
KEEP IT CLEAN (think G-rated !)
Make it appealing. Your website should make sense. That is, the links should all be related to one subject
matter. Don't put pages that say: This is my second link, etc...
NO SPELLING/TYPO ERRORS are allowed!
No sounds! They take up too much room.
Please use relative path names for your graphics and paths. That is, do not point to your a: drive or even c:
drive for any of your files. Save all your graphics and files that you create in one folder. Then, when you refer
to the graphic name or filename in your html, you can just put the name in quotes without prefixing it with a:
or c: or any other path.
Remember to separate sections of your page with horizontal lines.
It doesn't have to be fancy. Some of the nicest websites are very simple and classy. You can use our class website
(frame definition file) as a starting point to help you get started. Have fun!!!