Giao an dien tu bai 5 tin 9

Bài 5 : TẠO TRANG WEB
BẰNG PHẦN MỀM KOMPOZER
BIÊN SOẠN: PHAN THẾ DỤC
1. Phần mềm tạo trang Web Kompozer
Có rất nhiều phần mềm dùng để soạn thảo và trình bày các trang Web. Phần lớn các phần mềm soạn thảo văn bản bình thường như WORD đều có khả năng soạn thảo các trang Web hay các tệp HTML. Kompozer là phần mềm soạn thảo trang Web với đầy đủ các tính năng mạnh tương tự như các phần mềm chuyên nghiệp khác. Đặc điểm nổi bật nhất của phần mềm này là miễn phí với mã nguồn mở.


Khởi động phần mềm
Nháy chuột lên biểu tượng sau trên màn hình để khởi động phần mềm Kompozer.

Màn hình chính của phần mềm Kompozer
Màn hình soạn thảo trang Web (hay tệp HTML) có khuôn dạng như hình dưới đây và hoàn toàn tương tự như các màn hình soạn thảo bình thường khác.

2. Khởi tạo, mở và lưu trữ trang Web
Khởi tạo một trang Web mới
- Nháy nút trên thanh công cụ. Một cửa sổ soạn thảo mới sẽ hiện ra với tên "Untitled" có nghĩa là chưa có tên.
Phần mềm Kompozer cho phép soạn thảo đồng thời nhiều tệp HTML trên màn hình, mỗi tệp được hiện theo một TAB khác nhau.

Mở một trang Web để soạn thảo
- Nháy nút trên thanh công cụ. Xuất hiện hộp hội thoại mở tệp HTML.
Chọn một tệp HTML (một trang Web) và nháy nút Open. Tệp mới sẽ mở ra trong một TAB mới.


Ghi trang Web
Muốn ghi lại các thay đổi của trang Web hiện thời nháy nút trên thanh công cụ hoặc bấm tổ hợp phím Ctrl-S. Nếu là lần đầu tiên thực hiện công việc ghi, hộp hội thoại sau xuất hiện yêu cầu nhập tiêu đề của trang Web. Tiêu đề này được viết trong thẻ .







Nhập tiêu đề của trang và nháy nút OK. Tiêu đề trang Web sẽ hiện trên TAB của cửa sổ soạn thảo của phần mềm.


3. Trình bày trang Web
Trên trang soạn thảo của phần mềm Kompozer có thể thực hiện được các chức năng hỗ trợ trình bày hoàn toàn tương tự như trong các phần mềm soạn thảo văn bản khác.

Các chức năng sau có thể thực hiện được trong phần mềm Kompozer:
- Chọn và đặt phông chữ cho đoạn văn bản.
- Đặt màu cho chữ trong đoạn văn bản.
- Đặt màu nền cho trang Web.
- Thay đổi phóng to, thu nhu kích thước chữ trên trang Web.
- Đặt kiểu chữ là đậm (bold), nghiêng (italic) hay gạch chân (underline).
- Căn lề cho đoạn văn bản: căn thẳng lề trái, căn thẳng lề phải, căn đều hai bên và căn giữa.

4. Xem mã nguồn HTML của trang Web
Điểm khác biệt cơ bản của một trang Web và một trang văn bản bình thường là chúng ta có thể xem và điều chỉnh trang Web thông qua các thẻ HTML. Phía dưới cửa sổ soạn thảo có 4 TAB nhỏ tương ứng với 4 chế độ xem thông tin trang Web hiện thời. Trong đó chế độ Soucce (nguồn) là chế độ cho phép xem toàn bộ thông tin trang Web dưới dạng các thẻ HTML gốc.
Có 4 chế độ quan sát trang Web đang soạn thảo như sau:
- Normal: chế độ soạn thảo bình thường.
- HTML Tags: chế độ soạn thảo bình thường có thể hiện các thẻ HTML
- Source: chế độ xem nguồn HTML. Đây là chế độ chúng ta có thể xem được hoàn toàn
- Preview: chế độ xem trước như trên trình duyệt.

