Giáo án Tin học ứng dụng 12 cánh diều bài 2: Tạo website bằng phần mềm

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.

HOẠT ĐỘNG CỦA GV VÀ HS

SẢN PHẨM DỰ KIẾN

Bước 1: GV chuyển giao nhiệm vụ:

- GV yêu cầu HS nhớ lại kiến thức đã học và trả lời câu hỏi:

+ Các trang web là các tệp tin được xây dựng bằng ngôn ngữ gì, có phần mở rộng là gì?

- GV trình chiếu lại website https://
moet.gov.vn/ và yêu cầu HS trả lời các câu hỏi:

+ Theo em, một website cần có những loại trang web nào?

+ Ví dụ đối với website giới thiệu các phần mềm học tập có thể bao gồm những trang web nào?

+ Cách sắp xếp và trình bày nội dung của các trang web trong một website có thể khác nhau không?

+ Mỗi trang web thường có những thành phần cơ bản nào?

Bước 2: HS thực hiện nhiệm vụ học tập:  

- HS tìm hiểu nội dung mục 1 SGK tr.129 – 130 và trả lời các câu hỏi mà GV đưa ra. 

- GV quan sát, theo dõi và hỗ trợ HS khi cần thiết.

Bước 3: Báo cáo kết quả hoạt động, thảo luận: 

- HS lần lượt trả lời các câu hỏi và nhận xét, bổ sung cho nhau.

Bước 4: Đánh giá kết quả thực hiện: 

- GV nêu nhận xét, chính xác hoá lại các nội dung trả lời của HS.

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

- Các trang web là các tệp tin được xây dựng bởi ngôn ngữ HTML và có phần mở rộng là “htm” hoặc “.html”. 

- Để thể hiện đầy đủ thông tin, mỗi đơn vị và tổ chức sẽ tạo một website gồm nhiều trang web liên kết với nhau. Tuỳ thuộc vào cách thức hiển thị nội dung mà mỗi website có số lượng trang web khác nhau, nhưng về cơ bản một website cần có ba loại trang web chính:

+ Trang chủ: 

• Là trang web đầu tiên khi truy cập website. 

• Thường có các mục nội dung chính, nổi bật nhất trong website.

+ Trang chuyên mục: 

• Các nội dung cùng chủ đề hoặc cùng lĩnh vực trong website được nhóm lại với nhau thành chuyên mục. 

• Chuyên mục giúp người xem giới hạn phạm vi tìm kiếm thông tin thuộc chủ đề mình quan tâm trong website.

+ Trang chi tiết: Hiển thị các nội dung cụ thể của các mục nội dung.

- Mỗi website thường gồm có một trang chủ, một vài trang chuyên mục và nhiều trang chi tiết. 

Ví dụ: Website giới thiệu các phần mềm học tập có thể gồm: 

• Trang chủ giới thiệu chung về website.

• Các trang chuyên mục:

• Phần mềm văn phòng.

• Phần mềm đồ hoạ.

• Các trang chi tiết. 

Các trang chi tiết của chuyên mục phần mềm văn phòng gồm: 

• Phần mềm soạn thảo văn bản Word.

• Phần mềm bảng tính Excel.

• Phần mềm trình chiếu PowerPoint.

…

- Mỗi trang web có cách sắp xếp và trình bày nội dung (được gọi là giao diện) khác nhau tuỳ thuộc vào mục đích và mong muốn của cá nhân hoặc tổ chức tạo website. 

Hình 1. Ví dụ về giao diện của hai trang web

Tuy nhiên, mỗi trang web đều có một số thành phần cơ bản sau:

① Phần đầu trang: là phần nằm trên đầu của trang web và thường chứa các thông tin như:

• Logo của tổ chức (doanh nghiệp).

• Thanh tìm kiếm.

• Giỏ hàng.

• Số điện thoại đường dây nóng.

• Lựa chọn ngôn ngữ.

② Thanh điều hướng: 

• Là bảng chọn chính được hiển thị ở tất cả các trang web.

• Chứa tập hợp các liên kết đến các trang web trong website.

Ví dụ: Thanh điều hướng có thể gồm các đường liên kết như: Trang chủ, Sản phẩm, Liên hệ, Giới thiệu,…

③ Phần nội dung: 

• Là phần nội dung của trang web cung cấp thông tin cụ thể cho người xem. 

• Nội dung có thể ở các dạng khác nhau: 

• Văn bản.

