Thầy Cải - Quốc Thái

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

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

Đây là bài soạn lý thuyết tin học 12 - sách Cánh diều. Bài học này thuộc định hướng Tin học ứng dụng (ICT). Lý thuyết được tóm tắt ngắn gọn, dễ hiểu, bám sát nội dung cốt lõi của bài học. Quý Thầy Cô và các em học sinh truy cập để làm tài liệu tham khảo nhé. Chúc Thầy Cô dạy tốt, chúc các em học sinh học giỏi.

1. Cấu trúc cơ bản của một website

- Website gồm nhiều trang web (.html) liên kết với nhau.
- Ba loại trang web chính:
+ Trang chủ: Trang đầu tiên, hiển thị nội dung quan trọng.
+ Trang chuyên mục: Nhóm các nội dung cùng chủ đề.
+ Trang chi tiết: Hiển thị nội dung cụ thể.
- Các Thành phần chính của một trang web:
➀ Phần đầu trang (Header): Logo, thanh tìm kiếm, ngôn ngữ, hotline.
➁ Thanh điều hướng (Navigation): Liên kết giữa các trang trong website.
➂ Phần nội dung (Content): Văn bản, hình ảnh, video, liên kết, biểu mẫu.
➃ Phần chân trang (Footer): Bản quyền, liên kết mạng xã hội, danh mục.

2. Các bước tạo website bằng phần mềm

Thay vì lập trình, có thể sử dụng phần mềm thiết kế website theo 5 bước:
Bước 1: Phác thảo cấu trúc website
- Xác định số lượng trang, nội dung từng trang.
Bước 2: Chuẩn bị nội dung
- Hình ảnh, văn bản, video cần đưa vào website.
Bước 3: Tạo website trong phần mềm
- Tạo trang chủ và các trang web theo chủ đề có sẵn hoặc trang trắng.
Bước 4: Chỉnh sửa & thiết kế website
- Thêm nội dung, hình ảnh, video, biểu mẫu, menu điều hướng.
Bước 5: Xem trước & xuất bản website
- Kiểm tra hiển thị trên trình duyệt, chỉnh sửa nếu cần trước khi công bố.
Lưu ý: Cần phác thảo cấu trúc website trước khi sử dụng phần mềm.

3. Thực hành

Yêu cầu:
Em hãy tạo một dự án website “Giới thiệu trường em” gồm những trang web mà em đã phác thảo ở hoạt động trên.
Các bước thực hiện:
- Bước 1: Tạo dự án website
+ Vào Sites → Create New Site
+ Đặt tên dự án, chọn Blank Page hoặc chủ đề có sẵn (Company, Portfolio,…).
- Bước 2: Tạo trang web trong website
+ Vào Pages → Create New Page
+ Chọn Blank Page hoặc mẫu trang web có sẵn.
+ Đặt tên trang (Trang chủ, Giới thiệu, Hoạt động,…).

---The End!---

CÙNG CHUYÊN MỤC:

Bài 1. Giới thiệu về trí tuệ nhân tạo
Bài 2. Giới thiệu về trí tuệ nhân tạo (tiếp theo)

Bài 1. Cơ sở về mạng máy tính
Bài 2. Mô hình và các giao thức mạng
Bài 3. Thực hành thiết lập kết nối và sử dụng mạng

Bài. Giữ gìn tính nhân văn trong thế giới ảo

Bài 1. Làm quen với ngôn ngữ đánh dấu siêu văn bản
Bài 2. Định dạng văn bản và tạo siêu liên kết
Bài 3. Thực hành định dạng văn bản và tạo siêu liên kết
Bài 4. Trình bày nội dung theo dạng danh sách, bảng biểu
Bài 5. Chèn hình ảnh, âm thanh, video và sử dụng khung
Bài 6. Tạo biểu mẫu
Bài 7. Thực hành tạo biểu mẫu
Bài 8. Làm quen với CSS
Bài 9. Thực hành định dạng một số thuộc tính CSS
Bài 10. Bộ chọn lớp, bộ chọn định danh
Bài 11. Mô hình hộp, bố cục trang web
Bài 12. Dự án nhỏ: Tạo trang web báo tường

Bài 1. Giới thiệu nhóm nghề Dịch vụ và Quản trị trong ngành Công nghệ thông tin
Bài 2. Một số nghề khác trong ngành Công nghệ thông tin và một số nghề ứng dụng Công nghệ thông tin
Bài 3. Dự án nhỏ: Tìm hiểu thông tin tuyển sinh và hướng nghiệp về lĩnh vực đào tạo “Máy tính và Công nghệ thông tin” ở Việt Nam.

