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 rang bằng cách nào không?

Giải rút gọn:

Quá trình phát triển web bao gồm 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ì trang web. 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.

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

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?

Giải rút gọn:

Phần mềm tạo website cần có các chức năng sau:

1. Giao diện dễ sử dụng.
2. Công cụ thiết kế đồ họa và trình bày.
3. Quản lý nội dung.
4. Tích hợp cơ sở dữ liệu.
5. Tích hợp mã nguồn mở.
6. Tối ưu hóa công cụ tìm kiếm (SEO).
7. Hỗ trợ đa nền tả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.

Giải rút gọn:

Cách Mobirise cung cấp các chức năng cơ bản để tạo website:

• Giao diện kéo thả: Dễ dàng tạo bố cục trang web bằng cách chọn và kéo thả các widget.
• Chỉnh sửa nội dung: Chỉnh sửa văn bản, hình ảnh và các yếu tố khác trực tiếp trên từng widget.
• Tùy chỉnh: Thay đổi giao diện, thêm widget và điều chỉnh các tùy chọn để phù hợp với nhu cầu của bạn.
• Xuất bản: Xuất bản website lên internet chỉ với vài cú nhấp chuột.

Ưu điểm:

• Dễ sử dụng, không cần kiến thức lập trình.
• Giao diện trực quan, thân thiện với người dùng.
• Nhiều tùy chọn để tùy chỉnh.
• Xuất bản nhanh chóng và dễ dàng.

Nhược điểm:

• Ít linh hoạt hơn so với các công cụ tạo website khác.
• Một số tính năng chỉ có sẵn trong phiên bản trả phí.

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.

Giải rút gọn:

Cách thêm và chỉnh sửa nội dung mới trên trang web với Mobirise:

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

• Nhấp nút "Add Block to Page".
• Chọn khối mẫu phù hợp.
• Kéo và thả khối mẫu vào vị trí mong muốn.

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

• Nhấp vào khối mẫu để kích hoạt chỉnh sửa.
• Chỉnh sửa văn bản, hình ảnh và các yếu tố khác.
• Sử dụng thanh công cụ chỉnh sửa hình ảnh để chỉnh sửa ảnh.

3. Lưu thay đổi:

• Nhấp nút "Save" để lưu 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.

Giải rút gọn:

a) Sai: Một số phần mềm tạo website có thể cài đặt và sử dụng trên máy tính mà không cần kết nối internet. Ví dụ: Mobirise, Adobe Dreamweaver.

b) Đúng: Phần mềm tạo website cung cấp giao diện trực quan với các công cụ kéo thả giúp người dùng dễ dàng tạo và chỉnh sửa website mà không cần biết viết mã.

c) Sai: Mobirise có phiên bản miễn phí và phiên bản trả phí. Phiên bản miễn phí cung cấp nhiều tính năng cơ bản để tạo website, phiên bản trả phí cung cấp thêm nhiều tính năng nâng cao.

d) Đúng: Mobirise có thể cài đặt trên nhiều hệ điều hành như Windows, MacOS, Linux.

e) Đúng: 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) Sai: Có thể tạo trang web bằng cách viết mã lệnh, nhưng không bắt buộc. Phần mềm tạo website giúp người dùng tạo trang web mà không cần biết viết mã.