Giáo án và PPT Khoa học máy tính 12 cánh diều bài 7: Thực hành tạo biểu mẫu

Đồng bộ giáo án word và powerpoint (ppt) bài 7: Thực hành tạo biểu mẫu. Thuộc chương trình Tin học 12 Khoa học máy tính Cánh diều. Giáo án được biên soạn chỉnh chu, hấp dẫn. Nhằm tạo sự lôi cuốn và hứng thú học tập cho học sinh.

Click vào ảnh dưới đây để xem giáo án WORD rõ nét

Giáo án và PPT Khoa học máy tính 12 cánh diều bài 7: Thực hành tạo biểu mẫu
Giáo án và PPT Khoa học máy tính 12 cánh diều bài 7: Thực hành tạo biểu mẫu
Giáo án và PPT Khoa học máy tính 12 cánh diều bài 7: Thực hành tạo biểu mẫu
Giáo án và PPT Khoa học máy tính 12 cánh diều bài 7: Thực hành tạo biểu mẫu
Giáo án và PPT Khoa học máy tính 12 cánh diều bài 7: Thực hành tạo biểu mẫu
Giáo án và PPT Khoa học máy tính 12 cánh diều bài 7: Thực hành tạo biểu mẫu
Giáo án và PPT Khoa học máy tính 12 cánh diều bài 7: Thực hành tạo biểu mẫu
Giáo án và PPT Khoa học máy tính 12 cánh diều bài 7: Thực hành tạo biểu mẫu
Giáo án và PPT Khoa học máy tính 12 cánh diều bài 7: Thực hành tạo biểu mẫu
Giáo án và PPT Khoa học máy tính 12 cánh diều bài 7: Thực hành tạo biểu mẫu
Giáo án và PPT Khoa học máy tính 12 cánh diều bài 7: Thực hành tạo biểu mẫu
Giáo án và PPT Khoa học máy tính 12 cánh diều bài 7: Thực hành tạo biểu mẫu
....

Giáo án ppt đồng bộ với word

Giáo án điện tử Khoa học máy tính 12 cánh diều Bài 7: Thực hành tạo biểu mẫu
Giáo án điện tử Khoa học máy tính 12 cánh diều Bài 7: Thực hành tạo biểu mẫu
Giáo án điện tử Khoa học máy tính 12 cánh diều Bài 7: Thực hành tạo biểu mẫu
Giáo án điện tử Khoa học máy tính 12 cánh diều Bài 7: Thực hành tạo biểu mẫu
Giáo án điện tử Khoa học máy tính 12 cánh diều Bài 7: Thực hành tạo biểu mẫu
Giáo án điện tử Khoa học máy tính 12 cánh diều Bài 7: Thực hành tạo biểu mẫu
Giáo án điện tử Khoa học máy tính 12 cánh diều Bài 7: Thực hành tạo biểu mẫu
Giáo án điện tử Khoa học máy tính 12 cánh diều Bài 7: Thực hành tạo biểu mẫu
Giáo án điện tử Khoa học máy tính 12 cánh diều Bài 7: Thực hành tạo biểu mẫu
Giáo án điện tử Khoa học máy tính 12 cánh diều Bài 7: Thực hành tạo biểu mẫu
Giáo án điện tử Khoa học máy tính 12 cánh diều Bài 7: Thực hành tạo biểu mẫu
Giáo án điện tử Khoa học máy tính 12 cánh diều Bài 7: Thực hành tạo biểu mẫu

Còn nữa....

Các tài liệu bổ trợ khác

Xem toàn bộ: Trọn bộ giáo án và PPT Khoa học máy tính 12 cánh diều

BÀI 7: THỰC HÀNH TẠO BIỂU MẪU

A. KHỞI ĐỘNG

HS ôn tập lại một số điều khiển hỗ trợ nhập dữ liệu thông dụng.

B. HOẠT ĐỘNG HÌNH THÀNH KIẾN THỨC

Hoạt động 1: Tạo biểu mẫu có ô text nhập dữ liệu

Soạn văn bản HTML để tạo biểu mẫu như ở Hình 1 khi hiển thị trên trình duyệt web.