Bài 1. Thực hành kết nối máy tính với ti vi thông minh
Bài 2. Thực hành theo nhóm: Kết nối các thiết bị không dây cho ứng dụng

Bài 1. Giới thiệu phần mềm tạo website
Bài 2. Tạo website bằng phần mềm
Bài 3. Tạo thanh điều hướng cho trang web
Bài 4. Tạo nội dung văn bản cho trang web
Bài 5. Tạo nội dung hình ảnh cho trang web
Bài 6. Tạo biểu mẫu cho trang web và xuất bản website
Bài 7. Tạo sản phẩm theo nhóm (Bài tập nhóm)

Bài 1. Môi trường truyền dẫn
Bài 2. Thiết bị mạng
Bài 3. Thiết bị mạng LAN
Bài 4. Thực hành về nhận diện thiết bị mạng và thiết kế mạng LAN (Bài tập nhóm)

Bài 1. Giới thiệu về học máy
Bài 2. Giới thiệu về khoa học dữ liệu
Bài 3. Giới thiệu về khoa học dữ liệu (tiếp theo)
Bài 4. Thực hành phân tích dữ liệu

Bài 1. Mô phỏng được sử dụng trong nhiều lĩnh vực
Bài 2. Thực hành về mô phỏng

CÁC CHUYÊN MỤC LIÊN QUAN:

☞ Kiểm tra tin học 12 - Cánh diều
☞ Lý thuyết tin học 12 - Cánh diều
☞ Thực hành tin học 12 - Cánh diều
☞ Gợi ý trả lời tin học 12 - Cánh diều
☞ Trắc nghiệm tin học 12 - Cánh diều
☞ Bài giảng điện tử tin học 12 - Cánh diều

BÀI 1. GIỚI THIỆU PHẦN MỀM TẠO WEBSITE (CÁNH DIỀU - ICT)

Bài 1 - Giới thiệu phần mềm tạo website (Cánh diều - ict)

1. Phần mềm tạo website

- Trước đây, website cần lập trình viên để tạo lập.
- Hiện nay, có nhiều phần mềm kéo-thả giúp tạo website đơn giản.
* Phân loại phần mềm tạo website:
- Phần mềm trực tuyến (không cần cài đặt, dùng qua Internet): Ví dụ: Google Sites, Wix, Weebly.
- Phần mềm ngoại tuyến (cần cài đặt, không cần mạng): Ví dụ: Mobirise, Adobe Dreamweaver, Nicepage.
* Các chức năng chính của phần mềm tạo website:
- Tạo trang web (web page).
- Cung cấp các mẫu trang web (templates và thêm)
- Chèn nội dung văn bản (article, textblock)
- Chèn hình ảnh, video.
- Chèn liên kết (hyperlink).
- Chèn các biểu mẫu (form).
- Tùy chỉnh giao diện (responsive).
- Xuất bản website (publish)

2. Giới thiệu phần mềm Mobirise

- Mobirise là phần mềm ngoại tuyến miễn phí trên Windows, MacOS, Linux.
- Cung cấp nhiều mẫu website đẹp theo từng chủ đề.

- Sử dụng dễ dàng với thao tác kéo thả khối nội dung.
* Giao diện Mobirise gồm:
➀ Thanh công cụ: Chứa các tùy chọn lưu, xuất bản, xem trước website.
➁ Vùng làm việc chính: Hiển thị nội dung trang web.
➂ Nút "Add Block to Page": Thêm các khối nội dung (text, ảnh, video, menu).

- Ví dụ: Chỉ cần kéo-thả khối "Features" để thêm nội dung vào trang web.

3. Thực hành

Yêu cầu:
Em hãy mở một mẫu trang web trên phần mềm Mobirise và sửa nội dung văn bản, hình ảnh trên trang web đó.
Các bước thực hiện:
- Bước 1: Mở Mobirise, giao diện sẽ tạo ra một mẫu trang web.
- Bước 2: Chỉnh sửa nội dung văn bản bằng cách chọn và nhập nội dung mới.
- Bước 3: Thay đổi hình ảnh bằng cách chọn Media Image → Browse Computer → Chọn ảnh.
- Bước 4: Xem trước website bằng cách chọn Preview in Browser.

---The End!---

CÙNG CHUYÊN MỤC:

