Home Page Web Dev Students AP Comp Students Coach B Site Student Grades
PINE MOUNTAIN CLUB WEATHER

Latest Pine Mountain Club Community Photo



Fall 2025 Web Design Student Work

I have two periods of Web Development classes with both Web 1 & 2 in each period.

Period 4

Period 6

Web Dev 1 Students

Amelia K

Jaren L

Ozzie N

Gabriel P

Josh R

Jayden R

Angie V

 

 

Web Dev 2 Students

Vicente C

Glen C

Peyton E

Casey G

Aahan G

Chinmay K

Phineas L

Shane M

Mags P

Jax S

Tawny S

Tobi S

Karolina W

Aiden W

Christian Y

 

Web Dev 1 Students

Jonas F

Leilah H

Kinzie M

Matthew P

Berlin R

Christian S

Vlad S

Marcus V

Web Dev 2 Students

Gabriel A

Alper B

Jacob B

Asher B

Robert B

Aiden C

Ari F

Anderson H

EJ K

Liam M

DJ O

Alex O

Flynt T

Sy W

 

 

Download Web Development 1 & 2 Syllabus

 

Coach B Web Design Help & Stuff...

 

View Fall 2024 Web Design Student Work and Project

 

Info for Your Website (Dreamweaver or Google Sites)-

Embed Code in Your Website

Photoshop, Pictures, Tips and Tricks-

Dreamweaver Things and Stuff-

 

 


Spring 2026 Web Design Assignments and Information

Last Semester's Daily Class Assignments- Fall 2025

 

Week 8

Tuesday March 3

Web 1- Catch Up Day

Web 2- http://www.wrwebheads.com/students/per_/your_name/soda/home.htm

--Web Development 1--

 

Catch-Up Day

Finish Websites

  • Cartoon
  • Tutor
  • Help others if you are done

 

-Web Development 2--

I will be grading this weekend!

Soda Website- (30pts)

  • Create a 4 page Soda Website
  • Use Dreamweaver
  • Must have custom banner with Hotspot link buttons
  • Need target "_parent" on Hotspot links
  • Must have iFrame code
  • 1 Class Period- Today Only
  • Make a "soda" folder
    • home.htm
    • history.htm
    • flavors.htm
    • pictures.htm
  • Just 1 iFrame Page Needed
    • banner.htm

iFrame- Code

Take Away Webpage Spacing- Code

 

 


Thursday March 5

Web 1- http://www.wrwebheads.com/students/per_/your_name/myday/home.htm

Web 2- http://www.wrwebheads.com/students/per_/your_name/trivia/home.htm

--Web Development 1--

My Day Website (30pts)

  • My Day Website
  • Photoshop (Banner) 1300x300 Pixels
  • "myday" folder needed
  • Place link for this My Day Website on your orignal Google Sites home webpage.
    • 3 Webpages
    • Text
    • Images
    • Background Change
    • Banner W/ Hotspot Links
    • Include anything you want for this assignment. Free choice topic.

 

--Web Development 2--

Trivia Website (60pts)

  • Trivia Game Website
  • 2 Classes to work on it
  • Create your own Trivia game
  • Make a website to describe & sell your trivia game
  • Photoshop (Banner) 1300x300 Pixels
  • "trivia" folder
  • Place link for this Trivia Game Website on your orignal Google Sites home webpage.
    • 8 Webpages
    • Webpage Ideas-
      • home, price, purchase location, rules, pictures, description, topics, scoring, topics, history,
    • Must have at least 1 iFrame for this site
    • Your choice of design techniques to include

iFrame- Code

Take Away Webpage Spacing- Code

 

 

 

 

Week 7

Monday February 23

Web 1- http://www.wrwebheads.com/students/per_/your_name/clothing.htm

Web 2- http://www.wrwebheads.com/students/per_/your_name/video/home.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

Take extra time today to get caught up with older assignments. We have a bigger assignment Wednesday.

-Web Development 2--

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
  • Use Clickable Dropdown Menu
  • YouTube Video
  • Scrolling Marquee

 

 

 


Wednesday February 25

Web 1- http://www.wrwebheads.com/students/per_/your_name/tutor/home.htm

Web 2- http://www.wrwebheads.com/students/per_/your_name/scart/home.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
      • home.htm
      • courses.htm
      • pricing.htm
    • Need Tables
    • Text
    • Images
    • Background Change
    • 1 Banner at top of page
    • Scrolling Marquee on index.htm page

Coach Burrill Example Website

-Web Development 2--

Web Dev 2 Project- 60pts

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

 


Friday February 27

Web 1- http://www.wrwebheads.com/students/per_/your_name/cartoon/home.htm

Web 2- http://www.wrwebheads.com/students/per_/your_name/pickle/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--

Web Dev 2 Project- 60pts

Pickleball Website- iFrames!

  • Create a pickleball 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

 

Week 6

Tuesday February 17

Web 1- http://www.wrwebheads.com/students/per_/your_name/first.htm

Web 2- http://www.wrwebheads.com/students/per_/your_name/tv/home.htm

-Web Development 1--