5. 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.
- 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.
- Tại vị trí Image Location nhập đường dẫn và tên tệp ảnh muốn chèn. Chú ý đường dẫn phải ghi là đường dẫn tương đối tính từ trang Web hiện thời. Nếu không nhớ chính xác vị trí và đường dẫn nháy chuột vào nút ở bên phải để vào cửa sổ tìm tệp ảnh trên đĩa.
- Tại vị trí Tooltip gõ một dòng chữ ghi nhớ cho tệp ảnh này. Khi xem trên Internet dòng chữ này sẽ hiện khi di chuyển chuột đến hình ảnh.
- Tại vị trí Alternate text gõ dòng chữ sẽ thể hiện tại vị trí ảnh này nếu hình ảnh không thể hiện được. Nháy chọn Don`t use alternate text nếu không cần nhập thông tin này.
- Nháy OK để hoàn thành lệnh chèn ảnh.
Chú ý sau khi chèn ảnh vào trang Web có thể thay đổi co giãn kích thước ảnh một cách dễ dàng bằng các thao tác chuột thông thường.

6. Tạo bảng biểu trên trang
Trang Web hỗ trợ hiện bảng dùng để thể hiện dữ liệu theo hàng, cột. Ví dụ em cần kẻ một thời khóa biểu lên trang Web của em.
Trong Kompozer việc tạo bảng rất dễ dàng như sau:
- Đưa con trỏ soạn thảo đến vị trí muốn tạo bảng.
- Nháy chuột vào nút trên thanh công cụ.
- Xuất hiện hộp hội thoại khởi tạo bảng có dạng như hình dưới đây.
- Dùng chuột dịch chuyển trên lưới để chọn số hàng và cột của bảng. Khi đã chọn xong nháy chuột để kết thúc quá trình tạo bảng.
- Nếu không muốn chọn kích thước bảng bằng chuột hãy nháy chuột lên nút TAB Precisely để vào cửa sổ dưới đây và nhập chính xác số lượng hàng, cột của bảng.
Nhập xong các thông tin của bảng bấm nút OK để kết thúc quá trình khởi tạo bảng.
Hình dưới đây cho ta thầy hình ảnh của bảng biểu hiện trên một trang Web. Việc nhập thông tin vào các ô của bảng biểu được thực hiện tương tự như trong các phần mềm soạn thảo khác. Các thao tác thay đổi độ rộng và chiều cao của các cột, hàng của bảng được thực hiện như hướng dẫn của hình dưới đây.
Chèn hoặc xóa một cột hoặc hàng của bảng:
Xóa một cột của bảng:
- Nháy chuột vào một ô bất kỳ trên cột muốn xóa.
- Thực hiện lệnh: Table --> Delete --> Columns.
Xóa một hàng của bảng:
- Nháy chuột vào một ô bất kỳ trên hàng muốn xóa.
- Thực hiện lệnh: Table --> Delete --> Rows.
Chèn thêm một hàng cạnh hàng hiện thời:
- Nháy chuột vào một ô bất kỳ trên hàng muốn chèn thêm.
- Thực hiện lệnh: Table --> Insert --> Row.
Chèn thêm một cột cạnh cột hiện thời:
- Nháy chuột vào một ô bất kỳ trên hàng muốn chèn thêm.
- Thực hiện lệnh: Table --> Insert --> Column.
Khi nháy chuột và nhập chữ bên trong một ô của bảng, em sẽ nhìn thấy các nút hình nhỏ nằm trên đường viền ngang trên và bên trái của ô hiện thời. Các nút nhỏ này chính là các nút lệnh nhanh dùng để xóa hoặc chèn một hàng hoặc cột của bảng.

Nối hai hoặc nhiều ô liền kề của bảng:
Muốn ghép nối hai hoặc nhiều ô liền nhau để tạo thành một ô lớn thực hiện thao tác sau: Dùng chuột đánh dấu chọn các ô và thực hiện lệnh: Table -->Join with Cell to the Right.

7. Tạo liên kết với các trang Web khác
Liên kết (link) hay còn gọi là siêu liên kết (hyperlink) là đối tượng quan trọng nhất và hay gặp nhất trên Internet. Một đoạn văn bản hoặc một hình ảnh có thể trở thành một siêu liên kết. Khi duyệt Web bằng phần mềm trình duyệt, nháy chuột lên siêu liên kết này sẽ tự động tạo ra kết nối và chuyển thông tin sang một trang Web khác.
Chú ý phân biệt đối tượng cần tạo liên kết và đối tượng đích sẽ liên kết tới.
Sau đây là thao tác tạo liên kết trong phần mềm Kompozer.

Tạo liên kết từ đoạn văn bản
Các thao tác tạo một đoạn văn bản trở thành siêu liên kết bằng phần mềm Kompozer như sau:
Chọn đoạn văn bản muốn tạo siêu liên kết.
Nháy chuột vào biểu tượng trên thanh công cụ. Xuất hiện màn hình như hình dưới đây:
Gõ đường dẫn hoặc địa chỉ chính xác của trang Web đích tại vị trí Link Location. Nếu trang Web đích cùng nằm trong cùng một Website với trang Web gốc thì có thể tìm trang Web đích bằng cách nháy chuột vào nút .
Nháy nút OK để kết thúc việc tạo liên kết.

Tạo liên kết từ hình ảnh
Nháy chuột chọn hình ảnh cần tạo liên kết.
Nháy chuột vào biểu tượng trên thanh công cụ. Xuất hiện màn hình như hình dưới đây:
Gõ địa chỉ chính xác hoặc đường dẫn của trang Web đích tại vị trí cần nhập trong cửa sổ trên. Có thể nháy nút để tìm các trang Web nằm trong cùng Website với trang Web gốc.
Nếu muốn hình ảnh siêu liên kết sẽ có một viền khung bao quanh (để phân biệt với các hình ảnh không là siêu liên kết) thì nháy chuột chọn Show border around image.
Nháy OK để kết thúc việc tạo liên kết.
GHI NHỚ:
Thông tin trên internet rất đa dạng, gồm văn 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 để tạo trang web.

Câu 1: Trên trang web có thể có những dạng thông tin nào?
A. Hình ảnh, văn bản.
B. Phim, nhạc
C. Các liên kết
D. Cả 3 câu trên đều đúng
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 d) 3, 2, 1, 4

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:
1. Nháy chọn Insert Link (hoặc biểu tượng có chữ Link trên thanh công cụ).
2. Nhập địa chỉ của trang web đích vào ô Link Location.
3. Chọn phần văn bản hay hình ảnh muốn tạo liên kết.
4. Nháy OK để kết thúc.
Trả lời : a)1, 2, 3, 4 b) 3, 1, 2, 4
c) 1, 3, 2, 4 d) 3, 2, 1, 4

Câu 4: Tác động của các liên kết trên trang web là gì?
A. Chuyển nhanh đến trang web trong cùng website
B. Chuyển nhanh đến trang web trong cùng website khác
C. Cả 2 câu trên đều sai
D. Cả 2 câu trên đều đúng

Câu 5: 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
Câu hỏi và bài tập
1. Hãy liệt kê một số dạng thông tin có thể có trên các trang web.
2. Hãy nêu một số chức năng định dạng văn bản trên trang web của phần mềm Kompzer và so sánh các chức năng trương tự coả Word
3. Nêu tác dụng vủa các liên kết trên trang web.
4. Hãy nêu các bước chèn hình ảnh vào trang web
5 Hãy nêu các bước thực hiện tạo liên kết đến các trang web khác


CHÀO TẠM BIỆT.
HẸN GẶP LẠI

BÀI HỌC ĐẾN ĐÂY KẾT THÚC