Class 3 – Assignment #2
Wireframe for Class 2 Assignment
Your assignment in class today is to convert this wireframe into XHTML and CSS code.
The XHTML code will involve headings, paragraphs, and images.
Tips
You will undoubtedly want to look up the reference for the <span> tag on the W3Schools site in order to figure out how to change the colors of some words inside the first paragraph. Using the <span> tag in combination with the CSS techniques of applying styles to individual elements using the XHTML “id” attribute will allow you to style just those words in CSS.
Getting things to sit side-by-side is always an “issue”. You will find that out when you try to make the image of the mouse sit side-by-side with the paragraph next to it. And there are generally two ways of approaching the solution:
- using the display property in CSS to change some block elements (which don’t normally sit side-by-side) to be inline elements (which do normally sit side-by-side). Check out this post to get started with block vs. inline elements.
- using the float/clear technique outlined in another (more advanced) post.
We will discuss this further in class.
No related posts.
Tags: class 3
Loading ...