Bài 6 cung cấp những kiến thức cơ bản về thiết kế giao diện WEB. Trong bài này người học sẽ cùng tìm hiểu một số nội dung chính như: Một số chú ý xây dựng ứng dụng web, thiết kế giao diện trang web, lập trình phía máy khác. Mời các bạn cùng tham khảo.
Bài 06 Thiết kế giao diện WEB Lê Quang Lợi Email: loilequang@gmail.com loilq@utehy.edu.vn Bài 06 Thiết kế giao diện WEB » Một số ý xây dựng ứng dụng web » Thiết kế giao diện trang web » Lập trình phía máy khác Lê Quang Lợi: loilequang@gmail.com Mơn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 6.1 Một số ý xây dựng ứng dụng web » Nội dung định tính sống cịn ứng dụng » Chức năng: Thể dịch vụ cung cấp cho người sử dụng » Giao diện: Thể bố trí (trình bày nội dung) Hiển thị thông tin có ? Hiển thị tất trình duyệt? Hiển thị phải rõ ràng, dễ nhìn, dễ quan sát (khoa học) » Khả sử dụng Dễ sử dụng, dễ thao tác ? Quy trình ngắn gọn ? Đáp ứng yêu cầu ? Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 6.1 Một số ý » Yếu tố tốc độ » Yếu tố bảo mật » Yếu tố bền vững » Yếu tố chạy nhiều môi trường » Kỹ thuật: mở rộng ? nâng cấp ? lưu ? chống chịu lỗi … Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 6.2 Quy trình thiết kế giao diện trang WEB B01: Giác mẫu: (thiết kế đồ họa) file PSD Thiết kế tổng thể giao diện Photoshop Thiết kế giao diện trang khác B02: Cắt CSS B2.1 Thiết kế trang khung (trang chủ/trang thành phần) Tạo trang HTML Tạo CSS kết hợp HTML dựa giao diện PSD B2.2: Thiết kế trang đầy đủ (giao diện) B2.3: Tích hợp mã javascript: kiểm tra tính hợp lệ liệu (kiểm tra liệu, tích hợp hiệu ứng) B2.4: Triển khai chạy thử ứng dụng trình duyệt Lê Quang Lợi: loilequang@gmail.com Mơn học : Cơng nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 6.3 Ví dụ thiết kế giao diện Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 6.3 Ví dụ thiết kế giao diện Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY ... trình duyệt Lê Quang Lợi: loilequang@gmail.com Mơn học : Cơng nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 6. 3 Ví dụ thiết kế giao diện Lê Quang Lợi: loilequang@gmail.com Môn học : Cơng nghệ WEB (ASP.NET).. .Bài 06 Thiết kế giao diện WEB » Một số ý xây dựng ứng dụng web » Thiết kế giao diện trang web » Lập trình phía máy khác Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET)... học : Cơng nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 6. 3 Ví dụ thiết kế giao diện Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY