Giáo án Tin học ứng dụng 12 cánh diều bài 6: Tạo biểu mẫu cho trang web và xuất bản website

HOẠT ĐỘNG CỦA GV VÀ HS

SẢN PHẨM DỰ KIẾN

Bước 1: GV chuyển giao nhiệm vụ

- GV giới thiệu khái niệm biểu mẫu trên trang web.

- GV yêu cầu HS quan sát Hình 1:

- GV yêu cầu HS dựa vào hình, kết hợp nghiên cứu thông tin trong SGK để trả lời câu hỏi: Các thành phần nào thường có trong biểu mẫu?

Bước 2: HS thực hiện nhiệm vụ học tập

- HS tìm hiểu nội dung mục 1 SGK và thực hiện nhiệm vụ. 

- GV quan sát và trợ giúp HS.

Bước 3: Báo cáo kết quả hoạt động, thảo luận

- Đại diện HS trả lời:

* Trả lời câu hỏi của GV (DKSP).

- HS trả lời câu hỏi và nhận xét lẫn nhau.

Bước 4: Đánh giá kết quả thực hiện

- GV nêu nhận xét, chính xác hoá lại các nội dung trả lời của HS.

- GV kết luận các thông tin chính về biểu mẫu trên trang web.

1. Biểu mẫu trên trang web

- Biểu mẫu (form) trên trang web là thành phần giúp thu nhận thông tin từ người dùng.

- Biểu mẫu bao gồm: 

+ Các ô nhập văn bản như: tên, địa chỉ email hoặc số điện thoại,…

+ Các nút lệnh, vùng nhập văn bản và các ô lựa chọn giúp người dùng có thể nhập thông tin như: giới tính, quê quán,…

HOẠT ĐỘNG CỦA GV VÀ HS

SẢN PHẨM DỰ KIẾN

Bước 1: GV chuyển giao nhiệm vụ

- GV cung cấp thông tin cho HS về lí do cần phải thực hiện thao tác xem trước trang web: Xem trước website trước khi xuất bản là một bước quan trọng trong quy trình phát triển và triển khai trang web vì:

+ Đảm bảo tính tương thích: Xem trước giúp đảm bảo trang web hoạt động đúng trên các trình duyệt khác nhau và trên các thiết bị di động. Khi đã xuất bản trang web trên Internet, người xem có thể truy cập trang web và xem nội dung từ nhiều loại thiết bị khác nhau. Do đó, cần đảm bảo trang web hiển thị tốt trên các loại thiết bị khác nhau.

+ Kiểm tra tính thẩm mĩ: Xem trước cho phép kiểm tra thiết kế, cấu trúc và giao diện của trang web.

+ Phát hiện và sửa lỗi: Trong quá trình xem trước, có thể phát hiện và sửa các lỗi như liên kết không hoạt động, hình ảnh hoặc video hiển thị không đúng, bị lỗi hiển thị, bị che lấp nội dung,…

- GV tổ chức cho HS nghiên cứu thông tin trong SGK, trả lời câu hỏi: Phần mềm Mobirise có những chế độ xem trước nào? Làm thế nào để mở các chế độ đó?

Bước 2: HS thực hiện nhiệm vụ học tập: 

- HS tìm hiểu nội dung mục 2 SGK và thực hiện nhiệm vụ. 

- GV quan sát và trợ giúp HS.

Bước 3: Báo cáo kết quả hoạt động, thảo luận 

- Đại diện HS trả lời:

* Trả lời câu hỏi của GV (DKSP).

- HS trả lời câu hỏi và nhận xét lẫn nhau.

Bước 4: Đánh giá kết quả thực hiện

- GV nêu nhận xét, chính xác hoá lại các nội dung trả lời của HS.

- GV kết luận các thông tin chính về chế độ xem trước của trang web.

2.  Chế độ xem trước

- Một số chế độ xem trước của phần mềm Mobirise:

+ Chế độ mobile: 

• Chế độ xem giả lập trên điện thoại, cho phép xem trước kết quả hiển thị của trang web trên điện thoại.

• Chọn Mobile View  trên thanh công cụ của màn hình làm việc chính để chuyển chế độ xem sang mobile.

+ Chế độ desktop:

• Chế độ xem giả lập trên máy tính, cho phép xem trước trang web được hiển thị trên máy tính.

• Chọn Desktop View  trên thanh công cụ của màn hình làm việc chính để chuyển chế độ xem trang desktop.

+ Chế độ xem trước trực tiếp trên trình duyệt: chế độ cho phép xem trước trang web trên trình duyệt bằng cách chọn Preview in Browser . 

HOẠT ĐỘNG CỦA GV VÀ HS

SẢN PHẨM DỰ KIẾN

Bước 1: GV chuyển giao nhiệm vụ

- GV nhấn mạnh: Xuất bản website là bước quan trọng cuối cùng trong quá trình xây dựng một website.

- GV tổ chức cho HS quan sát Hình 4:

- GV yêu cầu HS dựa vào hình, kết hợp nghiên cứu thông tin trong SGK, trả lời câu hỏi: Phần mềm Mobirise có những chế độ xuất bản nào? Các chế độ đó có gì khác nhau?

Bước 2: HS thực hiện nhiệm vụ học tập: 

- HS tìm hiểu nội dung mục 3 SGK và thực hiện nhiệm vụ. 

- GV quan sát và trợ giúp HS.

Bước 3: Báo cáo kết quả hoạt động, thảo luận 

- Đại diện HS trả lời:

* Trả lời câu hỏi của GV (DKSP).

- HS trả lời câu hỏi và nhận xét lẫn nhau.

Bước 4: Đánh giá kết quả thực hiện

- GV nêu nhận xét, chính xác hoá lại các nội dung trả lời của HS.

- GV kết luận các thông tin chính về các chế độ xuất bản website.

3. Xuất bản website

- Xuất bản với các định dạng khác nhau giúp chia sẻ trang web đến nhiều người.

- Để xuất bản website: Chọn Publish trên thanh công cụ của màn hình làm việc chính → Chọn chế độ xuất bản phù hợp:

+  *.mobirisesite.com: xuất bản website trên mạng Internet với một tên miền con của mobirisesite.com.

+ Local drive folder: Xuất bản website dưới dạng các tệp tin “.html” và lưu dự án trong máy tính.

+ FTP: Xuất bản website và tải lên một máy chủ web có sẵn trên Internet.