Fall 2025 Web Design Student Work
I have two periods of Web Development classes with both Web 1 & 2 in each period.
Fall 2025 Web Design Assignments and Information
Week 10 |
Tuesday March 14
http://www.wrwebheads.com/students/per_/your_name/card/page_name.htm |
--Web Development 1--
Card Game Website (30pts)
- Pick your fav card game
- Photoshop (Banner) 1300x300 Pixels
- Create a "card" folder
- Place link for this Card Game Website on your orignal Google Sites home webpage.
Coach Burrill Example Website
End of Quarter Grades This Weekend |
-Web Development 2--
TV Show Website- 15th Assignment
- Create a TV Show website
- Use Dreamweaver
- Must have custom banner
- Must have iFrame code for banner.htm page and side.htm page
- Make a "tv" folder
- home.htm
- characters.htm
- history.htm
- videos.htm
- pictures.htm
- network.htm
- Must also have a banner.htm page and a side.htm page open up in each of your 6 TV show web pages.
iFrame- Code
End of Quarter Grades This Weekend |
Thursday March 16
|
--Web Development 1--
Catch-Up Day
End of Quarter Grades This Weekend
|
-Web Development 2--
Catch-Up Day
End of Quarter Grades This Weekend |
|
Week 9 |
Wednesday October 8
http://www.wrwebheads.com/students/per_/your_name/pet/page_name.htm |
--Web Development 1--
Pet Website (30pts)
- Pet Website
- Photoshop (Banner) 1300x300 Pixels
- "pet" folder needed
- Place link for this Pet Website on your orignal Google Sites home webpage.
Coach Burrill Example Site
|
-Web Development 2--
Your 13th Web Dev 2 Project- 30pts
Soda Website
- Create a Soda Webpage
- Use Dreamweaver
- Must have custom banner
- Must have iFrame code for 4 different webpages
- 1 Class Period- Today Only
- Make a "soda" folder
- home.htm
- history.htm
- iFrame Pages Needed
iFrame- Code
|
Friday October 10
http://www.wrwebheads.com/students/per_/your_name/myday/index.htm |
--Web Development 1--
My Day Website (30pts)
- My Day Website
- Photoshop (Banner) 1300x300 Pixels
- "myday" folder needed
- Place link for this My DayWebsite on your orignal Google Sites home webpage.
- 3 Pages
- Text
- Images
- Background Change
- Banner
- Include anything you want for this assignment. Free choice topic.
|
-Web Development 2--
My Day Website (30pts)
14th Assignment-
- My Day Website
- Photoshop (Banner) 1300x300 Pixels
- "myday" folder needed
- Place link for this My DayWebsite on your orignal Google Sites home webpage.
- 3 Pages
- Text
- Images
- Background Change
- Banner
- Include anything you want for this assignment. Free choice topic.
|
|
Week 8 |
Monday September 29
http://www.wrwebheads.com/students/per_/your_name/cartoon/home.htm |
--Web Development 1--
Cartoon Website (30pts)
- Favorite Cartoon
- Photoshop (Banner) 1300 x 300 Pixels
- Create a "cartoon" folder in your school G Drive
- Place link for this Cartoon Website on your orignal Google Sites home webpage.
- 3 Pages
- home.htm
- character.htm
- other.htm
- Need Table
- Text
- Images
- Background Change
- 1 Banner- 1,300 x 300
- Website Links on Banner using Hotspots
Coach Burrill Cartoon Website
|
-Web Development 2--
Your 10th Web Dev 2 Project- 60pts
Video Game Website
- Create a video game website
- Use Dreamweaver
- Must have custom banner
- 1 Class Period
- Make a "video" folder
- home.htm
- pictures.htm
- videos.htm
- history.htm
- pricing.htm
- YouTube Video
- Scrolling Marquee
|
Wednesday October 1
http://www.wrwebheads.com/students/per_/your_name/vacation/index.htm |
--Web Development 1--
You may start on the below assignment today only when you are done with your Cartoon Website.
Vacation Website (30pts)
- Favorite Vacation Spot
- Same assignment as Cartoon Website, just new topic
- Feel free to help each other and also ask for help if needed
- Photoshop (Banner) 1300 x 300 Pixels
- Create a "vacation" folder
- Place link for this Vacation Website on your orignal Google Sites home webpage.
- 3 Pages
- index.htm
- pictures.htm
- history.htm
- Need Tables
- Text
- Images
- Background Change
- 1 Banner at top of page
Coach Burrill Example Website
|
-Web Development 2--
Your 11th Web Dev 2 Project- 60pts
Pickleball Website- iFrames!
- Create a video game website
- Use dreamweaver
- Must have custom banner
- Must have iFrame code for banner.htm page and side.htm page
- 1 Class to Work on Pickleball Site
- Make a "pickle" folder
- home.htm
- pictures.htm
- gear.htm
- Must also have a banner.htm page and a side.htm page open up in each of your 5 pickleball web pages.
iFrame- Code
Take Away Webpage Spacing- Code
My Example Web Site - banner.htm - side.htm
|
Friday October 3
http://www.wrwebheads.com/students/per_/your_name/tutor/index.htm |
--Web Development 1--
Tutoring Website (30pts)
- You are the Tutor
- Photoshop (Banner) 1300x300 Pixels
- Create a "tutor" folder
- Place link for this Tutor Website on your orignal Google Sites home webpage.
- 3 Pages
- index.htm
- courses.htm
- pricing.htm
- Need Tables
- Text
- Images
- Background Change
- 1 Banner at top of page
- Scrolling Marque on index.htm page
Coach Burrill Example Website
I will be grading this weekend!
|
-Web Development 2--
Your 12th Web Dev 2 Project- 30pts
Shopping Cart Race Website
- Create Shopping Cart Race Website
- Use Dreamweaver
- Must have custom banner
- Must have custom side link image
- Must have iFrame code to hold your Banner!
- Must have iFrame code to hold your side links!
- 1 Class Period
- Make a "scart" folder
- home.htm- Information about shpooing cart races
- photos.htm- pictures of shopping cart races
Coach B Shopping Cart Races Example Site
banner.htm - side.htm
iFrame- Code
Take Away Webpage Spacing- Code
I will be grading this weekend!
|
|
Week 7 |
Tuesday September 2327
http://www.wrwebheads.com/students/per_/your_name/animal.htm |
--Web Development 1--
Animal Webpage (30pts)
- Log-In to your Computer
- Visit wrwebheads.com
- Log-into Google
- Use Dreamweaver
- Make a animal.htm
- Place link for this Animal webpage on your orignal Google Sites home webpage.
- Your Animal webpage must have-
- 1 Webpage
- 1 Banner- (1300x300) Phtotoshop
- Text
- Images
- Links
- Tables
- Background Color Change
Coach B Animal Example Page
Koda Looking in Coach B's Kitchen Window
Betty and Boo on Coach B's Deck
|
-Web Development 2--
Your 9th Web Dev 2 Project- 80pts
Donuts Website
- Create a donuts store website
- Must Use Dreamweaver
- Must have custom banner
- 2 Class Periods
- Make a "donut" folder
- home.htm
- location.htm
- prices.htm
- specials.htm
- drinks.htm
- hours.htm
- Add the Following Web Design Techniques
- Google Map
- YouTube Video
- Scrolling Marquee
- Weather Forecast
|
Thursday September 25
http://www.wrwebheads.com/students/per_/your_name/clothing.htm |
--Web Development 1--
Clothing Webpage (30pts)
- Choose your fav clothing company or create one
- Photoshop (Banner) 1300x300 Pixels
- Create a clothing.htm webpage, no folder needed
- Place link for this Clothing webpage on your orignal Google Sites home webpage.
- 1 Page
- Tables
- Text
- 2 Original Cutom Clothing Images where you and/or Coach B are clothing models
- Background Change
- Banner at top of page
Coach Burrill Example Page
The New Coach B Image
Take extra time today to get caught up with other assignments. We have a big assignment Wednesday.
|
-Web Development 2--
Your 9th Web Dev 2 Project- 80pts
Donuts Website
- Create a donuts store website
- Must Use Dreamweaver
- Must have custom banner
- Last Day
- Make a "donut" folder
- home.htm
- location.htm
- prices.htm
- specials.htm
- drinks.htm
- hours.htm
- Add the Following Web Design Techniques
- Google Map
- YouTube Video
- Scrolling Marquee
- Weather Forecast
|
|
Week 6 |
| Monday Septeber 15 |
--Web Development 1--
Restaurant Website (40pts)
- Log-In to your Computer
- Visit wrwebheads.com
- Log-into Google
- Make a Restaurant Website using Google Sites
- Select a real restaurant that you love
- Place link for this Restaurant Website on your orignal home webpage.
- Your Restaurant Review website must have-
- 5 Webpages
- Custom Banner/Header (1600x300)
- A text review about your restaurant and why you love it so much! You text review can be a Google Slides presentation if you want.
- Embeded Google Map location of your restaurant
- 2 Original Images of You and/or Coach B eating at your favorite Restaurant
Coach B Example Site
A New Coach B Image
|
-Web Development 2--
Your 6th Web Dev 2 Project- 40pts
- Must Use Google Sites
- 1 class period to work on your website
- Paper Airplane Website Must Have-
- 5 Webpages
- Home Page
- 4 Different Paper Airplane Designs
- Image Carousel
- Scrolling Marquee
- Custom Paper Airplane Banner
- We will fly one of your plane designs at the end of class today!
- Furthest Gets 10pts EC
- Best Looking (Coach B is the judge) 10pts EC
- No Test Flights
- One Piece of Paper- Get from Coach B
Paper Airplane Examples
|
| Wednesday September 1721 |
--Web Development 1--
Carousel Website (30pts)
It's estimated that fewer than 250 operating wooden carousels remain in the United States out of the thousands that were built during their peak in the early 1900s. Many were destroyed by economic hardship, the invention of roller coasters, and the lucrative antique trade of their individual wooden animals. The National Carousel Association (NCA) was founded in 1973 to help preserve the remaining carousels
- Log-In to your Computer
- Visit wrwebheads.com
- Log-into Google
- Make a Carousel Website using Google Sites
- Place link for this Carousel Website on your orignal home webpage.
- Your Carousel website must have-
- 3 Webpages
- Custom Banner/Header (1600x300)
- History of your Carousel
- Pricing Information
- Embeded Google Map location of your Carousel
- 3 Original Images of You and/or Coach B riding the Carousel
List of North American Carousels
A New Coach B Image
|
-Web Development 2--
Your 7th Web Dev 2 Project- 30pts
Passwords Website
- Create a strong password informational website
- Use Google Sites
- Must have custom banner
- 1 Class Period
- 3 Webpages
- home.htm- Why it is important to have a strong password
- tips.htm- Give a few tips on making a strong password
- horror.htm- Give an example of what happens when someone steals your password
Some Password Tips
How Good is my Password
|
Friday September 19
http://www.wrwebheads.com/students/per_/your_name/first.htm |
--Web Development 1--
DREAMWEAVER!!
First Webpage (30pts)
- Create .ste File
- Dreamweaver (Here We Go!)
- Make a first.htm Webpage
- Create a index.htm webpage
- Name it "first.htm"
- 1 Page
- Picture or Pictures
- Some Text
- At Least One Link
- Background Color Change
- Text Color Change
Coach B Example Page
|
-Web Development 2--
Your 8th Web Dev 2 Project- 30pts
Wood Signs Website
- Create Wooden Signs Sales Website
- Must use Dreamweaver
- Must have custom banner
- 1 Class Period
- Make a "signs" folder
- home.htm- Information about your wooden sign store
- prices.htm- Sign prices
- examples.htm- Pictures of previous signs made
Coach B Wood Sign Example Site
Wooden Sings Sales Website
|
|
Week 5 |
| Tuesday September 9 |
--Web Development 1--
MORE PHOTOSHOP!!!
Make Ties Website (30pts)
- Log-In to your Computer
- Visit wrwebheads.com
- Log-into Google
- Make Ties Website at Google Sites
- Place link for this Ties Website on your orignal home webpage.
- Your Ties website must have-
- 3 Webpages
- At Least 1 Banner/Header (1600x300)
- Text
- At Least 4 Original Ties JPG Images
- Set up your webpage as if you were selling the 4 tie styles you have created.
Help Video- Google Sites
Blank Ties Image 1 - Blank Tie Image 2
Bow Tie Image
Burrill Example Ties
I turn in grades this weekend!
|
-Web Development 2--
Expert Photoshop Continued
Your 5th Web Dev 2 Project- 100pts
- You May Use Google Sites or Dreamweaver
- 2 class periods to work on your Photoshop creations
- Coach B Merch Website Must Have-
- Custom Coach B Merch Banner
- 7 Webpages
- Scrolling Marquee
- Create Mr. Burrill Merch Website
- Here are the 6 required Coach B Merch Items for sale on your site
- Table Coasters
- Frisbee
- Sweatshirt
- Keychain
- iPhone Case
- Facemask
Mr. Burrill Image
I turn in grades this weekend!
|
| Thursday September 11 |
--Web Development 1--
MORE PHOTOSHOP!!!
Make Bobble Website (30pts)
- Log-In to your Computer
- Visit wrwebheads.com
- Log-into Google
- Make Bobble Website at Google Sites
- Place link for this Bobble Website on your orignal home webpage.
- Your Bobble website must have-
- 2 Webpages
- At least 1 Banner/Header (1600x300)
- Text
- 4 Original Bobble Head JPG Images
- Set up your webpage as if you were selling the Mr. B Bobble Heads
Help Video- Google Sites
Mr. Burrill Image
I turn in grades this weekend!
|
-Web Development 2--
Expert Photoshop Continued
Your 5th Web Dev 2 Project- 100pts
- You May Use Google Sites or Dreamweaver
- 2 class periods to work on your Photoshop creations
- Coach B Merch Website Must Have-
- Custom Coach B Merch Banner
- 7 Webpages
- Scrolling Marquee
- Create Mr. Burrill Merch Website
- Here are the 6 required Coach B Merch Items for sale on your site
- Table Coasters
- Frisbee
- Sweatshirt
- Keychain
- iPhone Case
- Facemask
Mr. Burrill Image
I turn in grades this weekend! |
|
Week 4 |
| Wednesday September 3 |
--Web Development 1--
PHOTOSHOP!!!
Make Burrill Website (30pts)
- Log-In to your Computer
- Visit wrwebheads.com
- Log-into Google
- Make Burrill Website at Google Sites
- Place link for this Burrill Website on your orignal home webpage.
- Your Burrill website must have-
- 1 Webpage
- 1 Banner- 1600 x 300
- Text
- 2 Original Images of Someone Else
- 2 Modified Images with Coach B Head on Other People
Mr. Burrill Image
How to Put Coach B's Head on Another Body
Example- Burrill Cheer Picture (Nightmare!)
|
-Web Development 2--
Expert Photoshop
Your 3rd Web Dev 2 Project- 60pts
- You May Use Google Sites or Dreamweaver
- 2 class periods to work on your Photoshop creations
- PhotoshopWebsite Must Have-
- 1 Webage
- Custom banner
- Insert the following 3 Images you have created using Photoshop-
- Teacher Business Card for Coach Burrill- Sizing 3.75" x 2.25" (in inches!)
- 2025 WR Prom Flyer- Sizing 500x800px (in pixels)
- February 2025 Valentine Themed Odd/Even Day Calendar- Sizing 900x600px (in pixels)
|
| Friday September 5 |
--Web Development 1--
PHOTOSHOP!!!
Make a Socks Website (40pts)
- Log-In to your Computer
- Visit wrwebheads.com
- Log-into Google
- Make Socks Website at Google Sites
- Your website should be selling your socks.
- Place link for this Socks Webpage on your orignal home webpage
- 1 Webpage
- 1 Banner- 1600 x 300
- 3 Orignal Pairs of Socks that you have created
- Must be .jpg format
- Text
- Scrolling Marquee
Blank Pair of Socks Image
|
-Web Development 2--
Movie Poster
Your 4th Web Dev 2 Project- 40pts
- You May Use Google Sites or Dreamweaver
- Only today to work on your Movie Poster
- Movie Poster Website Must Have-
- 1 Webage
- Custom banner
- Custom Movie Poster you have created in Phtoshop
- Sizing 500x800px (in pixels)
- Your Movie will be released on Feburary 29, 2024
- Can be a real movie or a made up movie
- Keep it clean and appropriate for school
|
|
Week 3 |
| Monday August 25 |
--Web Development 1--
Syllabus- Last Page Due Now (10pts)
Movie Website (30pts)
- Log-In to your Computer
- Visit wrwebheads.com
- Log-into Google
- Make Movie Website at Google Sites
- Place link for this Movie Website on your orignal home webpage.
- Your Movie website must have-
- 3 Webpages
- Text
- Images
- Links
- Image Carousel (3-5 Images)
- Embed a YouTube Video
- Google Form- Movie Review
- Scrolling Marquee
Help Video- Google Sites Help Video (15min)
Burrill Example Website
|
-Web Development 2--
Syllabus- Last Page Due Now (10pts)
Confirm the link on your name above goes to your original home webpage you created last Thursday. I will be grading this weekend!
State Capitol Website
Your 2nd Web Dev 2 Project- 70pts
- You May Use Google Sites or Dreamweaver
- 3 class periods to work on your Capitol website
- State Capitol Website Must Have-
- 12 Webages
- Custom banner
- Links, Pictures, and Text
- Scrolling Marque
- Weather Forecast
- YouTube Video
Capitol Webpage Ideas- Pictures, Weather, Videos, Capitol Building, History, Employment, Traffic, Governor, State Flag, Population, Demographics, Tours, Restaurants, GPS Coordinates, Emergency Services, Radio Stations, etc...
|
| Wednesday August 27 |
--Web Development 1--
Syllabus- Due Last Monday
Sport Website (30pts)
- Log-In to your Computer
- Visit wrwebheads.com
- Log-into Google
- Make Sport Website at Google Sites
- Place link for this Movie Website on your orignal home webpage.
- Your Sport/Athlete/Team website must have-
- 3 Webpages
- Text
- Images
- Links
- Image Carousel (3-5 Images)
- Embed a YouTube Video
- Google Form- Sport Review
- Scrolling Marquee
- Weather Report or Sports Scores
Help Video- Google Sites Help Video (15min)
Weather Widget Website
Sports Scores Widget Website
Dreamweaver and Photoshop is Coming!!!
|
-Web Development 2--
Syllabus- Last Page Due Now (10pts)
Confirm the link on your name above goes to your original home webpage you created last Thursday. I will be grading this weekend!
State Capitol Website
Your 2nd Web Dev 2 Project- 70pts
- You May Use Google Sites or Dreamweaver
- 3 class periods to work on your Capitol website
- State Capitol Website Must Have-
- 12 Webages
- Custom banner
- Links, Pictures, and Text
- Scrolling Marque
- Weather Forecast
- YouTube Video
Capitol Webpage Ideas- Pictures, Weather, Videos, Capitol Building, History, Employment, Traffic, Governor, State Flag, Population, Demographics, Tours, Restaurants, GPS Coordinates, Emergency Services, Radio Stations, etc...
|
| Friday August 29 |
--Web Development 1--
PHOTOSHOP!!!
Make Banner Website (40pts)
- Log-In to your Computer
- Visit wrwebheads.com
- Log-into Google
- Make Banner Website at Google Sites
- Place link for this Banners Website on your orignal home webpage
- 1 webpage
- Nothing on page except for 3 .jpg banners
- Banners need to be 1600 x 300 pixels
- Must be .jpg format
- Three Banner Topics-
- Burrill's Pizza Place (Place as Webpage Header)
- Casey's Lego Shop
- Burrill's USC Fan Page
How to Make a Banner in Photoshop
Mr. Burrill Image
Burrill Example Banner Webpage
|
-Web Development 2--
Expert Photoshop
Your 3rd Web Dev 2 Project- 60pts
- You May Use Google Sites or Dreamweaver
- 2 class periods to work on your Photoshop creations
- PhotoshopWebsite Must Have-
- 1 Webage
- Custom banner
- Insert the following 3 Images you have created using Photoshop-
- Teacher Business Card for Coach Burrill- Sizing 3.75" x 2.25" (in inches!)
- 2025 WR Prom Flyer- Sizing 500x800px (in pixels)
- February 2025 Valentine Themed Odd/Even Day Calendar- Sizing 900x600px (in pixels)
|
|
Week 2 |
| Tuesday August 19 |
--Web Development 1--
Last Page Due Thursday (10pts)
Syllabus- Last Page Due Thursday (10pts)
Car Website (30pts)
- Log-In to your Computer
- Visit wrwebheads.com
- Log-into Google
- Make Car Website at Google Sites
- Place link for this Car Website on your orignal home webpage you made last Friday
- Your Car website must have-
- 5 Webpages
- Text
- Images
- Links
- Image Carousel (3-5 Images)
- YouTube Video Link- At least one
Help Video- Google Sites Help Video (15min)
|
-Web Development 2--
Syllabus- Last Page Due Thursday (10pts)
Last Page Due Friday (10pts)
Last Day to Work on Your Story Website
Your First Web Dev 2 Project- 80pts
|
| Thursday August 21 |
--Web Development 1--
Last Page Due Today (10pts)
Syllabus- Last Page Due Today (10pts)
Confirm the link on your name above goes to your original home webpage you created last Thursday. I will be grading this weekend!
Food Website (30pts)
- Log-In to your Computer
- Visit wrwebheads.com
- Log-into Google
- Make Food Website at Google Sites
- Place link for this Food Website on your orignal home webpage.
- Your Food website must have-
- 3 Webpages
- Text
- Images
- Links
- Image Carousel (3-5 Images)
- Google Slides- Food Review (3 Slides)
- Embed YouTube Video
Burrill Example Website
|
-Web Development 2--
Last Page Due Today (10pts)
Syllabus- Last Page Due Today (10pts)
Confirm the link on your name above goes to your original home webpage you created last Thursday. I will be grading this weekend!
State Capitol Website
Your 2nd Web Dev 2 Project- 70pts
- You May Use Google Sites or Dreamweaver
- 3 class periods to work on your Capitol website
- State Capitol Website Must Have-
- 12 Webpages
- Custom banner
- Links, Pictures, and Text
- Scrolling Marque
- Weather Forecast
- YouTube Video
Capitol Webpage Ideas- Pictures, Weather, Videos, Capitol Building, History, Employment, Traffic, Governor, State Flag, Population, Demographics, Tours, Restaurants, GPS Coordinates, Emergency Services, Radio Stations, etc...
|
|
Week 1 |
| Wednesday August 13 |
--Web Development 1--
- Hello & Intro
- Quick Rules
- Seating Chart Next Class
- Infamous Mr. Burrill Quiz
|
-Web Development 2--
- Hello & Intro
- Quick Rules
- Seating Chart Next Class
- Infamous Mr. Burrill Quiz
|
| Friday August 15 |
--Web Development 1--
Class Rules
Syllabus- Last Page Due Next Week (10pts)
Home Page (50pts)
- Seating Chart
- Class Rules
- Log-In to your Computer
- Visit wrwebheads.com
- Explore Coach B website
- Log-into Google
- Watch a Mr. B Google Site Tutorial
- Make 1st (Home) Webpage at Google Sites (50pts)
- Make your webpage "Public"
- Email me your Google "Home" webpage link page to - cburrill@hartdistrict.org
- Put your first name and class period on webpage
- Insert 3 images of things/activities you like
- Write a one paragraph description of your self. Add your likes and dissslikes.
- Have a location on this page for future project links
- Extra Help Video- Google Sites Help Video (15min)
|
-Web Development 2--
Class Rules
Syllabus- Last Page Due Next Week (10pts)
Story Website
- Seating Chart
- Log-In to your Computer
- Visit wrwebheads.com
- Make New 1st (Home) Webpage at Google Sites (20pts)
- Log-into Google
- Email me your new "Home" link page to- cburrill@hartdistrict.org
Your First Web Dev 2 Project- 80pts
- Use Google Sites
- 3 class periods to work on your story website
- Story Board Website
- Create a unique story using 15 webpages
- Must have a custom banner
- Include pictures with your story on every webpage
- Your story needs to have 8 different endings
- Home page -> 2 choices -> 4 Choices -> 8 Choices
- Site Needs-
- Diffferent Banner (Top Picture) for Each Page
- Images
- Text
- At Least One Embeded YouTube Video
- At Least One Embeded Google Slide (3 Slides)
|
|
|
