CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc ĐỀ THI TỐT NGHIỆP CAO ĐẲNG THỰC HÀNH FPT CHUYÊN NGÀNH THIẾT KẾ WEB Môn thi: Thực hành Mã đề thi: TKW_TH_40203 Thời gian: 04 (không kể thời gian giao đề thi) MÔ TẢ ĐỀ THI STT Module Module Module Module NỘI DUNG ĐỀ THI Tên Module Cắt dàn trang web từ file thiết kế Photoshop Tạo sở liệu Tạo chức hiển thị thông tin Tạo trang quản trị Điểm Điểm 50 10 10 30 100 HƯỚNG DẪN BÀI LÀM - Trên desktop có thư mục FpolyBook có thư mục con: Font chứa font chữ chuyển đổi sang định dạng khác nhau, PSD chứa file thiết kế photoshop, Tai nguyen chứa hình ảnh để làm slideshow sản phẩm - Tạo thư mục desktop với cấu trúc Họ tên_Số báo danh lưu tất nội dung làm vào thư mục NỘI DUNG BẮT BUỘC (70 ĐIỂM) Giả sử bạn nhân viên thiết kế Website công ty FpolyBook Bạn giao nhiệm vụ dàn trang lập trình phần chức cho Website từ thiết kế photoshop cho trước Các Module mà bạn cần làm để hoàn thành công việc sau: MODULE CẮT VÀ DÀN TRANG WEB TỪ FILE THIẾT KẾ PHOTOSHOP (50 điểm) Yêu cầu: Kích cỡ thành phần website với thiết kế photoshop Dàn trang với cấu trúc, cú pháp thành phần HTML5 Phần TEXT website bao gồm: logo, menu phải bôi đen Tạo hiệu ứng di chuột qua menu điều hướng, icons cờ, icon mạng xã hội (dưới footer) nút Add to cart theo thiết kế photoshop Tạo trạng thái Active cho trang chủ menu điều hướng, tạo đường viền ngăn cách nút menu thiết kế Áp dụng thành phần Form HTML để bắt lỗi (Validate) trường username password phần LOGIN/REGISTER Sử dụng thành phần CSS3 làm hiệu ứng cho thành phần sau website: Tạo hiệu ứng cho icon hình tròn màu cam (5 hình) di chuột qua Tạo slideshow trình diễn tối thiểu banner nút chuyển ảnh thiết kế Mỗi hình ảnh trình diễn khoảng thời gian giây sau chuyển sang ảnh khác Sắp xếp bố cục TEXT phần logo Số điện thoại, logo có hiệu ứng bóng đổ theo theo thiết kế photoshop 2/5 3/5 MODULE TẠO CƠ SỞ DỮ LIỆU (10 điểm) Hãy sử dụng hệ quản trị CSDL MySQL thực yêu cầu sau: Tạo sở liệu PolyBook tạo bảng liệu: - PRODUCTS (Pro_ID, image, name, price, detail) Nhập liệu vào bảng dựa vào giao diện thiết kế MODULE TẠO CHỨC NĂNG HIỂN THỊ THƠNG TIN (10 điểm) Sử dụng ngơn ngữ lập trình PHP sở liệu vừa tạo Module để thực chức Load liệu từ sở liệu lên website cho phần PRODUCTS MODULE TẠO TRANG QUẢN TRỊ (30 điểm) Sử dụng ngơn ngữ lập trình PHP sở liệu vừa tạo Module để thực làm trang quản trị với yêu cầu: Thực thêm, sửa cho bảng liệu PRODUCTS sở liệu TIÊU CHÍ ĐÁNH GIÁ MODULE CÁC TIÊU CHÍ CHẤM I PHẦN BẮT BUỘC MODULE CẮT VÀ DÀN TRANG WEB TỪ FILE THIẾT KẾ PHOTOSHOP Kích cỡ thành phần website với thiết kế photoshop Dàn trang với cấu trúc, cú pháp thành phần HTML5 Phần TEXT website bao gồm: logo, menu phải bôi đen Tạo hiệu ứng di chuột qua menu điều hướng, icons cờ, icon mạng xã hội (dưới footer) nút Add To Cart thiết kế photoshop Tạo trạng thái Active cho menu điều hướng, tạo đường viền ngăn cách nút menu thiết kế Áp dụng thành phần Form HTML để bắt lỗi (Validate) trường username password phần LOGIN/REGISTER Tạo hiệu ứng cho icon hình tròn màu cam (5 hình) di chuột qua Tạo slideshow trình diễn tối thiểu banner nút chuyển ảnh thiết kế Mỗi hình ảnh dừng thời gian giây sau chuyển sang ảnh khác Sắp xếp bố cục TEXT phần logo Số điện thoại (GIVE US A CALL) theo theo thiết kế photoshop, MODULE TẠO CƠ SỞ DỮ LIỆU Tạo nhập liệu bảng PRODUCTS MODULE TẠO CHỨC NĂNG HIỂN THỊ THÔNG TIN Load liệu lên trang web từ sở liệu theo bảng PRODUCTS II PHẦN TỰ CHỌN MODULE TẠO TRANG QUẢN TRỊ Thực chức Thêm bảng PRODUCTS ĐIỂM 70 50 8 5 5 10 10 10 10 30 10 4/5 Thực chức Sửa bảng PRODUCTS Thực chức Xóa bảng PRODUCTS TỔNG SỐ ĐIỂM 10 10 100 -Hết ., ngày tháng năm DUYỆT 5/5 HỘI ĐỒNG THI TỐT NGHIỆP TIỂU BAN RA ĐỀ THI ... trình diễn tối thiểu banner nút chuyển ảnh thiết kế Mỗi hình ảnh dừng th i gian giây sau chuyển sang ảnh khác Sắp xếp bố cục TEXT phần logo Số điện thoại (GIVE US A CALL) theo theo thiết kế photoshop,... NĂNG HIỂN TH TH NG TIN Load liệu lên trang web từ sở liệu theo bảng PRODUCTS II PHẦN TỰ CHỌN MODULE TẠO TRANG QUẢN TRỊ Th c chức Th m bảng PRODUCTS ĐIỂM 70 50 8 5 5 10 10 10 10 30 10 4/5 Th c chức... hội (dưới footer) nút Add to cart theo thiết kế photoshop Tạo trạng th i Active cho trang chủ menu điều hướng, tạo đường viền ngăn cách nút menu thiết kế Áp dụng th nh phần Form HTML để bắt lỗi