BÀI 7: THỰC HÀNH TẠO BIỂU MẪUA. KHỞI ĐỘNGHS ôn tập lại một số điều khiển hỗ trợ nhập dữ liệu thông dụng.B. HOẠT ĐỘNG HÌNH THÀNH KIẾN THỨCHoạt động 1: Tạo biểu mẫu có ô text nhập dữ liệuSoạn văn bản HTML để tạo biểu mẫu như ở Hình 1 khi hiển thị trên trình duyệt web.Hình 1. Một biểu mẫu có ô text nhập dữ liệu Dự kiến sản phẩm:- Bước 1: HS tạo tệp “Bai7-NV1.html”.- Bước 2: HS thực hiện tạo cấu trúc và khai báo phần tử head.- Bước 3: HS thực hiện tạo biểu mẫu.- Bước 4: HS ghi lưu, mở tệp bằng trình duyệt web và xem kết quả.Hoạt động 2: Thêm các điều khiển nhập dữ liệu lựa chọn, gửi dữ liệu vào biểu mẫuSoạn văn bản HTML để thêm các điều khiển nhập dữ liệu như minh hoạ ở Hình 2 vào biểu mẫu đã tạo ở Nhiệm vụ 1. Khi mở bằng trình duyệt web, kết quả hiển thị như ở Hình 3.Hình 2. Ví dụ điều khiển lựa chọn, gửi dữ liệuHình 3. Ví dụ một trang web Dự kiến sản phẩm:- Bước 1: HS đổi tên tệp “Bai7-NV1.html” thành “Bai7-NV2.html”.- Bước 2: HS thực hiện cập nhật nội dung phần tử body.- Bước 3: HS ghi lưu, mở tệp bằng trình duyệt web và xem kết quả.Hoạt động 3: Tạo trang web phản hồi khi người dùng nhấn nút gửi dữ liệuGV yêu cầu HS đọc kĩ yêu cầu của Nhiệm vụ 3 SGK tr.67 và thực hành cá nhân theo hướng dẫn.Dự kiến sản phẩm:- Bước 1: HS tạo tệp “Bai7-NV3.html”.- Bước 2: HS thực hiện tạo cấu trúc và khai báo phần tử head.- Bước 3: HS thực hiện khai báo nội dung phần tử body…C. HOẠT ĐỘNG LUYỆN TẬPD. HOẠT ĐỘNG VẬN DỤNG

Hình 1. Một biểu mẫu có ô text nhập dữ liệu 

Dự kiến sản phẩm:

- Bước 1: HS tạo tệp “Bai7-NV1.html”.

- Bước 2: HS thực hiện tạo cấu trúc và khai báo phần tử head.

BÀI 7: THỰC HÀNH TẠO BIỂU MẪUA. KHỞI ĐỘNGHS ôn tập lại một số điều khiển hỗ trợ nhập dữ liệu thông dụng.B. HOẠT ĐỘNG HÌNH THÀNH KIẾN THỨCHoạt động 1: Tạo biểu mẫu có ô text nhập dữ liệuSoạn văn bản HTML để tạo biểu mẫu như ở Hình 1 khi hiển thị trên trình duyệt web.Hình 1. Một biểu mẫu có ô text nhập dữ liệu Dự kiến sản phẩm:- Bước 1: HS tạo tệp “Bai7-NV1.html”.- Bước 2: HS thực hiện tạo cấu trúc và khai báo phần tử head.- Bước 3: HS thực hiện tạo biểu mẫu.- Bước 4: HS ghi lưu, mở tệp bằng trình duyệt web và xem kết quả.Hoạt động 2: Thêm các điều khiển nhập dữ liệu lựa chọn, gửi dữ liệu vào biểu mẫuSoạn văn bản HTML để thêm các điều khiển nhập dữ liệu như minh hoạ ở Hình 2 vào biểu mẫu đã tạo ở Nhiệm vụ 1. Khi mở bằng trình duyệt web, kết quả hiển thị như ở Hình 3.Hình 2. Ví dụ điều khiển lựa chọn, gửi dữ liệuHình 3. Ví dụ một trang web Dự kiến sản phẩm:- Bước 1: HS đổi tên tệp “Bai7-NV1.html” thành “Bai7-NV2.html”.- Bước 2: HS thực hiện cập nhật nội dung phần tử body.- Bước 3: HS ghi lưu, mở tệp bằng trình duyệt web và xem kết quả.Hoạt động 3: Tạo trang web phản hồi khi người dùng nhấn nút gửi dữ liệuGV yêu cầu HS đọc kĩ yêu cầu của Nhiệm vụ 3 SGK tr.67 và thực hành cá nhân theo hướng dẫn.Dự kiến sản phẩm:- Bước 1: HS tạo tệp “Bai7-NV3.html”.- Bước 2: HS thực hiện tạo cấu trúc và khai báo phần tử head.- Bước 3: HS thực hiện khai báo nội dung phần tử body…C. HOẠT ĐỘNG LUYỆN TẬPD. HOẠT ĐỘNG VẬN DỤNG

