Nội dung chính 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

CHỦ ĐỀ : ỨNG DỤNG TIN HỌC THỰC HÀNH SỬ DỤNG PHẦN MỀM TẠO TRANG WEB

BÀI 6: TẠO BIỂU MẪU CHO TRANG WEB VÀ XUẤT BẢN WEBSITE

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,…

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 .

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. 

4. Thực hành

Nhiệm vụ 1: Thêm biểu mẫu trên trang web

Các bước thêm biểu mẫu trên trang web:

- Bước 1: Thêm khối biểu mẫu trên trang web

+ Chọn Add Block to Page.

+ Chọn Form, chọn khối biểu mẫu có sẵn để thêm vào phía dưới cùng của trang web hoặc nhấn giữ chuột và kéo thả vào vị trí thích hợp trên trang web.

- Bước 2: Điều chỉnh thông số bố cục và định dạng.

+ Di chuột lên trên biểu mẫu để hiển thị thanh công cụ, chọn Block Parameters để mở bảng thiết lập thông số.

+ Tùy chỉnh các thông số trong bảng (tương tự như với khối bài viết).

- Bước 3: Chỉnh sửa các đối tượng thu nhận dữ liệu trong biểu mẫu

+ Trong giao diện chỉnh sửa các trường thông tin trong biểu mẫu, ẩn hoặc hiển thị các ô nhập văn bản bằng cách tắt/bật các nút chức năng tương ứng.

+ Thay đổi nội dung gợi ý trong các ô nhập văn bản và thông báo gửi biểu mẫu thành công (Success Message).

+ Nhập địa chỉ email nhận dữ liệu khi người xem gửi biểu mẫu trong ô Notification Email or Action URL: Chọn VERIFIED. Một email sẽ được gửi đến địa chỉ email vừa nhập. Mở email, nháy chuột vào link nhận được để xác nhận kích hoạt chức năng nhận dữ liệu.

+ Chọn SAVE để hoàn tất.

Nhiệm vụ 2: Xuất bản website

Các bước xuất bản website:

Xuất bản website với một tên miền con của mobirisesite.com

- Bước 1: Chọn *.mobirisesite.com.

- Bước 2: Nhập tên miền con phù hợp.

- Bước 3: Chọn PUBLISH.

- Bước 4: Chọn OK để hoàn thành xuất bản trên Internet hoặc chọn VIEW SITE để xem trang web trên Internet với tên miền con đã nhập ở Bước 2.

Xuất bản website dưới dạng các tệp tin “.html”

- Bước 1: Chọn Local drive folder trong giao diện lựa chọn chế độ xuất bản.

- Bước 2: Chọn BROWSE… → chọn thư mục muốn lưu tệp → Select Folder.

- Bước 3: Chọn PUBLISH. Kết quả xuất tệp tin gồm:

+ Tệp “project.mobirise” cho phép lưu trữ và tiếp tục chỉnh sửa dự án khi cần thiết.

+ Thư mục assets chứa các tài nguyên được sử dụng để định dạng các trang web và các tệp tin “.html” tương ứng với các trang web trong dự án.

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

- Bước 1: Chọn FTP trong giao diện lựa chọn chế độ xuất bản. 

- Bước 2: Chọn EDIT… → Chỉnh sửa thông tin máy chủ web trong giao diện (những thông tin này thường có được từ các nhà cung cấp dịch vụ máy chỉ khi ta đăng kí sử dụng dịch vụ máy chủ).

- Bước 3: Chọn SAVE để lưu thông tin máy chủ. Tại [root folder], nhập thư mục gốc của máy chủ web.

- Bước 4: Chọn PUBLISH.