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


Fall 2024 Web Design Student Work

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

Period 1

Period 3

Web Dev 1 Students

Jasmine B

Kristopher B

Jefferson D

London E

Adrian E

Brandon G

Xavier G

Soleil H

Thiago I

Daniel I

Anthony K

Connor K

Gaby L

Lindsey M

Hunter M

Paige M

Geo M

AJ M

Sebastian M

Shane M

Joshua N

Nick P

Rohan R

Vale R

Shyara S

Beatrice S

Yuchen S

Isaac S

Denis S

Avaneesh S

Flynt T

Camila V

Elijah V

Promise W

Connor W

Egor Y

 

Web Dev 2 Students

 

Web Dev 1 Students

Ash A

Lance B

Jason C

Logan C

Mason C

Andrew D

Ashlyn D

Adrian E

Nate E

Kyler G

YaYa H

Yorick H

Anderson H

Hailey H

Robert I

Katrina J

Jacob K

Danielle L

Karam N

Derek P

Ian P

Jonah R

Xander R

Gilberto S

Emma S

Ayaan S

Joe S

Sam S

Ledger T

Zachary W

Arjun W

Enzo W

Shlok Y

 

Web Dev 2 Students

Jazmin R

 

Download Web Development 1 & 2 Syllabus

 

Coach B Web Design Help & Stuff...

 

Fun and Info for Your Website (Dreamweaver or Google Sites)-

Photoshop and Pictures Tips and Tricks-

Dreamweaver Things and Stuff-

 

View Spring 2024 Web Design Student Work and Project

 


Fall 2024 Web Design Assignments and Information

 

Week 11

Monday October 21

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

 

 

 

-Web Development 2--

-Web Development 2--

Your 13th Web Dev 2 Project- 80pts

TV Show Website

  • Create a TV Show website
  • Use dreamweaver
  • Must have custom banner
  • Must have iFrame code for banner.htm page and side.htm page
  • 2 Class Periods
  • 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

Take Away Webpage Spacing- Code

 

 


Wednesday October 23

http://www.wrwebheads.com/students/per_/your_name/app/page_name.htm

--Web Development 1--

Cell Phone App Website (30pts)

  • Pick your fav cell phone app
  • Photoshop (Banner) 1200x200 Pixxels
  • Create a "app" folder
  • Place link for this Cell Phone App Website on your orignal Google Sites home webpage.

 

-Web Development 2--

 

 

Finish TV Show Website

 

 

 

 


Friday October 25

http://www.wrwebheads.com/students/per_/your_name/rest/page_name.htm

--Web Development 1--

Restaurant Website (60pts)

  • 2 class periods to work on Website
  • Pick your fav restaurant
  • Photoshop (Banner) 1300x300 Pixels
  • Create a "rest" folder
  • Place link for this Restaurant Website on your orignal Google Sites home webpage.

Coach Burrill Example Website

 

 

-Web Development 2--

Soda Webpage

  • 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
    • iFrame Pages Needed on home.htm page
      • banner,htm
      • left.htm
      • right.htm
      • bottom.htm

iFrame- Code

Take Away Webpage Spacing- Code

 

 

 

 

Week 10

Tuesday October 15

http://www.wrwebheads.com/students/per_/your_name/tutor/index.htm

--Web Development 1--

--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
      • subjects.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

 

-Web Development 2--

 

 

Finish Video Game Website

 

 


Thursday October 17

http://www.wrwebheads.com/students/per_/your_name/pet/page_name.htm

--Web Development 1--

--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 Pet Example Website

Halfway Done With This Semester!

I grade This Weekend!

 

-Web Development 2--

Your 13th Web Dev 2 Project- 30pts

Shopping Cart Race Website

  • Create Shopping Cart Race Website
  • Use dreamweaver
  • Must have custom banner
  • Must have custom side linnk 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

iFrame- Code

Take Away Webpage Spacing- Code

 

Halfway Done With This Semester!

I grade This Weekend!

 

 

Week 9

Wednesday October 9

http://www.wrwebheads.com/students/per_/your_name/candy.htm

--Web Development 1--

Candy Webpage (30pts)

  • Candy Webpage
  • Photoshop (Banner) 1300x300 Pixels
  • Place link for this Candy Website on your orignal Google Sites home webpage.

Coach Burrill Example Website

-Web Development 2--

Finish Donut Store Website

 


Friday October 11

http://www.wrwebheads.com/students/per_/your_name/vg/page_name.htm

