Topics: The Web Design Process and some review of Floats and Positioning
There is some review this week, as well as some new things. We'll be getting everybody up to speed on the Web Design Process, Float Based Layouts and CSS Positioning.
- Watch the video on The Web Design and Development Process - Methods and Resources - Duration 19:03
- Review Ch. 15 of Learning Web Design on Floats and CSS Positioning if you do not feel comfortable with them. Do the exercises there if you want to practice layout with floats, and if you have not already looked at these. These exercises are optional, and are not to be turned in. There are more resources on float based layout in the Additional Info section.
Check out this page on using clearfix. Clearfix methods are used to contain floated elements in designs so they don't leak out of the container they are in. This can occur any time you are using floats, not just in float based layouts. The Learning Web Design book has information on Clearfix on page 398 in Ch. 15. Here is a page from CSS Tricks on clearfix.
- If you didn't see it last week, there is also new material on page 399 on wrapping text with CSS shapes, which is pretty cool, although I'm not sure it is being used too much out in the wild... Yet.
- Complete the Bio Page Project(See Week 1)
- See week 1 for details on the assignment.
- Extra credit if you use CSS Shapes on the assignment!
- Don't forget to validate your assignment by checking the file at: http://validator.w3.org/ Click on Validate File by Upload near the top, and then click the browse button, locate your file, and submit. Make any corrections necessary so you get the happy, green, OK message.
- To turn in assignments with multiple files or folders, it works best if you put all files in a folder and zip the folder. It is important to name your folder correctly BEFORE you zip it to send, so I know who's folder it is. Please name you folder like this firstname_lastname_assignX. Then when you zip the folder, I will know it is yours. Don't rename any files of folders inside your site folder before sending, as that will probably break things. To zip a folder on a PC, create the folder with your name on it like this firstname_lastname_assignX and put the files needed in it, then right click, select "send to," and finally "compresses (zipped) folder". On a mac, control click or right click on the folder and select compress. Remember to name the folder before compressing it, so I can see who's it is when it is uncompressed.
- Drop the zip files into the drop box under the Projects module in Canvas.