Giáo án Tin học ứng dụng 12 cánh diều bài 1: Giới thiệu phần mềm tạo website

Ngày soạn:…/…/… 

Ngày dạy:…/…/…

CHỦ ĐỀ : ỨNG DỤNG TIN HỌC

THỰC HÀNH SỬ DỤNG PHẦN MỀM TẠO TRANG WEB

BÀI 1: GIỚI THIỆU PHẦN MỀM TẠO WEBSITE

(2 tiết)

I. MỤC TIÊU

1. Kiến thức

Sau bài học này, HS sẽ:

• Chỉ ra được một số chức năng cơ bản của phần mềm tạo website.

• Nhận biết được các thành phần của giao diện phần mềm tạo website Mobirise.

2. Năng lực

Năng lực chung: 

• Năng lực học tập, tự học: HS biết tự tìm kiếm, chuẩn bị và lựa chọn tài liệu, phương tiện học tập trước giờ học, quá trình tự giác tham gia các và thực hiện các hoạt động học tập cá nhân trong giờ học ở trên lớp,…

• Năng lực giao tiếp và hợp tác: Khả năng phân công và phối hợp thực hiện nhiệm vụ học tập.

• Năng lực giải quyết vấn đề sáng tạo: HS đưa ra các phương án trả lời cho câu hỏi, bài tập xử lý tình huống, vận dụng kiến thức, kĩ năng của bài học để giải quyết vấn đề thường gặp.

Năng lực Tin học: 

• Sử dụng được phần mềm Mobirise để chỉnh sửa nội dung văn bản, hình ảnh trên trang web.

3. Phẩm chất

• Trung thực: Thực hiện đúng phần việc của bản thân và hợp tác làm việc nhóm khi được giao nhiệm vụ. Có ý thức báo cáo kết quả một cách chính xác.

• Trách nhiệm: Hoàn thành các bài tập theo yêu cầu của giáo viên thông qua hệ thống câu hỏi, phiếu học tập, thông qua sản phẩm.

II. THIẾT BỊ DẠY HỌC VÀ HỌC LIỆU 

• GV: SGK, SBT Tin học 12 – Định hướng Tin học ứng dụng – Cánh diều, bài trình chiếu (Slide), máy chiếu, phòng thực hành có kết nối Internet.

• HS: SGK, SBT Tin học 12 – Định hướng Tin học ứng dụng – Cánh diều, vở ghi.

III. TIẾN TRÌNH DẠY HỌC

A. HOẠT ĐỘNG KHỞI ĐỘNG 

a) Mục tiêu: Giúp cho HS biết được cách làm website khá phổ biến và thuận tiện là sử dụng phần mềm.

b) Nội dung: HS suy nghĩ trả lời câu hỏi Khởi động SGK trang 123 theo kiến thức của mình.

c) Sản phẩm: Cách tạo trang web.

d) Tổ chức thực hiện: 

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

- GV yêu cầu HS hoạt động cá nhân, suy nghĩ trả lời câu hỏi Khởi động tr.123 SGK: 

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

- HS tiếp nhận và thực hiện nhiệm vụ.

- GV quan sát 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: 

- GV mời một số HS xung phong trả lời câu hỏi Khởi động tr.123 SGK.

Gợi ý trả lời: 

GV cho HS quan sát trang web https://vnexpress.net/ sau đó yêu cầu HS so sánh với bài trình chiếu, từ đó gợi mở để HS thấy được sự giống nhau cơ bản giữa trang trình chiếu và trang web và dẫn dắt HS liên hệ đến việc tạo ra trang web với việc tạo ra trang trình chiếu.

Ngoài cách sử dụng ngôn ngữ lập trình thì có thể sử dụng phần mềm để tạo trang web.

- HS khác lắng nghe, nhận xét và bổ sung.

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

GV đánh giá kết quả của HS, dẫn dắt HS vào bài học mới: Trước đây, các website thường do các lập trình viên chuyên nghiệp tạo lập. Ngày nay, không cần có kĩ năng lập trình, người sử dụng cũng có thể tạo được trang web chi với các thao tác kéo thả đơn giản. Để cùng nhau tìm hiểu về các phần mềm tạo website, chúng ta sẽ cùng nhau đến với Bài 1: Giới thiệu phần mềm tạo website.

B. HÌNH THÀNH KIẾN THỨC MỚI

Hoạt động 1: Phần mềm tạo website

a) Mục tiêu: Giới thiệu cho HS một số phần mềm tạo website và các chức năng của phần mềm tạo website.

