Y BAN NHÂN DÂN TỈNH BÌNH DƯƠNG
TRƯỜNG ĐẠI HỌC TH DẦU MỘT
TÀI LIỆU HƯỚNG DẪN THỰC HÀNH
THIẾT KẾ VÀ LẬP TRÌNH WEB
NGUYỄN HỮU VĨNH
VÕ QUỐC LƯƠNG
NĂM 2017
Y BAN NHÂN DÂN TỈNH BÌNH DƯƠNG
TRƯỜNG ĐẠI HỌC TH DẦU MỘT
TÀI LIỆU HƯỚNG DẪN THỰC HÀNH
THIẾT KẾ VÀ LẬP TRÌNH WEB
NGUYỄN HỮU VĨNH
VÕ QUỐC LƯƠNG
NĂM 2017
MỤC LỤC
GIỚI THIỆU .............................................................................................................. 5
CHƯƠNG 1. NGÔN NGỮ HTML .......................................................................... 6
1.1. Mục tiêu ........................................................................................................... 6
1.2. Yêu cầu chung .................................................................................................. 6
1.3. Bài tập thực hành ............................................................................................. 6
Bài tập 1. Thiết kế trang Gioithieu.html ............................................................. 6
Bài tập 2. Thiết kế trang Left.html ...................................................................... 9
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 ............................................................. 14
Bài tập 7. Thiết kế trang Right.html ................................................................. 16
Bài tập 8. Thiết kế trang Header.html .............................................................. 18
Bài tập 9. Thiết kế trang Nav.html.................................................................... 19
Bài tập 10. Thiết kế trang Trangchu.html ........................................................ 19
1.4. Bài tập áp dụng .............................................................................................. 23
CHƯƠNG 2. NGÔN NGỮ 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 .................................................................. 25
Bài tập 2. Định dạng phần Nav ........................................................................ 26
Bài tập 3. Định dạng phần Body ...................................................................... 29
Bài tập 4. Định dạng phần Footer .................................................................... 37
Bài tập 5. Định dạng trang Dangky.html ......................................................... 38
2.3. Bài tập áp dụng .............................................................................................. 39
CHƯƠNG 3. NGÔN NGỮ JAVASCRIPT ........................................................... 40
3.1. Mục tiêu ......................................................................................................... 40
3.2. Bài tập thực hành ........................................................................................... 40
Bài tập 1. Tạo trang Hello.html ........................................................................ 40
Bài tập 2. Tạo trang Time.html......................................................................... 41
Bài tập 3. Kiểm tra thông tin trên trang Dangky.html ..................................... 42
Bài tập 4. Tạo calendar .................................................................................... 45
Bài tập 5. Tạo Slider chuyển hình .................................................................... 50
3.3. Bài tập áp dụng .............................................................................................. 52
CHƯƠNG 4. NGÔN NGỮ ASP.NET........................ Error! Bookmark not defined.
4.1. Mục tiêu ......................................................... Error! Bookmark not defined.
4.2. Tài nguyên sử dụng ........................................ Error! Bookmark not defined.
4.3. Bài tập thực hành ........................................... Error! Bookmark not defined.
Bài tập 1. Tạo Website và xây dựng lớp xử lý dữ liệu ...... Error! Bookmark not
defined.
Bài tập 2. Tạo các User Control và MasterPageError! Bookmark not defined.
Bài tập 3. Xây dựng các trang hiển thị thông tin sách ..... Error! Bookmark not
defined.
Bài tập 4. Xây dựng các trang Đăng nhập, Đổi mật khẩu, Đăng ký ......... Error!
Bookmark not defined.
Bài tập 5. Xây dựng các trang xử lý giao dịch mua hàng Error! Bookmark not
defined.
Bài tập 6. Xây dựng các trang quản trị .............. Error! Bookmark not defined.
4.4. Bài tập áp dụng .............................................. Error! Bookmark not defined.
TÀI LIỆU THAM KHẢO ............................................... Error! Bookmark not defined.
GIỚI THIỆU
Chúng tôi biên soạn 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ả.
Tài liệu được phân bố làm 4 chương:
Chương 1 - Ngôn ngữ HTML (HyperText Markup Language): Trình bày các dạng
bài tập để sinh viên hình thành kỹ năng thiết kết trang Web với các thẻ HTML. Các bài tập
đi theo cấu trúc của một Website để sinh viên có cái nhìn tổng quan về quá trình thiết kế
một Website.
Chương 2 - Ngôn ngữ CSS (Cascading Style Sheets): Áp dụng ngôn ngữ CSS vào
việc định dạng các bài tập ở Chương 1. Giúp sinh viên sử dụng được ngôn ngữ CSS để
định dạng trang Web.
Chương 3 - Ngôn ngữ JAVASCRIPT: Trình bày một số bài tập có sử dụng ngôn
ngữ Javascript để điều khiển một số hành vi của trang.
Chương 4 - Ngôn ngữ ASP.NET: Hệ thống các bài tập tổng hợp các trang trong quá
trình thiết kế trên HTML được chuyển qua ASP.NET và phát triển thêm một số trang để
hoàn thiện một website cơ bản. Mỗi phần bài tập đi theo trình tự từ thiết kế trang tổng thể
tới trang chi tiết. Giúp sinh viên nắm được quy trình thiết kế và lập trình một Website trên
ngôn ngữ ASP.NET.
Trong phạm vi hạn hẹp của tài liệu này không thể đề cập được tất cả vấn đề trong lĩnh
vực Thiết kế và Lập trình Web đòi hỏi. Nhóm tác giả rất mong muốn nhận được sự góp ý
của độc giả để tài liệu được hoàn thiện tốt hơn.
Mùa thu 2017
Nhóm tác giả