Welcome to part 2 of the series! Before starting this tutorial, please complete “Designing a Professional Website from Scratch – Part 1”.

For the sake of brevity, I’m not going to go over slicing images. You may download my sliced images in order to follow along, but please note that I am not including the social networking icons or the photo. I don’t believe that I have the right to redistribute these. I included the link the photo in the last article, and you can download the social networking icons from the original creator.

Also, remember to download the 960 Grid CSS Framework. This will give us a big step in the right direction.

With that out of the way, we’re ready to begin.

More...

This is the first part in a three part series on building a professional website from scratch. This part will go over the design process, so we will be making a PhotoShop mock-up of our website. In the next step I will go over marking-up a template with HTML and CSS, and then we’ll complete the series with converting the template into an ASP.NET Master Page. To complete this Tutorial in its entirety, you’ll need:

• PhotoShop (the version doesn’t matter much, as we’re not doing anything overly complicated or tool-specific)
• Visual Studio (I’m using 2008, but you should be able to use 2005 as you just need support for Master Pages)

After reading Smashing Magazine's article on "Lessons From Swiss Style Graphic Design" I started thinking about the principles they presented and how I incorporate them in my own work. I have always been a subscriber to the “less-is-more” state of mind when it comes to my work; however it is really easy to get bogged-down when trying to design user friendly interfaces for data-intensive applications. Here is what I took away from this article, and my ideas for incorporating their bullet-points into data driven applications. More...