CSS used in web page design
Well, last session was partly about using CSS so we all had a play with that. I must admit, I have been having real issues using tables to lay out web pages recently (mainly to do with resizing when screen resolution changes) so I was kind of motivated to go away and play with CSS.
Conclusion? Well, check out my webpages for an example of what I did over the weekend. I was so pleased with the appearance of the pages that I spent the time to overhaul the entire site replacing dodgy table layouts with CSS layouts.
What's the point? Well, I hope even the one page shown as an example demonstrates that the result appears rather more professional looking than previously. Also, the issues with re-sizing have disappeared (whew!!!!). The other thing is perhaps most relevent to what we are doing on this course - once you decide on the page layout you want, in this case more or less just one I lifted off Eric Meyer's website (with some colour/font changes), you end up sticking to it - that's the whole point of CSS (Design once, use repeatedly). This results in consistent page layouts throughout the site - good practice according to all sorts of experts!
posted by Ric @ 9:21 AM
3 comments
3 Comments:
I guess the next step for me is to play around with CSS buttons for the hyperlinks. BTW - feedback from pupils (several hundred hits within a few hours of my changing the site) is totally positive. I don't think 11-16 year olds are the most discerning clients but nevertheless they seemed to appreciate the new layout!
Hi Ric
Your CSS page certainly looks more professional. I agree with your idea of finding a layout you like and sticking with it.
I find I need about four different sorts of pages for different purposes but that is it. These pages do not differ widely but here are some modifications.
You can make modifications to a design by putting them in a second stylesheet and loading it after the first. Any newly defined classes in the second stylesheet will overwrite those in the first.
I look forward to seeing your new pages. Is there any way of seeing the actual pages rather than screen shots?
best wishes
Rowland
Yes, I could show you the actual pages next time we have a session but there is no way to link to them since they contain pupil data and are password protected. (how secure this is I don't know after what we talked about a couple of sessions back?!) When I update some other pages on the site that don't contain dynamic data I might pull the actual page off and link it - before and after.
Post a Comment
<< Home