IB Web Design

Lesson Plan
Grading Rubric
Lesson Created by Patricia Janann Nicholson

1. Creating a Frame Layout 2. Controlling the Appearance of Frames/SCROLLING Value
3. Controlling Frame Margins/MARGINHEIGHT Value 4. Creating a Home Frame Using an Image Map Made In Fireworks
5. Nesting <FRAMESET> Tags 6. Controlling Frame Resizing/NORESIZE
7. Creating Buttons For Sections Page in Fireworks 8. Placing Button Images on Sections Page
9. Adding Hypertext Links to Section Pages 10. Assigning a Name to Frames Allowing Section Pages to Open in Home Frame
11. Creating a Rollover Home Button 12. Creating a Background for Your Three Frames Pages
13. Adding Information to Your Section Web Pages 14. Creating a Flash Movie Advertisement for Your Home Page


Your project for this nine weeks is to create an online travel agency that caters to the worldwide traveler. You will use your expertise on writing HTML to add the right flavor to your website.

Go to the following website (http://www.hotwire.com/travel-information/intl-dest.jsp) and choose one of the International Regions you want to cover:

Notice North America was not listed. Since we are focused on international travel destinations, you will choose from the above areas. The regions will be dispersed evenly among the class in order to bring diversity to the class project. You will need to sign up with your teacher first. Be able to give a reason for requesting that particular region. Example: I am truly amazed by the pyramids in the region and want to learn more about them.

The first step will be to investigate your assigned area by collecting, analyzing, selecting, organizing and evaluating researched information. During the research process you will be evaluating the sources of information for their reliability of their findings. You will want to divide your area into regions. You will plan out how to divide the regions up by the position of each hotspot. You will need to download the region map by clicking on the region names above. Next you will place the focal points of your hotspots by placing a marker and then writing out the name of the spot beside it as shown below:

Plot on Mapa

You will also be collecting information about your hotspot so you can give your potential traveler information about what it is they will be seeing. Make sure you put the description in your own words. No plagiarism! Here is an example of a description of the Taj Mahal:

Taj Mahal is regarded as one of the eight wonders of the world, and some Western historians have noted that its architectural beauty has never been surpassed.  Taj Mahal, was built by Emperor Shah Jahan in the memory of his dear wife and queen Mumtaz Mahal at Agra, India. Taj Mahal was constructed over a period of twenty-two years, employing twenty thousand workers. Only the most worthy of architects were involved in its design. The tomb scales the heights of a modern 20-storey building. The white marble is from Makrana, taking on different tones at different times of the day, with imported precious stones. A red sandstone channel, set between rows of cypress trees, compliments the entrance. The main gateway is a large three-story sandstone structure with an octagonal central chamber. The Quran is inscribed extensively throughout the building. It is clearly a supreme labor of love.

You will also need to obtain a picture of your vacation spot. Make sure you investigate several sites in order to find a quality picture for your website. Below is a picture I got online.

Taj Mahal

The most important part of this project is the research done ahead of time. Remember you must divide your area into regions naming them accordingly; north, northeast, south, southeast, etc. Make sure you have included at least 25 historical/educational sites for your potential traveler to visit. When you have completed this part of the project you will be ready to move on to creating a interactive website that your potential travelers can use to plan out their destinations.

Different from the simple web design used in your first 9 week project, this Web design will utilize frames. Frames are windows appearing within the browser's display area, each capable of displaying the contents of a different HTML file. When planning your frames Web page, you will need to decide which frames will be static-always showing the same content and which frames will change in response to hyperlinks being clicked.

Nicholson's Lesson Plan Blues