Bài 1. Giới thiệu về trí tuệ nhân tạo
Bài 2. Giới thiệu về trí tuệ nhân tạo (tiếp theo)

Bài 1. Cơ sở về mạng máy tính
Bài 2. Mô hình và các giao thức mạng
Bài 3. Thực hành thiết lập kết nối và sử dụng mạng

Bài. Giữ gìn tính nhân văn trong thế giới ảo

Bài 1. Thực hành kết nối máy tính với ti vi thông minh
Bài 2. Thực hành theo nhóm: Kết nối các thiết bị không dây cho ứng dụng

Bài 1. Mô phỏng được sử dụng trong nhiều lĩnh vực
Bài 2. Thực hành về mô phỏng

CÁC CHUYÊN MỤC LIÊN QUAN:

BÀI 2. THỰC HÀNH THEO NHÓM: KẾT NỐI CÁC THIẾT BỊ KHÔNG DÂY CHO ỨNG DỤNG (CÁNH DIỀU - ICT)

Bài 2 - Thực hành theo nhóm: kết nối các thiết bị không dây cho ứng dụng (Cánh diều - ict)

1. Yêu cầu chung

- Mỗi nhóm 4 - 5 học sinh, chọn thực hiện 2 trong 4 nhiệm vụ.
- Sản phẩm báo cáo gồm:
+ Các bước thực hiện nhiệm vụ.
+ Đánh giá mức độ hoàn thành và cảm nhận của nhóm.
- Báo cáo trước lớp:
+ Giáo viên có thể yêu cầu nhóm thực hiện hoặc giải thích lại từng bước.

2. Các nhiệm vụ tùy chọn

Nhiệm vụ 1. Kết nối máy tính với điện thoại thông minh qua Wi-Fi

Yêu cầu:
- Kết nối Wi-Fi giữa máy tính và điện thoại.
- Chuyển dữ liệu qua lại giữa hai thiết bị.
Các bước thực hiện:
- Bước 1: Bật Wi-Fi trên điện thoại và chọn mạng an toàn.
- Bước 2: Bật Wi-Fi trên máy tính và kết nối cùng mạng.
- Bước 3: Chuyển tệp bằng email, Zalo, tin nhắn,...

Nhiệm vụ 2. Kết nối máy tính và điện thoại thông minh qua ứng dụng AirDroid Personal

Yêu cầu:
+ Cài đặt và sử dụng ứng dụng AirDroid Personal để kết nối.
+ Gửi tệp qua lại giữa máy tính và điện thoại.
Các bước thực hiện:
- Bước 1: Tải AirDroid Personal trên máy tính & điện thoại từ www.airdroid.com.
- Bước 2: Đăng ký cùng một tài khoản trên cả hai thiết bị.
- Bước 3: Truyền dữ liệu:
+ Máy tính → Điện thoại: Vào File Transfer → Chọn tệp → Send.
+ Điện thoại → Máy tính: Chọn tệp trên điện thoại → Send.

Nhiệm vụ 3: Làm việc với ổ cắm thông minh

Yêu cầu:
- Cài đặt ứng dụng điều khiển ổ cắm thông minh.
- Kết nối ổ cắm với ứng dụng.
- Điều khiển bật/tắt từ xa, đặt lịch hoạt động.
Các bước thực hiện:
- Bước 1: Cài đặt ứng dụng RangDongSmart trên điện thoại.
- Bước 2: Reset ổ cắm, kết nối với Wi-Fi, nhập thông tin trên ứng dụng.
- Bước 3: Điều khiển bật/tắt từ xa và đặt lịch hẹn giờ.

Nhiệm vụ 4: Làm việc với đèn thông minh

Yêu cầu:
- Cài đặt ứng dụng điều khiển đèn thông minh.
- Kết nối đèn với ứng dụng.
- Điều chỉnh màu sắc, độ sáng, hẹn giờ bật/tắt.
Các bước thực hiện:
- Bước 1: Cài đặt ứng dụng RangDongSmart.
- Bước 2: Reset và kết nối đèn với Wi-Fi.
- Bước 3: Điều khiển đèn:
+ Thay đổi màu sắc, độ sáng.
+ Chọn chế độ bối cảnh (đọc sách, ban đêm,…).
+ Lập lịch bật/tắt tự động.

---The End!---

CÙNG CHUYÊN MỤC:

Bài 1. Giới thiệu về trí tuệ nhân tạo
Bài 2. Giới thiệu về trí tuệ nhân tạo (tiếp theo)