• Âm thanh.

• Hình ảnh.

• Video.

• Đường liên kết đến các trang web hoặc website khác.

④ Phần chân trang: là phần nằm ở cuối của trang web và thường chứa các thông tin:

• Bản quyền.

• Các liên kết nhanh.

• Kết nối các trang mạng xã hội.

• Các mục lục khác.

…

HOẠT ĐỘNG CỦA GV VÀ HS

SẢN PHẨM DỰ KIẾN

Bước 1: GV chuyển giao nhiệm vụ:

- GV yêu cầu HS hoạt động cá nhân và trả lời các câu hỏi:

+ Website có thể được tạo bằng những cách nào? Cách nào đơn giản hơn?

+ Theo em, việc tạo website bằng phần mềm bao gồm những bước nào?

- GV yêu cầu HS suy nghĩ và thực hiện Hoạt động SGK tr.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.

- Từ Hoạt động trên, GV đặt câu hỏi:

+ Trước khi sử dụng phần mềm chuyên dụng để tạo website, em cần làm gì?

Bước 2: HS thực hiện nhiệm vụ học tập:  

- HS tìm hiểu nội dung mục 2 SGK tr.130 – 131 và trả lời các câu hỏi mà GV đưa ra. 

- GV quan sát, theo dõi và hỗ trợ HS khi cần thiết.

Bước 3: Báo cáo kết quả hoạt động, thảo luận: 

- HS lần lượt trả lời các câu hỏi và nhận xét, bổ sung cho nhau.

Bước 4: Đánh giá kết quả thực hiện: 

- GV nêu nhận xét, chính xác hoá lại các nội dung trả lời của HS.

- GV tóm tắt bài học:

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

- Ngoài cách viết mã lệnh bằng các ngôn ngữ lập trình web để tạo website, cách đơn giản hơn là sử dụng các phần mềm để tạo website. - Việc tạo website bằng phần mềm gồm các bước cơ bản sau: 

Bước 1. Phác thảo và thiết kế cấu trúc của một website: những trang web cần có trong website, cách sắp xếp nội dung trên mỗi trang web,…

Bước 2. Chuẩn bị nội dung và tư liệu hình ảnh, video,…

Bước 3. Tạo dự án website và các trang web cần có trong website, mỗi trang web có thể là các trang trắng hoặc lựa chọn các mẫu trang web phù hợp từ thư viện của phần mềm tạo website.

Bước 4. Tạo và chỉnh sửa các thành phần trên các trang web: tạo phần đầu trang, thanh điều hướng, các nội dung bài viết, hình ảnh, biểu mẫu và chân trang,…

Bước 5. Xem trước và xuất bản website.

Trước khi sử dụng phần mềm chuyên dụng để tạo website, cần phác thảo một cấu trúc phù hợp với yêu cầu của website.

Hướng dẫn thực hiện Hoạt động SGK tr.131:

- Phác thảo thiết kế cấu trúc website giới thiệu trường học:

+ Trang chủ:

• Giới thiệu chung về trường học: Logo, tên trường, slogan, lịch sử hình thành, sứ mệnh, tầm nhìn.

• Tin tức nổi bật: Tin tức mới nhất, sự kiện quan trọng của trường.

• Hình ảnh đẹp về trường: Thư viện ảnh, video giới thiệu trường.

• Liên hệ: Thông tin liên lạc, bản đồ, form liên hệ.

+ Trang Giới thiệu:

• Thông tin chi tiết về trường: Ban giám hiệu, đội ngũ giáo viên, cơ sở vật chất, chương trình đào tạo.

• Thành tích của trường: Học sinh giỏi, giải thưởng, hoạt động ngoại khóa.

• Tuyển sinh: Quy trình tuyển sinh, điều kiện tuyển sinh, hướng dẫn đăng ký.

+ Trang Chương trình đào tạo:

• Giới thiệu các chương trình đào tạo của trường.

• Lịch học: Lịch học chi tiết theo từng chương trình đào tạo.

• Giáo viên: Thông tin chi tiết về đội ngũ giáo viên giảng dạy.

+ Trang Hoạt động:

• Tin tức về các hoạt động ngoại khóa của trường: Văn nghệ, thể thao, tình nguyện.

• Hình ảnh và video về các hoạt động.

• Câu lạc bộ: Giới thiệu các câu lạc bộ hoạt động trong trường.

+ Trang Tuyển sinh:

…………………………..