b) Nội dung: GV giao nhiệm vụ; HS tìm hiểu nội dung mục 1. Phần mềm tạo website và thực hiện nhiệm vụ học tập.

c) Sản phẩm: 

- Một số phần mềm tạo website.

- Chức năng cơ bản của các phần mềm tạo website.

d) Tổ chức thực hiện:

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 làm việc cá nhân và trả lời các câu hỏi: + Dựa trên môi trường hoạt động, có thể phân chia các phần mềm tạo website thành những loại nào? - GV yêu cầu HS suy nghĩ và thực hiện Hoạt động 1 SGK tr.123: Theo em, phần mềm tạo website cần có những chức năng 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.123 – 124 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 trả lời các câu hỏi và nhận xét lẫn nhau. Hướng dẫn thực hiện Hoạt động 1 SGK tr.123: Đã trình bày tại cột SPDK. 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. Phần mềm tạo website - Bằng cách sử dụng các công cụ trực quan của phần mềm tạo website, người dùng có thể tạo, chỉnh sửa và xuất bản một website từ các mẫu hoặc các thành phần được cung cấp sẵn.  - Dựa trên môi trường hoạt động, có thể phân chia các phần mềm tạo website thành hai loại: + Phần mềm tạo website trực tuyến: là phần mềm được sử dụng trực tiếp trên môi trường mạng không yêu cầu cài đặt trên máy tính. Ví dụ:  sites.google.com wix.com weebly.com … + Phần mềm tạo website ngoại tuyến: là phần mềm được cài đặt trên máy tính và sử dụng không cần môi trường mạng. Ví dụ:  Mobirise Rapid Weaver Nicepage Adobe Dreamweaver … - Các phần mềm tạo website có thể được xây dựng và phát triển bởi nhiều công ty trên các nền tảng khác nhau nhưng đều đảm bảo cung cấp một số chức năng cơ bản sau: + Tạo các trang web (web page): Tạo các trang web có nội dung dưới dạng văn bản, hình ảnh, video,… + Cung cấp các mẫu trang web (templates và themes): Cung cấp các mẫu trang web có thiết kế và bố cục riêng theo từng chủ đề. Người dùng có thể lựa chọn các mẫu phù hợp với mục đích của website cần tạo.  Ví dụ:  Mẫu trang web với chủ đề nhiếp ảnh sẽ được thiết kế với bố cục làm nổi bật thư viện hình ảnh trên trang chủ. Mẫu trang web thương mại điện tử sẽ có bố cục tập trung vào các hình ảnh, thông tin mô tả sản phẩm. + Chèn nội dung văn bản (article, textblock): Tạo các vùng soạn thảo cho phép đưa nội dung văn bản vào trang web dưới dạng các thông báo, bài viết,… + Chèn hình ảnh, video: Đưa hình ảnh, video vào trang web. + Chèn liên kết (hyperlink): Chèn liên kết cho một văn bản, hình ảnh hoặc tổ chức các liên kết dưới dạng một thanh điều hướng (navigation menu). Các liên kết giúp dễ dàng di chuyển đến các mục nội dung trong trang web hoặc các website khác. + Chèn các biểu mẫu (forms): Tạo các biểu mẫu với các trường thông tin có thể tuỳ chỉnh cho phù hợp với các mục đích khác nhau. Các biểu mẫu thường liên kết với một địa chỉ email hoặc cơ sở dữ liệu để thu thập và lưu trữ thông tin được cung cấp.  Ví dụ: Biểu mẫu đăng kí tham gia chương trình “Tư vấn tuyển sinh đại học” hoặc biểu mẫu liên hệ với phòng tuyển sinh của một trường đại học. + Tuỳ chỉnh giao diện (responsive): Tuỳ chỉnh tự động giao diện website để hiển thị tốt trên các thiết bị người dùng khác nhau như máy tính, máy tính bảng và điện thoại. + Xuất bản website (publish): Xuất bản website dưới dạng các tệp tin và tải lên các máy chủ trên Internet để người dùng có thể truy cập vào website.

Hoạt động 2: Giới thiệu phần mềm Mobirise

a) Mục tiêu: Giới thiệu cho HS phần mềm Mobirise.

b) Nội dung: GV giao nhiệm vụ; HS tìm hiểu nội dung mục 2. Giới thiệu phần mềm Mobirise và thực hiện nhiệm vụ học tập.

c) Sản phẩm: HS làm quen với giao diện làm việc của phần mềm Mobirise.

d) Tổ chức thực hiện:

--------------- Còn tiếp ---------------