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

PHÒNG GIÁO DỤC VÀ ĐÀO TẠO HUYỆN EA H’LEO

T¹o trang web b»ng phÇn mÒm kompozer
Giáo viên thực hiện: Hoàng Tấn Thành
Đơn vị: Trường THCS Lê Lợi
Trường THCS LÊ LợI
Năm học 2009 - 2010
Bài 5
Tạo trang Web bằng phần mềm Kompozer
1. Các dạng thông tin trên trang Web

Các dạng thông tin trên Internet:
- Thông tin dạng văn bản.
- Thông tin dạng hình ảnh
- Thông tin dạng âm thanh
- Các đoạn phim.
- Các phần mềm
- Trên trang Web thường có các liên kết.
Bài 5
Tạo trang Web bằng phần mềm Kompozer
1. Các dạng thông tin trên trang Web

Khởi động phần mềm: Nháy đúp chuột vào biểu tượng
trên màn hình window.
Màn hình chính của Kompozer.
2. Phần mềm thiết kế trang Web Kompozer
Bài 5
Tạo trang Web bằng phần mềm Kompozer
1. Các dạng thông tin trên trang Web

Màn hình chính của Kompozer.
2. Phần mềm thiết kế trang Web Kompozer
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. Cửa sổ soạn thảo dưới đây sẽ được hiển thị
* Tạo mới:
Bài 5
Tạo trang Web bằng phần mềm Kompozer
1. Các dạng thông tin trên trang web

Màn hình chính của kompozer.
2. Phần mềm thiết kế trang Web Kompozer
b. Tạo, mở và lưu trang Web .

* Tạo mới:
Nháy nút trên thanh công cụ, chọn tệp HTML trên hộp thoại xuất hiện sau đó và nháy nút Open.
* Mở một tệp HTML đã có :
Bài 5
Tạo trang Web bằng phần mềm Kompozer
1. Các dạng thông tin trên web

Màn hình chính của Kompozer.
2. Phần mềm thiết kế trang Web Kompozer
b. Tạo, mở và lưu trang Web .

* Tạo mới:
* Mở một tệp HTML đã có :
* Lưu :
Nháy nút trên thanh công cụ nếu muốn lưu lại các thay đổi của tệp hiện thời (hoặc nhấn tổ hợp phím Ctrl+S). Nếu lần đầu tiên lưu, hộp thoại sau xuất hiện yêu cầu nhập tiêu đề cho trang web:
- Nhập xong tiêu đề nhấn nút OK
Bài 5
Tạo trang Web bằng phần mềm Kompozer
1. Các dạng thông tin trên web

2. Phần mềm thiết kế trang web kompozer
- Cách soạn thảo và định dạng văn bản trên trang web giống hệt như phần mềm soạn thảo văn bản Microsoft Word.
3. Soạn thảo trang web
Bài 5
Tạo trang Web bằng phần mềm Kompozer
1. Các dạng thông tin trên web

2. Phần mềm thiết kế trang web kompozer
3. Soạn thảo trang web
- Cách định dạng văn bản web ta sử dụng các định dạng sau:
Bài 5
Tạo trang Web bằng phần mềm Kompozer
1. Các dạng thông tin trên web

2. Phần mềm thiết kế trang web kompozer
3. Soạn thảo trang web
4. Chèn ảnh vào trang web
B1. Chuyển con trỏ soạn thảo đến vị trí muốn chèn ảnh và nháy nút (Image) trên thanh công cụ.
Bài 5
Tạo trang Web bằng phần mềm Kompozer
1. Các dạng thông tin trên web

2. Phần mềm thiết kế trang web kompozer
3. Soạn thảo trang web
4. Chèn ảnh vào trang web
B1. Chuyển con trỏ soạn thảo đến vị trí muốn chèn ảnh và nháy nút (Image) trên thanh công cụ.
B3. Gõ nội dung ngắn mô tả tệp ả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 trình duyệt Web
B2. Xuất hiện hộp thoại. Nhập đường dẫn và tên tệp ảnh muốn chèn vào ô Image Location.
B4. Nháy OK để hoàn thành chèn ảnh.
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 ảnh trên đĩa.
Bài 5
Tạo trang Web bằng phần mềm Kompozer
1. Các dạng thông tin trên web

2. Phần mềm thiết kế trang web kompozer
3. Soạn thảo trang web
4. Chèn ảnh vào trang web
B1. Chọn phần văn bản muốn tạo liên kết.
5. Tạo liên kết
Bài 5
Tạo trang Web bằng phần mềm Kompozer
1. Các dạng thông tin trên web

2. Phần mềm thiết kế trang web kompozer
3. Soạn thảo trang web
4. Chèn ảnh vào trang web
B1. Chọn phần văn bản muốn tạo liên kết.
5. Tạo liên kết
B2. Nháy nút trên thanh công cụ. Xuất hiện hộp thoại
Bài 5
Tạo trang Web bằng phần mềm Kompozer
1. Các dạng thông tin trên web

2. Phần mềm thiết kế trang web kompozer
3. Soạn thảo trang web
4. Chèn ảnh vào trang web
B1. Chọn phần văn bản muốn tạo liên kết.
5. Tạo liên kết
B2. Nháy nút trên thanh công cụ. Xuất hiện hộp thoại
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.
Ghi nh?
1. Thông tin trên trang Web rất đa dạng, gồm văn bản, hình ảnh, âm thanh, phim và liên kết
2. 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
3. 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.
4. Kompozer là phần mềm miễn phí dùng để tạo trang Web
Thank you