CHỦ ĐỀ E-ICT. BÀI 4. TẠO NỘI DUNG VĂN BẢN CHO TRANG WEB
Trang bìa
Trang bìa
Ảnh
TIN HỌC 12 CHỦ ĐỀ E-ICT. BÀI 4. TẠO NỘI DUNG VĂN BẢN CHO TRANG WEB
Ả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ẽ
Tạo được nội dung văn bản cho trang web: nội dung bài viết, chân trang .
Khởi động
Khởi động
Khởi động
Theo em, thông tin trên web được truyền tải đến người xem phổ biến nhất là những dạng nào?
1. Giới thiệu bài viết trên trang web
Tìm hiểu
1. Giới thiệu bài viết trên trang web
Bài viết là phần cung cấp thông tin chính của trang web, thường có nội dung giới thiệu về sản phẩm, dịch vụ hay tin tức,... Bài viết được trình bày dưới dạng văn bản hoặc có thể kết hợp với hình ảnh, video minh hoạ. Hình 1 cho một số ví dụ về bài viết trên trang web https://moet.gov.vn/.
Tiếp
Ảnh
Tiếp
Với phần mềm tạo trang web, người dùng có thể nhập nội dung bài viết vào trang web trong khung soạn thảo văn bản hoặc chọn các khối mẫu được xây dựng sẵn và thực hiện tuỳ chỉnh nội dung, định dạng văn bản. Việc lựa chọn, sắp xếp và trình bày nội dung các thông tin trên trang web có vai trò quyết định đến chất lượng website.
2. Giới thiệu chân trang
Tìm hiểu
2. Giới thiệu chân trang
Trong trang web, phần ở vị trí dưới cùng được gọi là chân trang hay footer. Cũng giống như thanh điều hướng, mỗi trang web thường chỉ có một phần chân trang duy nhất. Do vậy, thông thường phần chân trang sẽ hiển thị giống nhau trên tất cả các trang web trong website. Khu vực chân trang thường trình bày các thông tin của cá nhân, tổ chức doanh nghiệp như: địa chỉ liên hệ, bản đồ chỉ đường, thông tin 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,... (Hình 2).
Tiếp
Các phần mềm tạo trang web có chức năng tạo chân trang bằng cách chọn các khối mẫu có sẵn và thực hiện tuỳ chỉnh theo yêu cầu.
Ảnh
3. Thực hành
NV1. Thêm bài viết vào trang web
Nhiệm vụ 1. Thêm bài viết vào trang web
Yêu cầu: Trong website “Giới thiệu trường em”, hãy tạo bài viết giới thiệu một số thông tin chi tiết về trường em như: địa chỉ, lịch sử thành lập và các thành tích nổi bật của nhà trường.
Bước 1 (NV1. Thêm bài viết vào trang web)
Hướng dẫn thực hiện: Bước 1. Thêm khối bài viết vào trang web – Chọn Add Block to Page phía góc phải dưới màn hình. – Chọn khối mẫu có bố cục phù hợp với trang web. Trong các trình đơn Article, People, Contact, List (Hình 3), chọn một mẫu để thêm vào phía dưới cùng của trang web hoặc nhấn giữ chuột và kéo thả vào vị trí thích hợp trên trang web. Mobirise cung cấp khối mẫu cho bài viết với các định dạng: Article (gồm có tiêu đề và các đoạn văn), People (trình bày thông tin về người nào đó), Contact (trình bày thông tin liên hệ) và List (liệt kê dạng danh sách),...
Tiếp (Bước 1)
Ảnh
Bước 2 (NV1. Thêm bài viết vào trang web)
Bước 2. Điều chỉnh thông số định dạng của bài viết Phần văn bản có thể được chỉnh sửa một cách trực quan thông qua bảng thiết lập thông số. Các khối mẫu bài viết có các thông số định dạng tương ứng. Muốn hiển thị bảng thiết lập thông số, cần di chuột lên trên bài viết và chọn Block Parameters Các thông số định dạng bài viết gồm: • Full Width: Hiển thị bài viết trải rộng toàn màn hình. • Top: Điều chỉnh khoảng cách với các nội dung phía trên bài viết. • Bottom: Điều chỉnh khoảng cách với các nội dung phía dưới bài viết. • Width: Điều chỉnh độ rộng của khối bài viết. • Title: Hiển thị tiêu đề bài viết. • Subtitle: Hiển thị tiêu đề phụ phía dưới tiêu đề. • Color|Image/Video (mục Background): Chọn màu nền/ảnh nền/video nền cho khối bài viết.
Bước 3 (NV1. Thêm bài viết vào trang web)
Bước 3. Chỉnh sửa nội dung bài viết Chọn phần văn bản và chỉnh sửa hoặc chọn hình ảnh để thay đổi hình ảnh mới.
NV2. Thêm phần chân trang cho trang web
Nhiệm vụ 2. Thêm phần chân trang cho trang web
Yêu cầu: Trong website “Giới thiệu trường em”, hãy tạo phần chân trang chứa các thông tin ngắn gọn về địa chỉ và thông tin liên lạc của nhà trường.
Bước 1
Hướng dẫn thực hiện: Bước 1. Thêm khối chân trang vào trang web – Chọn Add Block to Page phía góc phải dưới màn hình. – Trong Footer (Hình 4), chọn một khối mẫu chân trang có sẵn để thêm vào phía dưới cùng của trang web hoặc nhảy giữ chuột và kéo thả vào vị trí thích hợp trên trang web. – Thông báo tuỳ chọn thêm chân trang cho tất cả các trang web trên website xuất hiện, chọn OK.
Tiếp (Bước 1)
Ảnh
Bước 2
Bước 2. Chỉnh sửa nội dung phần chân trang Thao tác chỉnh sửa các thông số, chỉnh sửa và tạo liên kết cho các nội dung phần chân trang được thực hiện tương tự như chỉnh sửa thanh điều hướng.
Vận dụng
Vận dụng 1
Vận dụng 1
Em hãy tạo phần nội dung giới thiệu thông tin về người sáng lập ra ngôn ngữ định dạng văn bản HTML lên trang web.
Gợi ý: Dựa trên kết quả thảo luận đã thực hiện, em có thể sử dụng kết hợp các khối mẫu bài viết sẵn có trong phần mềm Mobirise (như People, Article) và trình bày thông tin mong muốn.
Vận dụng 2
Vận dụng 2
Ảnh
Em hãy tạo phần chân trang cho website “Phần mềm học tập” gồm các thông tin về bản quyền, các liên kết nhanh, kết nối mạng xã hội
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 trang web có thể có nhiều phần chân trang.
b) Trong cùng một website, mỗi trang web có thể sử dụng một phần chân trang khác nhau.
c) Có thể tạo bài viết trên trang web bằng cách kết hợp nhiều khối mẫu được cung cấp sẵn.
d) Mỗi trang web chỉ được đưa vào một khối nội dung ở dạng văn bản hoặc hình ảnh.
Tổng kết
Ghi nhớ
Ghi nhớ
Hình vẽ
Bài viết trên trang web là phần nội dung cung cấp cho người đọc, giới thiệu chi tiết về sản phẩm, dịch vụ hay các tin tức..... Chân trang ở vị trí cuối trang web, chứa các thông tin như địa chỉ liên hệ, bản đồ chỉ đường, thông tin bản quyền, các liên kết nhanh,... và được hiển thị ở tất cả các trang web trong website.
Kết thúc bài hoc
Ảnh