 GVHD:  Email:  Website: Dương Khai Phong khaiphong@gmail.com http://khaiphong.tk http://course.uit.edu.vn Bài tập lớp Bài tập nhà (nộp chấm điểm) Bài 01: viết mã lệnh javascript cho trang sau (click vào hình để xem đáp án) : Bài 02: viết mã lệnh javascript cho trang sau : Bài 03: thiết kế viết mã lệnh javascript cho trang sau: Bài 03a: viết thêm mã lệnh javascript cho bai03 đáp ứng yêu cầu sau:  Kiểm tra tên đăng nhập mật không để trống  Nếu người dùng chọn nghề nghiệp khác phải điền thêm thơng tin Bài 04: thiết kế website tĩnh gồm trang sau (hình ảnh lấy thư mục Bai04/images):  Trang index.html:  Thanh menu ngang gồm mục: trang chủ, giới thiệu, sản phẩm, khuyến mãi, liên hệ,…  Thanh menu trái gồm mục sản phẩm: hoa tình u, hoa bó, hoa giỏ, hoa cưới, hoa hộp,… Yêu cầu: click chọn mục sản phẩm danh sách sản phẩm hiển thị phần khung bên phải trang (xem hình)  Hướng dẫn chung: sinh viên tạo tất trang ứng với mục menu, gồm có: • Trang chủ (index.html) • Giới thiệu (gioithieu.html) • Sản phẩm (sanpham.html) • Khuyến (khuyenmai.html) • Liên hệ (lienhe.html) • Hoa tình u (hoatinhyeu.html) • Hoa bó (hoabo.html) • … Bước Thiết kế layout index.html Bước Viết javascript index.html Bước Thiết kế trang sản phẩm Bài 04: (Hướng dẫn) Bảng Thanh menu ngang: trang chủ, giới thiệu, Vùng hiển thị nội dung trang con: hoatinhyeu.html,hoabo.html (xem phần code Bước 2) Vùng hiển thị quyền (nếu có) Thanh menu trái: hoa tình yêu, hoa bó,… Bước Thiết kế layout index.html Bước Viết javascript index.html Bước Thiết kế trang sản phẩm Bài 04: (Hướng dẫn) Hàm tính độ dài trang Hàm thay đổi nội dung đối tượng iframe Cập nhật lại độ dài khung chứa nội dung trang trang nạp vào Viết kiện onclick lên liên kết  Chèn hàm javascript vào trang index.html dòng sau: Bước Thiết kế layout index.html Bước Viết javascript index.html Bước Thiết kế trang sản phẩm Bài 04: (Hướng dẫn) Bước Thiết kế layout index.html Bước Viết javascript index.html Bước Thiết kế trang sản phẩm  Hình thức nộp qua email: khaiphong.ltphp@gmail.com  Tiêu đề email (subject): BTTH_Buoi02_MaSV2_MaSV2  Nội dung email ghi rõ: họ tên nhóm sinh viên lớp  Nén tập tin tập thành *.rar đặt tên BTTH_Buoi02_MaSV1_MaSV2.rar  Thời hạn nộp bài: trước ngày 11/10/2012  Sinh viên hoàn tất thiết kế tập sau: Bài 01: sử dụng javascript cho phép người dùng tương tác với máy tính hình sau thực chức máy tinh bàn phím chuột Bài 02: sử dụng javascript cho phép người dùng tương tác với trang đăng nhập (Sign up) trang www.facebook.com sau (hình 1):  Các textbox (First name, Last name, Your email, Re-enter Email, New password) không phép để rỗng người dùng nhấn nút Sign up để đăng ký  Các giá trị ngày / tháng / năm phần Birthday phải trình bày kiểm tra trang facebook (ví dụ: chọn năm 2008, tháng 02 combobox Day có 29 ngày )  Khi nhấn Sign up chuyển sang trang checksignup.php hiển thị thơng tin hình HÌNH HÌNH Bài 03: sử dụng kết hợp html + div + css + javascript xây dựng lại website trắc nghiệm kiến thức CSS (nội dung trắc nghiệm tiếng Việt) trang http://www.boogiejack.com/CSSquiz.html  Lưu ý:  Cần phải có phần chấm điểm  Cần phải mã hoá phần đáp án người dùng viewsource