Bài 6. Tạo biểu mẫu cho trang web và xuất bản website

Nội dung lý thuyết

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

Khái niệm: Biểu mẫu (form) là thành phần trên trang web giúp thu nhận thông tin từ người dùng như: tên, địa chỉ email, số điện thoại, v.v.

Thành phần biểu mẫu:

  • Ô nhập văn bản: tên, email, địa chỉ, điện thoại,...

  • Các nút lệnh: Gửi đi, Nhập lại.

  • Vùng chọn, danh sách chọn: giới tính, quê quán,...

Ví dụ về biểu mẫu gửi phản hồi:

  • Trường Chủ đề bạn quan tâm: dưới dạng chọn lựa.

  • Các trường Tiêu đề, Họ và tên, Email, Điện thoại, Địa chỉ: dạng nhập văn bản.

  • Trường Nội dung: vùng nhập văn bản.

  • Hai nút lệnh: Nhập lạiGửi đi. Khi nhấn “Gửi đi”, dữ liệu được gửi đến trang web định trước và lưu vào cơ sở dữ liệu hoặc gửi đến email cụ thể.

Ví dụ về một biểu mẫu thu nhận lời nhắn trên trang web

Vai trò: Biểu mẫu giúp thu nhận thông tin hiệu quả từ người dùng và tạo trải nghiệm tương tác tốt hơn.

2. Chế độ xem trước

Chức năng: Cho phép xem trước trang web khi thiết kế bằng phần mềm Mobirise.

Các chế độ xem trước:

  • Chế độ mobile: Xem giả lập trên điện thoại. Nhấn Mobile View trên thanh công cụ để chuyển từ desktop sang mobile.

Thanh công cụ của màn hình làm việc khi đang xem dự án ở chế độ desktop

  • Chế độ desktop: Xem giả lập trên máy tính. Nhấn Desktop View để chuyển từ mobile về desktop.

Thanh công cụ của màn hình làm việc khi đang xem dự án ở chế độ mobile

  • Chế độ xem trực tiếp trên trình duyệt: Nhấn Preview in Browser để xem trước trang web trên trình duyệt.

3. Xuất bản website

Chức năng: Giúp chia sẻ trang web đến nhiều người. Thực hiện bằng cách nhấn Publish và chọn chế độ phù hợp.

Các chế độ xuất bản:

  • *.mobirisesite.com: Xuất bản trên Internet với tên miền con của mobirisesite.com.

  • Local drive folder: Lưu website dưới dạng tệp *.html vào máy tính.

  • FTP: Tải website lên máy chủ web có sẵn.

Giao diện lựa chọn các chế độ xuất bản