--Web Development 1--

Video Game Website (30pts)

  • Pick your fav video game
  • Photoshop (Banner) 1300x300 Pixels
  • Create a "vg" folder
  • Place link for this Video Game Website on your orignal Google Sites home webpage.

Master Chief

 

-Web Development 2--

Your 12th Web Dev 2 Project- 80pts

Video Game Website

  • Create a video game website
  • Use dreamweaver
  • Must have custom banner
  • Must have iFrame code for banner.htm page and side.htm page
  • 2 Class Periods
  • Make a "video" folder
    • home.htm
    • pictures.htm
    • videos.htm
    • history.htm
    • story.htm
    • pricing.htm
  • Must also have a banner.htm page and a side.htm page open up in each of your 6 video game web pages.

iFrame- Code

Take Away Webpage Spacing- Code

 

 

 

 

Week 8

Monday September 30

http://www.wrwebheads.com/students/per_/your_name/vacation/index.htm

--Web Development 1--

You may start the below assignment today only when you are done with your Cartoon Website. Make sure Cartoon Website is online and working.

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
      • home.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 8th Web Dev 2 Project- 30pts

Passwords Website

  • Create a strong password informational website
  • Use dreamweaver
  • Must have custom banner
  • Must have iFrame code
  • 1 Class Period
  • Make a "password" folder
    • 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

Coach B iFrame Examples

How Good is my Password

 

 


Wednesday October 2

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
    • Need Tables
    • Text
    • Images
    • Background Change
    • Banner at top of page

Coach Burrill Example Page

Take extra time today to get caught up with other assignments. I will grade this weekend!!! We have a big assignment Friday.

 

-Web Development 2--

Your 9th Web Dev 2 Project- 30pts

Wood Signs Website

  • Create Wooden Signs Sales Website
  • Use dreamweaver
  • Must have custom banner
  • Must have iFrame code to hold your 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
    • banner.htm- Only has your banner on it and it opens inside your other 3 pages at the top via iFrame code.

Coach B Wood Sign Example Site

iFrame- Code

Take Away Webpage Spacing- Code

Wooden Sings Sales Website

Coach B iFrame Example Page from Last Class

 

 


Friday October 4

http://www.wrwebheads.com/students/per_/your_name/halloween/page_name.htm

--Web Development 1--

Halloween Website (30pts)

  • Halloween Website
  • Photoshop (Banner) 1300x300 Pixels
  • Create a "halloween" folder
  • Place link for this Halloween Website on your orignal Google Sites home webpage.
    • 3 Pages
      • home.htm
      • candy.htm
      • costume.htm
    • Need Tables
    • Text
    • Images
    • Background Change
    • 1 Banner at top of page
    • Countdown Script

I will grade this weekend!

Coach Burrill Example Website

That cool top Nav Bar at top of my example website is coming next week!

-Web Development 2--

Your 11th Web Dev 2 Project- 80pts

Donuts Website

  • Create a donuts store website
  • Use dreamweaver
  • Must have custom banner
  • Must have iFrame code for banner.htm page and side.htm page
  • 2 Class Periods
  • Make a "donut" folder
    • home.htm
    • location.htm
    • prices.htm
    • specials.htm
    • drinks.htm
    • hours.htm
  • Must also have a banner.htm page and a side.htm page open up in each of your 6 donut web pages.

iFrame- Code

Take Away Webpage Spacing- Code

 

 

 

 

Week 7

Tuesday September 24

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 Tables
    • Text
    • Images
    • Background Change
    • 1 Banner

Coach Burrill Cartoon Website

-Web Development 2--

Your 7th Web Dev 2 Project- 80pts

  • Must Use Dreamweaver
  • 2 class periods to work on your website
  • Paper Airplane Website Must Have-
    • 8 Webpages
      • Home Page
      • 7 Different Paper Airplane Designs
    • Clickable Dropdown Menu
    • Scrolling Marquee
    • Custom Paper Airplane Banner

Paper Airplane Examples

 

 

 


Thursday September 26

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 8th Web Dev 2 Project- 30pts

Passwords Website

  • Create a strong password informational website
  • Use dreamweaver
  • Must have custom banner
  • Must have iFrame code
  • 1 Class Period
  • Make a "password" folder
    • 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

Coach B iFrame Examples

How Good is my Password

 

 

 

 

 

Week 6

Monday September 16

--Web Development 1--

LAST PHOTOSHOP ASSIGNMENT!!!

