Giáo trình Thiết kế Layout website (Nghề: Lập trình máy tính - Trình độ CĐ/TC) - Trường Cao đẳng Nghề An Giang

Giáo trình Thiết kế Layout website gồm các nội dung chính như: Cách lấy màu từ Photoshop; Tạo hiệu ứng Rollover cho trang web; Tạo hình động cho trang web; Sử dụng công cụ Slices tool để cắt layout. Mời các bạn cùng tham khảo.
Nội dung trích xuất từ tài liệu:
Giáo trình Thiết kế Layout website (Nghề: Lập trình máy tính - Trình độ CĐ/TC) - Trường Cao đẳng Nghề An Giang ỦY BAN NHÂN DÂN TỈNH AN GIANG TRƯỜNG CAO ĐẲNG NGHỀ AN GIANG GIÁO TRÌNH THIẾT KẾ LAYOUT WEBSITE NGHỀ: LẬP TRÌNH MÁY TÍNH Trình độ trung cấp/cao đẳng (Ban hành theo Quyết định số: /QĐ-CĐN ngày tháng năm 20 của Hiệu trưởng trường Cao đẳng nghề An Giang) Tác giả: Vương Thị Minh Nguyệt Năm ban hành : 20 TUYÊN BỐ BẢN QUYỀN Tài liệu này thuộc loại sách giáo trình nên các nguồn thông tin có thể được phép dùng nguyên bản hoặc trích dùng cho các mục đích về đào tạo và tham khảo. Mọi mục đích khác mang tính lệch lạc hoặc sử dụng với mục đích kinh doanh thiếu lành mạnh sẽ bị nghiêm cấm. LỜI GIỚI THIỆU Ngày nay, sự phát triển của Internet đã ảnh hưởng rất lớn tới ngành CNTT. Internet đã mở ra nhiều cơ hội tốt cho các nhà lập trình và phát triển ứng dụng Web và những nhà thiết kế Web. Song song với sự phát triển đó, thiết kế web cũng có những sự phát triển trong việc cải tiến kỹ thuật thiết kế. Với sự hỗ trợ của máy tính và công nghệ phần mềm như hiện nay giúp chúng ta thực hiện việc thiết kế một trang web nhanh chóng, hiệu quả và chuyên nghiệp hơn. Tài liệu này được thiết kế theo từng mô đun/ môn học thuộc hệ thống mô đun/môn học của một chương trình, để đào tạo hoàn chỉnh nghề Lập trình máy tính ở cấp trình độ bậc cao và được dùng làm giáo trình cho học viên trong các khóa đào tạo, cũng có thể được sử dụng cho đào tạo ngắn hạn hoặc cho các công nhân kỹ thuật. Trong quá trình biên soạn, mặc dù đã cố gắng tham khảo nhiều tài liệu và giáo trình khác nhưng tác giả không khỏi tránh được những thiếu sót và hạn chế. Tác giả chân thành mong đợi những nhận xét, đánh giá và góp ý để cuốn giáo trình ngày một hoàn thiện hơn. Nội dung chính của môn học: Chương 1: Cách lấy màu từ Photoshop Chương 2: Tạo hiệu ứng Rollover cho trang web Chương 3: Tạo hình động cho trang web Chương 4: Sử dụng công cụ Slices tool để cắt layout An Giang, ngày tháng năm 20 Tham gia biên soạn Vương Thị Minh Nguyệt 1 MỤC LỤC ĐỀ MỤC TRANG LỜI GIỚI THIỆU..........................................................................................................1 MỤC LỤC...................................................................................................................... 2 CHƯƠNG TRÌNH MÔN HỌC.....................................................................................3 CHƯƠNG 1.................................................................................................................... 5 CÁCH LẤY MÀU TỪ PHOTOSHOP.........................................................................5 I. SỬ DỤNG Color Picker.........................................................................5 II. SỬ DỤNG EYEDROPER TOOL............................................................8 BÀI TẬP............................................................................................12 CHƯƠNG 2.................................................................................................................. 15 TẠO HIỆU ỨNG ROLLOVER CHO TRANG WEB...............................................15 I. TẠO TRANG THÁI ROLLOVER..........................................................15 II. TẠO VÀ CHIA SLICES ĐỂ XÂY DỰNG BẢNG.....................................19 III. TẠO HIỆU ỨNG ROLLOVER BẰNG CÁCH ẨN HIỆN LAYER...............22 BÀI TẬP:............................................................................................36 CHƯƠNG 3.................................................................................................................. 37 TẠO HÌNH ĐỘNG CHO TRANG WEB...................................................................37 I. TẠO HÌNH ĐỘNG TRONG IMAGEREADY...........................................37 II. TẠO HÌNH ĐỘNG BẰNG CÁCH ẨN HIỆN LAYER................................37 BÀI TẬP............................................................................................39 CHƯƠNG 4.................................................................................................................. 42 SỬ DỤNG CÔNG CỤ SLICES TOOL ĐỂ CẮT LAYOUT......................................42 I. GIỚI THIỆU SLICES..........................................................................42 II. TẠO SLICES TRÊN LAYER...............................................................44 III. TỐI ƯU HÓA VÀ LƯU SLICES.........................................................48 BÀI TẬP............................................................................................49 TÀI LIỆU THAM KHẢO..............................................................................................55 2 CHƯƠNG TRÌNH MÔN HỌC Tên môn học: THIẾT KẾ LAYOUT WEBSITE Mã môn học: MH 30 Thời gian thực hiện môn học: 60 giờ (Lý thuyết: 20 giờ, thực hành 38 giờ, kiểm tra: 2 giờ). I. VỊ TRÍ, TÍNH CHẤT CỦA MÔN HỌC 1. Vị trí: - Thuộc nhóm môn: Chuyên ngành - Được bố trí sau các môn: Thiết kế trang web, Thiết kế sản phẩm với CorelDraw, Xử lý ảnh với Photoshop 2. Tính chất: Mô đun làm cơ sở cho sinh viên – học sinh có kỹ năng thiết kế đ ...