Nội dung chính 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

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

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.

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

- Mobirise là phần mềm ngoại tuyến miễn phí dành cho các hệ điều hành Windows, MacOS, Linux cho phép tạo các website vừa và nhỏ. 

- Mobirise cung cấp nhiều mẫu trình bày cho các thành phần của trang web với nhiều chủ đề phong phú, giúp dễ dàng tạo website chỉ với các thao tác kéo thả đơn giản.

- Để sử dụng Mobirise, người dùng cần cài đặt phần mềm đó trên máy tính, đăng nhập sử dụng qua tài khoản email hoặc tài khoản Google, Facebook. Có thể tải phần mềm Mobirise từ địa chỉ https://mobirise.com/. 

(Chủ đề này sử dụng phần mềm Mobirise phiên bản 5.6.8 miễn phí để minh hoạ)

- Các thành phần chính trên màn hình làm việc của phần mềm Mobirise:

Hình 1. Giao diện làm việc của 
phần mềm Mobirise

① Thanh công cụ: gồm có nút lệnh mở trình đơn làm việc với dự án và trang web, các chế độ xem trang web trên thiết bị điện thoại hoặc máy tính, chế độ xem trước trang web và xuất bán website.

② Vùng làm việc chính: hiển thị các thành phần được đưa vào trang web.

③ Nút lệnh Add Block to Page: thêm các khối nội dung vào trang web.

- Phần mềm Mobirise có các chức năng cơ bản giúp tạo website một cách đơn giản và thuận tiện:

+ Mobirise cung cấp nhiều mẫu trang web có kiểu bố cục, màu sắc và các chủ đề đa dạng, gợi ý cho người dùng ý tưởng khi tạo các trang web mới. 

Hình 2. Một số mẫu trang web được cung cấp sẵn trong phần mềm Mobirise

+ Các thành phần trên trang web như: văn bản, hình ảnh, video hay các thanh điều hướng, biểu mẫu,… đều được cung cấp dưới dạng các khối mẫu có sẵn. Các khối mẫu này có bố cục và cấu trúc thông dụng, có thể dễ dàng được thêm vào trang web chỉ với các thao tác kéo và thả. 

Ví dụ: Các khối mẫu Features được chọn và kéo thả để thêm vào trang web.

Hình 3. Khối mẫu Features được cung cấp trong phần mềm Mobirise

3. Thực hành

Bước 1. Khởi động phần mềm Mobirise

Hình 4. Biểu tượng phần mềm Mobirise

Bước 2. Chỉnh sửa nội dung văn bản trên trang web

HS thực hiện chỉnh sửa nội dung văn bản.

Bước 3. Thay hình ảnh trên trang web

Hình 5. Thay đổi nội dung hình ảnh trên trang web

Bước 4. Xem trước trang web

HS xem trước được trang web trên trình duyệt web.