Content

• Biography
  • Compose 1 paragraph
  • Detail your current media skills
• Goal
  • Write one sentence
  • Detail goal for life, school OR class
• Projects
  • Leave this box blank for now
• Blog
  • Compose at least 1 paragraph
  • Detail your work so far on this project
• Leadership
  • Write the words “coming soon!”
• Resume
  • Write “Available Upon Request”

Style

• Make color sense
• Format CSS appropriately
• Use at least one image
• Float center area
• Select color background for “body” HTML
• Make a link to the web site you are using for inspiration

1. Experiment with the CSS in the portfolio_test.html file
2. Save your work in your server account

Learn how HTML and CSS work together to create a well formatted valid web page.  The W3C created this tutorial to help beginning web designers better grasp the relationship between the tyoes of code.

TUTORIAL: CSS tutorial, starting with HTML + CSS

1. Navigate to the tutorial
2. Follow the directions
3. Help each other interpret the instructions
   
4. Save work to your server folder
5. Due in a couple days
6. Peruse http://99designs.com, take a look at contests being offered to good designers.  Maybe one day you can enter one of the contests?

Exploring color can be exciting. What do colors mean?  How do we interpret colors?

• Take this Color Theory Quiz
• Explore colors’ meaning at the Color in Motion Web Site
• Create color combination with the Color Scheme Generator 2

We are going to experience the project creation design cycle over the next couple weeks.

• Rough draft on paper
• Illustrator template
• HTML structure
• Design elements
• CSS design
• Publishing

Learning how to create a web page can be difficult.  All the HTML and CSS can be challenging.  W3school does a great job of making it easier to understand.

1. Navigate to www.w3schools.com
2. Take the HMTL tutorial.
3. Take the HTML quiz.
4. Post the results of the quiz to your blog.
5. Title the blog entry “W3Schools HTML Tutorial and Quiz Results”
6. Write at least three sentences highlighting what you learned.
7. Repeat steps 1 – 6 for the XHTML and CSS tutorials and quizzes and post the results to separate blog entries.

• You should have 3 Blog Entries when you are finished
  • “W3Schools HTML Tutorial and Quiz Results”
  • “W3Schools XHTML Tutorial and Quiz Results”
  • “W3Schools CSS Tutorial and Quiz Results”

What are your favorite designs at Csszengarden.com?  CssZenGarden is a web site highlighting the capabilities of CSS, Cascading Style Sheets.  The HTML file is the same on each page.  It is the CSS that is unique.  Only the CSS has been changed by the web designer.  It is a beautiful place to visit to be inspired and gather ideas for web design.

1. Find three designs that appeal to you.
2. Write at least two sentences describing why you like these designs.
3. Create a blog entry titled: My Favorite CssZenGarden Designs.