Creating the Web Site & Web Site Examples

 

 

 

Web Site Tutorials:
1

Define a Site (600 KB)

Download the tutorial by Mr. L by right-clicking the link (title) and selecting "Save target as..." (Select a location on your computer)

Note: simply clicking on "Define a Site" will open the tutorial in your browser - there are a few functions that do not work properly when viewed in a browser.

This will allow you to download and view a fully functioning tutorial to your computer.

Open "My Computer" and find the tutorial...view it as many times as you need.

2
 Create Web Pages and Publish (620 KB)
Right-click the link and select "Save target as..."
3
 Create a Simple Navigation Bar (1 MB )
Right-click the link and select "Save target as..."
4
 Place Text & Images on a Web Page (8.5 MB - this may take a few minutes to download)
Right-click the link and select "Save target as..."
5
 Create your Web site
Web Site Examples
The following examples were chosen to demonstrate certain aspects of Web Sites produced by the students of Courtenay Middle School. This page is not a "best of" page, but was created for use by the Grade Seven Info Tech students as they become Web designers. There are several exceptional student sites that were not included in this list to avoid repetition. You can view these other Web sites from our Home Page by going to "Student Work" in the navigation bar.
Click Icons to view examples
Karina's Web site is highly organized and very informational. She chose an interesting topic to many people and gave it an interesting tension in her question. The site is well researched and easy to follow. The consistency of form makes the site very professional.
Although Tony and Spencer did as much research as Karina did, their site does not show the work they did by the quantity of information provided. Much of the research completed by Tony and Spencer was needed for them to form an opinion. This was an interesting topic to many; therefore, making it a bit easier for Tony and Spencer to do original research.
Kathryn's site on popularity demonstrates to us how a sight can be very effective and authoritative even if much of the information comes from the personal observations of the Web designer and of others who are surveyed.
Cory's site on skateboarding also demonstrates an ability to make an authoritative site with personal knowledge. Cory was acknowledged in the school as a very good skateboarder, so the information he provides is rich with experience. Cory backed his presentation with information gleaned from conversations with others. Also, note how Cory transformed pictures to images that create mood.
Samantha J. created a site on an interesting question and made navigation of the site very user friendly. To make things easier for the viewer, Sam placed a "next" button on her pages in case the viewer was confused about where to go next. She also placed a "top" button on the bottom of her pages so the viewer does not have to scroll back up to navigate.
Jennie P. uses stories and personal experiences to make her point. The use of stories was a very effective way to deal with a difficult and interesting research question.
Jasmine, Dana, and Kirsten worked together as a team on their research question. Note that it can be very helpful to work with others but it can be very frustrating and difficult with Web design. These three did an excellent job keeping things organized (They probably learned more from keeping their site organized than from the research they did). Note how many Web pages their site has.
Click Icons to view examples
Terri's Web site on "How to make a better connection with your horse" is extremely well researched and highly organized. Note the way chunks of information are broken up for the viewer by having different background colours. Without this "chunking", the viewer might become overwhelmed by the quantity of information provided. Note that Terri fills the page rather than having dead space, and that her e-mail address is linked.
Kim's site on endangered species is not only topical and interesting, it is well organized for easy navigation. Note that Kim placed additional navigation bars on the bottom of her pages - a very effective way to ease navigation. Kim uses excellent colours for background and text - providing enough contrast to make reading text easy, but also being easy on the eyes. Kim also used captions with her images, making them more relevant to the information she provided.
Toby created a very interesting site for viewers interested in computer games. Toby created his own hover buttons, which are quite attractive and effective. He provides navigation help on his main page to help viewers get around. His site is definitely worth a visit.
Kelly F's topic was highly topical and challenging, but she handled it extremely well. It is a very well researched site that includes a good balance of sources (as can be seen in the links page). Kelly created very effective buttons for her navigation bar, which she placed at the bottom of the pages as well as the top. She even has a "go on" button to further aid in navigation.
Alyson's topic was highly challenging to research, but she handled it very well. Her navigation bar is attractive and she placed another at the bottom of the page for ease of navigation. Using images as backgrounds for Web sites is difficult, for they usually take attention from the content of the page, but Alyson's background image is quite effective.
Click Icons to view examples
Rachael's research question was very challenging, requiring some very creative research and real thinking. Rachael created her own hover buttons, which are excellent. Please also note that Rachael used "top" buttons to help ease navigation.
Margaret's site is another that required some very creative research and thinking. Her navigation buttons are attractive and effective..Margaret uses consistent shapes and images to add professionalism to her site.
Georgia chose a very interesting research question which was near impossible to research...but she did...and did a very good job of it. Georgia's layout by leading questions makes it easy for the reader to follow. Also, she breaks up chunks of information with different background colours. Check out Georgia's link page.
Britny B's site on Destination Imagination is based on personal experience and the experience of her D I team. Britny chose a topic that was close to her and that was very recent (her team had just finished competing), making it easier to research due to the freshness of the experience. Note what Britny does to help navigate her site.
Jeremy also chose a topic that he was very close to. Since Jeremy's father makes violins, Jeremy had a ready source of information and of original images. Smart! Jeremy's site is well organized and has an easy navigation bar to understand, as he uses logical names rather than page numbers. Note that Jeremy used magazine articles to help him research.