Bài giảng Tin học Lớp 9 - Tạo trang Web bằng phần mềm Kompozer - Nguyễn Thị Nga
- Biết chức năng của phần mềm Kompozer
- Một số dạng thông tin trên trang web
- Biết chèn hình ảnh và tạo các liên kết trên website.
- Tạo được các dạng thông tin và các liên kết đến website
- Có ý thức tích cực và sáng tạo trong học tập.
* Trang web có thể có các thành phần sau đây.
- Thông tin dạng văn bản
- Thông tin dạng hình ảnh( ả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( học tập hoặc trò chơi)
- Các liên kết giúp chuyển nhanh sang một trang web khác.
Bạn đang xem 20 trang mẫu của tài liệu "Bài giảng Tin học Lớp 9 - Tạo trang Web bằng phần mềm Kompozer - Nguyễn Thị Nga", để tải tài liệu gốc về máy bạn click vào nút DOWNLOAD ở trên
BÀI GIẢNG: TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER Môn: Tin học 9 BỘ GIÁO DỤC VÀ ĐÀO TẠO QUỸ LAURENCE S’TING CUỘC THI QUỐC GIA THIẾT KÊ BÀI GIẢNG E-LEARNING LẦN THỨ 4 ----------------------------------- Nhóm giáo viên: Nguyễn Thị Nga Phạm Thị Hà Email: nguyenthinga.c2huongson@vinhphuc.edu.vn Điện thoại di động: 0974 357 555 Trường THCS Hương Sơn, xã Hương Sơn h uyện Bình Xuyên, tỉnh Vĩnh Phúc Giấy phép bài dự thi: CC-BY-SA Tháng 10/ 2016 Giới thiệu bài học MỤC TIÊU BÀI HỌC - Biết chức năng của phần mềm Kompozer - M ột số dạng thông tin trên trang web - Biết chèn hình ảnh và tạo các liên kết trên website. - Tạo được các dạng thông tin và các liên kết đến website - Có ý thức tích cực và sáng tạo trong học tập. 1. Kiến thức 3. Thái độ 2. Kỹ năng CẤU TRÚC BÀI HỌC 1. Các dạng thông tin trên website Mục 1: Kiểm tra bài cũ Mục 3: Tư liệu tham khảo Mục 2: Tiến trình bài mới 2. Phần mềm thiết kế website 3. Soạn thảo văn bản 5. Tạo liên kết 4. Chèn hình ảnh 6. Hướng dẫn về nhà Câu 1: Trong thư điện tử, em có thể đính kèm những dạng thông tin nào? Đúng rồi, click chuột để tiếp tục Sai rồi, click chuột để tiếp tục Bạn học bài rất tốt Câu trả lời của bạn là: Câu trả lời đúng là: Bạn chưa học bài kĩ Hãy làm lại lần nữa Bạn phải trả lời trước khi chuyển sang trang tiếp theo CHẤP NHẬN LÀM LẠI KIỂM TRA BÀI CŨ A) Văn bản, Hình ảnh B) Âm thanh C) Phim D) Tất cả các dạng nói trên Câu 2: Em hãy điền vào chỗ trống trong câu hỏi sau đây? Đúng rồi, click chuột để tiếp tục Sai rồi, click chuột để tiếp tục Bạn học bài rất tốt Câu trả lời của bạn là: Câu trả lời đúng là: Bạn chưa học bài kĩ Bạn phải trả lời trước khi chuyển sang trang tiếp theo CHẤP NHẬN LÀM LẠI Lí do nhận được thông báo không thể chuyển thư tới người nhận là Câu 3: Vì sao việc mở các tệp đính kèm thư điện tử lại nguy hiểm? Đúng rồi, click chuột để tiếp tục Sai rồi, click chuột để tiếp tục Bạn học bài rất tốt Câu trả lời của bạn là: Câu trả lời đúng là: Bạn chưa học bài kĩ Hãy làm lại lần nữa Bạn phải trả lời trước khi chuyển sang trang tiếp theo CHẤP NHẬN LÀM LẠI A) Vì các tệp đính kèm này thường là nguồn lây nhiễm Virus. B) Vì khi mở tệp đính kèm, phải trả tiền dịch vụ C) Vì các tệp đính kèm chiếm dung lượng trên đĩa D) Tất cả các lí do trên Bảng điểm Số điểm của bạn: {score} Số điểm tối đa: {max-score} Số lần trả lời: {total-attempts} Click chuột vào tiếp tục để sang trang tiếp theo Xem lại Tiếp tục Em hãy quan sát vào video các trang web 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 trang web * Trang web có thể có các thành phần sau đây. - Thông tin dạng văn bản - Thông tin dạng hình ảnh( ả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( h ọc tập hoặc trò chơi) - Các liên kết giúp chuyển nhanh sang một trang web khác. 1 . Các dạng thông tin trên trang web BÀI 5: TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER Ảnh: Sưu tầm trên Internet 1. Các dạng thông tin trên trang web Hãy nêu cách để khởi động phần mềm 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 Ảnh: Sưu tầm trên Internet Để khởi động phần mềm Kompozer em thực hiện thế nào? Đúng rồi, click chuột để tiếp tục Sai rồi, click chuột để tiếp tục Bạn có hiểu bài Câu trả lời của bạn là: Câu trả lời đúng là: Ban chưa hiểu bài Hãy làm lại lần nữa Bạn phải trả lời trước khi chuyển sang trang tiếp theo CHẤP NHẬN LÀM LẠI A) Cách 1: Nháy đúp chuột vào biểu tượng Kompozer trên màn hình nền B) Cách 2: Vào star--->All program----> Kompozer C) Cả A và B đều đúng D) Cả A và B đều sai Hình 44. Màn hình chính của Kompozer Thanh bảng chọn Thanh công cụ Cửa sổ soạn thảo Điền vào chỗ trống sau đây? Đúng rồi, click chuột để tiếp tục Sai rồi, click chuột để tiếp tục Bạn rất hiểu bài Câu trả lời của bạn là: Câu trả lời đúng là: Bạn chưa hiểu bài Hãy làm lại lần nữa Bạn phải trả lời trước khi chuyển sang trang tiếp theo CHẤP NHẬN LÀM LẠI ? Em hãy cho biết phần mềm nào đã học có màn hình chính tương tự như Kompozer 1. Các dạng thông tin trên trang web 2 . Phần mềm thiết kế trang web Kompozer b. Tạo, mở và lưu trang web * Tạo tệp HTML mới Nháy nút trên thanh công cụ C1: Nháy nút ( New) trên thanh công cụ. C2: Mở File, chọn New C3: Nhấn Ctrl+N BÀI 5: TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER Màn hình chính của Kompozer. Kompozer 1. Các dạng thông tin trên trang web 2 . Phần mềm thiết kế trang web Kompozer b. 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út Nế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 Web Nháy nút OK BÀI 5: TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER Màn hình chính của Kompozer. C1: Nháy nút trên thanh công cụ. C2: Mở File, chọn Save C3: Nhấn Ctrl+S Kompozer 1. Các dạng thông tin trên trang web 2. Phần mềm thiết kế trang web Kompozer * 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ú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 b. Tạo, mở và lưu trang web . Màn hình chính của Kompozer. BÀI 5: TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER C1: Nháy nút trên thanh công cụ. C2: Mở File, chọn Open C3: Nhấn Ctrl+O Kompozer * C ác định dạng cho trang web: Đặt màu nền cho trang web. Chọn phông chữ, cỡ chữ và màu 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 căn giữa). 1. Các dạng thông tin trên trang web 2. Phần mềm thiết kế trang web Kompozer 3. Soạn thảo trang web BÀI 5: TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER Ảnh: Sưu tầm trên Internet Kompozer Đị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ề 1 4 5 3 2 BÀI 5: TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER 3. Soạn thảo trang web 1 2 3 4 5 ...... Video hướng dẫn soạn thảo và lưu trang web .. Video: Tác giả thực hiện Cách soạn thảo và định dạng văn bản trang web tương tự như các phần mềm soạn thảo văn bản khác. 3. Soạn thảo trang web BÀI 5: TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER Đị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ề 1 4 5 3 1. Các dạng thông tin trên trang web 2. Phần mềm thiết kế trang web Kompozer Kompozer 1 2 3 4 5 2 Câu 1: Chức năng chính của phần mềm Kompozer là gì? Em hãy chọn các đáp án đúng Đúng rồi, click chuột để tiếp tục Sai rồi, click chuột để tiếp tục Bạn rất hiểu bài Câu trả lời của bạn là: Câu trả lời đúng là: Bạn chưa hiểu bài, cần cố gắng hơn. Hãy làm lại lần nữa Bạn phải trả lời trước khi chuyển sang trang tiếp theo CHẤP NHẬN LÀM LẠI Câu hỏi kiểm tra kiến thức A) Soạn thảo văn bản B) Tạo trang web C) Vẽ và chỉnh sửa hình D) Soạn thảo tệp HTML( tệp siêu văn bản) Câu 2: Trên trang web có thể có những dạng thông tin nào? Đúng rồi, click chuột để tiếp tục Sai rồi, click chuột để tiếp tục Bạn rất hiểu bài Câu trả lời của bạn là: Câu trả lời đúng là: Bạn chưa hiểu bài, cần cố gắng hơn. Bạn phải trả lời trước khi chuyển sang trang tiếp theo CHẤP NHẬN LÀM LẠI A) Hình ảnh, văn bản B) Nhạc, phim C) Phần mềm và các liên kết D) Cả 3 câu trên đều đúng Câu 3: Để lưu trang web em thực hiện như thế nào? Hãy chọn đáp án đúng nhất Đúng rồi, click chuột để tiếp tục Sai rồi, click chuột để tiếp tục Bạn rất hiểu bài Câu trả lời của bạn là: Câu trả lời đúng là: Bạn chưa hiểu bài, cần cố gắng hơn. Bạn phải trả lời trước khi chuyển sang trang tiếp theo CHẤP NHẬN LÀM LẠI A) File---> Save B) Ctrl+ S C) Nháy chuột vào biểu tượng trên thanh công cụ D) Cả A, B, C đều sai E) Cả A, B, C đều đúng Câu 4: Em hãy nhìn vào hình vẽ và cho biết chức năng của các nút lệnh trên đó? Đúng rồi, click chuột để tiếp tục Sai rồi, click chuột để tiếp tục Bạn rất hiểu bài Câu trả lời của bạn là: Câu trả lời đúng là: Bạn chưa hiểu bài, cần cố gắng hơn. Bạn phải trả lời trước khi chuyển sang trang tiếp theo CHẤP NHẬN LÀM LẠI b) Nút lệnh căn chỉnh lề văn bản a) Nút lệnh tăng cỡ chữ c) Nút lệnh chọn kiểu chữ đậm, nghiêng, gạch chân d) Chọn phông chữ e) Nút lệnh giảm cỡ chữ 3 1 2 4 5 Bảng điểm Số điểm của bạn: {score} Số điểm tối đa: {max-score} Số lần trả lời: {total-attempts} Click chuột vào tiếp tục để sang trang tiếp theo Xem lại Tiếp tục Quan sát vào các trang web sau và cho biết thành phần nào giúp trang web sinh động và hấp dẫn hơn? BÀI 5: TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER Ảnh: Sưu tầm trên Internet ? Thành phần nhất định phải có trên trang web giúp sinh động hấp dẫn hơn là gì? Đúng rồi, click chuột để tiếp tục Sai rồi, click chuột để tiếp tục Bạn có hiểu bài Câu trả lời của bạn là: Câu trả lời đúng là: Bạn chưa hểu bài Hãy làm lại lần nữa Bạn phải trả lời trước khi chuyển sang trang tiếp theo CHẤP NHẬN LÀM LẠI A) Văn bản B) Âm thanh, đoạn phim C) Hình ảnh D) Phần mềm 4. Chèn ảnh vào trang web. B1: Đưa con trỏ đến vị trí muốn chèn và nháy nút trên thanh công cụ. B2 : Xuất hiện hộp thoại, n hập đường dẫn và tên tệp ảnh vào ô Image Location . B3 : Gõ nội dung ngắn mô tả tệp ảnh vào ô Tooltip. B4 : Nháy 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 trang web 2. Phần mềm thiết kế trang web Kompozer 3. Soạn thảo trang web Kompozer . Video hướng dẫn chèn hình ảnh vào trang web .. Video: Tác giả thực hiện 4. Chèn ảnh vào trang web. B1. Đưa 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ụ B2. Nhập đường dẫn và tên tệp ảnh muốn chèn vào ô Image Location . B3. Gõ nội dung ngắn mô tả tệp ảnh vào ô Tooltip B4. Nháy 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 trang web 2. Phần mềm thiết kế trang web Kompozer 3. Soạn thảo trang web Lưu ý: Nếu tích chọn Alternate text thì phải gõ các kí tự mục này. Còn tích chọn vào Don’t use alternate text thì không cần gõ kí tự nữa. Câu 1: Hình ảnh để chèn vào trang web được lấy từ đâu? Đúng rồi, click chuột để tiếp tục Sai rồi, click chuột để tiếp tục Bạn rất hiểu bài Câu trả lời của bạn là: Câu trả lời đúng là: Bạn chưa hiểu bài, cần cố gắng hơn. Bạn phải trả lời trước khi chuyển sang trang tiếp theo CHẤP NHẬN LÀM LẠI 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 2: Em hãy cho biết điều kiện khi chèn hình ảnh vào trang web là gì? Đúng rồi, click chuột để tiếp tục Sai rồi, click chuột để tiếp tục Bạn rất hiểu bài Câu trả lời của bạn là: Câu trả lời đúng là: Bạn chưa hiểu bài, cần cố gắng hơn. Bạn phải trả lời trước khi chuyển sang trang tiếp theo CHẤP NHẬN LÀM LẠI 1. Nếu tích chọn mục Alternate text 2. Tích chọn Don't use alternate text Câu 3: Sắp xếp thứ tự các bước chèn hình ả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 và nháy chọn Insert Image (hoặc biểu tượng Image trên thanh công cụ.4. Nháy OK. Đúng rồi, click chuột để tiếp tục Bạn rất hiểu bài Câu trả lời của bạn là: Câu trả lời đúng là: Bạn chưa hiểu bài, cần cố gắng hơn. Bạn phải trả lời trước khi chuyển sang trang tiếp theo CHẤP NHẬN LÀM LẠI Sai rồi, click chuột để tiếp tục A) 1, 3, 2, 4 B) 1, 2, 3, 4 C) 3, 1, 2, 4 Bảng điểm Số điểm của bạn: {score} Số điểm tối đa: {max-score} Số lần trả lời: {total-attempts} Click chuột vào tiếp tục để sang trang tiếp theo Xem lại Tiếp tục BÀI 5: TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER Quan sát vào video sau. C ho biết tác dụng của liên kết và đối tượng chứa liên kết ? 5. Tạo liên kết. Đúng rồi, click chuột để tiếp tục Sai rồi, click chuột để tiếp tục Bạn rất hiểu bài Câu trả lời của bạn là: Câu trả lời đúng là: Bạn chưa hiểu bài Bạn phải trả lời trước khi chuyển sang trang tiếp theo CHẤP NHẬN LÀM LẠI ? Tác dụng của liên kết là khi nháy chuột lên một liên kết, trình duyệt sẽ mở ra ? Đối tượng chứa liên kết là gì? Đúng rồi, click chuột để tiếp tục Sai rồi, click chuột để tiếp tục Bạn rất hiểu bài Câu trả lời của bạn là: Câu trả lời đúng là: Bạn chưa hiểu bài Bạn phải trả lời trước khi chuyển sang trang tiếp theo CHẤP NHẬN LÀM LẠI A) Văn bản B) Âm thanh C) Hình ảnh D) Văn bản hoặc hình ảnh 5. Tạo liên kết. B1. Chọn phần văn bản muốn tạo liên kết. B4. Nháy nút OK để kết thúc. B2. Nháy nút 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. => Hộp thoại Kompozer BÀI 5: TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER 4. Chèn ảnh vào trang web. 1. Các dạng thông tin trên trang web 2. Phần mềm thiết kế trang web Kompozer 3. Soạn thảo trang web Video hướng dẫn tạo liên kết trong trang web Video: Tác giả thực hiện Video hướng dẫn xem trang web Video: Tác giả thực hiện. Lưu ý: - Văn bản hoặc hình ảnh được tạo liên kết có dạng , , nháy chuột vào đó để sang trang web đích. 5. Tạo liên kết. B1. Chọn phần văn bản muốn tạo liên kết. B2. Nháy nút 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. BÀI 5: TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER 4. Chèn ảnh vào trang web. 1. Các dạng thông tin trên trang web 2. Phần mềm thiết kế trang web Kompozer 3. Soạn thảo trang web trên thanh công cụ. Xuất hiện hộp thoại ........ Câu 1: Đối tượng có thể trở thành siêu liên kết trên trang web là gì? Đúng rồi, click chuột để tiếp tục Sai rồi, click chuột để tiếp tục Bạn rất hiểu bài Câu trả lời của bạn là: Câu trả lời đúng là: Bạn chưa hiểu bài,cần cố gắng hơn Hãy làm lại lần nữa Bạn phải trả lời trước khi chuyển sang trang tiếp theo CHẤP NHẬN LÀM LẠI Câu hỏi kiểm tra kiến thức A) Văn bản B) Hình ảnh C) Cả A và B đều đúng D) Cả A và B đều sai Câu 2: Sắp xếp thứ tự các bước tạo liên kết trên trang web 1. Nháy chọn biểu tượng Insert Link trên thanh công cụ2.Nhập địa chỉ trang web đích vào ô Link Location3.Chọn phần văn bản hoặc hình ảnh cần tạo liên kết4. Nháy OK. Đúng rồi, click chuột để tiếp tục Sai rồi, click chuột để tiếp tục Bạn rất hiểu bài Câu trả lời của bạn là: Câu trả lời đúng là: Bạn chưa hiểu bài,cần cố gắng hơn Hãy làm lại lần nữa Bạn phải trả lời trước khi chuyển sang trang tiếp theo CHẤP NHẬN LÀM LẠI A) 1, 2, 3, 4 B) 1, 3, 2, 4 C) 3, 1, 2, 4 D) 3, 2, 4, 1 Câu 3: Văn bản hoặc hình ảnh chứa liên kết sẽ có dạng hình bàn tay đúng hay sai? Đúng rồi, click chuột để tiếp tục Sai rồi, click chuột để tiếp tục Bạn rất hiểu bài Câu trả lời của bạn là: Câu trả lời đúng là: Bạn chưa hiểu bài,cần cố gắng hơn Bạn phải trả lời trước khi chuyển sang trang tiếp theo CHẤP NHẬN LÀM LẠI A) Đúng B) Sai Câu 4: Hãy nối cột 1 với cột 2 cho đúng ý nghĩa các lệnh. Cột 1 Cột 2 A. Mở tệp mới HTML( New) B. Mở tệp HTML đã có( Open) C. Lưu tệp HTML(Save) D. Chèn liên kết vào website E. Chèn hình ảnh vào website F. Chèn bảng vào website G. Khôi phục trạng thái trước đó C 1. E 2. A 3. D 4. B 5. G 6. F 7. Đúng rồi, click chuột để tiếp tục Sai rồi, click chuột để tiếp tục Bạn rất hiểu bài Câu trả lời của bạn là: Câu trả lời đúng là: Bạn chưa hiểu bài,cần cố gắng hơn Bạn phải trả lời trước khi chuyển sang trang tiếp theo CHẤP NHẬN LÀM LẠI Bảng điểm Số điểm của bạn: {score} Số điểm tối đa: {max-score} Số lần trả lời: {total-attempts} Click chuột vào tiếp tục để sang trang tiếp theo Xem lại Tiếp tục Củng cố bài học Văn bản, âm thanh, hình ảnh, đoạn phim, phần mềm Kết bài- Hướng dẫn về nhà Tài liệu sử dụng trong bài thi Sách giáo khoa Tin học Quyển 4_ NXB Giáo dục Sách giáo viên Tin học Quyển 4_ NXB Giáo dục Bài tập Tin học Quyển 4_ NXB Giáo dục Phần mềm Adobe presenter 10 , total video convert Bandicam, Buzan’s MindMap V4 5. Video: Tác giả tự thực hiện 6.Tư liệu ảnh, bài giảng điện tử, nhạc nền sưu tầm website: http ://baigiang.violet.vn/ http ://tainhacchuong.biz/nhacchuong/kiss-the-rain-4292.html
Tài liệu đính kèm:
- bai_giang_tin_hoc_lop_9_tao_trang_web_bang_phan_mem_kompozer.pptx
- Thuyetminh.docx