WEBII-
1. Be sure that you finished your CSS image gallery, form, L14, and L15. Link to your portfolio page. I will check them from there.
2. Work on your final review website. 
3. Be sure your code is correct and you are completing this in website format.
4. When you finish all of that take the w3schools quiz. Take the W3 schools CSS quiz
5. Go through Web I’s final review. A lot of the questions come from this review.Final Review Website (25 points)

1st per: FINAL EXAM IS WED MAY 23RD 7:40-8:45AM
6th per: FINAL EXAM IS TUE MAY 22nd 12:43-1:48AM

WEBII-
1. Be sure that you finished your form, and floats & clearing project, and Iframe.
2. Begin your WEB II final review website.

3.  Take the W3 schools CSS quiz
4. Paste the review topics into a new page. Give examples and definitions. This is worth 25 pts.Final Review Website (25 points)

1st per: FINAL EXAM IS WED MAY 23RD 7:40-8:45AM
6th per: FINAL EXAM IS TUE MAY 22nd 12:43-1:48AM

WEBII-
1. Be sure that you finished your form, and floats & clearning project.
2. Begin your final review website. Final Review Website

1. Be sure you have printed your clear & float code. Highlight your name
2. Finsh Iframes. Check that you have styled the page & added a background.
3. Take the html quiz on W3schools.

4. Take the W3 schools CSS quiz
1st per: FINAL EXAM IS WED MAY 23RD 7:40-8:45AM
6th per: FINAL EXAM IS WED MAY 22nd 12:43-1:48AM

For tomorrow: Final Review Website (25 points)

WEBII
1. Create a short form & link it to your main page.
2. Clear & float. Link to your portfolio page
3. Iframes. Link to your portfolio page.
4. Start on the positioning pages. (Directions on projects page.)

WEBII
1. Have your trip site graded
2. Css gallery
3. short online form linked to your site 
4. Complete Floats & clearing
5. Learn about Iframes. Click for Iframe L15 Instructions

WEB II
1. CSS gallery
2. Short form attached to main page
3. Floats & Clearing Directions

WEBII
Trip site.
CSS Gallery
Create form and link to your main page.

WEBII
1. Be sure you have added your trip site to your portfolio.
2. Create a short online form for your web page. It should include text field, check boxes, radio buttons, and a drop down list. Be sure to change the name & value. Go to W3schools for additional help. This page should be linked on your portfolio page and perhaps in the footer of your main page.
3.Learn about Floats & CLEARING. Add 5 thumbnails to your page. (100X100) Add an H2 & a P tag beside each image. Use the clear property on the h2 tag so that it does not float beside the wrong image.

http://www.w3schools.com/html/html_forms.asp  
Additional help with forms
2. Create an L13.html page & answer review questions
3. Complete the lesson 13 project. You will be creating a survey/online quiz using form fields.
4. Style your page. Add metadata(Goes in the head tag)
5. Take a practice test.
6. Play a game

WEBII
1.Have your trip site graded
2. Advanced CSS Gallery
3. Create a short online form for your web page. It should include text field, check boxes, radio buttons, and a drop down list. Be sure to change the name & value. Go to W3schools for additional help. It is linked on Tuesday.

2. Learn about forms Click for Lesson 13

http://www.w3schools.com/html/html_forms.asp  
Additional help with forms
3. Answer review questions
For Tomorrow: Complete the lesson 13 project. You will be creating a survey/online quiz using form fields.

WD2.7.1

WEBII-
1. Have your trip site graded
2. Advanced CSS Gallery
3. Final Exam Review: Add at least 5 questions to your website in the form of an online form. (A guest survey or guestbook)

TAKE CSS PRACTICE QUIZ  if you are finished.

WEBII-
Have your trip site graded.
Begin the Custom CSS Image gallery. Directions are on the projects page.
Our next assignment will be the positioning. (Located on the directions page)

WEBII:ADVANCED CSS GALLERY. (Go to the projects page for directions)

1. Open this zipped BDAY folder and then copy it to your mysite folder on your H drive.
2. Create a new banner. (800×150) Save this in your bday/images folder.
3. Go online & get a color scheme or use the color dropper tool in photoshop. Start changing the color of your site.
 Create 3D text. Save in a folder titled bday
 Animated bday gifs
