ĐỀ 1 – Lập trình Web

 

1 

ĐỀ 1 – Lập trình Web 

 

- Thời gian làm bài : 90 phút. 

 

 

- Sinh viên lưu bài ổ đĩa Z:\. 

 

 

Thiết kế trang web có dạng như mẫu:  

 

 

 

 

 

 

 

 

 

2 

Câu 1: HTML và CSS 

1.  Yêu cầu layout các khối chính như sau: 

 

 

2.  Yêu cầu nội dung: 



 

Phần trên: chèn ảnh banner.jpg. 



 

Phần phải:  

o  Chèn ngày hiện hành (yêu cầu của Câu 2). 

o  Chèn form tìm kiếm như mẫu. Các chuyên mục gồm: Tất cả, Phần cứng, Phần 

mềm, Mạng, Bảo mật. 

 



 

Phần dưới: chèn nội dung như mẫu. 

3.  Yêu cầu định dạng: 



 

Định dạng chung: 

o 

Body trang web: nền silver, padding 5px, font Verdana 10pt. 

o 

Liên kết: chữ màu darkblue, không gạch chân. Khi lướt chuột lên liên kết có 

gạch chân. 



 

Khung trang: độ rộng 800px, nền trắng, lề auto. 



 

Phần trên: độ cao 100px. 



 

Phần menu:  

o  Menu  liên  kết  (lớp  menu):  chữ  đậm  màu  trắng  canh  giữa,  nền  darkblue,  độ 

rộng  88px,  hiển  thị  kiểu  khối  (block),  float  về  trái,  padding  5px,  viền  mảnh 

liền màu trắng. Khi lướt chuột lên đổi màu chữ, nền, viền tùy ý. 



 

Phần trái: độ rộng 499px, viền phải nét liền mảnh màu silver. 

o 

Khung bản tin (lớp khungbantin): padding 5px, viền trên nét gạch mảnh màu 

silver. 

 

3 

o 

Hình ảnh (lớp hinhanh): độ rộng 100px, float về trái, lề 20px. 

o 

Tiêu đề (lớp tieude): chữ đậm, hiển thị kiểu khối. 

o 

Nội dung (lớp noidung): chữ canh đều. 



 

Phần phải: float trái, độ rộng 300px. 

o 

Khung  chuyên  mục  (lớp  khungchuyenmuc):  lề  5px,  padding  5px,  ảnh  nền 

bg.jpg chỉ lặp chiều ngang, viền mảnh nét liền màu silver. 

o 

Tên chuyên mục (lớp tenchuyenmuc): chữ màu đỏ in đậm. 



 

Phần dưới: chữ canh giữa màu lightgray, padding 10px, nền darkblue. 

 

Câu 2: Javascript 

1.  Hiển thị thứ và ngày tháng năm hiện hành. Vị trí hiển thị: phía trên cùng của phần phải. 

 

2.  Khi nhấn nút Tìm thì 

Thông báo lỗi nếu 

-  Textbox từ khóa bị bỏ trống 

-  Textbox từ khóa phải là chuỗi và ít nhất là 2 ký tự. 

Nếu không có lỗi sẽ thông báo nội dung cần tìm kiếm 

- 

Nội dung tìm kiếm = từ khóa + tên chuyên mục. Ví dụ khi người dùng nhập laptop 

và chuyên mục phần cứng thì in nội dung thông báo là “laptop + phần cứng” 

- 

Thay đổi thẻ div có id là “phanphai” có màu nền từ không màu thành màu đỏ.