Click the Image Above for School 2.0 Vision of Tomorrow

Imagine the school of tomorrow. How would you design it? How would you integrate creativity, problem solving, collaboration, participation, and put all the tools together to help this happen? Explore the School 2.0 web site to see what some are imagineering.

Wix.com for web hosting and site creation

Want to create a web site for free?  How about a very nice looking web site?  How about an easy to make and manage site?  If you answered Yes! Yes!! and Yes!!!  The check out wix.com.  It’s pretty amazing.

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?

Creating a web site is very exciting.  How do the pro’s do it?  They create a template or mock up of the site’s look and feel first.  They usually do this in a graphic program like Adobe Illustrator.  It is like a story board of your plan for the site.  Once completed, a designer shows this to the client for revision and / or approval.

Where to start:

1. Find a web site to copy, maybe from CSSZenGarden.com?
2. Create a folder titled, “portfolio”
3. Create a folder titled, “media”
4. Create an Illustrator document titled, “my portfolio.ai”
5. Save your “my portfolio.ai” document into the portfolio folder
6. Place the web address of the site you are copying or emulating, example: http://www.csszengarden.com
7. Place the images and text into your “my portfolio.ai” document

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

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.