- Bước 3: HS thực hiện tạo biểu mẫu.

BÀI 7: THỰC HÀNH TẠO BIỂU MẪUA. KHỞI ĐỘNGHS ôn tập lại một số điều khiển hỗ trợ nhập dữ liệu thông dụng.B. HOẠT ĐỘNG HÌNH THÀNH KIẾN THỨCHoạt động 1: Tạo biểu mẫu có ô text nhập dữ liệuSoạn văn bản HTML để tạo biểu mẫu như ở Hình 1 khi hiển thị trên trình duyệt web.Hình 1. Một biểu mẫu có ô text nhập dữ liệu Dự kiến sản phẩm:- Bước 1: HS tạo tệp “Bai7-NV1.html”.- Bước 2: HS thực hiện tạo cấu trúc và khai báo phần tử head.- Bước 3: HS thực hiện tạo biểu mẫu.- Bước 4: HS ghi lưu, mở tệp bằng trình duyệt web và xem kết quả.Hoạt động 2: Thêm các điều khiển nhập dữ liệu lựa chọn, gửi dữ liệu vào biểu mẫuSoạn văn bản HTML để thêm các điều khiển nhập dữ liệu như minh hoạ ở Hình 2 vào biểu mẫu đã tạo ở Nhiệm vụ 1. Khi mở bằng trình duyệt web, kết quả hiển thị như ở Hình 3.Hình 2. Ví dụ điều khiển lựa chọn, gửi dữ liệuHình 3. Ví dụ một trang web Dự kiến sản phẩm:- Bước 1: HS đổi tên tệp “Bai7-NV1.html” thành “Bai7-NV2.html”.- Bước 2: HS thực hiện cập nhật nội dung phần tử body.- Bước 3: HS ghi lưu, mở tệp bằng trình duyệt web và xem kết quả.Hoạt động 3: Tạo trang web phản hồi khi người dùng nhấn nút gửi dữ liệuGV yêu cầu HS đọc kĩ yêu cầu của Nhiệm vụ 3 SGK tr.67 và thực hành cá nhân theo hướng dẫn.Dự kiến sản phẩm:- Bước 1: HS tạo tệp “Bai7-NV3.html”.- Bước 2: HS thực hiện tạo cấu trúc và khai báo phần tử head.- Bước 3: HS thực hiện khai báo nội dung phần tử body…C. HOẠT ĐỘNG LUYỆN TẬPD. HOẠT ĐỘNG VẬN DỤNG

- Bước 4: HS ghi lưu, mở tệp bằng trình duyệt web và xem kết quả.

Hoạt động 2: Thêm các điều khiển nhập dữ liệu lựa chọn, gửi dữ liệu vào biểu mẫu

Soạn văn bản HTML để thêm các điều khiển nhập dữ liệu như minh hoạ ở Hình 2 vào biểu mẫu đã tạo ở Nhiệm vụ 1. Khi mở bằng trình duyệt web, kết quả hiển thị như ở Hình 3.

