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

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: