Linked in this post is a very quick and simple My First CSS Page site that I created for this, the second activity of the day.

I decided to use an external CSS file for this example as it will allow me to add additional pages to the site, each of which can use the same external CSS style information – although as this is just a single page used to demonstrate CSS knowledge, I could have got away with including the style information within the <head> tags of the site.

What I specifically decided not to do was to use inline styles as – although they do provide the fill power of CSS styling – they’re no better than the old-style <font> tags when it comes to using their power.

Just for experience sake, after my initial draft, I included the Eric Meyer’s Reset CSS to see how it would affect my initial design. I found that, in addition to ‘resetting’ some of the font sizes, it also removed a lot of padding and borders from some of the block elements, such as the <h1> tag. Based on this, I now know that if I’m to use the Reset CSS file again, I need to take things like this into account.

Related posts:

  • Useful tools for web design
    In an effort to help the rest of the class, the purpose of this post is to provide some information and links to some of the tools that I use for web design....
  • Activity 201: Using a blog post to link to an online file
    The purpose of this exercise is to test global access to files uploaded to my server. For this purpose, the linked file needs to be checked as accessable by one of my peers....
  • Respect for Plogger
    I just wanted to make a quick post ‘bigging-up’ Plogger. It’s a PHP/MySQL based image gallery that seems to take a lot of inspiration from WordPress. I’ve spent the past couple of days looking for a good quality image gallery for use with the South Worcestershire College site that I’m...
  • Code Monkey
    I’ve done the research, the focus group, the planning, and even an evaluation, but now I need to get started on the thing that all of this has been leading up to – the physical coding of the site! I have to admit that I’m quite nervous at this point....
  • Activity 203: A well designed web page
    Linked to this post is my example of a well designed web page. The purpose of this activity was to explore my CSS skills, and to produce a suitable design for a site using them. Although basic (and probably not as good looking as it could be), I think this...