Bài 5. TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER

Bi 5 1. Cỏc dng thụng tin trờn trang web: - Thông tin dạng văn bản với nhiều cách trình bày phong phú. - Thông tin dạng hình ảnh với màu sắc, kiểu, kích thước và hiệu ứng thể hiện khác nhau. Hình ảnh trên trang web có thể là ảnh tĩnh hoặc ảnh động. - Thông tin dạng âm thanh (bản nhạc hoặc ca khúc). - Các đoạn phim. - Các phần mềm được nhúng hoàn toàn vào trang web (các trò chơi trựctuyến). - Đặc biệt, trên trang web thường có các liên kết. Liên kết giúp nhanh chóng chuyển sang một trang web khác chỉ bằng một thao tác nháy chuột trên đó. Vì thế liên kết còn được gọi là thành phần tương tác của trang web. Bi 5 2. Ph n m m thi t k trang web Kompozer: ể khởi động phần mềm Kompozer, ta nháy đúp chuột trên biểu tượng trên màn hỡnh nền. a) Màn hình chính của Kompozer T Thanh bảng chọn hanh công cụ Cửa sổ soạn thảo Bi 5 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ác trang chứa các tệp HTML đang mở Nút này dùng để đóng tệp HTML hiện thời. Bi 5 2. Ph n m m thi t k trang web Kompozer: b) Tạo, mở và lưu trang web: ể mở một tệp HTML đã có, 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. Bi 5 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ụ 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: Hộp thoại nhập tiêu đề của trang web Nhập tiêu đề cho trang web và nháy nút OK. Tiêu đề trang web là tiêu đề trang tương ứng trong cửa sổ soạn tho Phần mềm Kompozer cho phép soạn th o đồng thời nhiều trang HTML, mỗi trang HTML được mở thành một trang riêng. Khi ể đóng trang HTML hiện thời, nháy chuột vào nút ở hàng tiêu đề trang. Bi 5 3. So n th o trang web : ặt màu nền cho trang web. Chọn phông ch , màu ch và cỡ ch cho v n b n. ặt kiểu ch (ch đậm, ch nghiêng hay ch gạch chân). C n lề đoạn v n b n (c n trái, c n ph i, c n đều hai bên hoặc và c n gi a). Phông chữ Màu chữ Màu nền trang web Cỡ chữ Kiểu chữ Căn lề Bi 5 4. Chốn nh vo trang web : Thao tác chèn hỡnh như sau: B1: Chuyển con trỏ soạn tho đế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 phi ô 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. Bi 5 5. T o l iờn kt: Thao taực lieõn keỏt: B1: Chọn phần vn bn 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. CU HI V BI TP C1: Hãy liệt kê một số dạng thông tin có thể có trên các trang web. C2: 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 Kompozer và so sánh với các chức năng tương tự của Word. C3: Nêu tác dụng của các liên kết trên trang web. C4: Hãy nêu các bước chèn ảnh vào trang web. C5: Hãy nêu các bước thực hiện tạo ra liên kết đến một trang web khác. . kết còn được gọi là thành phần tương tác của trang web. Bi 5 2. Ph n m m thi t k trang web Kompozer: ể khởi động phần mềm Kompozer, ta nháy đúp chuột. nhập tiêu đề cho trang web: Hộp thoại nhập tiêu đề của trang web Nhập tiêu đề cho trang web và nháy nút OK. Tiêu đề trang web là tiêu đề trang tương ứng