Our focus in class will be on creating a number of CSS rules that allow you to float HTML5 asides and graphics left and right. The float, as many of you have learned already, is an essential design concept in CSS. Using your exercise six cleanly scrubbed, HTML5-ized, Semantic Web-proofed, well-formed and valid text, Open Communication Climate, you will plant two asides and two graphics, both left and right, making necessary adjustments to the graphics and text to improve design for readability and overall aesthetics. You will want to pay special attention to the relationship of the graphics, asides, paragraph size, and headings: a full-bore design experience is about to be yours.
The graphics above left and right are the ones you will use for this exercise. I will provide written instructions and will work through the design and rule-writing with you in class. I think you will find working with the float to be a lot of fun.
While you will be receiveing printouts of the exercise in class, you may want to have electronic access to them in pdf form:
- Ex 6b: HTML5 Asides and CSS Multiple Classes (work on this in class)
- Ex 6c: Contents with Style (work on this at home)
Microsoft Office Clip Art Photographs: j0406569.jpg (Shaking hands) and j0289517.jpg (2 women in office). (n.d.). Microsoft Office 2003. Redmond, WA: Microsoft Corporation.If you have questions, just e-mail me at firstname.lastname@example.org. Feel free to comment on this announcement, or if you want to e-mail it, click on the little mail icon directly below. Note also that each announcement has a permanent link, available through the announcement title and posting date.
posted by WJB at Monday, November 14, 2011