WR Webheads

Assignments Page

Download Web Development Syllabus Here (PDF File)

Make an Optional Donation to Our Web Development Program Here

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.

Email Coach Burrill- cburrill@hartdistrict.org

Web Development I Assignments - Spring 2014

Day 1- Mr. Burrill Quiz

Assignment 1- Syllabus, course Rules, and Burrill is always right! Syllabus page 6 due to Coach Burrill ASAP. 25pts.

Assignment 2- Create a "index.htm" web page using Dreamweaver and put it on the internet. Page must have text, images, links (text and image), and background change. 50pts

Assignment 3- Create a "store.htm" web page using Dreamweaver and put it on the internet. Page should be about your favorite place to shop. Page must have text, images, links (text and image), background change, and TABLES! Link to this web page from your orignal index.htm page. 50pts

Assignment 4- Create a "sport.htm" web page using Dreamweaver and put it on the internet. Page should be about your fav sport. Page must have text, images, links (text and image), background change, and TABLES! Link to this web page from your orignal index.htm page. 50pts

Assignment 5- Create a "music.htm" web page using Dreamweaver and put it on the internet. Page should be about your fav music group, artist, genre, or instument. Page must have text, images, links (text and image), background change, and tables. You will also need to have different color and sized text on your page. Link to this web page from your orignal index.htm page. 50pts

Assignment 6- Create a "car.htm" web page using Dreamweaver and put it on the internet. Page should be about your fav car, motorcycle, or RV. Page must have text, images, links (text and image), background change, and tables. You will also need to have different color and sized text on your page. Link to this web page from your orignal index.htm page. 50pts

Assignment 7- Create a "pictures.htm" web page holding 2 original images and 2 modified images. Modify the images using Fireworks. All images must be .jpg format. You must link to this page from your original index.htm page. 50pts

Assignment 8- Create a "burrill.htm" web page holding 2 .jpg images that you have created. Each image must have Coach Burrill's head on another person's body. Modify the images using Fireworks. All images must be .jpg format. You must link to this page from your original index.htm page. 50pts

Mr. Burrill Image

Assignment 9- Create a "banners.htm" web page holding 4 banners 1000 x 200 pixels. All banners must be .jpg format. Make the following 4 banners-

Coach Burrill's Lego Shop
Mr. Vincent's Auto Repair Shop
Mrs. Sage's Florist
Mr. Priske's Golf Shop

View my example page (I only have 2 of the 4 banners made)

Assignment 10- Create a "bobble.htm" web page about some bobble heads you have created. Page must contain at least two original bobble heads that you have created using Mr. Burrill's head. Make a banner at the top of your page 1000 x 200 pixels. Have some fun and show off your web design skills! You must link to this page from your original index.htm page. 50pts

Mr. Burrill example page

Assignment 11- Create a "olympic.htm" web page about one of the sports at the 2014 Winter Olympic Games in Sochi. Make a banner at the top of your page 1000 x 200 pixels. Have some fun and show off your web design skills! You must link to this page from your original index.htm page. 50pts

End of 5 Week Grading Period

Assignment 12- Create a "socks.htm" web page about some 2 different pairs of socks you have created. Make a banner at the top of your page 1000 x 200 pixels. Must have 2 link buttons (100 x 25) on the side of your page linking to related websites. Have some fun and show off your web design skills! You must link to this page from your original index.htm page. 50pts

Mr. Burrill example page

Assignment 13- Create a "candy.htm" web page about your favorite candy or candy bar. Make a banner at the top of your page 1000 x 200 pixels. Must have 2 ROLLOVER link buttons on the side of your page linking to related websites. Have some fun and show off your web design skills! You must link to this page from your original index.htm page. 50pts

Mr. Burrill example page- (My example page only has 1 rollover link button, you need 2)

Assignment 14- Create a "swap.htm" web page about any sports related topic. Must have at least 2 image swaps. Have some fun and show off your skills! Don't forget your banner. You must link to this page from your original index.htm page. 50pts

