CHỦ ĐỀ E-ICT. BÀI 1. GIỚI THIỆU PHẦN MỀM TẠO WEBSITE
Trang bìa
Trang bìa
Ảnh
TIN HỌC 12 CHỦ ĐỀ E-ICT. BÀI 1. GIỚI THIỆU PHẦN MỀM TẠO WEBSITE
Ảnh
Yêu cầu cần đạt
Yêu cầu cần đạt
Ảnh
Yêu cầu cần đạt
Hình vẽ
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.
Khởi động
Khởi động
Khởi động
Em có biết trang web được tạo ra bằng cách nào không?
1. Phần mềm tạo website
Tìm hiểu
1. Phần mềm tạo website
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 chỉ với các thao tác kéo thả đơn giản. Chủ đề này giới thiệu phần mềm ứng dụng cho phép tạo các website tĩnh. 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, RapidWeaver, Nicepage, Adobe Dreamweaver,...
Hoạt động 1
Theo em phần mềm tạo website cần có những chức năng cơ bản nào?
Hoạt động 1
Tiếp
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ột 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ủ, trong khi 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.
Tiếp
-– 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
Tìm hiểu
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ạ.
Hoạt động 2
Hoạt động 2
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.
Tiếp
Màn hình làm việc của phần mềm Mobirise gồm các thành phần chính như ở Hình 1: (1) 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. (2) Vùng làm việc chính: hiển thị các thành phần được đưa vào trang web. (3) Nút lệnh Add Block to Page: thêm các khối nội dung vào trang web. đưa nội dung văn bản vào trang web.
Ảnh
Tiếp
- 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. Cụ thể, 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. Một số mẫu trang web được minh hoạ trong Hình 2.
Ảnh
Tiếp
Ngoài ra, 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 như minh hoạ trong Hình 3.
Ảnh
3. Thực hành
Yêu cầu
3. Thực hành
Yêu cầu: Em hãy mở một mẫu trang web trên phần mềm Mobirise và sửa nội dung văn bản, hình ảnh trên trang web đó.
TIếp
Hướng dẫn thực hiện: Bước 1. Khởi động phần mềm Mobirise Nháy đúp chuột vào biểu tượng phần mềm Mobirise (Hình 4), một mẫu trang web mặc định được tạo ra như ở Hình 1.
Ảnh
Tiếp
Bước 2. Chỉnh sửa nội dung văn bản trên trang web Chọn phần nội dung văn bản trong vùng làm việc chính và thực hiện chỉnh sửa. Bước 3. Thay hình ảnh trên trang web - Chọn phần hình ảnh để hiển thị hộp thoại Media Image (Hình 5). - Chọn Browse Computer, chọn hình ảnh trong máy tính, sau đó chọn OK để cập nhật hình ảnh.
Ảnh
Tiếp
Bước 4. Xem trước trang web Chọn Preview in Browser trên thanh công cụ để xem trang web trên trình duyệt web.
Vận dụng
Vận dụng
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 của các nội dung này.
Gợi ý
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.
Ảnh
Câu hỏi tự kiểm tra
Câu hỏi
Câu hỏi
Bài tập trắc nghiệm
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.
Tổng kết
Ghi nhớ
Ghi nhớ
Hình vẽ
Phần mềm tạo website cung cấp các mẫu trang web và các mẫu trình bày cho các thành phần của trang web, người dùng có thể sử dụng các thao tác kéo thả để tạo, chỉnh sửa và xuất bản website. Mobirise là phần mềm với đầy đủ các chức năng tạo website đơn giản trên các hệ điều hành Windows, MacOS, Linux.
Kết thúc bài hoc
Ảnh