Bài 1. Cơ sở về mạng máy tính
Bài 2. Mô hình và các giao thức mạng
Bài 3. Thực hành thiết lập kết nối và sử dụng mạng

Bài. Giữ gìn tính nhân văn trong thế giới ảo

Bài 1. Thực hành kết nối máy tính với ti vi thông minh
Bài 2. Thực hành theo nhóm: Kết nối các thiết bị không dây cho ứng dụng

Bài 1. Mô phỏng được sử dụng trong nhiều lĩnh vực
Bài 2. Thực hành về mô phỏng

CÁC CHUYÊN MỤC LIÊN QUAN:

BÀI 1. THỰC HÀNH KẾT NỐI MÁY TÍNH VỚI TI VI THÔNG MINH
(CÁNH DIỀU - ICT)

Bài 1 - Thực hành kết nối máy tính với ti vi thông minh (Cánh diều - ict)

Nhiệm vụ 1. Kết nối máy tính với ti vi thông minh qua Wi-Fi

Yêu cầu:
Kết nối máy tính với TV qua Wi-Fi và truyền một số dữ liệu (hình ảnh, âm thanh, video,…) từ máy tính.
Các bước thực hiện:
- Bước 1: Bật Wi-Fi trên TV.
- Bước 2: Bật Wi-Fi trên máy tính.
- Bước 3: Dò và kết nối máy tính với TV:
+ Vào Start → Settings → Devices → Bluetooth & other devices → Add Bluetooth or other device.
+ Chọn Everything else, đợi máy tính quét TV, sau đó chọn TV để kết nối.
+ Khi thấy thông báo "Your device is ready to go!", nhấn Done để hoàn tất.
- Bước 4: Gửi/Nhận tệp từ máy tính lên TV:
+ Mở Windows Explorer, chọn thư mục chứa tệp cần gửi.
+ Nhấp chuột phải vào tệp → Cast to Device → Chọn TV.
+ Nội dung sẽ được phát trên TV theo danh sách đã chọn.

Nhiệm vụ 2. Kết nối máy tính với ti vi thông minh qua Bluetooth

Yêu cầu:
Kết nối máy tính với TV bằng Bluetooth và truyền dữ liệu.
Các bước thực hiện:
- Bước 1: Bật Bluetooth trên TV
+ TV Sony: Vào Settings → Bluetooth → Ghép nối phụ kiện.
+ TV Samsung: Vào Cài đặt → Tất cả cài đặt → Kết nối → Danh sách thiết bị Bluetooth.
- Bước 2: Bật Bluetooth trên máy tính
+ Vào Start → Settings → Devices → Bluetooth & other devices → Add Bluetooth or other device.
+ Chọn Bluetooth, máy tính sẽ quét tìm TV.
- Bước 3: Chọn TV cần kết nối
+ Chọn tên máy tính trên TV để gửi yêu cầu kết nối.
+ Mã ghép đôi xuất hiện trên máy tính và TV.
- Bước 4: Chấp nhận kết nối trên TV
+ Trên Sony, chọn Ghép nối.
+ Trên Samsung, chọn Ghép đôi.
- Bước 5: Hoàn tất kết nối
+ Trên máy tính, chọn Connect → Done để hoàn thành.
- Bước 6: Truyền dữ liệu từ máy tính sang TV
+ Chia sẻ ảnh, nhạc, video bằng cách nhấp chuột phải vào tệp → Send via Bluetooth.
Lưu ý:
- Bluetooth có tốc độ dưới 50 Mbps, phù hợp khi 2 thiết bị gần nhau.
- Wi-Fi cho phép truyền xa hơn nhưng cần Router hoặc Access Point để kết nối tốt hơn.

---The End!---

CÙNG CHUYÊN MỤC:

Bài 1. Giới thiệu về trí tuệ nhân tạo
Bài 2. Giới thiệu về trí tuệ nhân tạo (tiếp theo)

Bài 1. Cơ sở về mạng máy tính
Bài 2. Mô hình và các giao thức mạng
Bài 3. Thực hành thiết lập kết nối và sử dụng mạng

Bài. Giữ gìn tính nhân văn trong thế giới ảo

Bài 1. Thực hành kết nối máy tính với ti vi thông minh
Bài 2. Thực hành theo nhóm: Kết nối các thiết bị không dây cho ứng dụng

Bài 1. Mô phỏng được sử dụng trong nhiều lĩnh vực
Bài 2. Thực hành về mô phỏng

