thuanld@actvn.edu.

vn
PHÁT TRIỂN ỨNG DỤNG WEB
BÀI TẬP THỰC HÀNH HTML + CSS+JS
Bài 1: Thực hành
Kết hợp các bài thực hành trước về HTML, CSS, JavaScript tạo thành một website
tổng hợp với yêu cầu:
1. Bố cục: chia thành các phần như thực hành HTML + CSS (header, nav, content
(aside_left, section), footer)
2. Menu (ngang) ở nav: cấp 1: home, user (cấp 2: login, register), web (cấp 2:
HTML, CSS, Javascript (cấp 3: Bài thực hành cơ bản, bài thực hành trung
bình, bài thực hành nâng cao, … (vd thêm các bài tập trong chuong3lab1.doc)),
contact
3. Aside_left: Để các ảnh quảng cáo là link liên kết (cứ mỗi ảnh liên kết tới 1
trang HTML có nội dung do sinh viên tự đưa vào)
4. Section: Chứa nội dung các trang HTML mà người dùng click vào link ảnh ở
aside_left hoặc các cấp ở nav.
5. Với mỗi nội dung khi click vào menu trên nav đều đưa ra các trang HTML
chính là các bài tập đã làm (như thực hành cơ bản, thực hành nâng cao, …)
6. Có thêm phần slide bar để tự động chuyển các ảnh bên trong (để 5-10 ảnh thay
nhau)
7. Kết hợp CSS để trang web hài hoà.
Note1: Có thể áp dụng luôn vào website đang phát triển (như các nhóm làm bài tập
lớn) mà không cần phải làm theo các yêu cầu phía trên.
Note2: Có thể xem giao diện 1 website như sau (Chuong4-5-Lab25-6-7-
8_WebsiteTongHop.docx):
Trang home:
thuanld@actvn.edu.vn
- Trang gioithieu

Trang Tuyển dụng

thuanld@actvn.edu.vn

Trang chi tiết sản phẩm

Nguồn tham khảo: slide + code hướng dẫn + video trên teams.
https://actvneduvn-my.sharepoint.com/:f:/g/personal/thuanld_actvn_edu_vn/Ej-
MGUMt5hhCksAkxsTv1-wBE4ekzLyMZUjucNE359uktg?e=ATDWNm