BÀI 7: THỰC HÀNH TẠO BIỂU MẪUA. KHỞI ĐỘNGHS ôn tập lại một số điều khiển hỗ trợ nhập dữ liệu thông dụng.B. HOẠT ĐỘNG HÌNH THÀNH KIẾN THỨCHoạt động 1: Tạo biểu mẫu có ô text nhập dữ liệuSoạn văn bản HTML để tạo biểu mẫu như ở Hình 1 khi hiển thị trên trình duyệt web.Hình 1. Một biểu mẫu có ô text nhập dữ liệu Dự kiến sản phẩm:- Bước 1: HS tạo tệp “Bai7-NV1.html”.- Bước 2: HS thực hiện tạo cấu trúc và khai báo phần tử head.- Bước 3: HS thực hiện tạo biểu mẫu.- Bước 4: HS ghi lưu, mở tệp bằng trình duyệt web và xem kết quả.Hoạt động 2: Thêm các điều khiển nhập dữ liệu lựa chọn, gửi dữ liệu vào biểu mẫuSoạn văn bản HTML để thêm các điều khiển nhập dữ liệu như minh hoạ ở Hình 2 vào biểu mẫu đã tạo ở Nhiệm vụ 1. Khi mở bằng trình duyệt web, kết quả hiển thị như ở Hình 3.Hình 2. Ví dụ điều khiển lựa chọn, gửi dữ liệuHình 3. Ví dụ một trang web Dự kiến sản phẩm:- Bước 1: HS đổi tên tệp “Bai7-NV1.html” thành “Bai7-NV2.html”.- Bước 2: HS thực hiện cập nhật nội dung phần tử body.- Bước 3: HS ghi lưu, mở tệp bằng trình duyệt web và xem kết quả.Hoạt động 3: Tạo trang web phản hồi khi người dùng nhấn nút gửi dữ liệuGV yêu cầu HS đọc kĩ yêu cầu của Nhiệm vụ 3 SGK tr.67 và thực hành cá nhân theo hướng dẫn.Dự kiến sản phẩm:- Bước 1: HS tạo tệp “Bai7-NV3.html”.- Bước 2: HS thực hiện tạo cấu trúc và khai báo phần tử head.- Bước 3: HS thực hiện khai báo nội dung phần tử body…C. HOẠT ĐỘNG LUYỆN TẬPD. HOẠT ĐỘNG VẬN DỤNGHình 2. Ví dụ điều khiển lựa chọn, gửi dữ liệu

BÀI 7: THỰC HÀNH TẠO BIỂU MẪUA. KHỞI ĐỘNGHS ôn tập lại một số điều khiển hỗ trợ nhập dữ liệu thông dụng.B. HOẠT ĐỘNG HÌNH THÀNH KIẾN THỨCHoạt động 1: Tạo biểu mẫu có ô text nhập dữ liệuSoạn văn bản HTML để tạo biểu mẫu như ở Hình 1 khi hiển thị trên trình duyệt web.Hình 1. Một biểu mẫu có ô text nhập dữ liệu Dự kiến sản phẩm:- Bước 1: HS tạo tệp “Bai7-NV1.html”.- Bước 2: HS thực hiện tạo cấu trúc và khai báo phần tử head.- Bước 3: HS thực hiện tạo biểu mẫu.- Bước 4: HS ghi lưu, mở tệp bằng trình duyệt web và xem kết quả.Hoạt động 2: Thêm các điều khiển nhập dữ liệu lựa chọn, gửi dữ liệu vào biểu mẫuSoạn văn bản HTML để thêm các điều khiển nhập dữ liệu như minh hoạ ở Hình 2 vào biểu mẫu đã tạo ở Nhiệm vụ 1. Khi mở bằng trình duyệt web, kết quả hiển thị như ở Hình 3.Hình 2. Ví dụ điều khiển lựa chọn, gửi dữ liệuHình 3. Ví dụ một trang web Dự kiến sản phẩm:- Bước 1: HS đổi tên tệp “Bai7-NV1.html” thành “Bai7-NV2.html”.- Bước 2: HS thực hiện cập nhật nội dung phần tử body.- Bước 3: HS ghi lưu, mở tệp bằng trình duyệt web và xem kết quả.Hoạt động 3: Tạo trang web phản hồi khi người dùng nhấn nút gửi dữ liệuGV yêu cầu HS đọc kĩ yêu cầu của Nhiệm vụ 3 SGK tr.67 và thực hành cá nhân theo hướng dẫn.Dự kiến sản phẩm:- Bước 1: HS tạo tệp “Bai7-NV3.html”.- Bước 2: HS thực hiện tạo cấu trúc và khai báo phần tử head.- Bước 3: HS thực hiện khai báo nội dung phần tử body…C. HOẠT ĐỘNG LUYỆN TẬPD. HOẠT ĐỘNG VẬN DỤNGHình 3. Ví dụ một trang web 

