Bài 6. Tạo biểu mẫu cho trang web và xuất bản website trang 20 SBT Tin học 12 Cánh diều

Eict 126

Trả lời câu hỏi Eict126 trang 20 Bài 1 SBT Tin học 12 Cánh diều

Em hãy tạo một biểu mẫu bên dưới thông báo tuyển thành viên cho Câu lạc bộ Truyền thông và Thiết kế mà em đã thực hiện ở bài EIT16. Biểu mẫu cho phép các bạn học sinh đăng kí tham gia câu lạc bộ như Hình 1. Các thông tin nhập vào biểu mẫu được chuyển đến địa chỉ email của em và màn hình hiển thị lời nhắn “Cảm ơn bạn đã đăng kí tham gia Câu lạc bộ Truyền thông và Thiết kế khi dữ liệu được gửi thành công.

Lời giải chi tiết:

Bước 1. Thêm biểu mẫu.Thêm khối mẫu Form códạng tương tự vào trang web như hình bên:

Bước 2. Chỉnh sửa biểu mẫu.

Chọn hình ảnh để mở hộp thoại Media Image, chọn tab Free Online Libray và nhập từ khoá Volunteer, chọn Search để tìm hình ảnh phù hợp. Chọn OK để cập nhật hình ảnh mới lên biểu mẫu.

- Chọn phần văn bản trên biểu mẫu và cập nhật nội dung mới.

Chọn ô nhập văn bản để mở hộp thoại Form Fields. Chỉnh sửa nội dung trong ô name là “Họ và tên”. Nhập địa chỉ email vào ô Notification Email or Action URL, sau đó chọn VERIFY và xác nhận qua email. Nhập nội dung “Cảm ơn bạn đã đăng kí tham gia Câu lạc bộ Truyền thông và Thiết kế vào ô Success Message. Chọn

SAVE để lưu thay đổi.

- Chọn nút Submit để thay đổi màu nền và nội dung hiển thị trên nút. Bước 3. Mở bảng thiết lập thông số của khối biểu mẫu và tuỳ chọn màu nền phù hợp.

Eict 127

Trả lời câu hỏi Eict127 trang 20 Bài 1 SBT Tin học 12 Cánh diều

 Em hãy xem trước các trang web có trong website “Bảo trường” với các chế độ xem trước trên trình duyệt, chế độ mobile và desktop; điều chỉnh các thiết lập cấu hình cho các khối nội dung để chúng hiển thị hợp lí trên các thiết bị.

Lời giải chi tiết:

Xem trước các trang web có trong website “Bảo trường” với các chế độ xem trước trên trình duyệt, chế độ mobile và desktop; điều chỉnh các thiết lập cấu hình cho các khối nội dung để chúng hiển thị hợp lí trên các thiết bị như sau:

Các phần mềm tạo website đều cung cấp chức năng xem trước trang web. Phần mềm Mobirise có nhiều chế độ xem trước như:

- Chế độ mobile là 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. Khi trang web đang được chỉnh sửa với giao diện giả lập ở chế độ desktop (mặc định), chọn Mobile View D trên thanh công cụ của màn hình làm việc chính (Hình 2) để chuyển chế độ xem từ desktop sang mobile.

- Chế độ desktop là 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. Khi trang web đang được chỉnh sửa với giao diện giả lập ở chế độ mobile, chọn Desktop View – trên thanh công cụ của màn hình làm việc chính để chuyển đổi mobile sang desktop.

Eict 128

Trả lời câu hỏi Eict128 trang 20 Bài 1 SBT Tin học 12 Cánh diều

Em hãy xuất bản website “Bảo trường” 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è.

Lời giải chi tiết:

Xuất bản website “Bảo trường” 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è như sau:

Bước 1. Chọn .mobiriserite.com

Bước 2. Nhập tên miền con phù hợp, ví dụ: Tin học học 12

Bước 3. Chọn PUBLISH để xuất bản.

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 để xem trang miền con đã nhập ở Bước 2.

Eict 129

Trả lời câu hỏi Eict129 trang 20 Bài 1 SBT Tin học 12 Cánh diều

Em hãy xuất bản website “Bảo trường” dưới dạng các tệp tin HTML và lưu kết quả vào máy tính của mình. Hãy khám phá các tệp tin và thư mục kết quả khi xuất bản website.

Lời giải chi tiết:

Bước 1. Chọn Local drive folde trong giao diện lựa chọn chế độ xuất bản như Hình 8.

