Đăng ký Đăng nhập

Tài liệu Bai 4 - hdsd form

.PDF
5
451
127

Mô tả:

BÀI 4 HƯỚNG DẪN TẠO FORM TRONG Dreamweaver Mục lục I. Yêu cầu: ............................................................................................................................... 2 II. Hướng dẫn: ......................................................................................................................... 3 1. Bước 1: Tạo nền cho form ............................................................................................ 3 2. Bước 2 : Thiết kế table ................................................................................................. 3 3. Bước 3: Tạo các controls và text theo mẫu đã yêu cầu. ............................................... 4 4. Bước 4: Kiểm tra kết quả thực hiện. ............................................................................. 4 III. Bài tập thực hành: .............................................................................................................. 5 1. Bài tập 1: ....................................................................................................................... 5 2. Bài tập 2: ....................................................................................................................... 5 1 GVLT: Lương Vĩ Minh – [email protected] – Trần Thị Bích Hạnh – [email protected] I. Yêu cầu: Thiết kế form có nội dung sau: 2 GVLT: Lương Vĩ Minh – [email protected] – Trần Thị Bích Hạnh – [email protected] II. Hướng dẫn: 1. Bước 1: Tạo nền cho form Từ menu Insert  Form  chọn Form. Mã lệnh HTML tương ứng cho việc tạo một Form:
2. Từ menu Table Insert Bước 2 : Thiết kế table  * Table phải nằm trong Form 3 GVLT: Lương Vĩ Minh – [email protected] – Trần Thị Bích Hạnh – [email protected] 3. Bước 3: Tạo các controls và text theo mẫu đã yêu cầu. TEXT BOX Control STT 1 2 3 TextField textTenDN textMatkhau textMatkhaugolai Char width 20 15 15 Type Single line Multi line Password HTML Code BUTTON Control STT 1 2 Button name btDangky btXoa Value Action HTML Code Đăng ký Submit Xóa Reset Kết quả : 4. - Bước 4: Kiểm tra kết quả thực hiện. Lưu trang web lại. Nhấn F12 để xem trang web bằng trình duyệt web IE. 4 GVLT: Lương Vĩ Minh – [email protected] – Trần Thị Bích Hạnh – [email protected] Bài tập thực hành: III. 1. - Tìm hiểu thêm các control khác (listbox, combo box, radio Button, checkbox, …) và thuộc tính của nó. 2. - Bài tập 1: Bài tập 2: Bổ sung trang web trên với các nội dung sau: 5 GVLT: Lương Vĩ Minh – [email protected] – Trần Thị Bích Hạnh – [email protected]
- Xem thêm -

Tài liệu liên quan