Mr. Burrill example page

Assignment 15- Create a "pres.htm" web page about any past US President. Must have at least 2 image swaps and 2 rollover link buttons. See example page on the dry erase board. You must link to this page from your original index.htm page. 50pts

Assignment 16- Create a "cartoon" folder in your G drive. Make a 3 page website about your favorite cartoon show. Below are the following pages that you need in your cartoon folder.

index.htm- Home page. Info about your cartoon
characters.htm- Info about the characters on your cartoon show
other.htm- Place any other information you think we should know

Make sure all your pages link to each other. You must link to this website from your original index.htm page. 150pts

Mr. Burrill example page

Assignment 17- Create a "radio" folder in your G drive. Make a 3 page website about your favorite radio station or create your own radio station. Below are the following pages that you need in your radio folder.

index.htm- Home page. Info about your radio station
lineup.htm- Info about the shows or hosts on your radio station
other.htm- Place any other information you think we should know

Make sure all your pages link to each other. You must link to this website from your original index.htm page. 150pts

Mr. Burrill example page

Assignment 18- Create a web page named "shoe.htm". Make a web page about your favorite shoe or create your own shoe. You must have a scolling marque, a banner, and pictures of yourshoe on this page. You must link to this web page from your original index.htm page. 50pts Here is the scrolling marquee code-

<marquee behavior="scroll" direction="left"><span class="style2">PLACE YOUR TEXT HERE</span></marquee>

Mr. Burrill example page

Assignment 19- Create a web page named "week.htm". Make a web page about your daily happenings for next week. Use a spry tabbed panel to make your daily calendar. You must link to this web page from your original index.htm page. 50pts

Mr. Burrill example page

Assignment 20- Create a folder named "vacation". Make a web site about your favorite place to vacation. You must make 2 webpages named- index.htm and other.htm You must have a 3rd page named side.htm to appear in the index.htm and other.htm page using iframe code. You must link to this web site from your original index.htm page. 150pts

Here is the iframe code-

Mr. Burrill example page

View my side.htm page

Assignment 21- Create a "hats" folder in your G drive. Make a 4 page website about several hats you have created. Make sure your hat pictures are .jpg format!! No .png files!!

index.htm- Home page. Info about your hats.
hats1.htm- First category of hats
hats2.htm- Second category of hats
hats3.htm- Third category of hats

Make sure all your pages link to each other. You must link to this website from your original index.htm page. You will have 2 class periods to work on these 4 pages. 200pts

Mr. Burrill example page

End of 10 Week Grading Period

Assignment 22- Create a folder named "sunglasses". Make a web site about some new sunglasses you will be releasing in 10days. You will need 3 pages for your site. You must also have a countdown script on your page showing when your sunglasses will be released. You must link to this web site from your original index.htm page. 100pts

Get Countdown Code Here

Mr. Burrill example page

Assignment 23- Create a folder named "rest". Make a 5 page website about a new Restaurant you have created and will be opening in a couple weeks. Plan your website and make pages about things like- location, menu, prices, specials, employment opportunities, nutrition, take out, reviews, history, owners, floorplan, entertainment, decor, etc... You must link to this web site from your original index.htm page. 250pts

Assignment 24- Create a folder named "car". Make a 5 page website about a new car you have created and will be releasing in a few weeks. You must have a picture (you made) of your new car. Make sure your website includes all the features, benefits, options, and pricing for your car. You must link to this web site from your original index.htm page. 250pts

Assignment 25- Create a folder named "watch". Make a 5 page website about a new watch you have created and will be releasing in a few weeks. Make sure your website includes all the features, benefits, options, and pricing for your watch. You must have the following scrollable content code in one of your pages You must link to this web site from your original index.htm page. 250pts

Mr. Burrill example page

End of 15 Week Grading Period

