There are lots of ways of approaching it, but I can go through my design process.




First, I sketch up a design. I can come up with a lot of designs, and work through them to find the idea I like the most. From there, I will draw a mock up in Photoshop, or Illustrator, to see how it will look on the computer. Once it is on my computer, I will do a little bit more play with the various elements, such as sizes, gaps, empty space, to optimize it. I will then move to the coding phase. A lot of my designing is done through DIVs. I prefer then 100% over TABLEs because they respond to CSS very well. When there is an element that requires a picture to be in it, I will create that portion alone in photoshop, and save it at the right size, and add it into the code. When the coding is done, I will test out the design in a few different browsers, as well as on my iPad. Then I add in the content, and preview it once more.