Đang chuẩn bị liên kết để tải về tài liệu:
50 FAST DREAMWEAVER MX TECHNIQUES phần 7

Các hình ảnh với hiệu ứng rollover được thể hiện trong hình 27,1 (CP 41) cung cấp một lựa chọn thiết kế tuyệt vời và giao diện người dùng trực quan, nhưng những hình ảnh mất nhiều thời gian để tải hơn so với văn bản và sẽ không được hiển thị cho tất cả mọi người. | TECHNIQUE ADDING STYLE TO YOUR PAGE WITH A FIXED TILING BACKGROUND 34 34.1 CP 47 34.2 CP 48 NOTE For this technique use the files in the Technique 34 folder on the CD-ROM. A good Web designer knows that sometimes a solid color background just doesn t cut it see Figure 34.1 CP 47 . For those times a seamless tiling background does the trick adding an element of style and personality to an otherwise bland Web page as shown in Figure 34.2 CP 48 . STEP 1 CREATE THE ELEMENTS FOR THE TILING BACKGROUND IN FIREWORKS In Fireworks choose File New to create a new document at 300 by 800 pixels. Alternately you can browse the CD-ROM to find the file called Technique34.png which is already done for you. 157 158 Chapter 7 Image Tricks That Make You Look Good Use any combination of drawing tools to draw various shapes until you are satisfied with the design or pattern. Keep in mind that the final size of the tiling background image used as an example will be 190 pixels wide by 420 pixels high though you can make your tiling backgrounds any size. Choose Modify Symbol Convert to Symbol. In the Symbol Properties dialog box select Graphic and click OK. STEP 2 CREATE THE TILING BACKGROUND Position your symbol at X 0 and Y 0 using the Property inspector. Select your symbol and choose Edit Clone to make a new layer with a copy of the symbol. Select this clone and type X 190 and Y 0. Click the symbol at the 0 0 position to select it. Holding the Shift key click the clone next to it. With both items selected choose Edit Clone to create a copy of each one. Make sure these two new copies are selected and move them down to a Y-position of 420 by using the Property inspector. Use the Crop tool to crop this image down to 190 x 420 pixels see Figure 34.3 . You can tweak the width and height of the crop marquee by typing in exact pixel measurements in the Property inspector see Figure 34.4 . When you are satisfied with your tiling background you can export the image by choosing File Export. 34-3