MacHouse - A World of Video Tutorials

Building a Website Using CSS 01: Creating a Theme

Why do you want to build a website using CSS in the first place? That’s mainly because you can instantly make changes to a group of webpages by editing a single style sheet. And building a website using CSS is much easier than you think. Besides, you don’t need specific applications. You just need a text editor to edit CSS files and a web browser to view changes. That means you don’t need theme-based website-building applications like RapidWeaver. You can just start with nothing and end up with a nice website by just editing a style sheet.

Many PHP themes are built with CSS. If you want to create your own themes for phpBB, WordPress and RapidWeaver, you need to use CSS. Don’t be afraid. Again, building a website using CSS is easy as long as you know how to use a graphic editor and also how to edit HTML a little bit.

In this video tutorial series, we use a common graphic application and a text editor to build a website. You can use any graphic application (Adobe Fireworks, Adobe Photoshop, Graphic Converter…) to create themes. You can also use any text editor or HTML editor (Adobe Dreamweaver, TextEdit, BBEdit, Windows’ NotePad…).

In the first video tutorial of the series, we use Adobe Fireworks to create a theme. We then split this theme into several parts to get ready for the next tutorial.

*At the end of the video tutorial, the narrator advises that one watch the fifth tutorial before moving on to the next step. Other video tutorials including #5 will be available within the next several days.

Please read Terms of Use for Guests before watching any of the video tutorials.