Gather some images. click here

WEBII
Let me know when you are ready for me to grade your trip site.
The next project is the CSS image gallery. (Directions are on the projects page)
Try to customize your background and colors as much as possible.
Images should be clear.

Watch the Video Below for Help

WEBII
1.Test your trip site to be sure everything works. If you are finished, move on to the css gallery. Let me know if you are ready for me to grade your site.
2.Use a drop cap and letter spacing somewhere on your page.

click for Perspective shots.

2.  Be sure you check the images off as you find them. You get one point for each image. You should have 12 images total in the end.
3. Edit your pictures using picmonkey or photoshop. Resize & compress. (VERY IMPORTANT)

WEBII
Work on Travel Site.
Next Project: Image galleries with advanced CSS

WEBII
Check your directions to be sure you have completed all of the requirements.

1. Hotspot all of the pictures to your map.
2. Also Hotspot 5 places on the map with an informational site.
3. Hotspot one place on the site to an internal link. (A page you created)
1. The page should be created by you and should have info & pictures about this spot.

Open your table notes from yesterday.
1. Click to practice styling a table -Learn how to style a table.
2.Create your portfolio page. Click for Portfolio Directions

Open Table Notes for extra help.

WEB II
Trip page.
Home site with sidebar. (use paddings & margins)
History- facts & place names
Map- hotspots
Gallery-All  10 images. (include alt text)
Footer

Open your table notes from yesterday.
Create  your review.html page. (Save it in the open with the index)
Style your review page.

For Thursday: Click to practice styling a table
TODAY: Learn how to style your table. Portfolio.html
For Friday: Create a weather table on your l11.html page.CLICK HERE FOR DIRECTIONS

WEBII
1.  Check that your pages line up and end together.
2. Hotspot your map.
3. Be sure you have a sidebar.
4. Try to keep your page looking professional.

WEB II
1. Be sure your site has a custom menu bar.
2. Be sure you used a color scheme generator.
3. Include facts about all 10 destinations.

WEB II: Take quiz with web I.
Finish all late work.

WEBII
Trip page. Map.html (See me if you have questions or need help)

WEBII
Work on travel site. Map.html

WEB II
Trip.
Create your map & add the hotspots.

 WEB II
1.Work on trip project
Create gallery. Keep Checking your rubric to be sure you are adding all required elements.

WEB II:

 Continue working on trips page. (See me if you need the camera to take your photos)You do have the option of creating an avatar and editing it into the photos.

3. if you have finished steps 1 & 2. Create the Members page. Use list code to list members and sponsors. (Coaches & players, Band members, Employees & Owners. etc)

WEBII:
Trip Site
1 Create your 4 pages. History, map, home, & gallery.
2. Take your photos. (You may use the empty toom next door)
3. Compress & resize your images. Save them in the trip/images folder.

-Today: Find your template, copy it to your H drive, rename it team, Change titles on the main page, and add info about your team or club.

WEBII
Travel Project.
1. Create banner & site layout. Use color scheme generator based on banner.

