WEB302_ HTML5 & CSS3 Lab5
1
Bài thự c hành số 5 – Làm việ c vớ i CSS3
Chú ý chung vớ i toàn bộ các buổ i lab:
-Toàn bộ bài tậ p trong các buổ i lab, bắ t buộ c sinh viên phả i viế t mã bằ ng tay, sử dụ ng
mộ t trong các chư ơ ng trình soạ n thả o mã sau:
oNotepad + +
oE- Text Editor
Mụ c tiêu
Buổ i thự c hành số 6 giúp sinh viên làm việ c đư ợ c vớ i nhữ ng thành phầ n mớ i trong CSS3:
- Border, gradient, transform, animation, …
- Truy vấ n CSS3
- Layout vớ i CSS3
WEB302_ HTML5 & CSS3 Lab5
2
Bài 1
Sinh viên tự thự c hành trư ớ c các bư ớ c trong SGK vớ i thư mụ c:
- HTML5_11lessons
- HTML5_12lessons
Nộ p thư mụ c hoàn thiệ n theo tên:
- HTML5_11lessons_done
- HTML5_12lessons
Bắ t buộ c sinh viên phả i làm và phả i có kế t quả nộ p cho giả ng viên theo dõi. Nế u sinh viên nào
không thự c hiệ n, giả ng viên có quyề n trừ điể m vào các bài tậ p sau
WEB302_ HTML5 & CSS3 Lab5
3
Bài 2
Sử dụ ng layout có trong thư mụ c TaiNguyen\ Lesson02
Thự c hiệ n yêu cầ u sau:
- Dàn layout theo chuẩ n HTML5
- Sử dụ ng kiế n thứ c về border, shadow đã đư ợ c họ c ở CSS3 để áp dụ ng cho border
album ả nh
- Chèn thêm fonts Futura có trong thư mụ c fonts để áp dụ ng cho text
WEB302_ HTML5 & CSS3 Lab5
4
Bài 3
Sử dụ ng layout dành cho mobile trong thư mụ c TaiNguyen\ Lesson03\ index_mobile.psd:
Sử dụ ng chuẩ n HTML5 dàn layout đó cho thiế t bị di độ ng
WEB302_ HTML5 & CSS3 Lab5
5
Sinh viên lư u file kế t quả theo tên: index_mobile.html
Yêu cầ u nộ p bài
Cuố i giờ thự c hành, sinh viên tạ o thư mụ c theo tên < Tên đăng nhậ p SV> _Lab6, chứ a tấ t cả
sả n phẩ m củ a nhữ ng bài lab trên, nén lạ i thành file zip và upload lên mụ c nộ p bài tư ơ ng ứ ng
trên LMS.