Bài 5 - Tin 9 cực hay

TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER- Thông tin dạng văn bản.. Các dạng thông tin trên trang web Hãy nêu cách nhanh nhất để khởi động phần mềm Kompozer?. Phần mềm thiết kế trang web - T

Trang 1

BÀI 5

Trang 2

Nội dung bài học

1 Các dạng thông tin trên trang web

2 Phần mềm thiết kế trang web Kompozer

3 Soạn thảo trang web

4 Chèn hình ảnh vào trang web

5 Tạo liên kết

TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER

Trang 3

- Thông tin dạng văn bản

1 Các dạng thông tin trên trang web

Hãy nêu các dạng thông tin

Trang 4

Hãy nêu cách nhanh nhất để khởi động phần mềm Kompozer ?

2 Phần mềm thiết kế trang web

Kompozer

trên màn hình nền

* Khởi động phần mềm:

Nháy đúp chuột vào biểu tượng

Trang 5

Hình 44 Màn hình chính của KompozerThanh bảng chọn Thanh công cụ

Cửa sổ soạn thảo

Trang 6

- Thanh bảng chọn

- Thanh công cụ

- Cửa sổ soạn thảo

Em hãy cho biết phần mềm nào

đã học có màn hình chính tương

tự như của Kompozer ?

Đó là phần mềm soạn thảo văn bản Microsoft word

Trang 7

Trang 8

C¸c trang chøa c¸c tÖp HTML

Trang 9

- Nếu đây là trang Web lần đầu tiên

lưu, sẽ xuất hiện hộp thoại :

- Nhập tiêu đề cho trang Web

Trang 10

-C1:Nháy nút trên thanh công cụ

-C2: Mở File, chọn Open-C3: Nhấn Ctrl+O

Trang 11

Hình 48 Trang Web được thiết

kế bằng phần mềm Kompozer

Kompozer

3 Soạn thảo trang web

- Cách soạn thảo và định dạng văn bản

tương tự như trong các phần mềm

soạn thảo văn bản khác

Trang 12

Kompozer

- Cách soạn thảo và định dạng văn bản

tơng tự như trong các phần mềm soạn

Hãy liệt kê một số định dạng

có thể sử dụng cho trang Web?

+ Đặt màu nền

+ Chọn phông chữ, màu chữ, cỡ chữ cho

văn bản

+ Đặt kiểu chữ

+ Căn lề đoạn văn bản

-Một số định dạng cho trang Web

trong phần mềm Kompozer:

Trang 13

Bài tập củng cố

Bài 1 Chọn đáp án đúng trong các câu sau:

Trang 14

Câu a: Biểu tượng của phần mềm Kompozer là:

Trang 15

Câu b: Mở tệp đã có trên Kompozer, nháy nút:

Trang 16

Bài tập củng cố

Bài 2 Hãy nêu tác dụng định dạng của các nút sau :

Trang 17

Thanh b¶ng chän

hanh c«ng cô

Cöa sæ so¹n th¶o

T

Thanh b¶ng chän

hanh c«ng cô

T

T hanh b¶ng chän

hanh c«ng cô

Định dạng Kiểu chữ

Định dạng Phông chữ Định dạng Màu chữ, màu nền Định dạng cỡ chữ

Định dạng Căn lề

1

4 5 3 2

Trang 18

• Thông tin trên trang Web rất đa dạng gồm: hình ảnh,

âm thanh, các đoạn phim, các phần mềm và liên kết.

• Cách soạn thảo và định dạng trang Web trên Kompozer tương tự như cách soạn thảo và định dạng trên các phần mềm soạn thảo văn bản khác.

• Kompozer là phần mềm miễn phí dùng để tạo trang Web.

Trang 19

Hướng dẫn về nhà

• Trả lời và học thuộc các câu 1,2 (Sgk/52).

• Đọc trước phần 4, 5 (Sgk/50,51)

Trang 21

4 Chèn ảnh vào trang Web