Bước 2. Chọn Browse… để truy cập thư mục muốn lưu tệp, chọn Select Folder.

Bước 3. Chọn Publicsh để xuất tệp tin. Kết quả xuất tệp tin gồm có: một tệp dự án “project.mobirise” cho phép lưu trữ và tiếp tục chỉnh sửa dự án khi cần thiết, mộ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.

Eict 130

Trả lời câu hỏi Eict130 trang 21 Bài 1 SBT Tin học 12 Cánh diều

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

a) Biểu mẫu là thành phần cho phép thu nhận thông tin người dùng thông qua các ô lựa chọn và nhập văn bản.

b) Biểu mẫu có thể bao gồm các ô nhập văn bản, vùng nhập văn bản, nút lệnh và các ô lựa chọn.

c) Nhiều người dùng khác nhau có thể cùng xuất bản website với cùng 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 cung cấp ba chế độ xem trước gồm chế độ mobile, chế độ tablet và chế độ desktop.

Lời giải chi tiết:

a) Đúng.

b) Đúng.

c) Sai.

d) Sai.

Eict 131

Trả lời câu hỏi Eict131 trang 21 Bài 1 SBT Tin học 12 Cánh diều

Em hãy tạo một website “Giới thiệu về hệ Mặt Trời” nhằm giúp các bạn học sinh yêu thích khám phá vũ trụ có cơ hội tìm hiểu về hệ Mặt Trời một cách dễ dàng và thú vị.

Yêu cầu:

- Cấu trúc website và bố cục trang web phù hợp: website được phân chia thành các chuyên mục hợp lí, các trang chi tiết có đầy đủ các thành phần (thanh điều hướng, nội dung chính, phần chân trang, ...).

- Thanh điều hướng và phần chân trang cần có liên kết đến các trang chi tiết trong website.

Nội dung phù hợp, có chọn lọc và sử dụng đa dạng các đối tượng hình ảnh, văn bản và video.

Lời giải chi tiết:

Dự kiến các trang web cho website, phác thảo nội dung và sắp xếp các phần nội dung trên mỗi trang web.

+ Website được thể hiện với chủ đề “Giới thiệu về hệ Mặt Trời” nên trang chủ có thể thiết kế chứa một hình ảnh hoặc một video ấn tượng về hệ Mặt Trời với khối mẫu Header. Nội dung cần được trình bày một cách hệ thống, có thể sử dụng hình ảnh hoặc sơ đồ minh hoạ về các hành tinh trong hệ Mặt Trời ngay trên trang chủ.

+ Website cần cung cấp các thông tin cơ bản về hệ Mặt Trời, bao gồm: tên, mô tả chung và các đặc điểm nổi bật của từng hành tinh. Có thể tạo nhiều trang web nội dung, mỗi trang giới thiệu về một hành tinh cụ thể. + Ngoài ra, có thể cung cấp các thông tin về các hiện tượng thiên văn liên quan đến hệ Mặt Trời như nhật thực, nguyệt thực, nguyên nhân tạo thành bão mặt trời, ...

+ Trong website nên có các liên kết đến các nguồn tài liệu bổ sung đê những bạn học sinh yêu thích thiên văn có thể tiếp tục khám phá thêm về hệ Mặt Trời.

Sau khi đã phác thảo cấu trúc và nội dung dự kiến của website, thực hiện theo hướng dẫn ở mục 4, Bài 7 trong SGK.

Eict 132

Trả lời câu hỏi Eict132 trang 21 Bài 1 SBT Tin học 12 Cánh diều

Em hãy tạo một website “Giới thiệu về đặc sản của địa phương” nhằm quảng bá thông tin rộng rãi trên Internet, giúp mọi người hiểu rõ về các sản phẩm ẩm thực độc đáo và phong phú của địa phương em.

Lời giải chi tiết:

Dự kiến các trang web cho website, phác thảo nội dung và sắp xếp các phần nội dung trên mỗi trang web.

+ Website được thể hiện với chủ đề “Giới thiệu về đặc sản địa phương” nên trang chủ có thể thiết kế chứa một hình ảnh hoặc một video nổi bật về đặc sản địa phương (có thể sử dụng khối mẫu Header).

+ Thanh điều hướng của trang web cần được liên kết đến các phần khác trong website như: Giới thiệu, Các loại đặc sản, Liên hệ.

