TAILIEUCHUNG - Learning Web Design Third Edition- P40

Learning Web Design Third Edition- P40: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. | Image Size and Resolution exercise 18-1 Resizing an image smaller in Photoshop In this exercise we ll take a highresolution photo and size it to fit on a web page. The source image is available with the materials for this chapter at . com materials . 1. Open the file Photoshop. A quick way to find the pixel dimensions of the image is to open the Image Size dialog box Image Image Size shown in Figure 18-17 A. This image is 1600 x 1600 pixels which is too big for a web page. Close the Image Size box for now we were only using it to peek at our starting point . The Info window not shown also shows pixel dimensions when the whole image is selected. 2. Now we ll resize the image and save it as a JPEG in one fell swoop. Select Save for Web Devices from the File menu. Because this image is a photograph select JPEG from the Formats pop-up menu. The default High 60 compression setting is fine for this example. 3. With the format chosen it s time to get to the resizing. Click on the Image Size tab in the bottom half of the settings column C. Enter the dimensions that you d like the final JPEG to be when it is saved. I m going to set the width to 400 pixels. When constrain proportions is checked the width changes automatically when you enter the new height. 4. Next select the Quality . I usually go for Bicubic or Bicubic Sharper for the best results then click Apply . You will see the resized image in the Optimized Image view select the tab at the top if it isn t already . 5. Click Save give the file a name and select a directory in which to save it. You can close the original image without saving or save it to preserve the Save for Web settings. - ici Z OlinitA Ir sr 5- ub ibut fw SnWWlb flrad rTBl a A The Image Size dialog box Image- Image Size is one way to view the starting dimensions of the image. You can also select the whole image and look at the Info window Window- Info not shown 14D0 .ÙLjhr 140P DiKJMfX S- ksi a

• Đồ 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