WR Webheads Online

Download Syllabus Here (Microsoft Word Document)

Web Design (Home Page Production)

National Educational Technology Standards for Students

1. Basic operations and concepts

• Students demonstrate a sound understanding of the nature and operation of technology systems.

• Students are proficient in the use of technology.

2. Social, ethical, and human issues

• Students understand the ethical, cultural, and societal issues related to technology.

• Students practice responsible use of technology systems, information, and software.

• Students develop positive attitudes toward technology uses that support lifelong learning, collaboration, personal pursuits, and productivity.

3. Technology productivity tools

• Students use technology tools to enhance learning, increase productivity, and promote creativity.

• Students use productivity tools to collaborate in constructing technology-enhanced models, prepare publications, and produce other creative works.

4. Technology communications tools

• Students use telecommunications to collaborate, publish, and interact with peers, experts, and other audiences.

• Students use a variety of media and formats to communicate information and ideas effectively to multiple audiences.

5. Technology research tools

• Students use technology to locate, evaluate, and collect information from a variety of sources.

• Students use technology tools to process data and report results.

• Students evaluate and select new information resources and technological innovations based on the appropriateness for specific tasks.

6. Technology problem-solving and decision-making tools

• Students use technology resources for solving problems and making informed decisions.

• Students employ technology in the development of strategies for solving problems in the real world.

Student Assignments

Rookies

Assignment 1- Assign Syllabus. Get logged in. Make .ste file. Download Syllabus Here (PDF File) Syllabus page 6 due 1/21/11 25points

Assignment 2- Make your "index.htm" page and place it on the internet. You must have text, 2 text links, change background of your page, and have 2 images on your page. 50pts. Due 1/19/11

Assignment 3- Make a "car.htm" page and place it on the internet. Your page needs to be about your favorite car. You must have tables, text, 2 text links, change background of your page, and have 2 images on your page. You must link to this page from your original "index.htm" page. 50pts. Due 1/21/11

Assignment 4- Make a "music.htm" page and place it on the internet. Your page needs to be about your favorite music group, musician, or singer. You must have tables, text, 2 text links, change background of your page, and have 2 images on your page. You must link to this page from your original "index.htm" page. 50pts. Due 1/25/11

Assignment 5- Make a "food.htm" page and place it on the internet. Your page needs to be about your favorite food. You must have tables, text, jump menu (at least 6 links), and one image with hot spots (image maps). You must link to this page from your original "index.htm" page. 50pts. Due 1/27/11

Assignment 6- Make a "athlete.htm" page and place it on the internet. Your page needs to be about your favorite athlete. You must have tables, text, title, images, and change link color. You must link to this page from your original "index.htm" page. 50pts. Due 1/31/11

Assignment 7- Make a "image.htm" page and place it on the internet. Your page needs to have 2 original .jpg images from the internet. Then, make changes to these two .jpg images using Photoshop and place them on your page as well. You must link to this page from your original "index.htm" page. 50pts. Due 2/2/11

Assignment 8- Make a "banners.htm" page and place it on the internet. Your page needs to have 5 .jpg banners. Banners hsould be 500 pixels wide by 200 pixels tall. Below are the topics for the 5 banners.

Mr. Burrill's Lego Store
Mr. Burrill's Music Shop
Kobe Bryant's Sporting Goods
Anze Kopitar's Florist Shop
Andre Ethier's Donut Shop

You must link to this page from your original "index.htm" page. 50pts. Due 2/4/11

Assignment 9- Make a "house.htm" page and place it on the internet. Your page needs to have an original .jpg picture of a house, car, and landscape. Make your image 600pixels wide by 400 pixels tall. You can only use tools from Photoshop. You may NOT open existing pictures and use them on your image. You must link to this page from your original "index.htm" page. 50pts. Due 2/7/11

Assignment 10- Make a "roll.htm" page and place it on the internet. Your page needs to have a rollover image menu inside a table. Make images 100pixels by 40 pixels. You must have at least 4 rollovers. Link to this page from your original "index.htm" page. 50pts. Due 2/9/11

Assignment 11- Make a "swap.htm" page and place it on the internet. Your page needs to have at least 3 image swaps. Link to this page from your original "index.htm" page. 50pts. Due 2/11/11

End of 5 Week Grading Period!

Assignment 12- Make a "place.htm" page and place it on the internet. Your page should be about your favorite place to visit or vacation. Use ALL of the web design techniques you have learned so far! Techniques- tables, images, background, links, rollover, swap, jump menu, hot spot, title, and Photoshop. Link to this page from your original "index.htm" page. 100pts. Due 2/17/11

Assignment 13- Make a "slice.htm" page and place it on the internet. Make a web page in Photoshop with the dimensions of 800pixels wide by 1200pixels tall. Slice the page up and name it slice.htm Your page can be about anything you would like. Make sure you have at least 3 link buttons on your page. Link to this page from your original "index.htm" page. 50pts. Due 2/23/11

Assignment 14- Make a "slice2.htm" page and place it on the internet. Make a web page in Photoshop with the dimensions of 800pixels wide by 1200pixels tall. Slice the page up and name it slice2.htm Your page can be about anything you would like, as long as it is not the same as your previous slice page. Make sure you have at least 3 link buttons on your page. This time the 3 link buttons must have links and work. When you enter a link on your buttons in Dreamweaver, you must put the border to "0" otherwise your table will be broken! Link to this page from your original "index.htm" page. 50pts. Due 2/25/11

