BÀI 2 - TẠO WEBSITE BẰNG PHẦN MỀM (CÁNH DIỀU

Bài 2-Tạo web bằng phần mềm (Cánh diều - ict)

Đây là bài soạn gợi ý trả lời SGK tin học 12 (bộ sách Cánh diều). Bài này thuộc định hướng: Tin học ứng dụng (ICT). Các em truy cập vào để tham khảo nhé. Chúc các em có nhiều sức khỏe và chăm ngoan học giỏi.

Nháy vào các mục bên dưới để xem nhanh hơn
Khởi động	Hoạt động
Vận dụng	Câu hỏi tự kiểm tra

Khởi động (trang 129):

Em đã từng truy cập vào các website khác nhau, hãy cho biết các website thường có những thành phần cơ bản nào.

Gợi ý trả lời:

Một website thường có các thành phần cơ bản sau:
Tiêu đề (Header)
- Chứa logo, tên website.
- Thanh menu điều hướng đến các trang khác.
- Thanh tìm kiếm (nếu có).
- Ví dụ: Trên trang thương mại điện tử như Shopee, Lazada, header có logo, thanh tìm kiếm và giỏ hàng.
Nội dung chính (Main Content)
- Hiển thị bài viết, hình ảnh, video, nội dung chính của website.
- Với website tin tức, đây là khu vực hiển thị các bài báo.
- Với website thương mại điện tử, đây là danh sách sản phẩm.
- Với website doanh nghiệp, đây là phần giới thiệu, dịch vụ.
- Ví dụ: Trên Facebook, phần nội dung chính là bảng tin với bài đăng của bạn bè.
Thanh bên (Sidebar) - Có thể có hoặc không.
- Chứa danh mục, bài viết mới, quảng cáo,…
- Hỗ trợ điều hướng nhanh hơn.
- Ví dụ: Trên blog cá nhân, sidebar thường chứa danh sách bài viết phổ biến.
Chân trang (Footer)
- Chứa thông tin liên hệ, bản quyền, điều khoản sử dụng.
- Liên kết đến chính sách bảo mật, mạng xã hội.
- Ví dụ: Ở cuối trang Shopee có chính sách đổi trả, thông tin liên hệ, điều khoản dịch vụ.
Các yếu tố bổ sung khác
- Biểu mẫu liên hệ (Contact Form).
- Hệ thống bình luận, đánh giá.
- Nút chia sẻ mạng xã hội.
- Nút kêu gọi hành động – VD: “Mua ngay”, “Đăng ký ngay”.

Hoạt động (trang 131):

Em hãy phác thảo thiết kế cấu trúc của một website giới thiệu về trường em: những trang web dự kiến, cách sắp xếp nội dung trong các trang web đó và chuẩn bị tư liệu cần thiết.

Gợi ý trả lời:

Cấu trúc chung của website giới thiệu về trường em:
- Trang chủ (Home)
+ Tiêu đề: Tên trường + Khẩu hiệu
+ Ảnh bìa: Hình ảnh trường, học sinh, giáo viên
+ Giới thiệu ngắn gọn về trường
+ Thanh menu điều hướng đến các trang khác
- Trang Giới thiệu
+ Lịch sử thành lập
+ Sứ mệnh, tầm nhìn
+ Cơ sở vật chất
+ Thành tích nổi bật
- Trang Tin tức – Sự kiện
+ Cập nhật tin tức mới nhất về trường
+ Thông báo quan trọng
+ Các hoạt động ngoại khóa, cuộc thi, khen thưởng
- Trang Thông tin tuyển sinh
+ Điều kiện xét tuyển
+ Các bậc học, chương trình đào tạo
+ Hướng dẫn nộp hồ sơ
- Trang Hoạt động học sinh
+ Câu lạc bộ, phong trào ngoại khóa
+ Hoạt động tình nguyện, thể thao
+ Gương mặt học sinh tiêu biểu
- Trang Liên hệ
+ Địa chỉ trường trên Google Maps
+ Số điện thoại, email liên hệ
+ Biểu mẫu gửi câu hỏi trực tuyến
Chuẩn bị tư liệu cần thiết:
- Hình ảnh: Trường, lớp học, hoạt động ngoại khóa
- Video: Giới thiệu trường, cảm nhận của học sinh
- Bài viết: Giới thiệu trường, thông tin tuyển sinh, tin tức
- Biểu mẫu: Đăng ký nhận thông tin, liên hệ

Vận dụng (trang 133):

Em hãy phác thảo thiết kế cấu trúc của một website, sau đó tạo dự án website với chủ đề giới thiệu các phần mềm học tập.
Gợi ý:
- Dự kiến những trang web cần có trong website và nội dung tương ứng. Website giới thiệu về các phần mềm học tập có thể gồm nội dung chung, nổi bật và các trang chi tiết giới thiệu về các phần mềm học tập cụ thể như: phần mềm làm phim hoạt hình, phần mềm chỉnh sửa ảnh, phần mềm mềm tạo website,…
- Với mỗi trang web, sắp xếp các nội dung cụ thể với bố cục gồm: phần đầu trang, thanh điều hướng, phần nội dung và phần chân trang.
- Tạo dự án website có tên “Phần mềm học tập” và thêm các trang web nội dung với hướng dẫn như trong mục thực hành.

Gợi ý cách thực hiện:

1. Phác thảo thiết kế cấu trúc website:
- Tên website: Phần mềm học tập
- Mục tiêu: Giới thiệu và cung cấp thông tin về các phần mềm hỗ trợ học tập hiệu quả.
- Các trang web cần có và nội dung tương ứng:
+ Trang chủ (Home).
+ Phần mềm làm phim hoạt hình.
+ Phần mềm chỉnh sửa ảnh.
+ Phần mềm tạo website.
+ Liên hệ.
- Bố cục trang web (cho mỗi trang):
+ Phần đầu trang (Header).
+ Thanh điều hướng (Navigation Bar).
+ Phần nội dung (Content).
+ Phần chân trang (Footer).
2. Tạo dự án website với Mobirise:
Bước 1: Tạo dự án mới:
- Mở phần mềm Mobirise.
- Nhấp vào nút "Create New Site".
- Chọn một mẫu giao diện phù hợp (bạn có thể bắt đầu với mẫu trống).
- Đặt tên cho dự án là "Phần mềm học tập".
Bước 2: Thêm các trang web:
- Nhấp vào nút "Pages" ở góc trái màn hình.
- Nhấp vào nút "Create New Page".
- Đặt tên cho trang là "Trang chủ" (Home).
- Lặp lại bước này để tạo các trang "Làm phim hoạt hình", "Chỉnh sửa ảnh", "Tạo website" và "Liên hệ".
Bước 3: Thêm nội dung cho từng trang:
- Chọn trang "Trang chủ" và thêm các khối nội dung (blocks) từ thư viện của Mobirise.
- Chỉnh sửa văn bản, hình ảnh và video trong các khối nội dung.
- Lặp lại bước này cho các trang còn lại.
Bước 4: Tạo thanh điều hướng:
- Thêm một khối "Menu" vào phần đầu trang của mỗi trang.
- Chỉnh sửa các liên kết trong menu để trỏ đến các trang tương ứng.
Bước 5: Tạo phần chân trang:
- Thêm một khối "Footer" vào cuối mỗi trang.
- Chỉnh sửa nội dung của phần chân trang.
Bước 6: Xuất bản website:
- Nhấp vào nút "Publish" để xuất bản website lên máy chủ hoặc lưu trữ trên máy tính.

Câu hỏi tự kiểm tra (trang 133):

Trong các câu sau, những câu nào đúng?
a) Mỗi website thường gồm có một trang chủ, một trang chuyên mục và một trang chi tiết.
b) Tất cả các trang web trong cùng một website đều có giao diện giống nhau.
c) Phác thảo và thiết kế cấu trúc website phù hợp là yếu tố quan trọng khi thực hiện tạo website.
d) Trang chủ là trang web chính của website với nội dung mang tính tổng quát và nổi bật nhất trong website.

Gợi ý trả lời:

c) Phác thảo và thiết kế cấu trúc website phù hợp là yếu tố quan trọng khi thực hiện tạo website.
→ Đúng vì việc thiết kế cấu trúc giúp website dễ sử dụng, khoa học và logic hơn.
d) Trang chủ là trang web chính của website với nội dung mang tính tổng quát và nổi bật nhất trong website.
→ Đúng vì trang chủ là nơi giới thiệu chung về website, giúp người dùng định hướng nội dung cần tìm kiếm.
a) Mỗi website thường gồm có một trang chủ, một trang chuyên mục và một trang chi tiết.
→ Sai vì một website có thể có nhiều trang chuyên mục và trang chi tiết, không giới hạn chỉ một.
b) Tất cả các trang web trong cùng một website đều có giao diện giống nhau.
→ Sai vì các trang trong website có thể có cách bố trí và nội dung khác nhau, chỉ có phần giao diện chung như menu, màu sắc, font chữ được giữ nguyên để tạo sự đồng nhất.

---The end!---

CÙNG CHUYÊN MỤC: