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.. -Nội dung phải phù hợp với đề tài và mục đích phổ biến thông tin.. -Là xác[r]
Trang 1Tuần: 9 Ngày soạn:28/09/2009
BÀI THỰC HÀNH 4: TẠO TRANG WEB ĐƠN GIẢN
I.MỤC TIÊU
1.Kiến thức: Làm quen với phần mềm Kompozer.
2.Kỹ năng: Biết tạo một vài trang web đơn giản, có liên kết bằng Kompozer.
3.Thỏi độ: Có thái độ, động cơ học tập đúng đắn, nghiêm túc khi thực hiện
II.CHUẨN BỊ
1 Giáo viên:Giáo án, SGK,bảng phụ
2 Học sinh
-Học bài cũ, xem trước bài mới
III TI N TRÌNH D Y H C:ẾN TRÌNH DẠY HỌC: ẠY HỌC: ỌC:
Hoạt động của giáo viên Hoạt động của học sinh Nội dung Hoạt động 1:8’
-Ổn định lớp:
-Câu 1: Nêu các bước tạo,
mở, lưu trang web?
Câu 2: Nêu các bước chèn
ảnh vào trang web?
Câu 1:
-Tạo mới : Nháy nút trên thanh công cụ để tạo tệp HTML mới
-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:
Hình 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 Khi
Để đóng trang HTML hiện
Trang 2Hoạt động 2: 20’
-Yêu cầu hs đọc sgk và trả lời
câu hỏi: Để tạo trang web,
chúng ta cần làm gì?
-Tại sao cần phải chọn lựa đề
tài?
-Tại sao phải chuẩn bị nội
dung?
thời, nháy chuột vào nút ở hàng tiêu đề trang
-Mở trang web có sẵn: 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
Câu 2:
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:
B1 :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ụ
B2 :Trên hộp thoại xuất hiện sau đó (h 46), nhập đường dẫn
và tên tệp ảnh muốn chèn vào ô
Image Location.
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
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 duyệt web
B4:Nháy OK để hoàn thành
chèn ảnh
-Cần được thực hiện qua bốn bước
-Cần lựa chọn những đề tài được nhiều người quan tâm hoặc đáp ứng nhu cầu thông tin cho nhiều người
-Nội dung phải phù hợp với đề tài và mục đích phổ biến thông tin
1.Kiến thức cần biết
a) Lựa chọn đề tài: Mục
đích của việc tạo trang web là
để phổ biến thông tin trên mạng Internet Vì vậy nên lựa chọn những chủ đề được nhiều người quan tâm hoặc đáp ứng nhu cầu thông tin cho nhiều người
Trang 3-Việc chuẩn bị nội dung gồm
những gì?
-Tạo kịch bản nghĩa là gì?
Hoạt động 3: 5’
-Củng cố:
-Nhận xét các nhóm học tập
qua tiết thực hành
-Cho điểm một số nhóm học
tốt
-HD thêm một số nhóm chưa
tốt
Hoạt động 4: 2’
-Dặn dò:
-Xem lại các nội dung đã thực
hành
-Chuẩn bị phần còn lại của
bài thực hành(tiết sau thực
hành tiếp theo)
-Biên soạn hoặc sưu tầm, chỉnh sửa (đặc biệt là hình ảnh,
âm thanh) để sẳn sàng đưa vào tranh web
-Là xác định các trang web cần tạo, nội dung và cách thức bố trí các dạng thông tin trên từng trang web và các liên kết giữa các trang web
b) Chuẩn bị nội dung: Nội
dung trang web có thể rất đa dạng, bao gồm văn bản, hình ảnh, âm thanh, phim, Việc chuẩn bị nội dung bao gồm biên soạn hoặc sưu tầm, chỉnh sửa (đặc biệt là hình ảnh, âm thanh) để sẵn sàng đưa vào trang web
c) Tạo kịch bản: Việc xây
dựng kịch bản là xác định các trang web cần tạo, nội dung
và cách bố trí các thông tin trên từng trang web và các liên kết giữa các trang web hoặc liên kết tới các trang web trên Internet
d) Tạo trang web: Sử dụng
phần mềm để thiết kế các trang web, nhập và trình bày thông tin trên các trang web
Trang 4Tuần: 9 Ngày soạn:28/09/2009
BÀI THỰC HÀNH 4: TẠO TRANG WEB ĐƠN GIẢN
I.MỤC TIÊU
1.Kiến thức: Làm quen với phần mềm Kompozer.
2.Kỹ năng: Biết tạo một vài trang web đơn giản, có liên kết bằng Kompozer.
3.Thỏi độ: Có thái độ, động cơ học tập đúng đắn, nghiêm túc khi thực hiện
II.CHUẨN BỊ
1 Giáo viên:Giáo án, SGK,bảng phụ
2 Học sinh
-Học bài cũ, xem trước bài mới
III TIẾN TRÌNH DẠY HỌC
Hoạt động của giáo viên Hoạt động của học sinh Nội dung
Hoạt động 1: 8’
-Ổn định lớp:
-Kiểm tra bài cũ:
- Em hãy kể tên các dịch vụ
cung cấp thư điện tử
Hoạt động 2: 15’
-Tìm hiểu về soạn và gửi thư
- Làm thế nào để soạn và gửi
thư?
Hoạt động 3:15’
-Tìm hiểu gửi thư trả lời
- Làm thế nào để trả lời một
thư
2.Nội dung thực hành
Bài 1 Khởi động và tìm hiểu Kompozer
1.Tìm hiểu màn hình làm việc của Kompozer, các nút lệnh trên thanh công cụ và chức năng của chúng So sánh màn hình Kompozer với màn hình Word 2.Mở các bảng chọn và quan sát các lệnh trong bảng chọn đó 3.Gõ một vài từ, sau đó sử dụng các nút lệnh sau đây để định dạng văn bản:
kiểu chữ và màu chữ;
chữ;
đoạn văn bản;
Trang 5Hoạt động 4:5’
-Củng cố:
-Nhận xét các nhóm học tập
qua tiết thực hành
-Cho điểm một số nhóm học
tốt
- HD thêm một số nhóm chưa
tốt
Hoạt động 5:2’
-Dặn dò:
-xem lại các nội dung đã thực
hành
-Đọc trước bài 5: Tạo trang
web bằng phần mềm
Kompozer
đoạn văn bản.
4.Dùng các nút lệnh: (để chèn hình ảnh) và (để tạo liên kết) và quan sát các thành phần trên các hộp thoại hiện ra sau đó.
Thoát khỏi Kompozer, nhưng không lưu trang web
Trang 6Tuần: 10 Ngày soạn:28/09/2009
BÀI THỰC HÀNH 4: TẠO TRANG WEB ĐƠN GIẢN
I.MỤC TIấU
1.Kiến thức: Làm quen với phần mềm Kompozer.
2.Kỹ năng: Biết tạo một vài trang web đơn giản, cú liờn kết bằng Kompozer.
3.Thỏi độ: Cú thỏi độ, động cơ học tập đỳng đắn, nghiờm tỳc khi thực hiện
II.CHUẨN BỊ
1 Giỏo viờn:Giỏo ỏn, SGK,bảng phụ
2 Học sinh
-Học bài cũ, xem trước bài mới
III TIẾN TRốNH DẠY HỌC
Hoạt động của giỏo viờn Hoạt động của học sinh Nội dung
Hoạt động 1 :5’
-Ổn định lớp:
-Kiểm tra bài cũ:
-Thế nào là trang web?
Hoạt động 2 : 15’
-Cỏc dạng thụng tin trờn trang
web
- Trang web là gi?
- Nghiờn cứu SGK 3p
- Trang web chứa gỡ?
Mạng Internet chứa gỡ?
GV chốt và kết luận vấn đề:
- Trang web chứa những thụng
tin gỡ?
Bài 2 Tạo trang web bằng Kompozer
1.Hãy xây dựng kịch bản
cho các trang web với các thông tin nói trên.
2.Tạo trang chủ gồm các
thông tin sau đây:
-Tiêu đề chính của trang web: Câu lạc bộ Văn nghệ ; -Tên lớp, tên trờng; địa chỉ,
địa chỉ trang web, địa chỉ E-mail;
-Ba mục: Thành viên , Hoạt
động , Hình ảnh Phía trên trang web là một hình ảnh đợc sử dụng làm biểu trng của trang web.
Trang 7- Quan sát hình 43.SGK- T45 cho biết trang web có các thành phần nào?
GV nhận xét và chốt
Tuy nội dung phong phú nhưng trang web lại là tệp siêu văn bản đơn giản thường được tạo
ra bằng ngôn ngữ HTML
Hoạt động 3 : 15’
-Phần mềm thiết kế trang web Kompozer
- Để khởi động phần mềm
Kompozer ta làm thế nào ?
GV chốt và kết luận vấn đề
- Y/c HS quan sát H44.SGK cho biết các thành phần trên màn hình
- Tương tự như các phần mềm soạn thảo văn bản khác, ta có thể mở tệp đã có hoặc lưu lại những tệp bằng lệnh nào?
GV nhận xét và chốt
- Y/c HS quan sát H.45(SGK-T47) Thấy 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
- Y/c HS quan sát H.46(SGK-T48) để thấy việc mở tệp
- Y/c HS quan sát H.47(SGK-T48 để thấy việc lưu lần đầu
Trang 8Hoạt động 4 : 8’
-Củng cố
-Gọi HS nhắc lại các dạng thông tin trên trang web?
-Phần mềm Kompozer để làm gì? Có các thành phần gì?
Hoạt động 5 : 2’
Dặn dò
- Học thuộc các khái niệm
Trang 9- Xem tiếp phần bài còn lại.
TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER
I.MỤC TIÊU :
1.Kiến thức:Biết soạn thảo trang web
Biết chèn hình ảnh vào trang web Biết tạo liên kết
2.Kĩ năng: Biết cách thiết kế trang web bằng phần mềm Kompozer
3.Thái độ: Giáo dục thái độ học tập nghiêm túc, làm quen với phần mềm Kompozer
II CHUẨN BỊ :
GV::SGK, tài liệu, Giáo án.
HS : - Đọc trước bài, SGK.
III TIẾN TRÌNH TIẾT DẠY :
Hoạt động của giáo viên Hoạt động của học sinh Nội dung
Hoạt động 1 : 8’
-Ổn định lớp:
-Kiểm tra bài cũ:
-Các dạng thông tin trên
Trang web?
-Phần mềm Kompozer có
chức năng gì?
Trang web có các thành phần:
- Thông tin dạng văn bản 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 có thể là tĩnh hoặc động
- Thông tin dạng âm thanh
- Các đoạn phim
- Các phần mềm được nhúng hoàn toàn vào trang web
- Đặc biệt, trên trang web có các liên kết
-Tạo, mở và lưu trang web a) Màn hình chính của Kompozer
Trang 10Hoạt động 2 : 10’
-Soạn thảo trang web
- Nghiên cứu SGK 3p
- Ta có thể nhập văn bản và
định dạng văn bản tượng tự
như các phần mềm soạn thảo
khác.Vậy ta cần phải định
dạng như thế nào?
GV chốt và kết luận vấn đề:
- Quan sát H.49 để thấy rõ các
định dạng
Hoạt động 3 : 10’
-Chèn hình ảnh vào trang web
- Khi muốn chèn hình ảnh
chúng ta cần phải có sắn tệp
ảnh
- Nêu thao tác chèn hình ảnh?
GV nhận xét và chốt
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
Có thanh bảng chọn, thanh công cụ, cửa sổ soạn thảo
b) Tạo, mở và lưu trang web
- Nháy nút trên thanh công cụ để tạo tệp HTLM mới của sổ soạn thảo hiện ra
- Nháy nút trên thanh công cụ để mở tệp HTLM đã
có, chọn tệp HTLM trên hộp thoại và nháy nút Open
- Nháy nút ( hoặc phím Ctrl+S ) trên thanh công cụ nếu muốn lưu lại tệp hiện thời
- Nháy nút để đóng trang HTLM
HS nghiên cứu sgk
Thảo luận nhóm trả lời câu hỏi
Nhận xét nhóm bạn trả lời Quan sát H.49 để thấy rõ các định dạng
HS lắng nghe và ghi vở
HS nghiên cứu sgk
thảo luận nhóm trả lời
nhận xét
HS lắng nghe và ghi vở
3 Soạn thảo trang web
Các định dạng sau:
- Đặ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 căn giữa)
4 Chèn ảnh vào trang web
- Chuyển con trỏ soạn thảo đến vị trí muốn chèn ảnh và
nháy chuột vào nút
- Trên hộp thoại xuất hiện, nhập đường dẫn và tên tệp ảnh muốn chèn vào ô Image
Location
- Gõ nội dung ngắn mô tả tệp
Trang 11Hoạt động 4 : 10’
-Tạo liên kết:
- Y/c HS đọc SGK
- Thành phần quan trọng của
trang web là gì?
- Đối tượng chứa liên kết có
thể là gì?Trang web được liên
kết với trang web có thể như
tn?
GV nhận xét và chốt
- cách tạo liên liên kết trong
phần mềm?
- Nhận xét và chốt lại vấn đề
Hoạt động 5 : 5’
-Củng cố :
? Nêu cách soạn thảo trang
web?
?Nêu cách chèn ảnh vào trang
web?
? Cách tạo liên kết?
Hoạt động 6 : 2’
- Học bài và xem lại bài
-Trả lời các câu hỏi trong
SGK vào vở
-Xem trước nội dung của bài
TH04
trả lời
trả lời
- Chọn phần văn bản muốn liên kết
- Nháy nút trên thanh công cụ.Xuất hiện hộp thoại
- 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
- Nháy nút OK để kết thúc
ảnh vào ô Toopltip Dòng chữ này sẽ xuất hiện khi con trỏ chuột đến hình ảnh trong khi duyệt web
- Nháy OK để hoàn thành chèn ảnh
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.Trang web được liên kết
có thể cùng website hoặc website khác
Thao tác tao liên kết:
- Chọn phần văn bản muốn liên kết
- Nháy nút trên thanh công cụ.Xuất hiện hộp thoại
- 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
- Nháy nút OK để kết thúc