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_00210 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 đăng nhập hệ thống 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 FpolyBags 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 FpolyBags 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 Tất phần TEXT website bao gồm: logo, menu, tiêu đề, nội dung phải bôi đen Tạo hiệu ứng di chuột qua menu điều hướng, icons cờ, icon thẻ toán (Visa, master, Papal ) nút Add to cart theo 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ế Photoshop Á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 hình ảnh phần NEW PRODUCTS SPECIAL PRODUCTS 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 theo theo thiết kế photoshop 10 Áp dụng kỹ thuật nhúng font chữ (Web font linking) với font chữ cung cấp sẵn thư mục Font cho phần TEXT phần logo 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: Hãy sử dụng hệ quản trị CSDL MySQL thực yêu cầu sau: Tạo sở liệu Fpolyshop tạo bảng liệu: - ACCOUNT (Acc_ID, User, Pass, Email, Mobile) Trong Acc_ID số nguyên tự tăng, User varchar(20) Pass varchar(50) 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 ĐĂNG NHẬP HỆ THỐNG (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 đăng nhập vào webstie 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: Tạo bảng CATEGORY(Cate_ID, Cate_name) Thực thêm, sửa, xóa cho bảng liệu CATEGORY 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 Tất phần TEXT website bao gồm: logo, menu, tiêu đề, nội dung phải bôi đen Tạo hiệu ứng di chuột qua menu điều hướng, icons cờ, icon thẻ toán (Visa, master, Papal ) nút Add to cart theo 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 hình ảnh phần NEW PRODUCTS SPECIAL PRODUCTS 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 theo theo thiết kế photoshop Áp dụng kỹ thuật nhúng font chữ (Web font linking) với font chữ cung cấp 10 sẵn thư mục Font cho phần TEXT phần logo MODULE TẠO CƠ SỞ DỮ LIỆU Tạo nhập liệu bảng CATEGORY ĐIỂM 50 8 5 5 5 10 10 4/5 MODULE TẠO CHỨC NĂNG ĐĂNG NHẬP HỆ THỐNG Đăng nhập vào website II PHẦN TỰ CHỌN MODULE TẠO TRANG QUẢN TRỊ Thực chức Thêm bảng CATEGORY Thực chức Sửa bảng CATEGORY Thực chức Xóa bảng CATEGORY TỔNG SỐ ĐIỂM 10 10 30 30 10 10 10 100 -Hết ., ngày tháng năm DUYỆT Nguyễn Kim Ánh 5/5 HỘI ĐỒNG THI TỐT NGHIỆP Nguyễn Nghiệm TIỂU BAN RA ĐỀ THI Nguyễn Nghiệm ... 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 theo theo thiết kế photoshop Áp dụng kỹ thuật nhúng... 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 theo theo thiết kế photoshop 10 Áp dụng kỹ thuật nhúng font chữ (Web font linking) với font chữ cung cấp sẵn th mục... icons cờ, icon th toán (Visa, master, Papal ) nút Add to cart theo 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