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

KHỞI ĐỘNG

Em hãy nêu một ví dụ về một trang web có thu nhận thông tin từ truy cập.

Giải rút gọn

Ví dụ về trang web thu nhận thông tin từ truy cập: Google Analytics.

1. BIỂU MẪU TRÊN TRANG WEB

2. CHẾ ĐỘ XEM TRƯỚC

3. XUẤT BẢN WEBSITE

4. THỰC HÀNH

VẬN DỤNG

Câu 1. Em hãy tạo một biểu mẫu với các nội dung: Họ và tên, Email, Lời nhắn theo mẫu như ở Hình 11, cho phép người duyệt web để lại lời nhắn đến địa chỉ email của em.

Giải rút gọn

Tạo biểu mẫu liên hệ trong Mobirise:

Bước 1: Chọn khối "Form"

Bước 2: Thêm các trường vào biểu mẫu:

• Kéo và thả các trường "Name" (Họ và tên), "Email" và "Textarea" (Lời nhắn) vào biểu mẫu.
• Thay đổi tiêu đề của các trường cho phù hợp:
  • "Name": Họ và tên
  • "Email": Email
  • "Textarea": Lời nhắn
• Tùy chọn: Thêm các trường khác như số điện thoại, địa chỉ,...

Bước 3: Cấu hình email nhận thông tin:

• Nhấp vào "Settings" trong tab "Form".
• Chọn "Send Form Data to Email".
• Nhập địa chỉ email của bạn vào ô "Email Address".
• Tùy chọn: Thêm tiêu đề, nội dung email,...

Bước 4: Tùy chỉnh giao diện:

• Chọn "Design": Thay đổi font chữ, màu sắc, kích thước,... của các trường và nút gửi.
• Chọn "Layout": Thay đổi vị trí các trường và nút gửi.

Bước 5: Xuất bản trang web:

• Nhấp "Publish".
• Chọn tên miền và hosting.
• Nhấp "Publish" để xuất bản trang web lên internet.

Câu 2: Em hãy xuất bản website “Giới thiệu trường em” trên mạng Internet với một tên miền con của mobirisesite.com và chia sẻ với bạn bè.

Giải rút gọn

Xuất bản website trên Mobirise:

Bước 1: Chọn tên miền con:

1. Truy cập trang web https://mobirise.com/
2. Đăng nhập vào tài khoản Mobirise của bạn.
3. Nhấp vào "My Sites".
4. Nhấp vào "Create New Site".
5. Chọn "Free Subdomain".
6. Nhập tên miền con bạn muốn sử dụng (ví dụ: gioithieutruong).
7. Nhấp vào "Create".

Bước 2: Xuất bản website:

1. Mở dự án website "Giới thiệu trường em" trong Mobirise.
2. Nhấp vào "Publish".
3. Chọn "Mobirise Subdomain".
4. Chọn tên miền con bạn đã tạo (ví dụ: gioithieutruong).
5. Nhấp vào "Publish".

Bước 3: Chia sẻ website với bạn bè:

1. Sao chép URL website.
2. Gửi URL website cho bạn bè qua email, tin nhắn, mạng xã hội, v.v.

TỰ KIỂM TRA

Trong các câu sau, những câu nào đúng?

a) Biểu mẫu trong trang web là một thành phần có chứa các ô nhập văn bản để người dùng đưa thông tin vào.

b) Phần mềm Mobirise không cho phép xuất bản website dưới dạng tệp tin HTML.

c) Có thể xuất bản website trực tiếp trên Internet dưới một tên miền con của mobirisesite.com mà không cần đăng kí tên miền riêng.

d) Phần mềm Mobirise cho phép tạo website có giao diện tuỳ chỉnh tự động đáp ứng với các thiết bị người dùng khác nhau như máy tính và điện thoại.

Giải rút gọn

Đánh giá các câu về website Mobirise:

a) Đúng. Biểu mẫu trong trang web là một thành phần có chứa các ô nhập văn bản để người dùng đưa thông tin vào. Biểu mẫu được sử dụng để thu thập thông tin từ người dùng, chẳng hạn như tên, email, địa chỉ, v.v. Mobirise cung cấp nhiều loại biểu mẫu cho bạn lựa chọn, bao gồm biểu mẫu liên hệ, biểu khảo sát, biểu đăng ký, v.v.

b) Sai. Phần mềm Mobirise không cho phép xuất bản website dưới dạng tệp tin HTML. Mobirise chỉ cho phép bạn xuất bản website dưới dạng ứng dụng di động hoặc website tĩnh. Website tĩnh là một tập hợp các tệp tin HTML, CSS và JavaScript được lưu trữ trên máy chủ và tải xuống khi người dùng truy cập trang web.

c) Đúng. Có thể xuất bản website trực tiếp trên Internet dưới một tên miền con của mobirisesite.com mà không cần đăng kí tên miền riêng. Mobirise cung cấp dịch vụ xuất bản miễn phí với tên miền con của họ. Tuy nhiên, bạn sẽ không thể sử dụng tên miền riêng của mình với dịch vụ miễn phí này. Để sử dụng tên miền riêng, bạn cần nâng cấp lên gói trả phí.

d) Đúng. Phần mềm Mobirise cho phép tạo website có giao diện tuỳ chỉnh tự động đáp ứng với các thiết bị người dùng khác nhau như máy tính và điện thoại. Mobirise sử dụng công nghệ Bootstrap để tạo website responsive. Website responsive sẽ tự động điều chỉnh giao diện để phù hợp với kích thước màn hình của thiết bị người dùng.

Kết luận:

• Các câu a, c và d là thông tin chính xác về website Mobirise.
• Câu b là thông tin sai lệch về cách xuất bản website Mobirise.