First Webpage (30pts)

  • Create .ste File
  • Dreamweaver (Here We Go!)
  • Make a first.htm Webpage
  • Create a first.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--

TV Show Website- 80pts

  • Create a TV Show Website
  • Must Use Dreamweaver
  • Must have custom banner
  • 2 Class periods to work on assignment
  • Make a "tv" folder
  • 10 Total Webpages
  • Use Dropdown Menu Bar with the following link structure-
    • Home
    • Characters
      • Character 1
      • Character 2
      • Character 3
      • Character 4
    • About
      • Streaming Platforn
      • Show History
      • Reviews
      • Producer/Director
      • Link to Officiel Site
      • Seasons/Episodes
  • Add the Following Web Design Techniques
    • Google Form "Reviews"
    • YouTube Video

 

 


Wednesday February 11

Web 1- http://www.wrwebheads.com/students/per_/your_name/animal.htm

Web 2- http://www.wrwebheads.com/students/per_/your_name/tv/home.htm

--Web Development 1--

I am absent today. My wife, Max, and I are digging out from all of the snow we got in Pine Mountain Club. Please take GREAT care of my sub! Web 2 students are responsible for helping Web 1 students make their animal page today. Tables is the big teach today!

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--

I am absent today. My wife, Max, and I are digging out from all of the snow we got in Pine Mountain Club. Please take GREAT care of my sub! Web 2 students are responsible for helping Web 1 students make their animal page today. Tables is the big teach today!

Finish TV Show Website after helping Web 1 Students.

Finish TV Show Website!

 

 

Week 5

Monday February 9

Web 2-http://www.wrwebheads.com/students/per_/your_name/donut/home.htm

-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-
    • 1 Webpage
    • Create a custom Banner/Header (1600x300)
    • Booblehead text descriptions and pricing
    • 4 Original Bobble Head JPG Images
    • Set up your webpage as if you are selling Mr. B Bobble Heads

Help Video- Google Sites

Mr. Burrill Image

I turn in grades this coming weekend!

 

-Web Development 2--

Your 9th Web Dev 2 Project- 80pts

Donuts Website

  • Create a Donut Store website
  • Must Use Dreamweaver
  • Must have custom banner
  • 2 Class periods to work on assignment
  • Make a "donut" folder
  • 10 Total Webpages
  • Use Dropdown Menu Bar with the following link structure-
    • Home
    • Food
      • Donuts
      • Drinks
      • Breakfast
      • Prices
      • Specials
    • About
      • Hours
      • Location
      • Media
      • Owners
  • Add the Following Web Design Techniques
    • Google Map
    • YouTube Video
    • Weather Forecast

Example Menu Setup

 


Wednesday February 11

Web 2-http://www.wrwebheads.com/students/per_/your_name/donut/home.htm

--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
    • 3 Original Images of You and/or Coach B riding the Carousel
    • Embeded Google Map location of your Carousel

List of North American Carousels

A New Coach B Image

Grades Due this Weekend!

 

-Web Development 2--

Finish Donut Website!

Grades Due This Weekend!!

 

 

 

 

Week 4

Tuesday February 3

Web 2-http://www.wrwebheads.com/students/per_/your_name/plane/home.htm

-Web Development 1--

PHOTOSHOP!!!

Make a Socks Website (30pts)

  • 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

Judge Web 2 Airplane Designs

 

 

-Web Development 2--

Your 6th Web Dev 2 Project- 30pts

  • Must use Dreamweaver
  • 1 class period to work on your website
  • Make a "plane" folder in your G Drive
  • Paper Airplane Website Must Have-
    • 3 Webpages
      • Home Page
      • 2 Different Paper Airplane Designs
    • Scrolling Marquee
    • Custom Paper Airplane Banner
  • We will fly your plane with 15min left in class today!
    • Furthest Gets 10pts EC
    • Best Looking (Web 1 Students Will Judge) 10pts EC, Worst -10 Points
    • No Test Flights!
    • One Piece of Paper- Get from Coach B

Paper Airplane Examples

 


Thursday February 5

Web 2-http://www.wrwebheads.com/students/per_/your_name/pass/home.htm

--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--

Your 7th Web Dev 2 Project- 30pts

Passwords Website

  • Create a strong password informative website
  • Use Dreamweaver
  • 1 Class Period
  • Must have custom banner
  • Make a "pass" folder in your G Drive
  • 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

 

 

 

Week 3

Monday January 26

Web 2-http://www.wrwebheads.com/students/per_/your_name/capital/home.htm

-Web Development 1--

Syllabus Due (Last Page)

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
    • Weather Report or Sports Scores

Weather Widget Website

Sports Scores Widget Website

Photoshop is Coming!!!

 

-Web Development 2--

 

Expert Photoshop Review 1

 

Your 3rd Web Dev 2 Project- 60pts

  • You May Use Google Sites or Dreamweaver
  • PhotoshopWebsite Must Have-
    • 1 Webage
    • Custom Banner/Header
    • Insert the following 3 Images you have created using Photoshop-
      • Teacher Business Card for Coach Burrill- Sizing 3.75" x 2.25" (in inches!)
      • 2026 WR Prom Flyer- Sizing 500x800px (in pixels)- Petersen Car Museum
      • February 2026 Valentine Themed Odd/Even Day Calendar- Sizing 900x600px (in pixels)

 

 


