Fall 2022 Web Design Student Work

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

--Web Development 1--

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

-Web Development 2--

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

--Web Development 1--

Class Rules

Syllabus- Last Page Due Next Week (10pts)

Home Page (20pts)

• Seating Chart
• Log-In to your Computer
• Visit wrwebheads.com
• Explore Mr. B website
• View Spring 2022 Course Projects
• Log-into Google
• Make 1st (Home) Webpage at Google Sites (20pts)
• Email me your "Home" webpage link- cburrill@hartdistrict.org
• If Needed- Help Video- Google Sites Help Video (15min)

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)

• Seating Chart
• Log-In to your Computer
• Visit wrwebheads.com
• Explore Mr. B website
• View Spring 2022 Course Projects
• Log-into Google
• Email me your "Home" webpage link- cburrill@hartdistrict.org
• Make 1st (Home) Webpage at Google Sites (20pts)
• If Needed- Help Video- Google Sites Help Video (15min)

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