+ Website cần cung cấp thông tin cơ bản về các loại đặc sản địa phương. Có thể tạo nhiều trang web nội dung, mỗi trang giới thiệu về một loại đặc sản, bao gồm: lịch sử, nguồn gốc và ý nghĩa văn hoá. Ngoài ra, có thể cung cấp thêm thông tin về thành phần, cách chế biến và cách thưởng thức mỗi loại đặc sản. Nếu có thể, cung cấp thêm video hướng dẫn hoặc liên kết đến video hướng dẫn để nội dung website được phong phú.

- Sau khi đã phác thảo cấu trúc và nội dung dự kiến của website, thực hiện theo hướng dẫn ở mục 4, Bài 7 trong SGK.

Eict 133

Trả lời câu hỏi Eict133 trang 21 Bài 1 SBT Tin học 12 Cánh diều

Em hãy tạo một website “Thực đơn căng tin trường học” có vai trò như một quyển thực đơn. Website giới thiệu các món ăn được phục vụ trong căng tin của trường, nhằm giúp các bạn học sinh dễ dàng lựa chọn và biết thông tin về các món ăn được cung cấp.

Lời giải chi tiết:

Dự kiến các trang web cho website, phác thảo nội dung và sắp xếp các phần nội dung trên mỗi trang web.

+Trang chủ của website “Thực đơn căng tin trường học” cần hiển thị các hình ảnh hoặc video về không gian căng tin và một số món ăn đại diện. + Một số trang web nội dung có thể như: Thực đơn hôm nay, Thực đơn tuần này, Thực đơn tháng này.

+ Trang web Thực đơn hôm nay liệt kê các món ăn được phục vụ trong ngày, bao gồm: món chính, món phụ và các loại nước uống. Có thể cung cấp thêm về thành phần, nguồn gốc và giá cả (nếu có) của mỗi món ăn giúp các bạn học sinh dễ dạng lựa chọn.

+ Trang web Thực đơn tuần này/tháng này hiển thị thực đơn của cả tuần giúp học sinh có cái nhìn tổng quát về các món ăn được phục vụ trong tuần/tháng. Có thể cung cấp thêm một số thông tin về chế độ dinh dưỡng và lợi ích sức khỏe của các món ăn.

+ Website có thể đưa ra thông tin liên hệ để học sinh có thể gửi phản hồi hoặc đề xuất về các món ăn hoặc chất lượng dịch vụ. Sử dụng biểu mẫu để thu thập phản hồi từ người dùng.

- Sau khi đã phác thảo cấu trúc và nội dung dự kiến của website, thực hiện theo hướng dẫn ở mục 4, Bài 7 trong SGK.

Eict 134

Trả lời câu hỏi Eict134 trang 22 Bài 1 SBT Tin học 12 Cánh diều

 Em hãy tạo một website nhằm tổ chức và quảng bá các sự kiện trong trường học như các buổi biểu diễn văn hoá – văn nghệ, triển lãm, hoặc các hoạt động từ thiện, các sự kiện lễ kỉ niệm diễn ra trong năm giúp các bạn học sinh dễ dàng tìm kiếm thông tin và tham gia tích cực.

Lời giải chi tiết:

- Dự kiến các trang web cho website, phác thảo nội dung và sắp xếp các phần nội dung trên mỗi trang web.

+ Trang chủ của website cần hiển thị thông tin tổng quan về các sự kiến sắp tới và các sự kiện đã diễn ra. Cung cấp các liên kết dẫn đến các phần khác của trang web như: Thông tin sự kiện, Đăng kí tham gia, Hỗ trợ và liên hệ.

+ Trang Thông tin sự kiện liệt kê các sự kiện sắp diễn ra và đã diễn ra trong trường, bao gồm: thời gian, địa điểm, mô tả sự kiện, nội dung, chương trình, các hoạt động trong sự kiện và mục tiêu nếu có.

+ Trang Đăng kí tham gia cung cấp một hình thức đăng kí trực tuyến cho học sinh muốn tham gia sự kiện, thu thập thông tin cá nhân cần thiết như: tên, lớp, số điện thoại, email để quản lí và liên lạc. + Trang Hỗ trợ và liên hệ đưa ra thông tin liên hệ của ban tổ chức sự kiện để hỗ trợ và giải đáp thắc mắc của người dùng, cung cấp hướng dẫn cụ thể về cách thức đăng kí, gửi phản hồi hoặc đề xuất ý kiến.

 – Sau khi đã phác thảo cấu trúc và nội dung dự kiến của website, thực hiện theo hướng dẫn ở mục 4, Bài 7 trong SGK.