BSEN306 E-Commerce Website I

WEBRAT – In Class Lab Exercise

INTRODUCTION

This project will use the tags and techniques introduced in Projects 1 through 3 in the HTML Complete Concepts and Techniques textbook.  The purpose of the project is to provide the student an opportunity to use the concepts discussed in the first part of the textbook to create a two-page website.

The student will create two web pages using the guidelines listed below.   Each page will be named as indicated and use the graphics as described.  The various features of the page are given below.   There will be differences in presentation of the pages between students, however the basic structure will be the same for all. 

You are encouraged to be as creative as you like within the parameters of the project.  Colors, fonts, backgrounds, and to a certain extent structure and layout are left up to your imagination.  Have a good time!

 

PROJECT DESCRIPTION

The local High School is featuring a play next month as a fundraiser for the Drama Department.  You have been asked to create a Home page for the school.  The Home page should link to the new Drama Club page that you have also been asked to design and write.  The Home page should feature a prominent statement highlighting the upcoming play as a text link to the Drama Club.  They also want an image link for their club.   Listed below are more specific instructions for each page.

Create a folder for this project on your A: drive or P: drive called Webrat-yourname-HTML.  Store all your web pages and related images and graphics in this folder. 

PAGE #1            Home.htm            Home Page

DMACC HIGH SCHOOL

2006 South Ankeny Blvd.  
Ankeny, IA  50023  

  1. Use background image or color of your choice from clip art or the Internet.  If you use an Internet clipart or background please make sure to make a copy of it and put it into the project folder.  The school colors are Red & Green.

  2. Set the title of the page to DMACC High School Welcome Page.

  3. Make the School Name an H1 header.

  4. Use the SCHOOL.jpg from the HTML DATA DISK folder for the school image.  

  5. The text and images of this page should not change location when the browser window is resized. 

  6. Use the TCLOGO.jpg  from the HTML DATA DISK folder for the Drama Club Image.  The image should be a link to the Drama.HTM page.

  7. The play name should be bold and a different font.

  8. The Drama club listing should link to the Drama club page.

  9. DMACC should link to the DMACC Community College webpage. 

  10. Webmaster should send an email to paul@dmacc.high

  11. Next Page should take you to the DRAMA Club Page.

  12. The approximate layout of the page is shown below :

 

School Name

 

School Image            School Address

 

 “The Stressed Out Web Rat”.

Drama Club Logo

 

List of school clubs

Academics

Athletics

Computer

Drama

Library

 

 

DMACC Link              Email: Webmaster            Next Page

PAGE #2            Drama.htm                   Drama Club Page

  1. Change the title of this page to the ‘DMACC DRAMA CLUB Spring Play’

  2. Set the background to a color or image of your choice.

  3. The Play name should be a header

  4. Home page should link back to Home.Htm

  5. Webmaster should send an email to paul@dmacc.high

  6. To Top should bring the top of the screen back to the top of the window.

  7. This page should feature the play.  Center and format the Play on the page.  Use bold and a different font.

  8. Use table(s) to organize and display the Show times and the Actors list.

  9. The text and images of this page should not change location when the browser window is resized. 

  10. The format of this page should look approximately like:

 

Logo

 

Play Name!

Proudly presented by the DMACC HIGH DRAMA CLUB

 

Show Times                                                Lead Actors

Thursday  7:00pm     $10.00                        Web Head       Paul Computer

Friday       8:00pm     $10.00                        Hacker            Sue Driver

Saturday  10:00am      $5.00                        Slick                 Amy Speakers

                                                    2:00pm       $5.00                        Wannabe        Mike Goofoff

Sunday  2:00pm            $5.00

 

Play Description:

The story centers on a young computer hacker nicknamed WebHead who wants to become a professional web page designer.   One of his sites is hacked into by ‘Hacker’ who leaves an anonymous love note to WebHead.  WebHead and his good friend Slick attempt to trace Hacker but are encumbered by Wannabe who talks a lot more than he does.   A truly modern coming of age story focusing on the various aspects of the Internet community and its impact on people’s lives.

Home Page                  Email: Webmaster                   To Top

BONUS POINTS:   +5

  1. Add the following statement to the bottom of your Drama Club page.  

                TRIVIA QUESTION:            Who is Hacker?   Answer

    2.   Make the word Answer a link to a spot on this page several lines below what the browser would display on maximum setting.

    3.  The target point to display the answer to the Trivia Question should be placed 20 lines below the question.  It should be the following line.

                Hacker Turns out to be:  Slick                To Top

    4.  Include a link to return you to the top of this page.

 

contact Jeff Gullion for any questions or problems: jhgullion@dmacc.cc.ia.us