1 Bˆi thực hˆnh số Ð Tạo ảnh cho trang web Mục ti•u Trong bˆi thực hˆnh nˆy, chœng ta thực hˆnh c‡c thao t‡c tạo ảnh cho trang web sau: - Tạo giao diện trang web từ c‡c ảnh đ‹ c— - Cắt ảnh giao diện web c™ng cụ Slice - Tối ưu ảnh cho web - Xuất trang web (dạng html) từ ảnh đ‹ cắt MUL301_ Thiết kế hình ảnh với Photoshop Lab7 2 Bˆi Thực hˆnh theo hướng dẫn chương 12 gi‡o tr“nh học (từ trang 294 tới trang 313) Chœ ý lưu lại file theo hướng dẫn (ps1201_work.psd) để đ‡nh gi‡ cuối bˆi Bˆi (thời gian thực hiện: 1h) Sử dụng c‡c ảnh cung cấp thư mục Tai nguyen Lab vˆ c‡c c™ng cụ Photoshop để thiết kế l•n c‡c giao diện trang web sau: - Trang chủ: H“nh Giao diện trang chủ - Trang c‡ nh‰n: MUL301_ Thiết kế hình ảnh với Photoshop Lab7 3 H“nh Giao diện trang c‡ nh‰n - Trang album: MUL301_ Thiết kế hình ảnh với Photoshop Lab7 4 H“nh Giao diện trang album - Trang h“nh ảnh: H“nh Giao diện trang h“nh ảnh C‡c file photoshop kết lưu lại t•n tương ứng lˆ 07_Practice_Home.psd, 07_Practice_Personal.psd, 07_Practice_Album.psd, 07_Practice_Photo.psd Bˆi Sử dụng kết bˆi vˆ c‡c c™ng cụ cắt ảnh cho web Photoshop để tạo c‡c trang web sau: - Trang chủ: lưu lại t•n home.html, c— c‡c thˆnh phần sau: MUL301_ Thiết kế hình ảnh với Photoshop Lab7 5 Liên kết tới trang 'home.html' Liên kết tới trang 'personal.html' Liên kết tới trang 'album.html' Liên kết tới trang 'photo.html' H“nh Trang home.html - Li•n kết tr•n đặt cho c‡c nœt bấm tất c‡c trang web Trang c‡ nh‰n: lưu lại t•n personal.html, c— c‡c thˆnh phần sau: MUL301_ Thiết kế hình ảnh với Photoshop Lab7 6 Cắt thành ảnh có tên 'lamtruong' và liên kết tới ảnh này H“nh Trang personal.html - Trang album: : lưu lại t•n album.html, c— c‡c thˆnh phần sau: MUL301_ Thiết kế hình ảnh với Photoshop Lab7 7 Cắt thành ảnh và liên kết tới các ảnh đó H“nh Trang album.html - Trang h“nh ảnh: lưu lại t•n photo.html, c— c‡c thˆnh phần sau: MUL301_ Thiết kế hình ảnh với Photoshop Lab7 8 Cắt thành ảnh và liên kết tới các ảnh này H“nh Trang photo.html Y•u cầu nộp bˆi Cuối thực hˆnh, sinh vi•n tạo thư mục theo t•n _Lab8, chứa tất sản phẩm bˆi lab tr•n, nŽn lại thˆnh file zip vˆ upload l•n mục nộp bˆi tương ứng tr•n LMS MUL301_ Thiết kế hình ảnh với Photoshop Lab7 ... MUL301_ Thiết kế hình ảnh với Photoshop Lab7 4 H“nh Giao diện trang album - Trang h“nh ảnh: H“nh Giao diện trang h“nh ảnh C‡c file photoshop kết lưu lại t•n tương ứng lˆ 07_ Practice_Home.psd, 07_ Practice_Personal.psd,... MUL301_ Thiết kế hình ảnh với Photoshop Lab7 7 Cắt thành ảnh và liên kết tới các ảnh đó H“nh Trang album.html - Trang... photoshop kết lưu lại t•n tương ứng lˆ 07_ Practice_Home.psd, 07_ Practice_Personal.psd, 07_ Practice_Album.psd, 07_ Practice_Photo.psd Bˆi Sử dụng kết bˆi vˆ c‡c c™ng cụ cắt ảnh cho web Photoshop để