Web Lab Documentation

Use this site as a Reference for HTML & CSS

Unit 2 Directions

Unit 2 - Stage 4 Directions

Unit 2 - Stage 5 Directions

Unit 2 - Stage 6 Directions

Unit 2 - Stage 7 Directions

Unit 2 - Stage 8 Directions

For Fun and a Peek at What's Coming

Play Lab

Hobby & Recipe Assignment

Hobby & Recipe Assignment

When you are done with this part of Code Lab (Stage 4) please take a Snippet of each page including both the code and the non-code side of the screen. Make one post to your blog with both the Hobby and Recipe assignment included in the post.

Thanks, I look forward to seeing what recipes you chose and how you applied the new codes you've learned.

F Block: 3/20

A Block: 3/21

Sophomores: Don't worry about class (of course), when you return you will have the time you need.

HTML LESSONS

HTML LESSONS

Complete the 5 Exercises on the W3 Schools tutorial.

Stage 3

STAGE 3

Lesson 3 Link

Follow the directions on the Code Studio website.

Directions and Handout if you don't have a packet for Lesson 3

STAGE 2

Let's look at these two documents together and begin to add to our 

"WEB DEVELOPMENT PRACTICES" packet page 1, "QUALITY WEBSITE FEATURES LIST".

10 Principles of Effective Web Design

10 Rules of Web Design

Add these rules and principles to the page in the packet that asks for features of quality websites.

Explore the following 4 websites and answer the following questions in your blog.

1. What new features do you notice that could be added to the Quality Website features.
2. What common elements do you notice across all the websites?
For example, does every webpage have a title?


Personal Website #1
Personal Website #2
Personal Website #3
Personal Website #4


We will share the features noticed in these personal websites, especially, and any new observations. Add any newly found features to your list in web-development-practices packet on page one.

Stage 1 - Unit 2 Rating Websites

Stage 1 - Unit 2

Rating Websites

Websites:
Website #1
Website #2
Website #3
Website #4
Website #5

Unit 2 Code Studio - Web Development

Unit 2 Code Studio

Assignment:
1. Get a packet and put your name on it.
2. Use the link above to begin Unit 2
3. Complete the 1st Activity - Rating Websites

• Complete thoroughly
• Work with a partner or alone
• No Threesomes!