TAILIEUCHUNG - Learning Web Design Third Edition- P42

Learning Web Design Third Edition- P42:Everything you need to know to create professional web sites is right here. Learning Web Design starts from the beginning defining how the Web and web pages work and builds from there. By the end of the book, you'll have the skills to create multi-column CSS layouts with optimized graphic files, and you'll know how to get your pages up on the Web. | Optimizing JPEGs Photoshop CS3 80 KB 60 KB 40 8 KB 100 KB 20 KB 1 KB Fireworks 8 80 KB 40 5 KB 100 KB 60 KB 1 KB MM Figure 19-13. A comparison of various compression levels in Photoshop and Fireworks. Weighted optimization selective JPEGs Not all image areas are created equal. You may wish to preserve detail in one area such as a person s face but compress the heck out of the rest of the image. To this end Photoshop versions 6 and higher gives us Weighted Optimization. In Fireworks it s called Selective Qualit . Both methods apply different amounts of JPEG compression within a single image one setting for a selected area and another setting for the rest of the image. In both programs the process starts by using a selection tool to select the area of the image you d like to preserve. From there the programs work a little differently. 396 Part IV Creating Web Graphics Optimizing JPEGs Using weighted optimization Photoshop In Photoshop once you ve selected the higher-quality areas of the image save the selection to a new channel Select Save Selection Figure 19-14 A and give the channel a name . The white areas of the mask correspond to the highest image quality while dark areas describe the lowest gray areas are on a linear scale in between C. In the JPEG options in the Save for Web Devices dialog box there is a Mask button next to the Quality setting D. Clicking the Mask button gives you the Modify Quality Setting dialog box where you can set the quality levels for the black low quality areas and white high quality areas of the masked image. Selecting the Preview option allows you to see the results of your settings. When you are done click OK then Save. A NOTE Photoshop offers weighted optimization GIFs as well Fireworks does not . Look for the Mask button like the one pictured in Figure 19-14 D next to the Palette Lossy and Dither options to access the respective settings. Refer to the Photoshop documentation for more .

• Đồ họa - Thiết kế - Flash
• thiết kế web
• vẽ layout
• giáo trình css
• kĩ thuật cắt html
• giáo trình photoshop
• Thiết kế trang web
• hướng dẫn Thiết kế trang web
• kinh nghiệm Thiết kế trang web
• tài liệu Thiết kế trang web
• cẩm nang Thiết kế trang web
• kỹ thuật Thiết kế trang web
• Bài giảng Thiết kế Web
• Đại cương Thiết kế Web
• Tổng quan Thiết kế Web
• Môn học Thiết kế Web
• Mục tiêu Thiết kế Web
• Giáo trình Thiết kế giao diện web
• Thiết kế và quản lý website
• Thiết kế giao diện web
• Nhận dạng các trang web
• Cấu trúc trang web
• phương pháp thiết kế trang Web
• kỹ thuật thiết kế Web
• thiết kế web nhanh
• thực hành thiết kế web
• thiết kế web đẹp
• tài liệu về thiết kế web
• thủ thuật thiết kế web
• mẹo dùng web
• học thiết kế web
• Thiết kế web động
• tài liệu Thiết kế web động
• hướng dẫn Thiết kế web động
• kinh nghiệm Thiết kế web động
• cẩm nang Thiết kế web động