5 Outline

Comment on your own post from yesterday

– What was your thinking/approach in changing the existing menu? What were you hoping to do from a visual/interactive sense?
– What was something you wanted to do but couldn’t? Whether it was because of time or css knowledge?

Comment on the two posts below yours

– How does your classmate’s design improve or alter the original?
– What more does it need (or need to be removed) to be more effective? You can describe this in English and/or in CSS speak?

Using the examples below as inspiration, redesign the navigation for an existing website. Consider pseudo classes, anchor states and the box properties. Make use of the Web Inspector to see what other sites are doing. Place your results in a new post on this site in category “Navigational Menu” along with a screen capture and URL of the website you are replacing.

Example of centering

Inline-block centering

Links

Create two different versions of your HTML from assingnment 1. Make an internal stylesheet and duplicate your HTML document two times. The emphasis on this exercise is to get you used to CSS syntax and to get you accustomed to looking up properties. You may have aesthetic ideas for the content, or you may apply properties and see how the page reacts. Either is fine. Create two very different solutions given the presentation CSS we have reviewed so far.

Please FTP your finished html files to a folder called “assignment2″ within your students directory and link to them from a post that you create on the class site. Be sure to assign the category “CSS basics” to your post so it will show up alongside your classmates.

1. CSS was part of the HTML4 specification (1999) and authored by the w3c
2. Structure, structure, structure
3. Model example from yesterday
4. New York Times without stylesheets
5. Look at “Welcome to Locally Made” coding
6. Look at a few other websites via the HTML

Create a new html document with TextWrangler. Save it in a folder on your computer as assignment1.html

Write the HTML for our syllabus. Remember, HTML is a descriptive process, where you describe parts of a document to the best of your ability.

Please FTP your finished html file to the /students/yourname/assignment1 directory and link to it from a post that you create here on the class site. Be sure to assign the category “HTML basics” to your post so it will show up alongside your classmates.

Login

Login using our firstname and the class password. Update your user profile with a nickname and a brief bio and url (if you choose).

Add a gravatar

Add a Gravatar with the same email address on this site and so we can recognize you on the website. You may use something other than a self-portrait if you like.
Create a login at http://en.gravatar.com/ and upload an image.