Giải chi tiết 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

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.

Bài làm chi tiết:

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

4. THỰC HÀNH

Vận dụng 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.

Bài làm chi tiết:

Bước 1: Chọn khối nội dung "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ỉ, v.v.

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, v.v.

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, v.v. 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.

Vận dụng 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è.

Bài làm chi tiết:

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

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

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

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

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

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

• Sao chép URL website
• 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.

Bài làm chi tiết:

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.

b) Sai: Phần mềm Mobirise cho phép xuất bản website dưới dạng tệp tin HTML. Bạn có thể xuất bản website của mình sang một thư mục trên máy tính dưới dạng tệp tin HTML. Sau đó, bạn có thể tải lên tệp tin HTML này lên hosting của riêng bạn.

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.

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.