Web Design

 Assignments
1. The Learning Pyramid (learning1.html)
2. Change Test <font> (learning2.html)
 

Learn the basics of web graphics using Gimp and Inkscape.
3. Banners
5.Move all your graphics to folders
   banners/  images/ img/ backgrounds/ matrix/
6 Ordered LISTS and UN-Ordered List
   Set the colors of the text using the <span>           tag.
7. Family Web Page
8. index.html page
Download the code at :
   Right click and download the 920-400.zip file.
Check out the simple slide show html, css, js by Coleman

11.  PHS Staff Web Site (bulldogway.org/bulldogway/

12. html js roll over buutons (4)

13. Powerpoint Web Site 777

http://pascobulldogs.org/stream/index.php?v=5

1 4,  Music Lyrics Web Site CSS

15.  html forms and inputs . Create a 7 question form using 2 different types of inputs (text, password, radio, check box, or options).

16.  SeaMonkey page

17. Final Project  - Create a web site sells a product or showcases a concept. 

- Main "index.html" page.

- Contact page including a fake phone number and address.

- Product information page. 

- This site must have some form of user input or survey that posts to another page. This will be a store page if you are selling a product.

- The colors on each page must be constant.

- Each page must contain a graphic.  

- Each page must contain the banner.  So you need to make a banner.

- The web site must be in it's own directory. 

 RUBRIC: (0 TO 5)

FOLDER (O OR 5)

MAIN "index.page"

CONSTANT COLORS

CONSTANT BANNER ON EACH PAGE

CONTACT PAGE

GRAPHIC ON EACH PAGE

FORM THAT ASKS FOR USER INPUT THAT IS RELEVANT TO THE WEB SITE




 = Anchor Activity .  These are essential activities needed to do other higher level activities.
 
HTML  Colors

Grading: 
NO GAMES (EVER)
80% Assignments 
10% Participation
(On time, staying on task, listening, and no games) 

(-1 % per violation) 
10% Leadership (This includes your web portfolio 5%) 
5% Portfolio + 5% Leadership Activities = 10% Leadership

LINKS:
COLOR THEORY
http://www.tigercolor.com/color-lab/color-theory/color-theory-intro.htm

RGB COLORS (JAVASCRIPT BY CCOLEMAN)
http://pascobulldogs.org/coleman/javascript/rgb.html

Gimp and Inkscape Essentials
http://pascobulldogs.org/stream/

W3 SCHOOLS
http://www.w3schools.com/html/html5_intro.asp

GOOGLE SEARCHING
http://www.google.com/insidesearch/searcheducation/lessons.html
 http://scratch.mit.edu/

Use your mind and program in scratch.

http://students.sfu.ca/health/wellness/wellnessquiz.html#top






Subpages (22): View All
Comments