1. 2pts _________Create a folder called trip on your H drive.
1. Create an images folder inside of the trip folder.
2. Create a file called trip.html
3. Create a style sheet called style.css
4. Link your style sheet to your trip page.
2. 3pts_________Create a 2 column layout. (use divs & styles)
1. The width of the content should be under 900px
2. Center the page. (Not the text)
3. Add the appropriate margins and padding to make your page look professional
4. Use display:block & margin:auto
1. 5pts _______Create a menu bar.
1. Use images in the background of each tab. (Flags, scenery, etc)
2. Includes hover effects.
3. Links work
4. History of the destination (history.html)
5. Places Visited (Map with Hotspots)(map.html
6. 5 pts ______Photo Gallery  (8 pic min)(gallery.html)
1. Photos of you photoshopped into each destination.

WEBII
Travel site
1. Create banner, Pick your 10 destinations, and create your history page.
2. Take your photograph & delete the background. Photoshop yourself into the 10 photos. Be sure to save them in your trip folder in an images folder.

WEBII:
Paper challenge (open to be graded)
Trip Site
- Create Banner
- Design site & use a color scheme generator to design the backgrounds.
-Find info on each desintation (10 total) and create your history page.

WEBII:
1. Paper Challenge.
2. Trip Site- (Choose destinations, Use a lanscape photo to create a professional looking banner, Get color scheme)

1.   Take your quiz over div tags, margin, & padding.
2. Finish your custom layout. (Did you add a pic using html & style with a border, padding, and floating?)
3. Now using div tags & an external style sheet, create a page layout with a banner, footer, and a left column. Include a picture that repeats inside one of the divs.Create a new layout. Go to File>new>page>CSS Layouts. Save them as layout.html
4. Choose an image that is a pattern of some sort. Add it using styles & have it repeat.
5. Style the background color of each div. (Similar shades, but different colors) Color scheme generator
6. Add borders to your divs and padding.
7. Style your H1,H2, p, and hyperlinks. Add some of those elements to the page as an example.
8. Add an image on the main content using html (img src)and style it with a border, padding, and floating.
9. Create a box using a div and name it with a class. Place this div in the main page content div. Style it to be 100px by 100px. Float it to the left. Add padding and margins.

When you finish:  Click to test your knowledge on divs, padding, and margins Click to practice with backgrounds

WEBII:
1. Get bacgrounds graded.
2. Finish Paper.
3. Begin Trip Site.(Choose a location & create your banner. )

Work on Travel site.
Today you should insert your banner and start to add styles to the style sheet for your page. (You will need more styles than just a background color) Add padding, margins, background, font-family, font-size, line height, letter spacing, Drop cap, borders, text-align, text-transformation, text-decoration, background-image, styles for images, floating, quotes, and more)
Today I want you to take your pictures. They must be full body shots(Take them with a solid background, like a white wall. See me to borrow a camera. Load your pictures into the computer and remove the background. (magic wand) I want you to add yourself into all of your travel shots. Try to make it look as realistic as possible.

1. Now using div tags & an external style sheet, create a page layout with a banner, footer, and a left column. Include a picture that repeats inside one of the divs.
2. Create a new layout. Go to File>new>page>CSS Layouts
3. Save them as layout.html
4. Choose an image that is a pattern of some sort. Add it using styles & have it repeat.
5. Style the background color of each div. (Similar shades, but different colors) Color scheme generator
6. Add borders to your divs and padding.
7. Style your H1,H2, p, and hyperlinks. Add some of those elements to the page as an example.
8. Add an image on the main content using html and style it with a border, padding, and floating.
9. Create a box using a div and name it with a class. Place this div in the main page content div. Style it to be 100px by 100px. Float it to the left. Add padding and margins.

Click to test your knowledge on divs, padding, and margins

WEBII:
1. Get Background.html graded
2. Finish Paper Challenge
3. Begin Trip site. (Directions on Project page)

1. Open lime green float page. Go over as a class. Do not print. I will check this on your computer.
2.  CSS & div practice assignment. Click here 
3. HOMEWORK: Open tonights homework & answer the 3 questions. Draw the website. HOMEWORK: With the code given, draw the website

WEB II:
1. Paper Challenge
2. Next Project: Travel Page.

1. More practice with Div id’s & CSSClick for Lime float directions.  (Lime Green float page) Click for the float site(Open and copy the float folder to your review folder. )

WEBII

1. Background.html
2. Paper Challenge
3. Next Project: Travel the World site, gallery, and image map. You will work on creating custom banners, and menu bars with custom images in the background. The challenge will be to create a professional looking site that is informative and entertaining from scratch. CLICK FOR TRAVEL DIRECTIONS.

2.Practice floating elements. Click for notes & assignment (floatprac.html)
3. Place your name within the title tags & print the code.

4.More practice with Div id’s & CSSdivfloat

float(Open and save this lime green  float page)

WEBII:
1.Background.html
2. Paper Challenge (Goal: Learn how to create a page that loads quickly by using smaller background images that repeat, but give the appearance that they are one large image. )  
3. Check Web II projects page. Be thinking of a trip your would like to take. You will be visiting at least 10 places.

print the code & turn in

WEB II
Backgrounds
Paper Challenge. (Use Divs, Position:absolute, & background repeat)

WEB II
Background.html
Paper Challenge – On the Web II Projects page.

WEB II
Background.html project. (directions on Web II project page)

WEBII- 
1. Javascrlipt page
2. Background.html page

WEB II
Finish Navigation &  Java
Begin Background.html

For Monday:
1.Insert your floor layout image. (img src)
2. Find pictures online to go with your map. (Save in an imagmap folder 3. on your H drive)
4. Use hotspots to link the pictures (In expressions)

WEB II
1. NAVIGATION
2. JAVASCRIPT SITE
3. BACKGROUNDS

WEB II
1. Check your Java Assignment. Did you answer the 4 questions, Insert a java script on the page, insert an alert message, and try the image rollover?

WEB II
1. Finish Navigation
2.Experiment with Javascript. Click here for directions. Zoom in to be able to see the code. You can also copy the script from different web sites. Click for Java Lesson

WEB II
Finish your Navigation page.

1. Open L6.html. Be sure that your review questions are at the top of the page & labeled as such. Be sure that you insert another heading that reads, Lesson 6 Assignment. After that, follow each step in order. I will not search through the file for each part. 
2. Click for Hyperlink Practice Assignment. Name is l6prac.html. Save it inyour review folder.
2. CLASSES PROJECT Click here for classes project directions

WEB II
If you are finished with the navigation              
Experiment with JavaScript. Click for Java Lesson

1. Complete L6 Assignment & Finish l6prac.html. Save it in your review folder. Print the code when finished for l6 & l6prac. Staple together & turn in.
3. Begin CLASSES PROJECT Click here for classes project directions

WEB II
Link your sounds file to the Portfolio page.
Look on Web II Projects page for the Navigation assignment

WEB II
Check the web II project page.
If your sound file is complete, leave it open for me to grade.
Begin the Navigation project. (It is linked on the web II projects page)

Finish up your 25 Faces. (Be sure it has a banner, metadata, title tag, and styles)

WEBII
Sounds.html file.
Answer all questions
style page
record audio
save audio
embed audio
create quiz.

ANIMATE IMAGES( Do this even if you do not have all 25)
2. Go to http://www.iaza.com  then choose load photo/ In the 3rd column you will see animations/ frame animation. Add all 25 pictures.
3. When it is finished, right click & save as faces.gif. in your faces folder
4. Insert this onto your page using the img src code. Give it a class=”faces”)
5. Float to the right using an inline style. (To add more space around the image use margins.) img.faces{float:right; margin-right:250px;}
6. Finish adding your 25 items in the ordered list.