Assignment 15- Make a "screen.htm" page and place it on the internet. Find a .jpg image from the internet that has a screen. Like a PSP. Open it in Photoshop. Slice the page up and name it screen.htm. Make sure your screen swaps at least 3 times. Link to this page from your original "index.htm" page. 50pts. Due 3/1/11

Assignment 16- Make a folder named "pres" in your gangster drive. Use the web design techniques you have learned to create a web site about a US President. You need the follwoing 3 pages in your "pres" folder.

index.htm- Home page, has general info about your President, links to other 2 pages.
early.htm- Information about your President's life before he was in office.
term.htm- Details about your President while in office.

No President bashing allowed, pick one you like or at least respect. Link to this site from your original "index.htm" page. 150pts. Due 3/7/11

Assignment 17- Make a "iframe.htm" page in Dreamweaver and place it on the internet. Your web page will be about your favorite Holiday.

Include the following iframe code on your "iframe.htm" page.

<IFRAME src="http://www.google.com" width="800" height="400"
scrolling="no" frameborder="0" align="middle"> [Your user agent does not support frames or is currently configured not to display frames. However, you may visit <A href="http://www.google.com">the related document.</A>] </IFRAME>

You will need to make a 2nd page in Photoshop and name it "iframe2.htm". Slice the page up and put it on the internet. Link to the iframe.htm page from your original "index.htm" page. 50pts. Due 4/9/11

Assignment 18- Make a folder named "bar" in your gangster drive. Use the web design techniques you have learned to create a web site about a brand new candy bar you have created. You need the following 3 pages in your "bar" folder.

index.htm- Home page, has general info about your candy bar, links to other 2 pages.
inside.htm- Information about the ingredients of your candy bar
location.htm- Details about where people can buy your candy bar
top.htm- Using iframe code, make a banner web page in Photoshop or Dreamweaver that opens at the top of each of your other three pages.

Have fun with this assignment. Link to this site from your original "index.htm" page. 150pts. Due 3/15/11

Assignment 19- Make a "quake.htm" page and place it on the internet. Use any web design techniques you have learned to make a page about the emergency in Japan. Link to this page from your original "index.htm" page. 50pts. Due 3/18/11

End of 10 Week Grading Period

Assignment 20- Make a "free.htm" page and place it on the internet. Use any web design techniques you have learned to make a page about a topic of your choice. Show off your web design and Photoshop skills! Link to this page from your original "index.htm" page. 50pts. Due 3/22/11

Assignment 21- Make a "free2.htm" page and place it on the internet. Use any web design techniques you have learned to make a page about a topic of your choice. Show off your web design and Photoshop skills! Link to this page from your original "index.htm" page. 50pts. Due 3/24/11

Assignment 22- Make a "scroll.htm" page and place it on the internet. Your page is about your favorite shoe company. You must have a scrolling marquee on your page. Use code below.

<marquee behavior="scroll" direction="left">Your slide-in text goes here</marquee>

You can also see some other scroll ideas at this web page HERE.

Show off your web design and Photoshop skills! Link to this page from your original "index.htm" page. 50pts. Due 3/29/11

Assignment 23- Make a "toy.htm" page and place it on the internet. Make your page about a new children's toy you will be releasing in a month. You must have a countdown on your page showing the release date of your toy.

<script language="JavaScript">  TargetDate = "12/31/2020 5:00 AM";
  BackColor = "palegreen";  ForeColor = "navy";  CountActive = true;
  CountStepper = -1;  LeadingZero = true;
  DisplayFormat = "%%D%% Days, %%H%% Hours, %%M%% Minutes, %%S%% Seconds.";
  FinishMessage = "It is finally here!";
  </script>  <script language="JavaScript" 
src="http://scripts.hashemian.com/js/countdown.js"></script>

Show off your web design and Photoshop skills! Link to this page from your original "index.htm" page. 50pts. Due 3/21/11

Assignment 24- Make a folder named "school" in your gangster drive. Use the web design techniques you have learned to create a web site about the new Castaic HS that is coming.

index.htm- Home page, has general info about the new school
sports.htm- Information about athletics at Castaic HS
arts.htm- Details about theatre, band, dance, etc...

Have fun with this assignment. Link to this site from your original "index.htm" page. 150pts. Due 4/12/11

Assignment 25- Make a "open.htm" page and place it on the internet. Use any web design techniques you have learned to make a page about a topic of your choice. Show off your web design and Photoshop skills for your parents at Open House Thursday night. I will make this web page available to the parents!!!! Link to this page from your original "index.htm" page. 50pts. Due 4/14/11

Assignment 26- Make a "tv.htm" page and place it on the internet. Make a web page about your favotire TV show or TV personality. You must use SPRY Tabbed Panels on the page. Link to this page from your original "index.htm" page. 50pts. Due 4/18/11

Assignment 26- Make a "toy2.htm" page and place it on the internet. Make a web page about your childhood toy. You must use SPRY Accordian on the page. MAke sure you have a banner at the top of your page. Link to this page from your original "index.htm" page. 50pts. Due 4/22/11

End of 15 Weeks

Assignment 27- Make a "summer.htm" page and place it on the internet. Make a web page about your plans this summer. Link to this page from your original "index.htm" page. 50pts. Due 4/26/11

Assignment 28- Make a "royal.htm" page and place it on the internet. Make a web page about the royal wedding (Kate Middleton and Prince William) in England. Link to this page from your original "index.htm" page. 50pts. Due 5/2/11

View 2011 Final Exam Here