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

TIN HỌC 9, TIẾT 15
TẠO TRANG WEB BẰNG
PHẦN MỀM KOMPOZER
Tạo trang Web trên mạng có mục đích gì ?
Tạo trang web trên mạng để phổ biến thông tin rộng rãi
Các trang web chứa gì?
Chứa các loại thông tin (thông tin trên web phong phú, sinh động, hấp dẫn và được cập nhật liên tục)
1. Các dạng thông tin trên web.
Nêu các thành phần (hay các dạng thông tin) trên trang web?
1. Các dạng thông tin trên web.
Trang web có các thành phần:
- Thông tin dạng văn bản trình bày phong phú.
- Dạng hình ảnh với nhiều màu sắc, kiểu, kích thước
và hiệu ứng.
- Thông tin dạng âm thanh, đoạn phim,…
- Các phần mềm được nhúng hoàn toàn vào trang web
- Đặc biệt, trên trang web có các liên kết.
1. Các dạng thông tin trên web.
Trang Web là các tệp siêu văn bản được tạo ra bằng ngôn ngữ HTML (Ngôn ngữ đánh dấu siêu văn bản) thường có phần mở rộng là *.htm hoặc *.html .
1. Các dạng thông tin trên web.
Để tạo trang web ta sử dụng phần mềm nào?
2. Phần mềm thiết kế trang web Kompozer
Có nhiều phần mềm được dùng để thiết kế web như Dream weaver, Front page, ASP,…
Kompozer là phần mềm đơn giản,dễ sử dụng, miễn phí
Để khởi động ta nháy đúp chuột trên biểu tượng
Để khởi động phần mềm Kompozer ta làm như thế nào?
a) Màn hình chính
2. Phần mềm thiết kế trang web Kompozer
Màn hình chính gồm những thành phần cơ bản nào?
b) Tạo, mở và lưu trang Web
Nháy nút trên thanh công cụ để tạo tệp HTML mới.
2. Phần mềm thiết kế trang web Kompozer
Để tạo mới tệp HTML ta sử dụng lệnh nào?
Nháy nút trên thanh công cụ để mở tệp HTML đã có, chọn tệp HTML trên hộp thoại và nháy nút Open.
2. Phần mềm thiết kế trang web Kompozer
b) Tạo, mở và lưu trang Web
Để mở tệp HTML đã lưu ta sử dụng lệnh nào?
Nháy nút (hoặc phím Ctrl+S ) trên thanh công cụ nếu muốn lưu lại tệp hiện thời.
Nháy nút để đóng trang HTML
2. Phần mềm thiết kế trang web Kompozer
b) Tạo, mở và lưu trang Web
Để lưu tệp HTML ta sử dụng lệnh nào?
Nháy nút trên thanh công cụ để tạo tệp HTML mới cửa sổ soạn thảo hiện ra.

Nháy nút trên thanh công cụ để mở tệp HTML đã có, chọn tệp HTML trên hộp thoại và nháy nút Open.

Nháy nút (Ctrl+S ) trên thanh công cụ nếu muốn lưu lại tệp hiện thời.

- Nháy nút để đóng trang HTML.
b) Tạo, mở và lưu trang Web
2. Phần mềm thiết kế trang web Kompozer
Trang web có các thành phần:
- Thông tin dạng văn bản trình bày phong phú.
- Dạng hình ảnh với nhiều màu sắc, kiểu, kích thước
và hiệu ứng.
- Thông tin dạng âm thanh, đoạn phim,…
- Các phần mềm được nhúng hoàn toàn vào trang web
- Đặc biệt, trên trang web có các liên kết.
1. Các dạng thông tin trên web.
Nháy nút trên thanh công cụ để tạo tệp HTML mới cửa sổ soạn thảo hiện ra.

Nháy nút trên thanh công cụ để mở tệp HTML đã có, chọn tệp HTML trên hộp thoại và nháy nút Open.

Nháy nút (Ctrl+S ) trên thanh công cụ nếu muốn lưu lại tệp hiện thời.

- Nháy nút để đóng trang HTML.
b) Tạo, mở và lưu trang Web
2. Phần mềm thiết kế trang web Kompozer
Dặt màu nền cho trang web.
Chọn phông ch?, màu ch? và cỡ ch? cho van b?n.
Dặt kiểu ch? (ch? đậm, ch? nghiêng hay ch? gạch chân).
Can lề đoạn van b?n (can trái, can ph?i, can đều hai bên hoặc và can gi?a).
3. Soạn thảo trang Web
- Cách soạn văn bản tương tự như trong Word.
- Cách định dạng văn bản:
? Thao tác chèn hỡnh như sau:
?B1: Chuyển con trỏ soạn th?o đến vị trí muốn chèn hỡnh và nháy nút
trên thanh công cụ.
? B2: Trên hộp thoại xuất hiện, nhập đường dẫn và tên tệp hỡnh muốn chèn vào ô Image Location.
Ta có thể nháy chuột vào nút
bên ph?i ô Image Location để mở hộp thoại tỡm tệp hỡnh trên đĩa.
?B3: Gõ nội dung ngắn mô t? tệp hỡnh vào ô Tooltip. Dòng ch? này sẽ xuất hiện khi con trỏ chuột đến hỡnh ?nh trong khi duyệt web.
? B4: Nháy OK để hoàn thành chèn ?nh.
Sau khi chèn ?nh, ta có thể thay đổi kích thước ?nh một cách dễ dàng bằng cách kéo th? chuột.
4. Chèn ảnh vào trang web
? Thao tỏc liờn k?t:
?B1: Chọn phần van b?n muốn tạo liên kết.
?B2: Nháy nút
trên thanh công cụ.
?B3: Nhập địa chỉ của trang web đích vào ô Link Location. Nếu trang web đích thuộc cùng website, ta có thể nháy nút
để tỡm.
?B4: Nháy nút OK để kết thúc.
Các thao tác để tạo liên kết cho hỡnh ?nh cũng hoàn toàn tương tự, mặc dù hộp thoại có thể hơi khác.
5. Tạo liên kết
Dặn dò.
Về nhà học bài.
Xem trước phần còn lại.