HTML5 & CSS3

ĐỀ SỐ 2
 Thời gian làm bài 60 phút
 Bài 1 và 2: xét đậu hoặc rớt môn
 Bài 3 và 4: xét trừ điểm assignment

Bài 1: Thiết kế layout

Sử dụng HTML5 và CSS3 để xây dựng layout đáp ứng được nhiều độ rộng màn hình khác nhau có hình
như sau

header

menu
left main right
Chỉ còn lại menu, main, right và footer (left và
header sẽ bị ẩn đi)

footer
Màn hình rộng từ 1024 trở lên Màn hình rộng dưới 1024

Bài 2: Trưng bày sản phẩm

Sử dụng kỹ thuật bo góc và làm bóng để thiết kế trang web như hình sau (lấy hình bất kỳ).

FPT Polytechnic HCM Trang 1

 HTML5 & CSS3
Bài 3: Hiệu ứng với CSS3
Bổ sung hiệu ứng transform + transition để khi di chuyển chuột vào khối sản phẩm ở bài 2 thì

1. Khối sẽ phóng 1,5 lần

Bài 4: Vẽ lên canvas theo yêu cầu sau

Nguyen Van Teo

1. Vẽ hình tron không tô màu

2. Vẽ chữ của bạn lên canvas với màu xanh

FPT Polytechnic HCM Trang 2