Restaurant Website (30pts)

  • Log-In to your Computer
  • Visit wrwebheads.com
  • Log-into Google
  • Make a Restaurant Website using Google Sites
  • Place link for this Restaurant Website on your orignal home webpage.
  • Your Restaurant Review website must have-
    • 3 Webpages
    • Custom Banner/Header (1300x300)
    • A text review about your restaurant
    • Embeded Google Map location of your restaurant
    • 2 Original Images of You at the Restaurant

 

 

-Web Development 2--

Your 6th Web Dev 2 Project- 100pts

  • Must Use Dreamweaver
  • 2 class periods to work on your Photoshop creations
  • Taylor Swift Website Must Have-
    • Custom Taylor Swift Banner
    • 7 Webpages
    • Scrolling Marquee
    • Flexi Slideshow
    • Create a Like or Disslike Taylor Swift Website
    • Text- Give your reasons why you think is great or not so good.

 

 


Wednesday September 18

http://www.wrwebheads.com/students/per_/yourname/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 "index.htm"
    • 1 Page
    • Picture
    • Text
    • Background Color Change

-Web Development 2--

Your 6th Web Dev 2 Project- 100pts

  • Must Use Dreamweaver
  • 2 class periods to work on your Photoshop creations
  • Taylor Swift Website Must Have-
    • Custom Taylor Swift Banner
    • 7 Webpages
    • Scrolling Marquee
    • Flexi Slideshow
    • Create a Like or Disslike Taylor Swift Website
    • Text- Give your reasons why you think is great or not so good.

 

 


Friday September 20

http://www.wrwebheads.com/students/per_/yourname/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
    • Tables
    • Background Color Change

 

Coach B Animal Example Page

 

 

-Web Development 2--

Your 7th Web Dev 2 Project- 80pts

  • Must Use Dreamweaver
  • 2 class periods to work on your website
  • Paper Airplane Website Must Have-
    • 8 Webpages
      • Home Page
      • 7 Different Paper Airplane Designs
    • Clickable Dropdown Menu
    • Scrolling Marquee
    • Custom Paper Airplane Banner

Paper Airplane Examples

We will throw your best paper airplane in class!

 

 

 

 

Week 5

Tuesday September 10

--Web Development 1--

--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
    • Banner/Header (1300x300)
    • Text
    • 4 Original Ties JPG Images
    • Set up your webpage as if you were selling the Ties

Help Video- Google Sites

Blannk 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
    1. Table Coasters
    2. Frisbee
    3. Sweatshirt
    4. Keychain
    5. iPhone Case
    6. Facemask

Mr. Burrill Image

I turn in grades this weekend!

 

 


Thursday September 12

--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
    • Banner/Header (1300x300)
    • 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
    1. Table Coasters
    2. Frisbee
    3. Sweatshirt
    4. Keychain
    5. iPhone Case
    6. Facemask

Mr. Burrill Image

I turn in grades this weekend!

 

 

 

 

Week 4

Wednsday September 4

--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- 1300 x 300
    • Text
    • 2 Original Images of Someone Else
    • 2 Modified Images with Coach B Head on Other Person

Mr. Burrill Image

How to Put Coach B's Head on Another Body

Example- Burrill Cheer Picture

 

-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!)
      • 2024 WR Prom Flyer- Sizing 500x800px (in pixels)
      • February 2024 Valentine Themed Odd/Even Day Calendar- Sizing 900x600px (in pixels)

 

 

Friday September 6

--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
  • Place link for this Socks Webpage on your orignal home webpage
    • 1 Webpage
    • 1 Banner- 1300 x 300
    • 2 Orignal Pairs of Socks that you have created
    • Must be .jpg format
    • Text
    • Scrolling Marquee

Blank Pair of Socks Image

 

BEAT UTAH STATE!!!

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

--Web Development 1--