Wednesday January 28

--Web Development 1--

Syllabus Due (Last Page)

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

Photoshop Friday!

Burrill Example Website

 

-Web Development 2--

Expert Photoshop Cont... Movie Posters

Your 4th Web Dev 2 Project- 40pts

  • You May Use Google Sites or Dreamweaver
  • Website Must Have-
    • 1 Webage
    • 2 Custom Movie Posters you have created in Phtoshop
      • Sizing 500x800px (in pixels)
      • Your Movie will be released on January 31, 2026
      • Keep it clean and appropriate for school

 

 


Friday January 30

--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
    • Look for, use, and create .JPG format images

Mr. Burrill Image

Example- Burrill Cheer Picture (Nightmare!)

 

-Web Development 2--

Expert Photoshop Continued

Your 5th Web Dev 2 Project- 80pts

  • You May Use Google Sites or Dreamweaver
  • Coach B Merch Website Must Have-
    • Custom Coach B Merch Banner
    • Scrolling Marquee
    • Create Mr. Burrill Merch Website
    • Here are the 5 required Coach B Merch Items for sale on your site
    1. Table Coasters
    2. Frisbee
    3. Keychain
    4. iPhone Case
    5. Facemask

 

 

 

Week 2

Tuesday January 20

Web 2- http://www.wrwebheads.com/students/per_/your_name/capital/home.htm

-Web Development 1--

Syllabus Due This Week (Last Page)

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)
    • Embed YouTube Video- At least one
    • Page Ideas- engine, cost, options, performance, colors, pictures, videos, specs, dealership, wheels, tires, accessories, etc...

Help Video- Google Sites Help Video (15min)

 

-Web Development 2--

State Capital Website

List of All State Capitals

Your 2nd Web Dev 2 Project- 80pts

  • Dreamweaver Assignment
  • 2 class periods to work on your Capital website
  • State Capital Website Must Have-
    • "capital" folder
    • 8 Webages
    • Custom banner- 1300x300 Pixels
    • Links, Pictures, and Text
    • Scrolling Marque
    • Weather Forecast
    • YouTube Video

Capital Webpage Ideas- Pictures, Weather, Videos, Capitol Building, History, Employment, Traffic, Governor, State Flag, Population, Demographics, Tours, Restaurants, GPS Coordinates, Emergency Services, Radio Stations, etc...

 

 


Thursday January 22

--Web Development 1--

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)
    • Embed YouTube Video- At least one
    • Google Slides- Food Review (3 Slides)
    • Embed a Google Map

Burrill Example Website

-Web Development 2--

Confirm the link on your name above goes to your original home webpage you created last Thursday. I will be grading this weekend!

 

Finish State Capital Website

 

 

 

 

Week 1

Tuesday January 13

-Web Development 1--

Class Tips, Tricks, and Info

Syllabus- Last Page Due Next Week (10pts)

Home Website (50pts)

  • Seating Chart
  • Class Rules
  • Log-In to your Computer
  • Visit wrwebheads.com
  • Explore Coach B Class Website
  • Log-into Google
  • Make 1st (Home) Website at Google Sites (50pts)
    • Make your webpage "Public"
    • Email me your Google "Home" website link page to - cburrill@hartdistrict.org
    • Put your first name and class period on website
    • 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--

Syllabus

Syllabus- Last Page Due Next Week (10pts)

Day 1 Stuff

  • Seating Chart
  • Log-In to your Computer
  • Log-into Google
  • Visit wrwebheads.com
  • Make a New 1st (Home) Webpage using Google Sites (20pts)
  • Email me your new "Home" link page to- cburrill@hartdistrict.org

Your First Web Dev 2 Project- 80pts

  • Use Google Sites
  • 2 class periods to work on website
  • Coach B Story Board Website- Coach B is the main character of your story
  • Create a unique Coach B story using 15 webpages
  • Your story wiull have 8 different endings!
  • Include pictures with your story on every webpage
  • Home page -> 2 choices -> 4 Choices -> 8 Choices
  • Site Needs-
    • Diffferent Header (Top Picture) for Each Page- You can make the header images or use images found online
    • Each webpage needs pictures and text relating to your Coach B Story

 

 


Thursday January 15

--Web Development 1--

Syllabus- Last Page Due Next Week (10pts)

Coach B Tribute Website (50pts)

  • Log-In to your Computer
  • Visit wrwebheads.com
  • Explore Coach B Family Website Here
  • Log-into Google
  • Make 2nd Website Google Sites (50pts)
    • Make a website about Coach B
    • Make your website "Public"
    • Link to this website from your original website you created on Tuesday
    • Website needs 3 Pages
    • Use images from the internet to decorate your headers
    • Add text and images on all 3 pages
  • Extra Help Video- Google Sites Help Video (15min)

-Web Development 2--

Finish Coach B Story Website