Bài tập thực hành môn lập trình PHP

Bài 01: viết mã lệnh javascript cho trang sau click vào hình để xem đáp án :... Bài 03: thiết kế và viết mã lệnh javascript cho trang sau:Bài 03a: viết thêm mã lệnh javascript cho bai03

 GVHD: Dương Khai Phong

 Email: khaiphong@gmail.com

 Website: http://khaiphong.tk

http://course.uit.edu.vn

1 Bài tập tại lớp

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ế và viết mã lệnh javascript cho trang sau:

Bài 03a: viết thêm mã lệnh javascript cho bai03 đáp ứng các yêu cầu sau:

 Kiểm tra tên đăng nhập và mật khẩu không được để trống

 Nếu người dùng chọn nghề nghiệp khác thì phải điền thêm thông tin đó

Bài 04: thiết kế website tĩnh gồm các trang con sau (hình ảnh lấy trong thư mục

Bai04/images):

 Trang index.html:

 Thanh menu ngang gồm các 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 các mục sản phẩm: hoa tình yêu, hoa bó, hoa giỏ, hoa cưới, hoa

hộp,…

Yêu cầu: khi click chọn các mục sản phẩm thì danh sách các sản phẩm hiển thị trong phần

khung bên phải của trang (xem hình)

 Hướng dẫn chung: sinh viên tạo lần lượt

tất cả các trang ứng với các mục trong menu, gồm có:

• Trang chủ (index.html)

• Giới thiệu (gioithieu.html)

• Sản phẩm (sanpham.html)

• Khuyến mãi (khuyenmai.html)

• Liên hệ (lienhe.html)

• Hoa tình yêu (hoatinhyeu.html)

• Hoa bó (hoabo.html)

• …

Bước 1

Thiết kế layout index.html

Bước 2

Viết javascript index.html

Bước 3

Thiết kế các 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 các trang con: hoatinhyeu.html,hoabo.html (xem phần code Bước 2)

Vùng hiển thị bản quyền (nếu có)

Thanh menu trái: hoa tình yêu, hoa bó,…

Bước 1

Thiết kế layout index.html

Bước 2

Viết javascript index.html

Bước 3

Thiết kế các trang sản phẩm

Bước 1

Thiết kế layout index.html

Bước 2

Viết javascript index.html

Bước 3

Thiết kế các trang sản phẩm

Hàm tính độ dài của trang

Hàm thay đổi nội dung của đối tượng iframe

 Chèn các hàm javascript vào trang index.html tại các dòng sau:

Viết sự kiện onclick lên liên kết

Cập nhật lại độ dài của khung chứa nội dung của trang khi trang mới được nạp vào

Bài 04: (Hướng dẫn)

Bước 1

Thiết kế layout index.html

Bước 2

Viết javascript index.html

Bước 3

Thiết kế các trang sản phẩm

Bài 04: (Hướng dẫn)

 Hình thức nộp bài 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 và lớp

 Nén các tập tin bài tập thành *.rar và đặ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ế các bài 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 như hình sau thực hiện các chức năng máy tinh bằng bàn phím hoặc 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) của trang www.facebook.com như sau (hình 1):

 Các textbox (First name, Last name, Your email, Re-enter Email, New password) không được phép để rỗng khi người dùng nhấn nút Sign up để đăng ký

 Các giá trị ngày / tháng / năm trong phần Birthday phải trình bày và kiểm tra như trong trang facebook (ví dụ: chọn năm 2008, tháng 02 thì combobox Day sẽ có 29 ngày )

 Khi nhấn Sign up thì chuyển sang trang checksignup.php và hiển thị thông tin như hình 2

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 bằng tiếng Việt) như 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 nếu người dùng viewsource