Dự kiến sản phẩm:

- Bước 1: HS đổi tên tệp “Bai7-NV1.html” thành “Bai7-NV2.html”.

- Bước 2: HS thực hiện cập nhật nội dung phần tử body.

BÀI 7: THỰC HÀNH TẠO BIỂU MẪUA. KHỞI ĐỘNGHS ôn tập lại một số điều khiển hỗ trợ nhập dữ liệu thông dụng.B. HOẠT ĐỘNG HÌNH THÀNH KIẾN THỨCHoạt động 1: Tạo biểu mẫu có ô text nhập dữ liệuSoạn văn bản HTML để tạo biểu mẫu như ở Hình 1 khi hiển thị trên trình duyệt web.Hình 1. Một biểu mẫu có ô text nhập dữ liệu Dự kiến sản phẩm:- Bước 1: HS tạo tệp “Bai7-NV1.html”.- Bước 2: HS thực hiện tạo cấu trúc và khai báo phần tử head.- Bước 3: HS thực hiện tạo biểu mẫu.- Bước 4: HS ghi lưu, mở tệp bằng trình duyệt web và xem kết quả.Hoạt động 2: Thêm các điều khiển nhập dữ liệu lựa chọn, gửi dữ liệu vào biểu mẫuSoạn văn bản HTML để thêm các điều khiển nhập dữ liệu như minh hoạ ở Hình 2 vào biểu mẫu đã tạo ở Nhiệm vụ 1. Khi mở bằng trình duyệt web, kết quả hiển thị như ở Hình 3.Hình 2. Ví dụ điều khiển lựa chọn, gửi dữ liệuHình 3. Ví dụ một trang web Dự kiến sản phẩm:- Bước 1: HS đổi tên tệp “Bai7-NV1.html” thành “Bai7-NV2.html”.- Bước 2: HS thực hiện cập nhật nội dung phần tử body.- Bước 3: HS ghi lưu, mở tệp bằng trình duyệt web và xem kết quả.Hoạt động 3: Tạo trang web phản hồi khi người dùng nhấn nút gửi dữ liệuGV yêu cầu HS đọc kĩ yêu cầu của Nhiệm vụ 3 SGK tr.67 và thực hành cá nhân theo hướng dẫn.Dự kiến sản phẩm:- Bước 1: HS tạo tệp “Bai7-NV3.html”.- Bước 2: HS thực hiện tạo cấu trúc và khai báo phần tử head.- Bước 3: HS thực hiện khai báo nội dung phần tử body…C. HOẠT ĐỘNG LUYỆN TẬPD. HOẠT ĐỘNG VẬN DỤNG

- Bước 3: HS ghi lưu, mở tệp bằng trình duyệt web và xem kết quả.

Hoạt động 3: Tạo trang web phản hồi khi người dùng nhấn nút gửi dữ liệu

GV yêu cầu HS đọc kĩ yêu cầu của Nhiệm vụ 3 SGK tr.67 và thực hành cá nhân theo hướng dẫn.

Dự kiến sản phẩm:

- Bước 1: HS tạo tệp “Bai7-NV3.html”.

- Bước 2: HS thực hiện tạo cấu trúc và khai báo phần tử head.

