Tài liệu hướng dẫn thực hành Thiết kế và lập trình web: Phần 1 - Trường ĐH Thủ Dầu Một

Tài liệu hướng dẫn thực hành học phần Thiết kế và Lập trình Web với mục đích: Cung cấp nguồn tài liệu hỗ trợ giảng viên trong việc giảng dạy học phần; Hỗ trợ sinh viên học tập học phần một cách hiệu quả. Mời các bạn cùng tham khảo nội dung phần 1 tài liệu dưới đây.
Nội dung trích xuất từ tài liệu:
Tài liệu hướng dẫn thực hành Thiết kế và lập trình web: Phần 1 - Trường ĐH Thủ Dầu Một Ủ NN N N TỈN N N TR ỜN ĐẠI ỌC T Ủ ẦU MỘT TÀI LIỆU ỚN ẪN T ỰC ÀN T IẾT KẾ VÀ LẬP TR N WE N U ỄN ỮU VĨN VÕ QUỐC L N NĂM 2017 Ủ NN N N TỈN N N TR ỜN ĐẠI ỌC T Ủ ẦU MỘT TÀI LIỆU ỚN ẪN T ỰC ÀN T IẾT KẾ VÀ LẬP TR N WE N U ỄN ỮU VĨN VÕ QUỐC L N NĂM 2017 1 MỤC LỤC IỚI T IỆU .............................................................................................................. 4 C N 1. N ÔN N Ữ TML .......................................................................... 5 1.1. Mục tiêu ........................................................................................................... 5 1.2. Yêu cầu chung.................................................................................................. 5 1.3. Bài tập thực hành ............................................................................................. 5 Bài tập 1. Thiết kế trang Gioithieu.html ............................................................. 7 Bài tập 2. Thiết kế trang Left.html .................................................................... 10 Bài tập 3. Thiết kế trang Sanpham.html ........................................................... 11 Bài tập 4. Thiết kế trang Chitietsanpham.html................................................. 12 Bài tập 5. Thiết kế trang Dangnhap.html ......................................................... 13 Bài tập 6. Thiết kế trang Dangky.html ............................................................. 15 Bài tập 7. Thiết kế trang Right.html ................................................................. 17 Bài tập 8. Thiết kế trang Header.html .............................................................. 19 Bài tập 9. Thiết kế trang Nav.html ................................................................... 20 Bài tập 10. Thiết kế trang Trangchu.html ........................................................ 20 1.4. Bài tập áp dụng .............................................................................................. 24 C N 2. N ÔN N Ữ CSS ............................................................................. 25 2.1. Mục tiêu ......................................................................................................... 25 2.2. Bài tập thực hành ........................................................................................... 25 Bài tập 1. Định dạng phần Header .................................................................. 26 Bài tập 2. Định dạng phần Nav ........................................................................ 27 Bài tập 3. Định dạng phần Body ...................................................................... 30 Bài tập 4. Định dạng phần Footer .................................................................... 37 Bài tập 5. Định dạng trang Dangky.html ......................................................... 37 2.3. Bài tập áp dụng .............................................................................................. 38 C N 3. N ÔN N Ữ J V SCRIPT ........................................................... 39 3.1. Mục tiêu ......................................................................................................... 39 3.2. Bài tập thực hành ........................................................................................... 39 Bài tập 1. Tạo trang Hello.html ........................................................................ 39 Bài tập 2. Tạo trang Time.html ........................................................................ 40 Bài tập 3. Kiểm tra thông tin trên trang Dangky.html ..................................... 41 Bài tập 4. Tạo calendar .................................................................................... 44 Bài tập 5. Tạo Slider chuyển hình .................................................................... 48 3.3. Bài tập áp dụng .............................................................................................. 50 2 C N 4. N ÔN N Ữ SP.NET ................................................................... 51 4.1. Mục tiêu ......................................................................................................... 51 4.2. Tài nguyên sử dụng ........................................................................................ 51 4.3. Bài tập thực hành ........................................................................................... 55 Bài tập 1. Tạo Website và xây dựng lớp xử lý dữ liệu ...................................... 55 Bài tập 2. Tạo các User Control và MasterPage ............................................. 58 Bài tập 3. Xây dựng các trang hiển thị thông tin sách ..................................... 65 Bài tập 4. Xây dựng các trang Đăng nhập, Đổi mật khẩu, Đăng ký ................ 69 Bài tập 5. Xây dựng các trang xử lý giao dịch mua hàng ................................ 77 Bài tập 6. Xây dựng các trang quản trị ............................................................ 89 4.4. Bài tập áp dụng ......................................................................................... ...