- Để chèn một ảnh vào trang Web chúng ta cần tạo ra sẵn tệp ảnh này trên máy tính và nhớ rõ vị trí lưu trữ của ảnh này Thao tác chèn ảnh như sau:

- Chuyển con trỏ soạn thảo đến vị trí muốn chèn ảnh.

- Nháy chuột vào biểu tượng trên thanh công cụ chính của phần mềm

Trang 22

Kompozer

3 Soạn thảo trang web Hãy nêu cách chèn một hình

ảnh vào văn bản Word?

+ Đưa con trỏ soạn thảo vào vị trí muốn

chèn ảnh

+ Nháy nút Link trên thanh công cụ

+ Nhập đường dẫn và tên tệp ảnh muốn

chèn vào ô Image Location

+ Gõ nội dung mô tả tệp ảnh vào ô

Tooltip

+ Nháy nút Ok

4 Chèn ảnh vào trang Web

+ Đưa con trỏ soạn thảo vào vị trí cần chèn

+ Vào Insert Picture From File

+ Nháy chọn hình ảnh cần chèn+ Nháy Insert

Trang 23

- Xuất hiện hộp hội thoại dưới đây dùng để nhập thông tin ảnh muốn chèn.

Trang 25

Kompozer

Các thao tác tạo liên kết trong phần mềm Kompozer.

4 Chèn ảnh vào trang Web

+ Chọn phần văn bản (hình ảnh) muốn tạo liên kết

+ Nháy nút trên thanh công cụ

+ Nhập địa chỉ trang web đích vào ô Link Location

+ Nháy nút OK để kết thúc

5 Tạo liên kết

Đối tượng chứa liên kết có thể là

văn bản hoặc hình ảnh

Trang 26

Câu 1: Trên trang web có thể có những dạng thông tin nào?

Trang 27

Câu 2: Sắp xếp thứ tự các bước chèn ảnh vào trang web?

1 Nhập đường dẫn và tên tệp ảnh muốn chèn vào ô Image Location.

2 Gõ nội dung ngắn mô tả tệp ảnh vào ô Tooltip.

3 Chuyển con trỏ soạn thảo đến vị trí muốn chèn ảnh và nháy chọn Insert > Image (hoặc biểu tượng có chữ Image trên thanh công cụ)

4.Nháy OK để hoàn thành chèn ảnh.

Trả lời: A) 1, 3, 2, 4

B) 1, 2, 3, 4 C) 3, 1, 2, 4

Trang 28

Câu 3: Sắp xếp thứ tự các bước tạo liên kết đến một trang web khác:

Trang 29

Câu 4: Hình ảnh để chèn vào trang web được lấy

từ đâu?

A Trong máy tạo trang web có sẵn

B Đĩa Flash USB, đĩa CD

C Máy ảnh kỹ thuật số, điện thoại di động

D Tất cả các câu trên đều đúng

Trang 30

• Có thể dùng phần mềm soạn thảo văn bản

để soạn thảo nội dung trang web rồi lưu

dưới dạng HTML.

• Kompozer là phần mềm miễn phí dùng để tạo trang web.

Trang 31

Hướng dẫn về nhà

• Trả lời và học thuộc các câu 3,4,5 (Sgk/52).

• Xem trước bài thực hành 4: Tạo trang Web đơn giản (Sgk/53,54,55,56)

Trang 32

1 Tổ 1: Tạo Website (khoảng 3-5 trang web) phổ biến

thông tin về câu lạc bộ văn nghệ của lớp.

2 Tổ 2: Tạo Website giới thiệu về ngôi trường THCS

Trang 33

Yêu cầu:

• Chuẩn bị nội dung cho Website

• Tạo kịch bản: Xác định các trang web cần tạo, nội dung của mỗi trang, cách bố trí các thông tin(văn bản, hình ảnh, âm thanh, đoạn phim…) trên mỗi trang, các liên kết giữa các trang web.

• Tạo trang web: sử dụng phần mềm Kompozer

để tạo từng trang Web.

Định dạng
Số trang	34
Dung lượng	7,39 MB