Home Page Web Dev Students AP Comp Students Golden Oak Students Burrill Links Student Grades
PINE MOUNTAIN CLUB WEATHER

Download Web Development 1 & 2 Syllabus


View More Recent Bear Activity on my YouTube Channel


Fall 2022 Web Design Student Work

Period 1

Period 3

Web 1

Russell A

Alex A

Sainik G

Ryan K

Sara L

Shannon L

Bianca M

Giselle M

Tyler M

Henri M

Gavin M

Jayden M

Darrell M

Aidan M

Jacob O

Brenden R

Nai R

Camaron S

Matthew T

Jayden T

Bellah T

AJ Vitiello

Hannah Z

 

Web 2

Alex W

Ava Z

Web 1

Matthew A

Matthew B

Shiloh B

Jason C

Jayden C

Zack G

Jazz G

Jonathan G

Tamerian G

Chase G

Eva G

JJ J

Nathan K

Ethan Lee

Lisa L

Wesley M

William M

Matt M

Nathan M

Brody P

Fahim R

Daniel R

Sepehr S

Henry S

Chris V

 

Web 2

Tyler M

 

 

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

Download Web Development 1 & 2 Syllabus

View Spring 2022 Course Projects

Week 8

Tuesday September 27

--Web Development 1--

Hats Website (40pts)

  • Log-In to your Computer
  • Visit wrwebheads.com
  • Open Dreamweaver and Photoshop
  • Make Hats website
  • Place link for this Hats website on your orignal Google Sites home webpage.
  • Your Hats website must have-
    • 4 Webpages
    • Make a "hats" folder
      • home.htm
      • animal.htm
      • sports.htm
      • kids.htm
    • 1 jpg. Banner (1000 x 125)
    • Place 4 link buttons on banner
    • Tables
    • Background Change
    • Text
    • Images
    • Add a Scrolling Marque
    • Link Bottons on side are optional

Coach Burrill Hats Example Website

 

-Web Development 2--

Hats Website (40pts)

  • Log-In to your Computer
  • Visit wrwebheads.com
  • Open Dreamweaver and Photoshop
  • Make Hats website
  • Place link for this Hats website on your orignal Google Sites home webpage.
  • Your Hats website must have-
    • 4 Webpages
    • Make a "hats" folder
      • home.htm
      • visors.htm
      • beanies.htm
      • work.htm
    • 1 jpg. Banner (1000 x 125)
    • Place 4 link buttons on banner
    • Tables
    • Background Change
    • Text
    • Images
    • Add a Scrolling Marque
    • Rollover Link Buttons

 

 


Thursday September 29

--Web Development 1--

Ties Website (30pts)

  • Log-In to your Computer
  • Visit wrwebheads.com
  • Open Dreamweaver and Photoshop
  • Make Ties website
  • Place link for this Ties website on your orignal Google Sites home webpage.
  • Your Ties website must have-
    • 3 Webpages
    • Make a "ties" folder
      • home.htm
      • ties1.htm
      • ties2.htm
    • 1 jpg. Banner (1000 x 125)
    • Place 3 link buttons to other retail websites
    • Tables
    • Background Change
    • Text
    • Images of Ties
    • Add a Scrolling Marque

Coach Burrill Ties Example Website

Blank Tie Image

 

-Web Development 2--

Ties Website (30pts)

  • Log-In to your Computer
  • Visit wrwebheads.com
  • Open Dreamweaver and Photoshop
  • Make Ties website
  • Place link for this Ties website on your orignal Google Sites home webpage.
  • Your Ties website must have-
    • 3 Webpages
    • Make a "ties" folder
      • home.htm
      • ties1.htm
      • ties2.htm
    • 1 jpg. Banner (1000 x 125)
    • Place 3 link buttons to other retail websites
    • Tables
    • Background Change
    • Text
    • Images of Ties that you have created
    • Add a Scrolling Marque

Blank Tie Image

 

 

Week 7

Monday September 19

--Web Development 1--

State Webpage (30pts)

  • Log-In to your Computer
  • Visit wrwebheads.com
  • Log-into Google
  • Make State webpage
  • Place link for this State webspage on your orignal Google Sites home webpage.
  • Your State webpage must have-
    • 1 Webpage
    • Text
    • Images
    • Links
    • Tables
    • Background Image
    • Banner (1000x125pixels)
    • Embed YouTube Video Link

Coach Burrill Example Page

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