Syllabus- Last Page Due Friday (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

 

<style style="text/css">
.horizontally {
height: 50px;
overflow: hidden;
position: relative;
background: yellow;
color: orange;
border: 1px solid orange;
}
.horizontally p {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
line-height: 50px;
text-align: center;
/* Starting position */
-moz-transform:translateX(50%);
-webkit-transform:translateX(50%);
transform:translateX(50%);
/* Apply animation to this element */
-moz-animation: horizontally 5s linear infinite alternate;
-webkit-animation: horizontally 5s linear infinite alternate;
animation: horizontally 5s linear infinite alternate;
}
/* Move it (define the animation) */
@-moz-keyframes horizontally {
0% { -moz-transform: translateX(50%); }
100% { -moz-transform: translateX(-50%); }
}
@-webkit-keyframes horizontally {
0% { -webkit-transform: translateX(50%); }
100% { -webkit-transform: translateX(-50%); }
}
@keyframes horizontally {
0% {
-moz-transform: translateX(50%); /* Browser bug fix */
-webkit-transform: translateX(50%); /* Browser bug fix */
transform: translateX(50%);
}
100% {
-moz-transform: translateX(-50%); /* Browser bug fix */
-webkit-transform: translateX(-50%); /* Browser bug fix */
transform: translateX(-50%);
}
}
</style>

<div class="horizontally">
<p>Horizontal bounce... </p>
</div>

 

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

--Web Development 1--

Syllabus- Last Page Due Friday (10pts)

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

Dreamweaver and Photoshop is Coming!!!

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

--Web Development 1--

PHOTOSHOP!!!

Syllabus- Last Page Due Today (10pts)

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 1400 x 300 pixels
    • Must be .jpg format
  • 3 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

 

BEAT LSU!!!

Sunday 4:30pm on ABC

-Web Development 2--

Syllabus- Last Page Due Today (10pts)

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!)
      • 2024 WR Prom Flyer- Sizing 500x800px (in pixels)
      • February 2024 Valentine Themed Odd/Even Day Calendar- Sizing 900x600px (in pixels)

 

 

 

 

Week 2

Tuesday August 20

--Web Development 1--

Last Page Due Friday (10pts)

Download Web Development 1 & 2 Syllabus

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

Download Web Development 1 & 2 Syllabus

Last Page Due Friday (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- cburrill@hartdistrict.org

Your First Web Dev 2 Project- 80pts

  • Use Google Sites or Dreamweaver
  • 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

 

 


Thursday August 22

--Web Development 1--

Last Page Due Today (10pts)

Download Web Development 1 & 2 Syllabus

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)

Download Web Development 1 & 2 Syllabus

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

 

 

 

 

Week 1

Monday August 12

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

 

 


Wednesday August 14

--Web Development 1--

Class Rules

Syllabus- Last Page Due Next Week (10pts)

Home Page (20pts)

  • Seating Chart
  • Class Rules
  • Log-In to your Computer
  • Visit wrwebheads.com
  • Explore Mr. B website
  • Log-into Google
  • Make 1st (Home) Webpage at Google Sites (20pts)
    • Make your webpage "Public"
    • Email me your Google "Home" webpage link page- cburrill@hartdistrict.org
    • Put your first name and class period on webpage
    • Insert images of things/activities you like
    • Have a location on this page for future project links
  • If Needed- 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- cburrill@hartdistrict.org

Your First Web Dev 2 Project- 80pts

  • Use Google Sites or Dreamweaver
  • 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

 

 


Friday August 16

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

Music Website (30pts)

  • Log-In to your Computer
  • Visit wrwebheads.com
  • Log-into Google
  • Make Music Website at Google Sites
  • Place a link for this Music Website on your orignal home webpage you made Wednsday
  • Your Music website must have-

Help Video- Google Sites Help Video (15min)

 

 

-Web Development 2--

Syllabus- Last Page Due Next Week (10pts)

Continue to work on your Story Website- Today is day 2 of 3 days to wrok on project. No bad stories!!

Story Project- 80pts

  • Use Google Sites or Dreamweaver
  • 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

 

 

 

 

s��W7Dջ_i߬w�{�~��@���}�t��J�qc#��ݙlv�9ϳ��ԹƖ��)́��*��҄8��4�e��皠%��� ��Q1TL��R�x�>J�k�׷OD�����W�5'K����Z����Lu�e�X}��c�K�����1�E��k�N{�4ʩ��ֽ �ʔ�a�إc�s�;�t��tqN͜�� yt/�ޘ�3����)[����>|��}i�_֜�c�{�;韤>�1�c��ȏ8� k��+V��W73�Ub���~0n��կ���U��:����O�W��$�����`zꓟ������%��e��^��W�a�3��l�F��$���oo�yQ���>���րYR�C��f�{|���:�KM7���[��-L�F�'.��/��O]T�m~�1�zS��<����wǝ����cH�Us����Vn�SÔ�07�����*�w�1j�Tmn89�K]Z2p+G��4寑�|�̖�4�mQJ�B��+���T.En���Mp�I��p/G{,�H�b���� ����amL