Giáo trình môn học: Thiết kế giao diện web (Ngành/nghề: Thiết kế trang web) - Trường CĐN Đà Lạt

Căn cứ vào chương trình đào tạo nghề Thiết kế trang web, giáo trình giúp cung cấp cho người học những kiến thức cơ bản về thiết kế web cũng như kỹ năng sử dụng phần mềm Photoshop để thiết kế trang web. Để học được mô đun này người học cần có kiến thức cơ bản về ngôn ngữ HTML và kỹ thuật vẽ đồ họa (Corel Draw).
Nội dung trích xuất từ tài liệu:
Giáo trình môn học: Thiết kế giao diện web (Ngành/nghề: Thiết kế trang web) - Trường CĐN Đà Lạt ỦY BAN NHÂN DÂN TỈNH LÂM ĐỒNG TRƯỜNG CAO ĐẲNG NGHỀ ĐÀ LẠT GIÁO TRÌNH MÔN HỌC/ MÔ ĐUN: THIẾT KẾ GIAO DIỆN WEB (PHOTOSHOP) NGÀNH/ NGHỀ: THIẾT KẾ TRANG WEB TRÌNH ĐỘ: CAO ĐẲNG Ban hành kèm theo Quyết định số:1157/QĐ-CĐNĐL ngày 11 tháng 12 năm 2019 của Hiệu trưởng Trường Cao đẳng Nghề Đà Lạt (LƯU HÀNH NỘI BỘ) Lâm Đồng, năm 2019 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. Giáo trình được lưu hành nội bộ Trường Cao đẳng Nghề Đà Lạt. 1 LỜI GIỚI THIỆU Vài nét về xuất xứ giáo trình: Giáo trình này được viết theo căn cứ Thông tư số 03/2017/TT-BLĐTBXH ngày 01 tháng 03 năm 2017 của Bộ Lao động – Thương binh và Xã hội về việc Quy định về quy trình xây dựng, thẩm định và ban hành chương trình; tổ chức biên soạn, lựa chọn, thẩm định giáo trình đào tạo trình độ trung cấp, trình độ cao đẳng. Quá trình biên soạn: Giáo trình này được biên soạn có sự tham gia tích cực của các giáo viên có kinh nghiệm, cùng với những ý kiến đóng góp quý báu của các chuyên gia về lĩnh vực công nghệ thông tin. Mối quan hệ của tài liệu với chương trình, mô đun/môn học: Căn cứ vào chương trình đào tạo nghề Thiết kế trang web, giáo trình giúp cung cấp cho người học những kiến thức cơ bản về thiết kế web cũng như kỹ năng sử dụng phần mềm Photoshop để thiết kế trang web. Để học được mô đun này người học cần có kiến thức cơ bản về ngôn ngữ HTML và kỹ thuật vẽ đồ họa (Corel Draw). Cấu trúc chung của giáo trình này bao gồm 2 bài chính: Bài 1: Giới thiệu về thiết kế giao diện web Bài 2. Tạo layout trang web chuyên nghiệp Lời cảm ơn Giáo trình được biên soạn trên cơ sở các văn bản quy định của Nhà nước và tham khảo nhiều tài liệu liên quan có giá trị. Song chắc hẳn quá trình biên soạn không tránh khỏi những thiếu sót nhất định. Ban biên soạn mong muốn và thực sự cảm ơn những ý kiến nhận xét, đánh giá của các chuyên gia, các thầy cô đóng góp cho việc chỉnh sửa để giáo trình ngày một hoàn thiện hơn. Lâm Đồng, ngày 10 tháng 12 năm 2019 Tham gia biên soạn 1. Phạm Đình Nam 2. Ngô Thiên Hoàng 3. Nguyễn Quỳnh Nguyên 4. Phan Ngọc Bảo 2 Bài 1: Giới thiệu về thiết kế giao diện web ................................................................ 4 1. Tạo theme cho cửa hàng bán đồ thủ công ............................................................. 4 Xác định mục tiêu kinh doanh .................................................................................... 4 Chuẩn bị ...................................................................................................................... 4 Chọn typeface (kiểu chữ) ............................................................................................ 6 Chuẩn bị tài liệu .......................................................................................................... 6 Chào đón khách hàng mới .......................................................................................... 6 Tạo lòng tin cho khách hàng ..................................................................................... 10 Thu thập thông tin người mua .................................................................................. 13 2. Tạo Landing page cho trang web du lịch ......................................................... 17 Tài liệu ...................................................................................................................... 17 Chuẩn bị tài liệu ........................................................................................................ 17 Thiết kế khu vực Header (tiêu đề) ............................................................................ 19 Thiết kế khu vực Features (Tính năng) ..................................................................... 22 Thiết kế khu vực Social Proof (Lời chứng thực) ...................................................... 23 Thiết kế cho khu vực Final CTA (Lời kêu gọi hành động) ...................................... 24 Thiết kế khu vực Footer (chân trang) ....................................................................... 26 Bài 2. Tạo layout trang web chuyên nghiệp............................................................. 27 1. Sử dụng Mockup ................................................................................................... 27 2. Thiết lập Canvas ................................................................................................... 28 3. Tạo tiêu đề ............................................................................................................ 31 4. Tạo mẫu texture .................................................................................................... 36 5. Thêm logo ............................................................................................................. 38 6. Thêm thanh điều hướng .............. ...