Assignment 26- Create a web page named bracelet.htm. Impress me with your web page. Include many of the web design techniques that you have learned this semester. You must link to this web page from your original index.htm page. 100pts

Assignment 27- Create a web page named school.htm. Make a web site about your favorite school or college. Impress me with your web page. You are a web master now!! You must link to this web page from your original index.htm page. 100pts

Assignment 28- Create a web page named board.htm. Make a web page about your favorite board game like Life or Monopoly. Impress me with your web page. You are a web master now!! You must link to this web page from your original index.htm page. 100pts

Assignment 29- Last regular assignment! Create a web page named book.htm. Make a web page about your favorite book. Impress me with your web page. You are a web master now!! You must link to this web page from your original index.htm page. 100pts

Final Project Info Here

Web Development II Assignments - Spring 2014

Day 1- Mr. Burrill Quiz

Assignment 1- Syllabus, course Rules, and Burrill is always right! Syllabus page 6 due to Coach Burrill ASAP. 25pts.

Assignment 2- Create an "index.htm" web page using Dreamweaver and put it on the internet. Page must imprees me with your web design skills! 50pts

Assignment 3- Create a folder named "backpack". Make a website about 3 backpacks you have created and are selling. Website must be at least 4 pages. Link to this website from your original index.htm page. 200pts

Assignment 4- Create a web page named "sport.htm". Make a web page that includes copy paste code from dynamic drive. Link to the dynamic drive page you are using, Link to this web page from your original index.htm page. 100pts

Assignment 5- Create a web page named "banner.htm". Make a web page that holds 4 banners that you have created about the following topics-

Apple Computers
Resse's Peanut Butter Cups
Super Bowl
Chevrolet Corvette

Each of your 4 banners need to be 1000 pixles by 200 pixels. Must be in jpeg format and all 4 images should be on your banner.htm page. Link to this web page from your original index.htm page. 200pts

Assignment 6- Create a web page named "form.htm". Make a web page that includes copy paste form from JotForm. Link to the dynamic drive page you are using, Link to this web page from your original index.htm page. 100pts

Assignment 7- Create a "me.htm" web page holding 2 .jpg images that you have created. Each image must have your head on another person's body. Modify the images using Fireworks. All images must be .jpg format. You must link to this page from your original index.htm page. 50pts

Assignment 8- Create a folder named "cell". Make a website about a new cell phone you have created and are selling for the first time. Website must be at least 4 pages. You need to have the following in the website somewhere- iframe, countdown script, scrolling marquee, dynamic drive code, Jotform form, and image swap or rollover. Link to this website from your original index.htm page. 200pts

Assignment 9- Create a "olympic.htm" web page about one of the sports at the 2014 Winter Olympic Games in Sochi. Make a banner at the top of your page 1000 x 200 pixels. Have some fun and show off your web design skills! You must link to this page from your original index.htm page. 50pts

End of 5 Week Grading Period

Assignment 10- Create a "swap.htm" web page about any olympic related topic. Must have at least 2 image swaps. Have some fun and show off your skills! You must link to this page from your original index.htm page. 50pts

Assignment 11- Create a "team.htm" web page about any team. Must have a background image centered and not move when user scrolls down on your page. You must link to this page from your original index.htm page. 100pts

Coach Burrill Example With Code

West Ranch Baseball Page Example

Assignment 12- Create a "tv" folder in your G drive. Make a 3 page website about your favorite tv station or create your own tv station. Below are the following pages that you need in your tv folder. Use what you have learned to this point and make this website look fantastic!

index.htm- Home page. Info about your tv station
shows.htm- Info about the shows on your tv station
guide.htm- Place inof about calendar or schedule of shows

Make sure all your pages link to each other. You must link to this website from your original index.htm page. 150pts

Assignment 13- Create a "lego" folder in your G drive. Make a 4 page website about the lego city in the back of the room or any other lego city you find on the internet. Below are the following pages that you need in your lego folder