WEB II
Work on sounds.html
Use forms for your questions. (be sure to include name & value)
Style your page.
Check that your sounds work.

Click for directions for your 25 Faces Page
Create a new page called faces.html

1. Insert a heading (h1) My 25 Faces
-Add MetaData and Title Tags
2. Using an unordered list, write 25 random facts, thoughts, or opinions. (School appropriate)
3. Style your page using an internal style sheet.

WEB II AND UP
Check the Web II project page for all directions.
1. Finish Sound file. Be sure to grab a head set. You need to make some recordings for your quiz. There should be 10 links total.
2. Use the form tags we learned last semester to create the quiz.
3. Do not forget to add the name and values.
4. Add autostart=”false” so that your songs do not start playing automatically.

<embed src=”song.mp3″ autostart=”false” loop=”false” height=”30px”></embed>

WEB II & UP
Work on Sounds.html file. Headphones are in the cabinet. Please wrap up neatly before putting back.
Create a Sound folder & a sound file
Be sure to answer all of the questions
style your page. The rubric is at the bottom of the directions.
Find 3 Wavecentral sound files. (right click>save target as)
Record yourself talking about you
Record yourself describing a famous person.

WEB II:

1. Working with sounds. CLICK FOR SOUND ASSIGNMENT
2. We will be using movie maker to record the audio.
3. Create a folder called sounds and inside of that folder create a file called sounds.html
4. Answer the questions about sounds.
5. You will need to get a headset from the back cabinet. It is your responsibility to put the headset up at the end of class.

PROJECT 25 FACES

TODAY: Complete Photos 1-6 (Complete more if you can so that you do not get behind)