-Web Development 2--

State Website (30pts)

  • Log-In to your Computer
  • Visit wrwebheads.com
  • Log-into Google
  • Make state folder
  • Place link for this State website on your orignal Google Sites home webpage.
  • Your State website must have-
    • 3 Webpage
    • Text
    • Images
    • Links
    • Tables
    • Background Change
    • Scrolling Marquee
    • Link to a YouTube Video
    • Banner (1000 x 125)
    • Add Google Map of State Capital

 

 


Wednesday September 21

--Web Development 1--

Sandwhich Webpage (30pts)

  • Log-In to your Computer
  • Visit wrwebheads.com
  • Open Dreamweaver and Photoshop
  • Make Sandwhich webpage
  • Place link for this Sandwhich webpage on your orignal Google Sites home webpage.
  • Your Sandwhich webpage must have-
    • 1 Webpage about how to make your favorite sandwhich
    • jpg. Banner (1000 x 125)
    • Tables
    • Background Change
    • 3 jpg. Link Buttons (150 xx 50) to at least 3 ingredients
    • Text about how to make your sandwhich
    • Images of your sandwhich

Some Sandwhich Ideas- Grilled Cheese, Chicken, Turkey, Ham, PB & J, club, BLT, Egg Salad, Meatball, French Dip, Reuben, Tuna, Cheesesteak, Cuban, Panini, Tortas, Club, Roast Beef, Submarine, Pulleed Pork, Italian, Pita, Hamburger, Veggie, etc...

 

-Web Development 2--

Sandwhich Website (30pts)

  • Log-In to your Computer
  • Visit wrwebheads.com
  • Open Dreamweaver and Photoshop
  • Make Sandwhich Website
  • Place link for this Sandwhich website on your orignal Google Sites home webpage.
  • Your Sandwhich website must have-
    • 3 Webpages about your favorite sandwhich
    • jpg. Banner (1000 x 125)
    • Tables
    • Background Change
    • 3 jpg. Link Buttons (150 xx 50) to all 3 of your pages
    • Text about how to make your sandwhich
    • Images of your sandwhich
    • 3 pages ideas- Instructions, ingrdients, pricing, where to buy, reviews, video/images, variations, etc...

Some Sandwhich Ideas- Grilled Cheese, Chicken, Turkey, Ham, PB & J, club, BLT, Egg Salad, Meatball, French Dip, Reuben, Tuna, Cheesesteak, Cuban, Panini, Tortas, Club, Roast Beef, Submarine, Pulleed Pork, Italian, Pita, Hamburger, Veggie, etc...

 

 


Friday September 23

--Web Development 1--

National Park Website (30pts)

  • Log-In to your Computer
  • Visit wrwebheads.com
  • Open Dreamweaver and Photoshop
  • Make website about your favorite National Park
  • Place link for this National Park website on your orignal Google Sites home webpage.
  • Your National Park website must have-
    • Make a folder in your school G Drive named "np"
    • Must have 3 webpages
      • home.htm
      • location.htm
      • pictures.htm
    • Need one jpg. Banner (1000 x 125)
    • Place 3 page links on your banner- Use Hotspots
    • Tables
    • Background Change
    • Text
    • Images

List of National Parks

Coach Burrill Example Website

 

-Web Development 2--

National Park Website (30pts)

  • Log-In to your Computer
  • Visit wrwebheads.com
  • Open Dreamweaver and Photoshop
  • Make website about your favorite National Park
  • Place link for this National Park website on your orignal Google Sites home webpage.
  • Your National Park website must have-
    • Must have 3 webpages
      • Home- Weather forcast
      • Location- Embeded Google Map
      • Pictures
    • Need one jpg. Banner (1000 x 125)
    • Place 3 page links on your banner- Use Hotspots
    • Tables
    • Background Change
    • Text
    • Images

List of National Parks

Coach Burrill Example Website

 

 

Week 6

Tuesday September 13

--Web Development 1--

Bobble Webpage (30pts)

  • Photoshop Still Rollin
  • Create a bobble.htm webpage
    • 1 Page
    • Tables
    • 1,000 x 125 pixel Banner
    • 2 Mr. B Bobble Heads

A Coach Burrill Picture

 

-Web Development 2--

Bobble Webpage (30pts)

  • Photoshop Still Rollin
  • Create a bobble.htm webpage
    • 1 Page
    • Tables
    • 1,000 x 125 pixel Banner
    • 2 Mr. B Bobble Heads

