Issue No. 1: Designing a Site with Screen Resolution in Mind
While working on a thesis paper for a professor of mine back at University, I was tasked with designing a web site for his project involving the U.S. Department of Homeland Security.

Problem:
The problem that I faced was that when I designed my professor's web site, I forgot that I should have designed it for the standard screen resolution at the time (which was 1024 x 768). Instead, I designed it to where it fit the resolution of my monitor, which is higher than the average screen resolution. My professor's screen resolution was 800 x 600; so I had to make sure that the design would definitely fit his screen because he did not want for the site users to have to scroll to the right in order to see the entire site.

Here are the steps below that I took to solving my problem.

  1. Re-designed the entire layout for the site in Adobe Photoshop.
  2. Made sure that the screen resolution was 800px x 600px. Normally, I would design them to fit 1024 x 768 resolutions, but I designed the site with a lower resolution because I was instructed to do so.
  3. Sliced the images in Photoshop and saved them as HTML and image files.
  4. Designed the site in DreamWeaver and placed all information and images in div tags.
  5. Ran the new code, and all was well.


<< Previous Page Next Page >>