WEB II: Finish working on BLOCKQUOTE OR IMAGE OPACITY from yesterday. If you finish early, work in Photoshop.

WEB II
1.  Learn how to add comments & special characters to your web page. Click here for instructions & the pages from the book.

WEB II
Complete Blockquote assignment
Complete Image Opacity & Hover

1.QUIZ OVER L5 Images. Look over notes. 5min 
2. Click to open this file for directions on adding a class & resizing your page.
3. Add your banner to ALL of your pages. (Be sure it has alt text)
4. Check that all of your pages have a document declaration & title tag.
5. Add meta data to ALL of your pages.
6. Check that ALL file names are less than 8 characters, no spaces, no caps.
7. We will be using photoshop, picnik and other free online resources today to create a series of pictures. CLICK FOR PHOTOSHOP ASSIGNMENT

WEB II – Take Quiz over Images
1. Create a drop down menu
2. Finish Gallery
3. Comments & Special Characters
4. Styling an image (image opacity)

WEB I
1. Create Banner. Add banner to your index.html page.Click for directions
2.Click for directions on how to add your banner & how to add a CLASS.
WEB II & UP
1. Finish Gallery and any other unfinished assignment. Be sure ALL assignments have been added to your portfolio page.
2. Add a drop down menu on one of your pages. Click here to create your menu

WEB II & UP
Finish Gallery, Special Characters & Comments. Next, add a drop down menu on one of your pages. Click here to create your menu

2. Learn to create a banner.
Study Lesson 5 Quiz over images on MONDAY.
WEBII & UP
Finish working on Image Gallery. Image Quiz on MONDAY.

1.Learn how to use Photshop.
Click here for ASSIGNMENT

WEB II & UP
Today you will create a photo gallery using CSS floating & margins.
CLICK HERE FOR DIRECTIONS on The Advanced Image Project

Site of the Day: Using someone else’s image is a violation of copyright laws. Click here to find royalty free photos1. Take Quiz over Lists & styling a list. (look over Lesson 4 notes before taking the quiz)

2. TODAY’S ASSIGNMENT: Learn about images Click for L5 Saving & Compressing Notes & Assignment.    – We will be gathering images & saving them in an images folder on our H drive.WEB II AND UP
Be sure you have an index page with a link to your portfolio.
A portfolio page with ALL projects. (Dates & descriptions)
Nested list complete
Styles from complete
COMPLETE Comments & Special Characters. Go to the web II projects page & begin the next project on the list.

1. Learn how to style a list using CSS. html LESSON 4 styling a list
2. List Practice: Organize your Review questions for Lesson 1-3 into lists. Use a definition list. (hint: the question is the term & the answer is the definition)  Add styles to the lists.
3. Be sure to finish the L4 Homework assignment either in class or at home.
4. Turn in all late work.
5. If you finish early, you may work on http://www.w3schools.com (You may not play games or surf the net)

WEBII & UP

Finish  Style Practice, and Nested list project. wd2.3.1

1. Finish L4 Assignment from yesterday. HTML LESSON 4
2. Add the review questions to your l4.html with either an unordered list or a definition list.  Print the code & highlight your answers.
3.List Practice: Organize your Review questions for Lesson 1-3 into lists. Use a definition list. (hint: the question is the term & the answer is the definition)  
3. HOMEWORK: click for L4 Homework 

WEB II
Learn Nested lists & styling a list with an image. WEB II NESTED LISTS

LISTS: Click to learn about lists
click to practice editing a list
1. Learn Unordered, Ordered, and Definition Lists.
2. Complete Practice Assignment. HTML LESSON 4
3. HOMEWORK: click for L4 Homework

WEB II
Learn Nested lists & styling a list with an image. WEB II NESTED LISTS

1. Be sure you have printed your l3.html code. Highlight name & answers. Staple l3 to your hw for l3.
2. Go over L1-3 Review Assignment (band.html) Print band.html. Be sure you saved it in your review folder.
3. More practice with styles. CLICK FOR ASSIGNMENT

WEB II – Practice with styles & learning new properties. CLICK HERE

Add this file to your portfolio.
http://www.w3schools.com/css/css_reference.asp