CHỦ ĐỀ E-ICT. BÀI 2. TẠO WEBSITE BẰNG PHẦN MỀM
Trang bìa
Trang bìa
Ảnh
TIN HỌC 12 CHỦ ĐỀ E-ICT. BÀI 2. TẠO WEBSITE BẰNG PHẦN MỀM
Ả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ẽ
Nhận diện được cấu trúc cơ bản của một website. Bước đầu sử dụng được một số chức năng chính của phần mềm tạo website.
Khởi động
Khởi động
Khởi động
Em đã từng truy cập vào các website khác nhau, hãy cho biết các website thường có những thành phần cơ bản nào?
1. Cấu trúc cơ bản của một website
Tìm hiểu
1. Cấu trúc cơ bản của một website
Các trang web là các tệp tin được xây dựng bởi ngôn ngữ HTML và có phần mở rộng là “.htm” hoặc “.html”. Để thể hiện đầy đủ thông tin, mỗi đơn vị và tổ chức sẽ tạo một website gồm nhiều trang web liên kết với nhau. Tuỳ thuộc vào cách thức hiển thị nội dung mà mỗi website có số lượng trang web khác nhau, nhưng về cơ bản một website cần có ba loại trang web chính: – Trang chủ: là trang web đầu tiên khi truy cập website. Trang chủ thường có các mục nội dung chính, nổi bật nhất trong website. – Trang chuyên mục: các nội dung cùng chủ đề hoặc cùng lĩnh vực trong website được nhóm lại với nhau thành chuyên mục. Chuyên mục giúp người xem giới hạn phạm vi tìm kiếm thông tin thuộc chủ đề mình quan tâm trong website. − Trang chi tiết: hiển thị các nội dung cụ thể của các mục nội dung.
Tiếp
Mỗi website thường gồm có một trang chủ, một vài trang chuyên mục và nhiều trang chi tiết. Ví dụ, website giới thiệu các phần mềm học tập có thể gồm: trang chủ giới thiệu chung về website; các trang chuyên mục; các trang chi tiết. Các trang chuyên mục có thể gồm: phần mềm văn phòng, phần mềm đồ hoạ,... Các trang chi tiết của chuyên mục phần mềm văn phòng gồm: phần mềm soạn thảo văn bản Word, phần mềm bảng tính Excel, phần mềm trình chiếu PowerPoint,... Mỗi trang web có cách sắp xếp và trình bày nội dung (được gọi là giao diện) khác nhau tuỳ thuộc vào mục đích và mong muốn của cá nhân hoặc tổ chức tạo website. Chẳng hạn, các trang web có thể được trình bày như Hình 1. Tuy nhiên, mỗi trang web đều có một số thành phần cơ bản sau:
Tiếp
(1) Phần đầu trang: là phần nằm trên đầu của trang web và thường chứa các thông tin như logo của tổ chức (doanh nghiệp), thanh tìm kiếm, giỏ hàng, số điện thoại đường dây nóng, lựa chọn ngôn ngữ,... 2) Thanh điều hướng: là bảng chọn chính được hiển thị ở tất cả các trang web. Thanh điều hướng chứa tập hợp các liên kết đến các trang web trong website. Ví dụ, thanh điều hướng có thể gồm các đường liên kết như: Trang chủ, Sản phẩm, Liên hệ, Giới thiệu,... (3) Phần nội dung: là phần nội dung của trang web cung cấp thông tin cụ thể cho người xem. Nội dung có thể ở các dạng khác nhau như: văn bản, âm thanh, hình ảnh, video, đường liên kết đến các trang web hoặc website khác,... (4) Phần chân trang: là phần nằm ở cuối của trang web và thường chứa các thông tin về bản quyền, các liên kết nhanh, kết nối các trang mạng xã hội, các mục lục khác,...
Tiếp
Ảnh
2. Các bước tạo website bằng phần mềm
Tìm hiểu
2. Các bước tạo website bằng phần mềm
Ngoài cách viết mã lệnh bằng các ngôn ngữ lập trình web để tạo website, cách đơn giản hơn là sử dụng các phần mềm để tạo website. Việc tạo website bằng phần mềm gồm các bước cơ bản sau:
Tiếp
Bước 1. Phác thảo và thiết kế cấu trúc của một website: những trang web cần có trong website, cách sắp xếp nội dung trên mỗi trang web,... Bước 2. Chuẩn bị nội dung và tư liệu hình ảnh, video,... Bước 3. Tạo dự án website và các trang web cần có trong website, mỗi trang web có thể là các trang trắng hoặc lựa chọn các mẫu trang web phù hợp từ thư viện của phần mềm tạo website. Bước 4. Tạo và chỉnh sửa các thành phần trên các trang web: tạo phần đầu trang, thanh điều hướng, các nội dung bài viết, hình ảnh, biểu mẫu và chân trang,... Bước 5. Xem trước và xuất bản website. Như vậy, trước khi sử dụng phần mềm chuyên dụng để tạo website, cần phác thảo một cấu trúc phù hợp với yêu cầu của website.
Hoạt động
Hoạt động
Em hãy phác thảo thiết kế cấu trúc của một website giới thiệu về trường em: những trang web dự kiến, các sắp xếp nội dung trong các trang web đó và chuẩn bị tư liệu cần giới thiệu.
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. Tạo dự án website. -Trong màn hình giao diện làm việc, chọn biểu tượng =ở góc bên trái của thanh công cụ (Hình 1, Bài 1), chọn Sites rồi chọn Create New Site (Hình 2).
Ảnh
Tiếp
– Đặt tên cho dự án website vừa tạo tại ô Site Name (vị trí (1) trong Hình 3), ví dụ: Giới thiệu trường em. – Tạo dự án mới với trang chủ là trang web chưa có nội dung bằng cách chọn Add Blank Page (vị trí (2) trong Hình 3); tạo dự án theo chủ đề có sẵn bằng cách chọn các mẫu như Company, Portfolio, Shop,... (vị trí (3) trong Hình 3).
Ảnh
Tiếp
Bước 2. Tạo trang web. – Trong màn hình giao diện làm việc, chọn biểu tượng =ở góc bên trái thanh công cụ (Hình 1, Bài 1), chọn Pages, chọn Create New Page (Hình 4).
Ảnh
Tiếp
– Chọn Add Blank Page để thêm trang web mới là một trang trắng (vị trí (1) trong Hình 5) hoặc chọn thêm một trang web mới theo chủ đề đã có sẵn (vị trí (2) trong Hình 5).
Ảnh
Tiếp
Đặt tên cho trang web vừa tạo tại ô Edit Title (Hình 6), chọn hoặc nhấn phím Enter để hoàn thành. Lưu ý: Tên trang web nên mang ý nghĩa gợi nhớ về vai trò, vị trí hoặc nội dung của trang web đó, ví dụ: Trang chủ, Giới thiệu, Hoạt động,
Ảnh
Vận dụng
Vận dụng
Vận dụng
Em hãy phác thảo thiết kế cấu trúc của một website, sau đó tạo dự án website với chủ đề giới thiệu các phần mềm học tập.
Gợi ý
Gợi ý: - Dự kiến những trang web cần có trong website và nội dung tương ứng. Website giới thiệu về các phần mềm học tập có thể gồm trang chủ giới thiệu nội dung chung, nổi bật và các trang chi tiết giới thiệu về các phần mềm học tập cụ thể như: phần mềm làm phim hoạt hình, phần mềm chỉnh sửa ảnh, phần mềm tạo website,... Với mỗi trang web, sắp xếp các nội dung cụ thể với bố cục gồm: phần đầu trang, thanh điều hướng, phần nội dung và phần chân trang. - Tạo dự án website có tên “Phần mềm học tập” và thêm các trang web nội dung với hướng dẫn như trong mục thực hà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) Mỗi website thường gồm có một trang chủ, một trang chuyên mục và một trang chi tiết.
b) Tất cả các trang web trong cùng một website đều có giao diện giống nhau.
c) Phác thảo và thiết kế cấu trúc website phù hợp là yếu tố quan trọng khi thực hiện tạo website.
d) Trang chủ là trang web chính của website với nội dung mang tính tổng quát và nổi bật nhất trong website.
Tổng kết
Ghi nhớ
Ghi nhớ
Hình vẽ
Mỗi website thường gồm một trang chủ, các trang chuyên mục và các trang chi tiết. Mỗi trang web có phần đầu trang, thanh điều hướng, phần nội dung và phần chân trang.
Kết thúc bài hoc
Ảnh