Bài 5. Tạo trang web bằng phần mềm Kompozer

• 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.[r]

Trang 1

Siêu văn bản là gì?

Siêu văn bản là loại văn bản tích hợp nhiều dạng

dữ liệu khác nhau như văn bản, hình ảnh, âm thanh, video,… và các siêu liên kết.

Trang Web là gì?

Trang Web là một siêu văn bản được gán địa chỉ truy cập trên Internet.

Trang 3

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

Soạn thảo trang web

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

Chèn ảnh vào trang web

Tạo liên kết

Trang 5

1 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 ?

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:

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

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

Trang 6

Gõ nội dung cần tìm vào ô

Nhấn nút để tìmKết quả tìm được

Trang 7

Kompozer

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

Cách 2: Sử dụng phương pháp tìm

kiếm trong máy tính

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

Nháy đúp vào

Lưu ý: 1 Cách 2 chỉ sử dụng đạt được

kết quả khi đã tải phần mềm về trong máy

2 Nếu trường hợp trong máy chưa có phần

mềm thì bắt buộc phải tải về mới sử

dụng được

Trang 8

Hình 44 Màn hình chính của Kompozer

Cửa sổ soạn thảo

Trang 9

- 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 11

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

Trang 12

 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 13

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

C2: Mở File, chọn Open

C3: Nhấn Ctrl+O

Trang 14

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 15

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 thảo văn bản khác

+ 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 16

A B C

Trang 17

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

Trang 19

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

Thanh b ¶ng ch än

hanh c«ng cô

T

Thanh b¶ng chän

hanh c«ng cô

T

Thanh 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 20

• 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 21

HƯỚNG DẪN VỀ NHÀ

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

 Nghiên cứu trước phần 4, 5 (Sgk/50,51)

Trang 23

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 24

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 Image 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

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 25

- 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 27

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 29

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ụ)

Trang 31

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 32

bản, hình ảnh, âm thanh, phim và liên kết.

• Liên kết trên trang web là thành phần tương tác cho phép chuyển nhanh sang một trang web khác.

• 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 để

Trang 33

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 34

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

Trang 35

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	36
Dung lượng	5,53 MB