Design a search form for the upper right inside pages of The New York Times website. You may either take a screencapture of the web page and place it in the background, or code your form on a white page and then photoshop it onto the site. Place your finished png or .html file on your FTP area and categorize a post with the link under exercise 6.
Using the examples below as inspiration, create a horizontal nav bar that can replace a site you like or could work for your own portfolio site. 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 exercise 5.
Choose one of the Scandinavian countries (link to other countries at the bottom) and construct its flag in two ways: using absolute positioning and using floated divs. Apply the links to both from one post assigned to exercise 4. The size of the flag is up to you.
Using Frank Stella, Josef Albers and Karel Martens as inspiration, create a page of web box art. Keep the principles of classes, inheritance and float in top of mind. Experiment wildly in code (not in your sketchbook), starting a new html file if one breaks or seems at a stopping point. Add a post with the category exercise 3 that links to 1 or 2 finished pieces. We’ll look at aesthetics and your style sheets as a class first thing tomorrow morning.
Create 5 different versions of your HTML from exercise 1. It makes sense to make an internal stylesheet and duplicate your HTML document 5 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. Try to create 5 very different solutions given the presentation CSS we have reviewed so far.
Please FTP your finished html files to a folder called “exercise2” and link to it from a post that you create on the class site. Be sure to assign the category “Exercise 2” to your post so it will show up alongside your classmates.
Create a new html document with TextWrangler. Save it as risd.html
Write the HTML for the first part (up until after “history”) of the Wikipedia entry for W RISD. You do not need to hyperlink every link. But do apply at least one example of every type of tag.
Add an image of the logo at the top of your document. For this exercise, do not look at the source code, but rather make your own predictions of what tags should be used. Please FTP your finished html file and link to it from a post that you create on the class site. Be sure to assign the category exercise 1 to your post so it will show up alongside your classmates.