CÁC CHUYÊN MỤC LIÊN QUAN:

BÀI 3. DỰ ÁN NHỎ: TÌM HIỂU THÔNG TIN TUYỂN SINH VÀ HƯỚNG NGHIỆP VỀ LĨNH VỰC ĐÀO TẠO "MÁY TÍNH VÀ CNTT Ở VIỆT NAM" (CÁNH DIỀU - CS & ICT)

Bài 3 - Dự án nhỏ: tìm hiểu thông tin tuyển sinh và hướng nghiệp về lĩnh vực đào tạo "Máy tính và công nghệ thông tin" ở Việt Nam (Cánh diều - cs & ict)

Đây là bài soạn lý thuyết tin học 12 - sách Cánh diều. Bài học này là kiến thức cốt lõi chung cho cả hai định hướng: Khoa học máy tính (cs) và Tin học ứng dụng (ict). Lý thuyết được tóm tắt ngắn gọn, dễ hiểu, bám sát nội dung cốt lõi của bài học. Quý Thầy Cô và các em học sinh truy cập để làm tài liệu tham khảo nhé. Chúc Thầy Cô dạy tốt, chúc các em học sinh học giỏi.

1. Yêu cầu chung

Chia nhóm (5-8 học sinh/nhóm), mỗi nhóm thực hiện 2 nhiệm vụ:

Nhiệm vụ 1: Tìm hiểu ngành đào tạo CNTT tại Việt Nam

Chọn một cơ sở đào tạo từ danh sách A:
+ A1: Một khoa CNTT của một trường đại học tại Việt Nam.
+ A2: Một khoa CNTT có chương trình liên kết với nước ngoài.
+ A3: Một cơ sở đào tạo CNTT gần nơi sinh sống.
+ A4: Một cơ sở đào tạo CNTT do nhóm tự chọn (giáo viên duyệt).

Nhiệm vụ 2: Ứng dụng CNTT trong các ngành khác

- Chọn một ngành từ danh sách B:
+ B1: Tài chính - Ngân hàng.
+ B2: Giao thông vận tải.
+ B3: Quân sự, Quốc phòng.
+ B4: Ngành do nhóm tự chọn (giáo viên duyệt).
- Thời gian: 2 tuần (3 tiết học).
+ Tiết 1: Lập kế hoạch, phân công công việc.
+ Tiết 2: Thu thập thông tin, hoàn thiện sản phẩm.
+ Tiết 3: Báo cáo kết quả.
- Sản phẩm dự án:
+ Bài trình bày kết quả.
+ Bản tự đánh giá nhóm (hoàn thành, thiếu sót, tinh thần làm việc).
- Tiêu chí đánh giá:
+ Nội dung chính xác, cập nhật, nguồn tin đáng tin cậy.
+ Trình bày ngắn gọn, thẩm mỹ, thuyết trình hấp dẫn.

2. Một số hướng dẫn gợi ý

Giai đoạn 1 (Tiết 1 - Trên lớp):
- Lập kế hoạch, phân công nhiệm vụ, xác định thời gian hoàn thành.
Giai đoạn 2 (Tiết 2 & làm ngoài giờ học):
Tìm kiếm thông tin từ:
+ Internet, tài liệu chính thống.
+ Giao lưu với sinh viên, chuyên gia CNTT.
+ Tổng hợp & minh chứng thông tin trong báo cáo.
+ Hoàn thiện bài trình bày, phân công thuyết trình.
Giai đoạn 3 (Tiết 3 - Trình bày & Đánh giá):
- Các nhóm thuyết trình & trao đổi thông tin.
- Giáo viên có thể đặt câu hỏi cho bất kỳ thành viên nào.
- Nhóm đánh giá chéo kết quả của nhóm khác.
Kết luận: Dự án giúp học sinh hiểu rõ ngành CNTT, cơ hội nghề nghiệp và ứng dụng CNTT trong nhiều lĩnh vực. Đồng thời, rèn luyện kỹ năng nghiên cứu, làm việc nhóm và thuyết trình.

---The End!---

CÙNG CHUYÊN MỤC:

Bài 1. Giới thiệu về trí tuệ nhân tạo
Bài 2. Giới thiệu về trí tuệ nhân tạo (tiếp theo)

Bài 1. Cơ sở về mạng máy tính
Bài 2. Mô hình và các giao thức mạng
Bài 3. Thực hành thiết lập kết nối và sử dụng mạng

Bài. Giữ gìn tính nhân văn trong thế giới ảo