Slide bài giảng 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

Tóm lược nội dung

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

KHỞI ĐỘNG

Em có biết các trang web được tạo ra bằng cách nào không?

Bài làm rút gọn:

Được tạo ra thông qua quá trình phát triển web, bao gồm các bước thiết kế giao diện, lập trình frontend và backend, tích hợp cơ sở dữ liệu, kiểm thử, triển khai và duy trì. Các công cụ và ngôn ngữ lập trình như HTML, CSS, JavaScript, Node.js, Python, PHP được sử dụng để xây dựng trang web. Quá trình này đòi hỏi kỹ năng thiết kế, lập trình và kiểm thử để tạo ra các trang web chất lượng và hiệu quả.

1. PHẦN MỀM TẠO WEBSITE

Hoạt động: Theo em, phần mềm tạo website cần có những chức năng cơ bản nào?

Bài làm rút gọn:

1. Giao diện dễ sử dụng: Phải cung cấp giao diện người dùng thân thiện và dễ sử dụng để người dùng có thể tạo và chỉnh sửa trang web một cách dễ dàng.

2. Công cụ thiết kế: Phải cung cấp các công cụ thiết kế đồ họa và trình bày để người dùng có thể tạo ra các trang web đẹp mắt và chuyên nghiệp.

3. Quản lý nội dung: Phải hỗ trợ quản lý nội dung của trang web, bao gồm việc thêm, sửa đổi và xóa các nội dung như văn bản, hình ảnh và video.

4. Tích hợp cơ sở dữ liệu: Phải hỗ trợ tích hợp cơ sở dữ liệu để lưu trữ thông tin của trang web, như thông tin người dùng, bài viết và sản phẩm.

5. Tích hợp mã nguồn mở: Phải hỗ trợ tích hợp các mã nguồn mở như HTML, CSS và JavaScript để người dùng có thể tùy chỉnh và mở rộng chức năng của trang web.

6. Tích hợp SEO: Phải cung cấp các công cụ hỗ trợ tối ưu hóa công cụ tìm kiếm (SEO) để giúp trang web được xếp hạng cao trong kết quả tìm kiếm.

7. Hỗ trợ đa nền tảng: Phải hỗ trợ tạo ra các trang web có thể hiển thị trên nhiều thiết bị và nền tảng khác nhau, bao gồm cả máy tính để bàn và thiết bị di động.

2. GIỚI THIỆU PHẦN MỀM MOBIRISE

Hoạt động: Hãy khám phá giao diện làm việc của phần mềm Mobirise và cho biết cách phần mềm này cung cấp các chức năng cơ bản để tạo website.

Bài làm rút gọn:

1. Kéo và thả: Mobirise sử dụng giao diện kéo và thả để tạo website. Bạn có thể chọn widget từ thư viện và kéo thả vào khu vực làm việc để tạo bố cục trang web. 

2. Chỉnh sửa nội dung: Sau khi thêm widget, bạn có thể chỉnh sửa nội dung của chúng bằng cách nhấp vào widget và chỉnh sửa văn bản, hình ảnh, v.v. trong thanh thuộc tính. 

3. Tùy chỉnh: Mobirise cung cấp nhiều tùy chọn để tùy chỉnh website của bạn, bao gồm: * Thay đổi giao diện: Chọn từ nhiều giao diện có sẵn hoặc tạo giao diện riêng của bạn. * Thêm widget: Thêm các widget từ thư viện để bổ sung chức năng cho website của bạn. * Tùy chỉnh widget: Chỉnh sửa các tùy chọn của từng widget để phù hợp với nhu cầu của bạn. 

4. Xuất bản: Khi bạn hoàn thành việc thiết kế website, bạn có thể xuất bản nó lên internet bằng cách sử dụng các tùy chọn xuất bản của Mobirise.

3. THỰC HÀNH

Vận dụng: Em hãy thêm vào trang web một số nội dung mới, sau đó chỉnh sửa phần văn bản và hình ảnh của các nội dung này.

Gợi ý thêm nội dung cho trang web:

- Chọn Add Block to Page phía góc phải dưới màn hình để mở danh sách các khối mẫu được cung cấp bởi phần mềm Mobirise.

- Chọn một khối mẫu và kéo thả vào vị trí thích hợp trên trang web như minh hoạ ở Hình 3.

- Thêm và chỉnh sửa nội dung, hình ảnh của khối vừa thêm như hướng dẫn ở mục 3.

Bài làm rút gọn:

1. Chọn khối mẫu:

• Nhấp vào nút Add Block to Page ở góc dưới bên phải màn hình.
• Danh sách các khối mẫu được cung cấp bởi Mobirise sẽ hiển thị.
• Lướt qua danh sách và chọn một khối mẫu phù hợp với nội dung bạn muốn thêm.

2. Kéo và thả khối mẫu:

• Di chuột qua khối mẫu đã chọn.
• Nhấn giữ nút chuột trái và kéo khối mẫu đến vị trí thích hợp trên trang web.
• Nhả nút chuột trái để thả khối mẫu vào vị trí mong muốn.

3. Thêm và chỉnh sửa nội dung:

• Nhấp vào khối mẫu vừa thêm để kích hoạt chế độ chỉnh sửa.
• Con trỏ chuột sẽ thay đổi thành biểu tượng cây bút.
• Nhấp vào các phần tử trong khối mẫu để chỉnh sửa nội dung.
• Ví dụ: nhấp vào văn bản để thay đổi nội dung, nhấp vào hình ảnh để thay đổi hình ảnh.

4. Chỉnh sửa hình ảnh:

• Nhấp vào hình ảnh bạn muốn chỉnh sửa.
• Thanh công cụ chỉnh sửa hình ảnh sẽ hiển thị.
• Sử dụng các công cụ trong thanh công cụ để chỉnh sửa hình ảnh như:
  • Thay đổi kích thước hình ảnh
  • Cắt hình ảnh
  • Thay đổi độ sáng và tương phản
  • Thêm bộ lọc

5. Lưu thay đổi:

• Nhấp vào nút Save trên thanh công cụ để lưu các thay đổi.
• Lặp lại các bước trên để thêm và chỉnh sửa nội dung cho các khối mẫu khác.

TỰ KIỂM TRA

Trong các câu sau, những câu nào đúng?

a) Các phần mềm tạo website chỉ có thể hoạt động trực tuyến trên Internet.

b) Phần mềm tạo website cho người dùng tạo và chỉnh sửa website bằng cách sử dụng các công cụ kéo thả trực quan.

c) Mobirise là phần mềm tạo website có trả phí.

d) Mobirise là phần mềm có thể cài đặt trên nhiều hệ điều hành như Windows, MacOS, Linux.

e) Phần mềm Mobirise cung cấp các mẫu thiết kế tạo sẵn cho các trang web với phần văn bản và hình ảnh được định dạng, sắp xếp theo từng chủ đề.

g) Chỉ có thể tạo được các trang web bằng cách viết mã lệnh.

Bài làm rút gọn:

Câu a): Sai. 

Câu b): Đúng. 

Câu c): Sai. 

Câu d): Đúng. 

Câu e): Đúng. 

Câu g): Sai.