Web Development I
Distance Learning Assignments
Download Web Development Syllabus
Web Development reaches many aspects of West Ranch High School’s mission statement. Challenging projects and the real world atmosphere provide students with a good look at what it takes to produce web sites. Web Development is an elective course that offers the students handson experiences with Adobe Creative Suite software to create various web projects. Equipment being used will be computers, digital camera, cell phones, and web development software by Adobe. This course will emphasize how the web plays a part of everyday life. Students will be taught how to create and maintain a website. Emphasis will be placed on real world experiences.
Course Credit
Web Development qualifies for Practical Art Credit and can be repeated 3 more semesters for graduation credit.
Course Outline- This semester the students will learn:
Website Creation
Graphic Development Using
- Fireworks
- Digital Camera
- Online Graphic Editors
Content Development
-Assignments and Projects-
Day 1- Intorduction & Roll- Mr. Burrill Extra Credit Quiz
Day 2- Syllabus, Classroom Rules, Course Description, Get Logged-In, Create .ste file, and Create First (Ugly) Web Page! Turn-In page 6 of syllabus (10 points)
Assignment 1- index.htm (10 points). Must include the following- text, links, images, background change, and title change.
Assignment 2- music.htm (10 points). Must include the following- text links, images, background change, hotspot link, title change, and Tables. Your index.htm page must link to this page. Coach Burrill Music Page
Assignment 3- sport.htm (10 points). Must include the following- text links, images, background change, title change, hotspot link, and Tables!! Your index.htm page must link to this page. Coach Burrill Sport Page
Assignment 4- movie.htm (10 points). Must include the following-diffirent text sizes and fonts, text links, images, background change, title change, hotspot link, and Tables!! Your index.htm page must link to this page. Coach Burrill Movie Page
Assignment 5- olympics.htm (10 points). Must include the following-diffirent text sizes and fonts, text links, images, background change, title change, hotspot link, and Tables!! Your index.htm page must link to this page.
Assignment 6- "burrill.htm" (10 Points) Create a web page holding 2 modified images with coach Burrills head on that person's body. Modify the image using Fireworks or another graphics editor. All images must be .jpg format. You must link to this page from your original index.htm page. Coach Burrill Picture
Assignment 7- "minus5.htm" (10 Points) Create a web page holding 5 .jpg images with a "Minus 5 " theme. Modify the images using Fireworks. All images must be .jpg format. You must link to this page from your original index.htm page. Coach Burrills Example Page
Assignment 8- "banners.htm" (10 Points) Create a web page holding four .jpg banners (1000 x 200) using the following topics.
- Mr. Burrill's Lego Store
- Mr. Burrill's Auto Repair Shop
- Mr. Burrill's Flower Shop
- Mr. Burrill's Donut Hut
All images must be .jpg format. You must link to this page from your original index.htm page. Coach Burrills Example Page (I only made 2 banners, you need 4)
End of 5 Week Grading Period
Assignment 9- "bobble.htm" (10 Points) Create a web page holding Mr. Burrill bobble heads that you are selling. Page must contain at least two original Mr. Burrill bobble heads. Make a banner for the top of your page 1000 x 200 pixels. Don't forget to use tables to place your images where you want! You must link to this page from your original index.htm page. Mr. Burrill example page
Assignment 10-"socks.htm" (10 Points) Make a web page about 2 different pairs of socks you have created. Make a banner at the top of your page 1000 x 200 pixels. Must have 2 link buttons on the side of your page linking to related websites. Have some fun and show off your web design skills! You must link to this page from your original index.htm page. Mr. Burrill example page
Assignment 11- "candy.htm" (10 Points) Create a "candy.htm" page about your favorite candy or candy bar. Your page must have at least 2 rollover images on it. You must link to this web page from your original index.htm page. Mr. Burrill example page
Assignment 12- "cartoon" Website (30 Points) Create a "cartoon" folder in your G drive. Make a 3 page website about your favorite cartoon show. Below are the following pages that you need in your cartoon folder.
- index.htm- Home page. Info about your cartoon
- characters.htm- Info about the characters on your cartoon show
- other.htm- Place any other information you think we should know
Make sure all your pages link to each other. You must link to this website from your original index.htm page.
Mr. Burrill example page
Assignment 13 "radio" Website (30 Points) Make a 3 page website about your favorite radio station or create your own radio station. Below are the following pages that you need in your radio folder.
- index.htm- Home page. Info about your radio station
- lineup.htm- Info about the shows or hosts on your radio station
- other.htm- Place any other information you think we should know
Make sure all your pages link to each other. You must link to this website from your original index.htm page. Mr. Burrill example page
Assignment 14- "shoes.htm" (10 Points) Make a web page about your favorite shoes or create your own shoes. You must have a scolling marque, a banner, and pictures of your shoes on the page. You must link to this web page from your original index.htm page.
Here is the scrolling marquee code-
<marquee behavior="scroll" direction="left"><span class="style2">PLACE YOUR TEXT HERE</span></marquee>
Mr. Burrill example page
Assignment 15- "hats" (40 Points) Create a folder in your G drive. Make a 4 page website about several hats you have created. Make sure your hat pictures are .jpg format!! No .png files!!
- index.htm- Home page. Info about your hats.
- hats1.htm- First category of hats
- hats2.htm- Second category of hats
- hats3.htm- Third category of hats
Include a marquee scroller and rollover link buttons. Make sure all your pages link to each other. You must link to this website from your original index.htm page. You will have 2 class periods to work on these 4 pages.
Mr. Burrill example page
Assignment 16- "halloween.htm" (10 Points) Make a web page about Halloween 2019. You must have a countdown script on your page counting down to Halloween October 31. You must link to this web page from your original index.htm page.
Get Countdown Code Here
Mr. Burrill example page
Assignment 17- "bike.htm" (10 Points) Make a web page about a new bike you have created. You must have a countdown script and a scrolling marquee on your page. You must link to this web page from your original index.htm page.
Mr. Burrill example page
Assignment 18- "swap.htm" (10 Points) Make a web page about any sports related topic. Must have at least 2 image swaps. Have some fun and show off your skills! Don't forget your banner. You must link to this page from your original index.htm page. Mr. Burrill example page
End of 10 Week Grading Period
Assignment 19- "sunglasses" (30 Points) Make a 3 page website about new sunglasses you are selling.Impress me with your skills! You must link to this web site from your original index.htm page.
Mr. Burrill example page
Assignment 20- "newspaper.htm" (10 Points) Create a web page about a newspaper that you have created for the Santa Clarita Valley. It will be a competing newspaper to The Signal. Place current news stories on your webpage. Use as many of the web techniques that you have learned as you can to make the single web page look great. You must link to this web page from your original index.htm page.
Assignment 21- "travel.htm" (10 Points) Create a web page about a travel agency. It will be a page about several different options of places to visit. This is only the front page, not a website. Use as many of the web techniques that you have learned as you can to make the single web page look great. You must link to this web page from your original index.htm page.
Assignment 22- "vacation" (30 Points) Make a web site about your favorite place to vacation. You must make 2 webpages named- index.htm and other.htm You must have a 3rd page named side.htm to appear in the index.htm and other.htm page using iframe code. You must link to this web site from your original index.htm page.
Here is the iframe code-
<iframe src="http://www.wrwebheads.com" width="210" height="500"scrolling="no" frameborder="0" align="middle"> [Your user agent does not support frames or is currently configured not to display frames. However, you may visit <a href="http://www.wrwebheads.com">the related document.</a>] </iframe>
Mr. Burrill example page
View my side.htm page
Assignment 23- "turkey" (50 Points) Make a 5 page web site about thanksgiving. You must have a 6th page named top.htm to appear at the top of each of your 5 page using iframe code. Your top.htm page should hold your 1000 x 200 banner. You must link to this web site from your original index.htm page.
Mr. Burrill example page
View my top.htm page
Assignment 24- "watch.htm" (10 Points) Make a web page about a new watch you have created and will be releasing in a few weeks. Make sure your web page includes all the features, benefits, options, and pricing for your watch. You must have the following scrollable content code on your page. You must link to this web page from your original index.htm page.
Mr. Burrill example page
Scrollable Content Directions/Code
Assignment 25 "school" (50 Points) Make a 4 page web site about your favorite college or school.
- You must have a 5th page named top.htm to appear at the top of each of your 4 page using iframe code. Your top.htm page should hold your 1000 x 200 banner.
- Must have scrollable content
- Must have a marquee scroller
- Need rollover link buttons or image swap
You must link to this web site from your original index.htm page.
Mr. Burrill example page
View my top.htm page
Assignment 26 "home" (50 Points) Make a 4 page web site about a new house that you are selling as a real estate agent. Include any web design techniques you want. Impress me with your skills! You must link to this web site from your original index.htm page.
End of 15 Weeks
|