Bài thực hành 4: Tạo trang web đơn giản

Trong Bài thực hành 4: Tạo trang web đơn giản dưới đây, nhằm giúp các em biết vận dụng các kiến thức đã được học trong Bài 5: Tạo trang web bằng phần mềm Kompozer vào làm bài thực hành; biết được quá trình tạo trang web gồm những bước nào?, hiểu được các thành phần chính của phần mềm để thuận lợi cho việc thao tác với phần mềm nhằm tạo ra sản phẩm tốt. Mời các em cùng theo nội dung chi tiết của bài thực hành.

Tóm tắt lý thuyết

1.1. Mục đích, yêu cầu

  • Làm quen với phần mềm Kompozer.
  • Biết tạo một vài trang web đơn giản, có liên kết bằng Kompozer.

1.2. Nội dung

Việc tạo trang web, cho dù ở mức đơn giản, cũng cần được thực hiện qua các bước sau đây:

a) Lựa chọn đề tài: Mục đích của việc tạo trang web là để phổ biến thông tin trên mạng Internet. Vì vậy nên lựa chọn những chủ đề được nhiều người quan tâm hoặc đáp ứng nhu cầu thông tin cho nhiều người.

b) Chuẩn bị nội dung: Nội dung trang web có thể rất đa dạng, bao gồm văn bản, hình ảnh, âm thanh, phim,... Việc chuẩn bị nội dung bao gồm biên soạn hoặc sưu tầm, chỉnh sửa (đặc biệt là hình ảnh, âm thanh) để sẵn sàng đưa vào trang web.

c) Tạo kịch bản: Việc xây dựng kịch bản là xác định các trang web cần tạo, nội dung và cách bố trí các thông tin trên từng trang web và các liên kết giữa các trang web hoặc liên kết tới các trang web trên Internet.

d) Tạo trang web: Sử dụng phần mềm để thiết kế các trang web, nhập và trình bày thông tin trên các trang web.

Trong bài này chúng ta sẽ thực hành tạo trang web bằng phần mềm Kompozer.

Bài 1. Khởi động và tìm hiểu Kompozer

1. Tìm hiểu màn hình làm việc của Kompozer, các nút lệnh trên thanh công cụ và chức năng của chúng. So sánh màn hình Kompozer với màn hình Word.

2. Mở các bảng chọn và quan sát các lệnh trong bảng chọn đó.

3. Gõ một vài từ, sau đó sử dụng các nút lệnh sau đây để định dạng văn bản:

  • , , , : Đặt kiểu chữmàu chữ;
  • , : Tăng, giảm cỡ chữ;
  • , , , : Căn lề đoạn văn bản;
  • , : Tăng, giảm lề đoạn văn bản.

4. Dùng các nút lệnh:  (để chèn hình ảnh) (để tạo liên kết) và quan sát các thành phần trên các hộp thoại hiện ra sau đó.

5. Thoát khỏi Kompozer, nhưng không lưu trang web.

Bài 2. Tạo trang web bằng Kompozer

Giả sử em có nhiệm vụ tạo trang web để phổ biến thông tin về câu lạc bộ văn nghệ của lớp. Trang web dự tính sẽ có các thông tin về tên, địa chỉ, địa chỉ E-mail,... của câu lạc bộ, danh sách các thành viên câu lạc bộ và một số thông tin chi tiết về từng thành viên đó.

1. Hãy xây dựng kịch bản cho các trang web với các thông tin nói trên.

Gợi ý: Không nên đưa tất cả các thông tin cần thiết nói trên vào một trang web duy nhất, đặc biệt là trong trường hợp câu lạc bộ có nhiều thành viên và có thể có nhiều thông tin về mỗi thành viên. Vì vậy, sản phẩm cần đạt được không chỉ là một trang web mà gồm ít nhất ba trang: trang chủ, trang danh sách các thành viên và trang thông tin chi tiết về một thành viên (mỗi thành viên một trang). Trên trang chủ ít nhất có một liên kết tới trang danh sách thành viên và mỗi tên thành viên trên trang này lại liên kết đến trang thông tin chi tiết tương ứng.

2. Tạo trang chủ gồm các thông tin sau đây:

  • Tiêu đề chính của trang web: Câu lạc bộ Văn nghệ;
  • Tên lớp, tên trường; địa chỉ, địa chỉ trang web, địa chỉ E-mail;
  • Ba mục: Thành viên, Hoạt động, Hình ảnh.
  • Phía trên trang web là một hình ảnh được sử dụng làm biểu trưng của trang web.

Lưu trang web với tên Cau lac bo. Kết quả cuối cùng tương tự như hình sau:

Hình 1. Kết quả lưu trang Web

3. Tạo trang web danh sách thành viên như hình dưới đây:

Hình 2. Tạo danh sách thành viên

Gợi ý: Có thể đồng thời tạo nhiều trang web trong cửa sổ của Kompozer. Khi đó mỗi trang web được hiển thị trên một trang riêng. Để tận dụng các thông tin và cách trình bày thông tin trên trang web đã có, ta có thể sao chép toàn bộ nội dung trang web đã có vào trang web mới bằng các bước sau:

  • Nháy mở trang web đã có nội dung và nhấn tổ hợp phím Ctrl+A.
  • Nhấn tổ hợp phím Ctrl+C.
  • Nháy File \(\rightarrow\) New và nháy Create để tạo trang web mới.
  • Nhấn tổ hợp phím Ctrl+V.

4. Tạo trang web có một số thông tin chi tiết về một thành viên của câu lạc bộ:

  • Tiêu đề trang web: Sử dụng họ và tên của thành viên làm tiêu đề (ví dụ Nguyễn Hương Giang);
  • Họ và tên (Nguyễn Hương Giang), ngày sinh (ví dụ ngày 12 tháng Ba); điện thoại (ví dụ 037-823-00-41);
  • Sở thích (ví dụ ca hát, tìm hiểu máy tính, đọc sách,...);
  • Ảnh thành viên.

Kết quả cuối cùng có thể tương tự như hình bên dưới:

Hình 3. Một số thông tin chi tiết về một thành viên của câu lạc bộ

5. Sử dụng nút lệnh  để tạo các liên kết trên trang web tới các trang có nội dung tương ứng.

Lưu ý: Cần lưu trang web được tham chiếu tới trước khi tạo liên kết tới nó.

2. Luyện tập Bài thực hành 4 Tin học 9

Sau khi học xong Bài thực hành 4: Tạo trang web đơn giản, các em cần nắm vững các thao tác:

  • Khởi động/ thoát khỏi phần mềm Kompozer
  • Sử dụng các nút lệnh trong màn hình chính của phần mềm
  • Tạo trang web

2.1. Trắc nghiệm

Các em có thể hệ thống lại nội dung kiến thức đã học được thông qua bài kiểm tra Trắc nghiệm Tin học 9 Bài thực hành 4 cực hay có đáp án và lời giải chi tiết. 

Câu 4-Câu 10: Xem thêm phần trắc nghiệm để làm thử Online

3. Hỏi đáp Bài thực hành 4 Tin học 9

Trong quá trình học tập nếu có thắc mắc hay cần trợ giúp gì thì các em hãy comment ở mục Hỏi đáp, Cộng đồng Tin học Chúng tôi sẽ hỗ trợ cho các em một cách nhanh chóng!

Chúc các em học tập tốt và luôn đạt thành tích cao trong học tập!

-- Mod Tin Học 9 Chúng tôi

MGID

Tham khảo thêm

Bình luận

Có Thể Bạn Quan Tâm ?