A Coach Burrill Picture

 


Thursday September 15

--Web Development 1--

Socks Webpage (30pts)

  • Photoshop Still Rollin
  • Create a socks.htm webpage
    • 1 Page
    • Tables
    • 1,000 x 125 pixel Banner
    • 2 Pairs of Socks
    • 2 Link Buttons
    • © Character

A Coach Burrill Picture

 

-Web Development 2--

Socks Webpage (30pts)

  • Photoshop Still Rollin
  • Create a socks.htm webpage
    • 1 Page
    • Tables
    • 1,000 x 125 pixel Banner
    • 2 Pairs of Socks
    • 2 Link Buttons
    • © Character

A Coach Burrill Picture

 

 

Week 5

Wednesday September 7

--Web Development 1--

Banner Webpage (30pts)

  • Photoshop (Here We Go!)
  • Create a banner.htm webpage
    • 1 Page
    • Nothing on page except for 4 ,jpg banners
    • Banners need to be 1000 x 125 pixels
    • Must be .jpg format
  • Banner Topics-
    • Burrill's Pizza Place
    • Casey's Lego Shop
    • Burrill's Auto Repair
    • Casey's Candy Store

A Coach Burrill Picture

 

-Web Development 2--

Banner Webpage (30pts)

  • Photoshop (Here We Go!)
  • Create a banner.htm webpage
    • 1 Page
    • Nothing on page except for 4 ,jpg banners
    • Banners need to be 1000 x 125 pixels
    • Must be .jpg format
  • Banner Topics-
    • Burrill's Pizza Place
    • Casey's Lego Shop
    • Burrill's Auto Repair
    • Casey's Candy Store

A Coach Burrill Picture

 

 


Friday September 9

--Web Development 1--

Clothing Webpage (30pts)

  • Favorite Clothing Store
  • Photoshop (Banner) 1000x125 Pixxels
  • Create a clothing.htm webpage
    • 1 Page
    • Need Tables
    • Text
    • Images
    • Background Change
    • Banner at top of page

Coach Burrill Example Page

 

--Web Development 2--

Clothing Website (30pts)

  • Favorite Clothing Store
  • Photoshop (Banner) 1000x125 Pixxels
  • Create a clothing.htm webpage
    • 3 Pages
    • Need Tables
    • Text
    • Images
    • Background Change
    • Banner at top of page

 

 

Week 4

Monday August 29

--Web Development 1--

School Webpage (30pts)

  • Create .ste File
  • Dreamweaver (Here We Go!)
  • 1st "Homemade" Webpage
  • Create a school.htm webpage
    • 1 Page
    • Pictures
    • Text
    • Background Color Change
    • Links

 

-Web Development 2--

School Website (30pts)

  • Create a new .ste File
  • Dreamweaver
  • 1st Dreamweaver Website
  • Create a "school" folder in your G Drive
    • 3 Pages
      • index.htm
      • academics.htm
      • history.htm
    • Tables
    • Pictures
    • Text
    • Background Change
    • Links
    • Title Change

 

 


Wednesday August 31

--Web Development 1--

Animal Webpage (30pts)

  • Log-In to your Computer
  • Visit wrwebheads.com
  • Log-into Google
  • Use Dreamweaver
  • Make Animal webpage
  • Place link for this Animal webspage on your orignal Google Sites home webpage.
  • Your Animal webpage must have-
    • 1 Webpage
    • Text
    • Images
    • Tables
    • Background Change
    • Title Change

 

My Example Page

--Web Development 2--

Animal Webpage (30pts)

  • Log-In to your Computer
  • Visit wrwebheads.com
  • Log-into Google
  • Use Dreamweaver
  • Make Animal folder
  • Place link for this Animal webspage on your orignal Google Sites home webpage.
  • Your Animal website must have-
    • 3 Webpage
    • Text
    • Images
    • Links
    • Tables
    • Background Change
    • Scrolling Marquee
    • Banner (1200 x 200) Photoshop

 

 


Friday September 2

--Web Development 1--

Shoes Webpage (30pts)

  • Log-In to your Computer
  • Visit wrwebheads.com
  • Log-into Google
  • Use Dreamweaver
  • Make Shoes webpage
  • Place link for this Shoes webspage on your orignal Google Sites home webpage.
  • Your Shoes webpage must have-
    • 1 Webpage
    • Text
    • Images
    • Links
    • Tables
    • Background Image

