Fall 2024 Web Design Student Work
I have two periods of Web Development classes with both Web 1 & 2 in each period.
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 18 |
Final Period Assignment
http://www.wrwebheads.com/students/per_/your_name/last/page_name.htm |
--Web Development 1--
Final Class Project- Last One!
Aaliyah Gayles Project-
- Watch Video (24 min)
- Create a 6 Page Website (60pts)
- You can use Google Sites or Dreamweaver
- Link to your website from your original Google Site
- Create a banner using Photoshop
- You can use any web design techniques you want
- Make your site look great
- When done, please do something quietly or help others
It has been a blast this semester. Thank you for being awesome! Have a great winter break!!
|
-Web Development 2--
Final Class Project- Last One!
Aaliyah Gayles Project-
- Watch Video (24 min)
- Create a 6 Page Website (60pts)
- You can use Google Sites or Dreamweaver
- Link to your website from your original Google Site
- Create a banner using Photoshop
- You can use any web design techniques you want
- Make your site look great
- When done, please do something quietly or help others
It has been a blast this semester. Thank you for being awesome! Have a great winter break!!
|
|
Week 16 |
|
Week 14 |
Tuesday November 12
http://www.wrwebheads.com/students/per_/your_name/class/page_name.htm |
--Web Development 1--
Class Website (100pts)
- Pick your fav class here at West Ranch or a previous school
- Photoshop (Banner) 1300 x 300 Pixels
- Create a "class" folder
- You will have 2 class periods to work on the assignment
- Place link for this Class Website on your orignal Google Sites home webpage.
- 10 Pages
- Page Ideas...
- Likes
- Disslikes
- Teacher Info
- School/Classroom Location
- Other Fav Classes
- Class Content
- Work Needed to Succeed
- School Information
- Classroom Layout
- Grading Policy
- Typical Day in Class
- Tests, Projects, Papers, etc...
- Text
- Images
- Background Change
- 1 Banner
- Use Clickable Dropdown Menu for your website navigation
No Example Page- You Got This! You are an expert now!
|
-Web Development 2--
Class Website (100pts)
- Pick your fav class here at West Ranch or a previous school
- Photoshop (Banner) 1300 x 300 Pixels
- Create a "class" folder
- You will have 2 class periods to work on the assignment
- Place link for this Class Website on your orignal Google Sites home webpage.
- 10 Pages
- Page Ideas...
- Likes
- Disslikes
- Teacher Info
- School/Classroom Location
- Other Fav Classes
- Class Content
- Work Needed to Succeed
- School Information
- Classroom Layout
- Grading Policy
- Typical Day in Class
- Tests, Projects, Papers, etc...
- Text
- Images
- Background Change
- 1 Banner
- Use Clickable Dropdown Menu for your website navigation
No Example Page- You Got This! You are an expert now!
|
Thursday November 14
http://www.wrwebheads.com/students/per_/your_name/class/page_name.htm |
--Web Development 1--
Finish Class Website
|
-Web Development 2--
Finish Class Website |
|
Week 13 |
Tuesday November 5
http://www.wrwebheads.com/students/per_/your_name/watch/page_name.htm |
--Web Development 1--
Watch Website (80pts)
- Pick your fav watch or watches
- Photoshop (Banner) 1300 x 300 Pixels
- Create a "watch" folder
- You will have 2 class periods to work on the assignment
- Place link for this Watch Website on your orignal Google Sites home webpage.
- 8 Pages
- Text
- Images
- Background Change
- 1 Banner
- You may use any linking technique you want- Link Buttons, Links on Banner, Rollover Link Buttons, Top Naviagtion Bar, or Drop Down Menu.
- Include a scrolling marquee and a Slideshow
- Embed a YouTube video
No Example Page- You Got This! You are an expert now!
|
-Web Development 2--
Watch Website (80pts)
- Pick your fav watch or watches
- Photoshop (Banner) 1300 x 300 Pixels
- Create a "watch" folder
- You will have 2 class periods to work on the assignment
- Place link for this Watch Website on your orignal Google Sites home webpage.
- 8 Pages
- Text
- Images
- Background Change
- 1 Banner
- You may use any linking technique you want- Link Buttons, Links on Banner, Rollover Link Buttons, Top Naviagtion Bar, or Drop Down Menu.
- Include a scrolling marquee and a Slideshow
- Embed a YouTube video
|
Thursday November 7
http://www.wrwebheads.com/students/per_/your_name/watch/page_name.htm |
--Web Development 1--
Finish Watches Website
|
-Web Development 2--
Finish Watches Website |
|
Week 12 |
Tuesday October 29
http://www.wrwebheads.com/students/per_/your_name/rest/page_name.htm |
--Web Development 1--
Finish your Restaurant Website!
Finish old assignments and wmail when done!
Coach Burrill Example Website
|
-Web Development 2--
LEGO Word Website
- Create a Lego Word Website using iFrames
- Use Dreamweaver
- Must have custom banner
- Must have iFrame code for 4 webpages
- 2 Class Periods to Finish
- Make a "lego" folder
- Create the follwing 4 webpages
- home.htm
- examples.htm
- price.htm
- contacts.htm
- iFrame Pages Needed on ALL PAGES
- banner,htm
- left.htm
- right.htm
- bottom.htm
iFrame- Code
Take Away Webpage Spacing- Code
|
Thursday October 31- Happy Halloween!
http://www.wrwebheads.com/students/per_/your_name/toys/page_name.htm |
--Web Development 1--
Toys Webpage (30pts)
- Pick your fav toy or toys
- Photoshop (Banner) 1300x300 Pixels
- Create a "toys" folder
- Place link for this Toys Webpage on your orignal Google Sites home webpage
Example Page
|
-Web Development 2--
Finish LEGO Words Website
|
|
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) 1300x300 Pixels
- 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.
|
-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
- Table Coasters
- Frisbee
- Sweatshirt
- Keychain
- iPhone Case
- 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
- Table Coasters
- Frisbee
- Sweatshirt
- Keychain
- iPhone Case
- 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
|
|
|
