Introducing CSS/HTML for Graphic Designers

As any professional will know, the best way to stay current and in the know is to teach. I’ve been teaching a couple of classes at Langara and I’ve learned a great deal about the industry and myself.

The hardest part about teaching is the course preparation. Planning slides, handouts, exercises and solutions takes a lot of effort and it’s never perfect. Following feedback from both past students and teachers, I’ve put together a website to accompany my introduction to CSS/HTML course for graphic designers. Aimed at teachers wishing to use my curriculum, this website has all of the slides and exercises used during my 6 week class. This website is also a great tool for students wishing to learn on their own.

If you’re a graphic designer, teacher or just curious, feel free to have a look at the site and download the teaching material. If you were one of my past students you may also want to have a look. You’ll find that the course material has changed drastically.

 

How is your website built?

I recently had a discussion with Mhairi about a possible project. Mhairi had a client who wished to add a blog to her site and she asked if I could provide her with a quote. Unfortunately, the website was built with ColdFusion and thus I told her that I wouldn’t be able to work on it because I’m simply not familiar with that tool. Mhairi was a bit confused at first and unsure why the code should matter.

Read more…

Why should you care if your website is built with tables or CSS?

Yesterday, I was invited to have lunch at Twin Fish Creative‘s monthly staff get together. Since, I’ve been doing a lot of work with them, I thought I would take the opportunity to explain what I do to their Photoshop files and more specifically how CSS is used.

What’s this CSS?
HTML tags were originally designed to define the content of a document. They were supposed to say “This is a header”, “This is a paragraph”, “This is a table”, by using tags like <h1>, <p>, <table>, and so on. The layout of the document was supposed to be taken care of by the browser, without using any formatting tags.

Read more…