CSS Positioning: Studio Exercise (15 December 2004)
Using the recipe example I showed in class, create your own page with CSS positioning and formatting. You can change as much or as little of the original as you'd like, but make sure that you've got a good sense of how the positioning properties work.
When you're done, upload the file to your rit.edu web space on Grace, and add a weblog entry that points to it and describes what you changed and anything important you'd like to remember about how you created the page. If you don't already have a category for in-class exercises, make sure you add one to your weblog, and assign it to this entry.
Excerpt: For today's exercises, I redesigned Professor Steve Kurtz's IT website. Then I played around the recipe example from class. I changed the fonts around, altered the box such that the ingredients and image boxes helped simplify and strengthen the design...
Read More: Visual Design & CSS Positioning
Excerpt: At this link I worked with changing CSS sheets to see efects and color. Also I changed font size and style...
Read More: in class assignment CSS styles
Excerpt: I changed the recipe look and feel to give a more chocolate taste. This is the result....
Read More: Positioning Studio Excercise
Excerpt: One of our exercises this week was to take a recipe for easy chocolate truffles and pracitice displaying it with different positioning layouts using css. I kept mine pretty simple using the float properties and it turned out nicely. Assignment:...
Read More: Recipe
Excerpt: CSS Recipe: http://www.rit.edu/~jms4144/409/recipe/recipe.html In this studio class we used this example of a recipe to learn how to position different things using CSS and div tags. It can be complicated at times, but there's always a way to do everyt...
Read More: Recipe
Excerpt: So today in class I redesigned Jeff Sonstien's IT homepage. Glad I came to class because I learned quite a bit from Prof Lawley helping me. Anyways, check out the work I have done. After class I found the time...
Read More: Faculty vs. Recipe!!! The great showdown
Excerpt: In class on wednesdaywe had to redesign professor Lawley's recipe page. I made some minor changes, including changing the color of one of the div's to a creamy yellow color, changing the font, and broke up the text more by...
Read More: Recipe Re-design
Excerpt: Today I learned a little bit more about CSS formating and formated this recipe. For more information on this topic check out this page....
Read More: Recipe
Excerpt: A simple topic. Even though I didn't change too much from the original, it was easy to see how to format CSS Style sheets. So here it is....
Read More: CSS Formating
Excerpt: Here is a link to the exercises assigned to us for week 3. I did them over break but I couldn't upload em until I got back to RIT. So, without further ado, here they are: I redid Professor Lawley's...
Read More: CSS: Positioning and Web Design
Excerpt: Thanks IE, I love you :-( I do not understand why IE is putting my text up so high. In Firefox it is working well. IE always has its way with my websites; I really need to get that under...
Read More: Truffles!!!
Excerpt: Also done over vacation. Find it here. I changed the background color of the container to a peach, the background of the Ingredients box to a yellowish hue, enlarged much of the text in the Instructions and Ingredients (at different...
Read More: Recipe.
Excerpt: Hmmm...so it turns out I am one of the people who has been neglecting the ices. I never posted my recipe site. I swear i did it like 90 weeks ago! It's here if you're interested -Ryan...
Read More: Recipe!
Excerpt: Posting of old inclass work: Recipe CSS redesign I changed the default font to Arial (from Verdana), I redid the color scheme to have the text a white tone, and the backgrounds a brownish red. I changed the location of...
Read More: recipe
Excerpt: Here is my re-design of the truffles recipe website....
Read More: Recipe site
I was just wondering what that commandments example was because I don't remember it being mentioned in class and the link doesn't work.
Posted by: Sudha on December 13, 2004 6:30 PM | Permalink to CommentYou're faster than I expected. :) I've modified the exercise to reflect what I showed in class today, including an uploaded .zip archive of the relevant files.
Posted by: Liz Lawley on December 13, 2004 6:45 PM | Permalink to CommentI made chages to the backgourd color and font size and color. Also I moved the location of the direction for the recipe and the picure to the bottom of the page. It works on IE but I could not get it to appear in Firefox. I double checked all the display settings and check to see the background colors and font color.
Posted by: Darryl Williams on December 14, 2004 7:05 PM | Permalink to CommentMy trackback didn't seem to show up, so I put my CSS Recipe as the URL here.
Posted by: Sudha on December 15, 2004 1:29 PM | Permalink to CommentWell I did my redesign of a faculty members site and of the recipe, you can see them by clicking on my name and then clicking on the individual links in my blog entry.
Posted by: Matt Muoio on December 15, 2004 1:41 PM | Permalink to Comment
(Trackback link: http://www.it.rit.edu/~ell/mt/mt-tb.cgi/1220)