index.htm
transportation.htm
buildings.htm
minifigs.htm

Make sure all your pages link to each other. You must link to this website from your original index.htm page. 200pts

Assignment 14- Create a "jacket" folder in your G drive. Make a 3 page website about a new jacket you are selling. Below are the following pages that you need in your jacket folder.

index.htm- Home page. Info about your new jacket
materials.htm- Info about the materials you will use to make your jacket
price.htm- Place info about your jacket pricing (features and benefits)

Make sure all your pages link to each other. You must link to this website from your original index.htm page. 150pts

Assignment 15- Create a "game" folder in your G drive. Make a 3 page website about a new board game you have created. Examples- Monopoly or Life. Below are the following pages that you need in your game folder.

index.htm- Home page. Info about your new game
rules.htm- Info about the rules of the game
price.htm- Place info about your game pricing

Make sure all your pages link to each other. You must link to this website from your original index.htm page. 150pts

Assignment 16- Create a "breakfast" folder in your G drive. Make a 3 page website about a new breakfast cereal you have created. You must have the following in your 3 page website- iframes, image smap, rollover image, form, spry tabbed panel, original image of your cereal box, and scrolling marquee.

Make sure all your pages link to each other. You must link to this website from your original index.htm page. 150pts

End of 10 Week Grading Period

Assignment 17- Create a folder named "16". Make a web page about the final 16 college basketball teams. Pick a champion. Take a stand! You must have a 2nd page named top.htm (made in Fireworks) to appear in the index.htm page using iframe code. You must also have a countdown script on your page to the championship game. You must link to this web site from your original index.htm page. 100pts

Get Countdown Code Here

Assignment 18- Create a folder named "eyes". Make a web page of someone or something that has eyes. Make the eyes glow red when your cursor goes over a sliced image on your top.htm page. You must have a 2nd page named top.htm (made in Fireworks) to appear in the index.htm page using iframe code. You must link to this web site from your original index.htm page. 100pts

Mr. Burrill example page

View my top.htm page

Assignment 19- Create a folder named "tire". Make a 5 page website about a new tire store you have created and will be opening in a couple weeks. Plan your website and make pages about things like- location, products, prices, specials, employment opportunities, services, reviews, history, owners, floorplan, warranty, etc... You must link to this web site from your original index.htm page. 250pts

Assignment 20- Create a folder named "car". Make a 5 page website about a new car you have created and will be releasing in a few weeks. You must have a picture (you made) of your new car. Make sure your website includes all the features, benefits, options, and pricing for your car. You must link to this web site from your original index.htm page. 250pts

Assignment 21- Create a folder named "watch". Make a 5 page website about a new watch you have created and will be releasing in a few weeks. Make sure your website includes all the features, benefits, options, and pricing for your watch. You must have the following scrollable content code in one of your pages You must link to this web site from your original index.htm page. 250pts

Mr. Burrill example page

End of 15 Week Grading Period

Assignment 22- Create a web page named bracelet.htm. Impress me with your web page. You are a web master now!! You must link to this web page from your original index.htm page. 100pts

Assignment 23- Create a web page named school.htm. Make a web site about your favorite school or college. Impress me with your web page. You are a web master now!! You must link to this web page from your original index.htm page. 100pts

Assignment 24- Create a web page named board.htm. Make a web page about your favorite board game like Life or Monopoly. Impress me with your web page. You are a web master now!! You must link to this web page from your original index.htm page. 100pts

Assignment 25- Last regular assignment! Create a web page named book.htm. Make a web page about your favorite book. Impress me with your web page. You are a web master now!! You must link to this web page from your original index.htm page. 100pts

Final Info HERE

Helpful Code / Links

Dynamic Drive

JotForm

<marquee behavior="scroll" direction="left"><span class="style2">PLACE YOUR TEXT HERE</span></marquee>

Get Countdown Code Here