View My Example Page

 

-Web Development 2--

Shoes Website (30pts)

  • Log-In to your Computer
  • Visit wrwebheads.com
  • Log-into Google
  • Use Dreamweaver
  • Make shoes folder
  • Place link for this Shoes website on your orignal Google Sites home webpage.
  • Your Shoes website must have-
    • 3 Webpage
    • Text
    • Images
    • Links
    • Tables
    • Background Change
    • Scrolling Marquee
    • Link to a YouTube Video
    • Banner (1200 x 200) Photoshop

 

 

 

Week 3

Tuesday August 23

--Web Development 1--

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)

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

 

-Web Development 2--

Movie Website (40pts)

  • 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-
    • 5 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)

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

 

 


Thursday August 25

--Web Development 1--

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

Help Video- Google Sites Help Video (15min)

Weather Widget Website

 

--Web Development 2--

SportWebsite (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-
    • 5 Webpages
    • Text
    • Images
    • Links
    • Image Carousel (3-5 Images)
    • Embed a YouTube Video
    • Google Form- Sport Review
    • Scrolling Marquee
    • Weather Report

Help Video- Google Sites Help Video (15min)

Weather Widget Website

 

 

 

Week 2

Monday August 15

--Web Development 1--

Syllabus- Last Page Due Friday (10pts)

Confirm the link on your name above goes to your original home webpage you created last Thursday.

Ask me about our visitors this weekend...

Music Website (30pts)

  • Log-In to your Computer
  • Visit wrwebheads.com
  • Log-into Google
  • Make Music Website at Google Sites
  • Place link for this Music Website on your orignal home webpage you made last Thursday
  • Your Music website must have-
    • 3 Webpages
    • Text
    • Images
    • Links
    • Image Carousel (3-5 Images)

Help Video- Google Sites Help Video (15min)

 

 

-Web Development 2--

Syllabus- Last Page Due Friday (10pts)

Confirm the link on your name above goes to your original home webpage you created last Thursday.

Ask me about our visitors this weekend...

Music Website (30pts)

  • Log-In to your Computer
  • Visit wrwebheads.com
  • Log-into Google
  • Make Music Website at Google Sites
  • Place link for this Music Website on your orignal home webpage you made last Thursday
  • Your Music website must have 5 web pages
  • Sitre must have-
    • 5 Webpages
    • Text
    • Images
    • Links
    • Image Carousel (3-5 Images)

Help Video- Google Sites Help Video (15min)

 

 


Wednesday August 17

--Web Development 1--

Syllabus- Last Page Due Friday (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 Thursday
  • Your Car website must have-
    • 5 Webpages
    • Text
    • Images
    • Links
    • Image Carousel (3-5 Images)
    • YouTube Video Link

Help Video- Google Sites Help Video (15min)

 

 

--Web Development 2--

Syllabus- Last Page Due Friday (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 Thursday
  • Your Car website must have-
    • 7 Webpages
    • Text
    • Images
    • Links
    • Image Carousel (3-5 Images)
    • 3 Page Google Slides Presentation
    • YouTube Video Link

Help Video- Google Sites Help Video (15min)

 

 

 


Friday August 19

--Web Development 1--

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

Help Video- Google Sites Help Video (15min)

Example Site

 

--Web Development 2--

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.
  • Sitre must have-
    • 5 Webpages
    • Text
    • Images
    • Links
    • Image Carousel (3-5 Images)
    • Embed YouTube Video
    • Google Form- Food Review

Help Video- Google Sites Help Video (15min)

Example Site

 

 

Week 1

Tuesday August 9

--Web Development 1--

  • Hello & Intro
  • Quick Rules
  • Infamous Mr. Burrill Quiz

 

-Web Development 2--

  • Hello & Intro
  • Quick Rules
  • Infamous Mr. Burrill Quiz

 

 


Thursday August 10

--Web Development 1--

Class Rules

Syllabus- Last Page Due Next Week (10pts)

Home Page (20pts)

Tuesday Assignment will be a Google Sites 3 page Website about Music- Must include an Image Carousel (3-5 Images)

 

-Web Development 1--

Class Rules

Syllabus- Last Page Due Next Week (10pts)

Home Page (20pts)

Tuesday Assignment will be a Google Sites 5 page Website about Music- Must include an Image Carousel (3-5 Images)