BÀI 7: THỰC HÀNH TẠO BIỂU MẪUA. KHỞI ĐỘNGHS ôn tập lại một số điều khiển hỗ trợ nhập dữ liệu thông dụng.B. HOẠT ĐỘNG HÌNH THÀNH KIẾN THỨCHoạt động 1: Tạo biểu mẫu có ô text nhập dữ liệuSoạn văn bản HTML để tạo biểu mẫu như ở Hình 1 khi hiển thị trên trình duyệt web.Hình 1. Một biểu mẫu có ô text nhập dữ liệu Dự kiến sản phẩm:- Bước 1: HS tạo tệp “Bai7-NV1.html”.- Bước 2: HS thực hiện tạo cấu trúc và khai báo phần tử head.- Bước 3: HS thực hiện tạo biểu mẫu.- Bước 4: HS ghi lưu, mở tệp bằng trình duyệt web và xem kết quả.Hoạt động 2: Thêm các điều khiển nhập dữ liệu lựa chọn, gửi dữ liệu vào biểu mẫuSoạn văn bản HTML để thêm các điều khiển nhập dữ liệu như minh hoạ ở Hình 2 vào biểu mẫu đã tạo ở Nhiệm vụ 1. Khi mở bằng trình duyệt web, kết quả hiển thị như ở Hình 3.Hình 2. Ví dụ điều khiển lựa chọn, gửi dữ liệuHình 3. Ví dụ một trang web Dự kiến sản phẩm:- Bước 1: HS đổi tên tệp “Bai7-NV1.html” thành “Bai7-NV2.html”.- Bước 2: HS thực hiện cập nhật nội dung phần tử body.- Bước 3: HS ghi lưu, mở tệp bằng trình duyệt web và xem kết quả.Hoạt động 3: Tạo trang web phản hồi khi người dùng nhấn nút gửi dữ liệuGV yêu cầu HS đọc kĩ yêu cầu của Nhiệm vụ 3 SGK tr.67 và thực hành cá nhân theo hướng dẫn.Dự kiến sản phẩm:- Bước 1: HS tạo tệp “Bai7-NV3.html”.- Bước 2: HS thực hiện tạo cấu trúc và khai báo phần tử head.- Bước 3: HS thực hiện khai báo nội dung phần tử body…C. HOẠT ĐỘNG LUYỆN TẬPD. HOẠT ĐỘNG VẬN DỤNG

- Bước 3: HS thực hiện khai báo nội dung phần tử body

C. HOẠT ĐỘNG LUYỆN TẬP

D. HOẠT ĐỘNG VẬN DỤNG

HS hoàn thành hoạt động Vận dụng SGK tr.67.

Trên chỉ là 1 phần của giáo án. Giáo án khi tải về có đầy đủ nội dung của bài. Đủ nội dung của học kì I + học kì II

MỘT VÀI THÔNG TIN:

  • Word được soạn: Chi tiết, rõ ràng, mạch lạc
  • Powerpoint soạn: Hiện đại, đẹp mắt để tạo hứng thú học tập
  • Word và powepoint đồng bộ với nhau

Thời gian bàn giao giáo án

  • Khi đặt, nhận giáo án kì I
  • Sau đó, bổ sung liên tục để 30/01 có đủ cả năm

Phí giáo án

  • Giáo án word: 400k
  • Giáo án Powerpoint: 500k
  • Trọn bộ word + PPT: 800k

=> Chỉ gửi trước 350k. Phần còn lại gửi dần khi nhận giáo án. Đến lúc nhận đủ kì 1 thì gửi số còn lại

Khi đặt nhận ngay và luôn:

  • Giáo án word: nhận kì I
  • Giáo án Powerpoint: nhận kì I
  • Mẫu đề thi với ma trận, thang điểm, lời giải chi tiết
  • 10 - 12 phiếu trắc nghiệm cấu trúc mới

Cách đặt:

  • Bước 1: Gửi phí vào tk: 10711017 - Chu Văn Trí - Ngân hàng ACB (QR)
  • Bước 2: Nhắn tin tới Zalo Fidutech - nhấn vào đây để thông báo và nhận giáo án

Xem toàn bộ: Trọn bộ giáo án và PPT Khoa học máy tính 12 cánh diều

TÀI LIỆU GIẢNG DẠY TIN HỌC 12 KẾT NỐI TRI THỨC

*Định hướng khoa học máy tính
 
 
 

TÀI LIỆU GIẢNG DẠY TIN HỌC 12 CHÂN TRỜI SÁNG TẠO

*Định hướng khoa học máy tính
 

TÀI LIỆU GIẢNG DẠY TIN HỌC 12 CÁNH DIỀU

*Định hướng khoa học máy tính
 
 

Tài liệu giảng dạy

Xem thêm các bài khác

Chat hỗ trợ
Chat ngay