THỰC HÀNH

HTML - JAVASCRIPT
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 Bước 2 Bước 3

Thiết kế layout index.html Viết javascript index.html Thiết kế các trang sản phẩm
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):

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 Bước 2 Bước 3

Thiết kế layout index.html Viết javascript index.html Thiết kế các trang sản phẩm
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):
Hàm tính độ dài của trang

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

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

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

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

Bước 1 Bước 2 Bước 3

Thiết kế layout index.html Viết javascript index.html Thiết kế các trang sản phẩm
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):

Bước 1 Bước 2 Bước 3

Thiết kế layout index.html Viết javascript index.html Thiết kế các trang sản phẩm