Bài 1. hệ thạp phân nhị phân

Bài giảng: THIẾT KẾ WEB
Trình độ: Trung cấp nghề
Lớp: LRCĐSC máy tính
Khóa: 6
GV: Nguyễn Hữu Trung
Trường TC nghề số 9
Khoa dạy nghề
BÀI GIẢNG: THIẾT KẾ WEB
Kiểm tra bài củ
Câu 1: cho kết quả khi duyệt web với đoạn code KTbaicau1
Câu 2: Hãy viết code để chạy chương trình cho kết quả như sau:
BÀI 1: CÁC THÀNH PHẦN CƠ BẢN CỦA HTML (TT)
Cấu trúc trang web
Các thẻ HTML cơ bản
Màu, hình ảnh, đối tượng
Bảng (Table)
5. Form
BÀI 1: CÁC THÀNH PHẦN CƠ BẢN CỦA HTML (TT)
I. Mục tiêu:
- Sau khi học xong bài này người học có khả năng:

- Trình bày được cấu trúc của Form và các thành phần của Form.

- Thiết kế được một số Form cơ bản.

- Rèn luyện đức tính cẩn thận, tính thẩm mỹ logic trong thiết kế.

- Đảm bảo an toàn, vệ sinh trong quá trình thực hành.
Form
5. Form
< Form name = “tenform” action =“URL” accept=“text/html” method= “post”>

Các phần tử của Form


BÀI 1: CÁC THÀNH PHẦN CƠ BẢN CỦA HTML (TT)
Trong đó:
Tenform: do người lập trình đặt
Action= “URL”: xác định nơi gửi dữ liệu khi người dùng ra lệnh gửi.
Accept=“html/…” xác định loại tập tin có thể được gửi đi.
Method=“post/get”: xác định cách gởi thông tin lên máy chủ.
II. Nội dung:
5.1 cấu trúc Form
BÀI 1: CÁC THÀNH PHẦN CƠ BẢN CỦA HTML (TT)
5. Form
5.2 Các phần tử của form:
Phần tử:Text


BÀI 1: CÁC THÀNH PHẦN CƠ BẢN CỦA HTML (TT)
5. Form
5.2 Các phần tử của form:
Phần tử: Password


BÀI 1: CÁC THÀNH PHẦN CƠ BẢN CỦA HTML (TT)
5. Form
5.2 Các phần tử của form:
Phần tử: radio button



+ Name: phải giống nhau
+ value: khác nhau
+ checked: được chọn
BÀI 1: CÁC THÀNH PHẦN CƠ BẢN CỦA HTML (TT)
5. Form
5.2 Các phần tử của form:
Phần tử: Combobox


giá trị hiển thị
giá trị hiển thị
……

+ Name: do người lập trình đặt
+ ten1, ten2: khác nhau
BÀI 1: CÁC THÀNH PHẦN CƠ BẢN CỦA HTML (TT)
5. Form
5.2 Các phần tử của form:
Phần tử: Checkbok



+ Name: khác nhau
+ value: khác hoặc giống nhau
+ checked: được chọn
BÀI 1: CÁC THÀNH PHẦN CƠ BẢN CỦA HTML (TT)
5. Form
5.2 Các phần tử của form:
Phần tử: textarea

<br>
+ cols: số dòng
+ rows: số cột
BÀI 1: CÁC THÀNH PHẦN CƠ BẢN CỦA HTML (TT)
5. Form
5.2 Các phần tử của form:
Phần tử: File field



n: chiều rộng của file field
BÀI 1: CÁC THÀNH PHẦN CƠ BẢN CỦA HTML (TT)
5. Form
5.2 Các phần tử của form:
Phần tử: Submit button



Ten: tên quản lý lập trình
Ten1: tên hiển thị của button
BÀI 1: CÁC THÀNH PHẦN CƠ BẢN CỦA HTML (TT)
5. Form
5.2 Các phần tử của form:
Phần tử: Reset button



Ten: tên quản lý lập trình
Ten1: tên hiển thị của button
BÀI 1: CÁC THÀNH PHẦN CƠ BẢN CỦA HTML (TT)
Sử dụng kiến thức cũ và kiến thức
vừa học hoàn chỉnh form
Củng cố
BÀI 1: CÁC THÀNH PHẦN CƠ BẢN CỦA HTML (TT)
5. Form:
5.1 Cấu trúc Form
5.2 Các phần tử của Form
Phẩn tử Text
Phần tử Password
Phần tử Radio
Phần tử Combobox
Phần tử Checkbox
Phần tử Textarea
Phần tử file field
Phần tử Submit, reset button