Bài 5. Tạo trang web bằng phần mềm Kompozer1. Các dạng thông tin trên trang webTrang web có thể có các thành phần dưới đây: Show + 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ực tuyế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 2. Phần mềm thiết kế trang web KompozerKhởi động phần mềm: Nháy đúp chuột vào biểu tượng  trên màn hình nền a. Màn hình chính của Kompozer Màn hình chính của Kompozer gồm có: + Thanh bảng chọn + Thanh công cụ + Cửa sổ soạn thảo Hình 1. Màn hình chính của Kompozer b. Tạo, mở và lưu trang web Cửa sổ soạn thảo có dạng như hình dưới đây sẽ được hiển thị: Hình 2. Màn hình thiết kế trang Web - Tạo tệp HTML mới: Nháy nút trên thanh công cụ - Mở một tệp đã có: Nháy nút
→ Xuất hiện hộp thoại: + Chọn tệp cần mở hoặc gõ tên tệp cần mở + Nhấn nút Open - Lưu trang Web hiện thời: Nháy nút trên thanh công cụ. 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ình 3. 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 thảo 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. + Đóng trang HTML hiện thời: nháy chuột vào nút ở hàng tiêu đề trang 3. Soạn thảo trang webCá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. Hình 4. Trang web được soạn thảo bằng Kompozer - Một số định dạng cho trang Web trong phần mềm Kompozer: + Đặt màu nền + Chọn phông chữ, màu chữ, cỡ chữ cho văn bản + Đặt kiểu chữ + Căn lề đoạn văn bản Hình 5. Các nút lệnh định dạng văn bản 4. Chèn ảnh vào trang WebKhi muốn chèn một ảnh vào trang web, chúng ta cần có sẵn tệp ảnh này trên máy tính. Thao tác chèn ảnh như sau: + Bước 1. Chuyển con trỏ soạn thảo đến vị trí muốn chèn ảnh và nháy nút trên thanh công cụ + Bước 2. Xuất hiện hộp thoại Image Properties, nhập đường dẫn và tên tệp ảnh muốn chèn vào ôImage Location Hình 6. Hộp thoại để 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ước 3. Gõ nội dung mô tả tệp ảnh vào ô Tooltip; + Bước 4. Nháy nút Ok. 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. + Bước 1. Chọn phần văn bản muốn liên kết + Bước 2. Nháy nút trên thanh công cụ. Xuất hiện hộp thoại Link Properties: Hình 7. Tạo liên kết + Bước 3. Nhập địa chỉ của trang web đích vào ô Link Location. Nếu trang web đích thuộc cùng 1 website, nháy nút để tìm + Bước 4. Nháy nút OK để kết thúc
TRƯỜNG THCS MINH THẠNHMÔN: TIN HỌC 9Nhiệt liệt chào mừngquý thầy, cô về dự GIờ TậP THể LớP 9A1Kiểm tra bài cũCâu 1: Em sử dụng hộp thư điện tử của mình gửi một bức thư điện tử có đính kèm một tệp tin cho một bạn trong lớp.Câu 2: Em sử dụng hộp thư điện tử của mình lên đọc thư và trả lời thư cho bạn vừa gửi thư cho em.Bài 5TẠO TRANG WEBBẰNG PHẦN MỀM KOMPOZERCác dạng thông tin trên trang webSoạn thảo trang webPhần mềm thiết kế trang web KompozerBÀI 5: TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZERChèn ảnh vào trang webTạo liên kếtTẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER- 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.- Các liên kết.1. Các dạng thông tin trên trang webHãy nêu các dạng thông tin trên trang web mà em biết?1. Các dạng thông tin trên trang webHã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 webKompozertrên màn hình nền.* Khởi động phần mềm:Nháy đúp chuột vào biểu tượngTẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZERQuan sát hình và cho biết màn hình chính của Kompozer gồm những thành phần nào?Hình 44. Màn hình chính của KompozerThanh bảng chọnThanh công cụCửa sổ soạn thảo1. Các dạng thông tin trên trang web2. Phần mềm thiết kế trang webKompozerMàn hình chính của Kompozer.- Thanh bảng chọnThanh công cụCửa sổ soạn thảoEm 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 WordTẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER1. Các dạng thông tin trên trang web2. Phần mềm thiết kế trang webKompozerb. Tạo, mở và lưu trang web .* Tạo tệp HTML mớiNháy nút trên thanh công cụHãy nêu các cách tạo tệp văn bản mới trong Word?C1: Nháy nút (New) trên thanh công cụ.C2: Mở File, chọn NewC3: Nhấn Ctrl+NTẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZERHình 45. Màn hình thiết kế trang Web1. Các dạng thông tin trên trang web2. Phần mềm thiết kế trang webKompozerb. Tạo, mở và lưu trang web .* Tạo tệp HTML mới- Nháy nút* Lưu trang Web hiện thời :Nháy nútNế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 WebNhấn nútHãy nêu các cách lưu tệp hiện thời trong Word?TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER1. Các dạng thông tin trên trang web2. Phần mềm thiết kế trang webKompozerb. Tạo, mở và lưu trang web .* Tạo tệp mới- Nháy nút* Lưu trang Web hiện thời- Nháy nút* Mở một tệp đã cóNháy nútxuất hiện hộp thoại:Chọn tệp cần mở hoặc gõ tên tệp cần mở.Nhấn nútHãy nêu các cách mở một tệp văn bản đã có trong Word?TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER1. Các dạng thông tin trên trang webHình 48. Trang Web được thiết kế bằng phần mềm Kompozer2. Phần mềm thiết kế trang webKompozer3. 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.TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER1. Các dạng thông tin trên trang web2. Phần mềm thiết kế trang webKompozer3. Soạn thảo trang webCá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.Hãy liệt kê một số định dạng có thể sử dụng cho trang Web?Đặt màu nền.Chọn phông chữ, màu chữ, cỡ chữ cho văn bản.Đặt kiểu chữ.Căn lề đoạn văn bản.Một số định dạng cho trang Web trong phần mềm Kompozer:TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZERCâu 1: Biểu tượng của phần mềm Kompozer là:Bài tập củng cốCâu 2: Mở tệp đã có trên Kompozer, nháy nút:Bài tập củng cốCâu 3: Hãy nêu tác dụng định dạng của các nút sau :Bài tập 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ề14532Thô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.GHI NHỚ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)Chúc quý thầy cô giáo mạnh khoẻ109Chúc các em học tốtTiết họcKẾT THÚC4. 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.TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER1. Các dạng thông tin trên trang web2. Phần mềm thiết kế trang webKompozer3. Soạn thảo trang webHã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.+ Nháy nút OkTẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER4. 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- 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.1. Các dạng thông tin trên trang web2. Phần mềm thiết kế trang webKompozer3. Soạn thảo trang webCác thao tác tạo liên kết trong phần mềm Kompozer.TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER4. 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úc5. 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.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ạcC. Các liên kếtD. Cả 3 câu trên đều đúngCâ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, 4B) 1, 2, 3, 4C) 3, 1, 2, 4D) 3, 2, 1, 4Câ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, 4c) 1, 3, 2, 4 d) 3, 2, 1, 4Câ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ẵnB. Đĩa Flash USB, đĩa CDC. Máy ảnh kỹ thuật số, điện thoại di độngD. Tất cả các câu trên đều đúngGHI 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.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)Tổ 1: Tạo Website (khoảng 3-5 trang web) phổ biến thông tin về câu lạc bộ văn nghệ của lớp.Tổ 2: Tạo Website giới thiệu về ngôi trường THCS Ngũ hiệpTổ 3: Tạo Website mua bán các loại máy tính trực tuyến.Tổ 4: Tạo Website cung cấp thông tin về lớp mà em đang học.Tổ 5: Tạo Website giới thiệu về những bài thơ hay của Bác.Hướng dẫn về nhàYêu cầu:Chuẩn bị nội dung cho WebsiteTạ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.Bài học đãKẾT THÚC
Tên file: Bài 5. Tạo trang web bằng phần mềm Kompozer Phiên bản: N/A Tác giả: Nguyễn Mạnh Cường Website hỗ trợ: N/A Thuộc chủ đề: Tin học 9 Gửi lên: 04/12/2013 14:39 Cập nhật: 04/12/2013 14:39 Người gửi: N/A Thông tin bản quyền: N/A Dung lượng: 18.60 KB Xem: 375 Tải về: 142 |
