Professional Web Design: Techniques and Templates, Fourth Edition

270
Chapter 11 ■ Case Study: High-Content CSS Design
Figure 11.3
A Photoshop file that includes the background image behind the form, saved separately from the
homepage file.
■
■
designs, a separate Photoshop file is used to save such an image. Although a
slice could be created to save this background image in the main Photoshop
file, a designer may want the image to run down the left column behind
content other than the form. For this reason, the image was created in a
separate Photoshop file. Number 1 represents this slice in Figure 11.3.
The slice to the top left of number 7 is used to save the Search button. If the
designer were to continue building this ecommerce site, it would require
additional buttons that would, most likely, be consistent with this image.
Therefore, the designer might want to crop and save the button in a separate
Photoshop file, which would make saving separate files easier.
The slice to the top left of number 8 represents a banner ad saved from the
homepage file. The important thing to note about this image is that it is
saved with extra space to the left and right sides, which gives the designer
room to be flexible if the image needs to be moved to the left or right down
the road or if a larger image needs to be added.
Game Developing GWX