Tải bản đầy đủ (.doc) (12 trang)

ngµy 27092009 tuần 9 ngày soạn 28092009 tiết 17 ngày dạy 5102009 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

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (199.89 KB, 12 trang )

<span class='text_page_counter'>(1)</span><div class='page_container' data-page=1>

<b>Tuần: 9</b> <b>Ngày soạn:28/09/2009</b>


<b>Tiết: 17 </b> <b>Ngày dạy:5/10/2009</b>


<b>BÀI THỰC HÀNH 4: TẠO TRANG WEB ĐƠN GIẢN </b>
<b>I.MỤC TIÊU</b>


1.Kiến thức<i><b>: </b></i>Làm quen với phần mềm Kompozer.


2.Kỹ năng<i><b>: </b></i>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.
<b>II.CHUẨN BỊ</b>


<b>1. Giáo viên:Giáo án, SGK,bảng phụ</b>
<b>2. Học sinh</b>


-Học bài cũ, xem trước bài mới.
III. TI N TRÌNH D Y H C:Ế Ạ Ọ


<b>Hoạt động của giáo viên</b> <b>Hoạt động của học sinh</b> <b>Nội dung </b>
<b>Hoạt động 1:8’</b>


<b> -Ổn định lớp:</b>


-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?


<i><b>Câu 1:</b></i>



-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 <i><b>Ctrl+S</b></i>).
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.


</div>
<span class='text_page_counter'>(2)</span><div class='page_container' data-page=2>

<b>Hoạt động 2: 20’</b>


-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.


<i><b>Câu 2:</b></i>


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 ô
<i>Image Location.</i>


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.


<b>1.Kiến thức cần biết</b>


</div>
<span class='text_page_counter'>(3)</span><div class='page_container' data-page=3>

-Việc chuẩn bị nội dung gồm
những gì?


-Tạo kịch bản nghĩa là gì?



<b>Hoạt động 3: 5’</b>
-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.


<b>Hoạt động 4: 2’</b>
-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>b) Chuẩn bị nội dung:</b> 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.


<b>c) Tạo kịch bản:</b> 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.


</div>
<span class='text_page_counter'>(4)</span><div class='page_container' data-page=4>

<b>Tuần: 9</b> <b>Ngày soạn:28/09/2009</b>


<b>Tiết: 18 </b> <b>Ngày dạy:5/10/2009</b>


<b>BÀI THỰC HÀNH 4: TẠO TRANG WEB ĐƠN GIẢN </b>
<b>I.MỤC TIÊU</b>



1.Kiến thức<i><b>: </b></i>Làm quen với phần mềm Kompozer.


2.Kỹ năng<i><b>: </b></i>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.
<b>II.CHUẨN BỊ</b>


<b>1. Giáo viên:Giáo án, SGK,bảng phụ</b>
<b>2. Học sinh</b>


-Học bài cũ, xem trước bài mới.
<b>III. TIẾN TRÌNH DẠY HỌC</b>


<b>Hoạt động của giáo viên</b> <b>Hoạt động của học sinh</b> <b>Nội dung </b>
<b>Hoạt động 1: 8’</b>


-Ổ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ử


<b>Hoạt động 2: 15’</b>


<b>-Tìm hiểu về soạn và gửi thư</b>
- Làm thế nào để soạn và gửi
thư?


<b>Hoạt động 3:15’</b>



<b>-Tìm hiểu gửi thư trả lời</b>
- Làm thế nào để trả lời một
thư.


<b>2.Nội dung thực hành</b>


<i><b>Bài 1. Khởi động và tìm hiểu</b></i>
<i><b>Kompozer</b></i>


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:


 , , , : Đặt


kiểu chữ và màu chữ;


 , : Tăng, giảm cỡ


chữ;


 , , , : Căn lề



</div>
<span class='text_page_counter'>(5)</span><div class='page_container' data-page=5>

<b>Hoạt động 4:5’</b>
<i>-Củng cố: </i>


-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.


<b>Hoạt động 5:2’</b>
-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


 , : Tăng, giảm lề


đ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
đó.


</div>
<span class='text_page_counter'>(6)</span><div class='page_container' data-page=6>

<b>Tuần: 10</b> <b>Ngày soạn:28/09/2009</b>


<b>Tiết: 119 </b> <b>Ngày dạy:5/10/2009</b>


<b>BÀI THỰC HÀNH 4: TẠO TRANG WEB ĐƠN GIẢN </b>
<b>I.MỤC TIÊU</b>


1.Kiến thức<i><b>: </b></i>Làm quen với phần mềm Kompozer.


2.Kỹ năng<i><b>: </b></i>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.
<b>II.CHUẨN BỊ</b>


<b>1. Giáo viên:Giáo án, SGK,bảng phụ</b>
<b>2. Học sinh</b>


-Học bài cũ, xem trước bài mới.
<b>III. TIẾN TRèNH DẠY HỌC</b>


Hoạt động của giáo viên Hoạt động của học sinh Nội dung
<b>Hoạt động 1 :5’</b>


-Ổn định lớp:
-Kiểm tra bài cũ:


-Thế nào là trang web?



<b>Hoạt động 2 : 15’</b>


<i>-Các dạng thông tin trên trang </i>
<i>web</i>


- 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 cha nhng thụng
tin gỡ?


<i><b>Bài 2. Tạo trang web bằng</b></i>
<i><b>Kompozer</b></i>


<b>1.HÃy xây dựng kịch bản</b>
cho các trang web với các
thông tin nói trên.


<b>2.Tạo trang chủ gồm các</b>
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.


</div>
<span class='text_page_counter'>(7)</span><div class='page_container' data-page=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


<b>Hoạt động 3 : 15’</b>


<i>-Phần mềm thiết kế trang web </i>
<i>Kompozer</i>


<i><b>- </b></i>Để 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


</div>
<span class='text_page_counter'>(8)</span><div class='page_container' data-page=8>

tiên.


<b>Hoạt động 4 : 8’</b>
<i>-Củng cố </i>


-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ì?


<b>Hoạt động 5 : 2’</b>
<i>Dặn dò</i>


</div>
<span class='text_page_counter'>(9)</span><div class='page_container' data-page=9>

- Xem tiếp phần bài còn lại.


<b>Tuần: 8</b> <b>Ngày soạn:6/10/2009</b>



<b>Tiết: 16 </b> <b>Ngày dạy:12/10/2009</b>


TẠO TRANG WEB BẰNG PHẦN MỀM KOMPOZER


<b>I.MỤC TIÊU : </b>


<i> 1.Kiến thức:Biết soạn thảo trang web</i>


Biết chèn hình ảnh vào trang web
Biết tạo liên kết


<b>2.Kĩ năng: Biết cách thiết kế trang web bằng phần mềm Kompozer</b>


<i> </i> <b>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</b>
<b>II. CHUẨN BỊ : </b>


<i><b>GV:</b></i>:SGK, tài liệu, Giáo án.
<i><b>HS</b></i> : - Đọc trước bài, SGK.
<b>III. TIẾN TRÌNH TIẾT DẠY</b> :


<b>Hoạt động của giáo viên</b> <b>Hoạt động của học sinh</b> <b>Nội dung </b>
<b>Hoạt động 1 : 8’</b>


-Ổ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


</div>
<span class='text_page_counter'>(10)</span><div class='page_container' data-page=10>

<b>Hoạt động 2 : 10’</b>
<i>-Soạn thảo trang web</i>
- 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


<b>Hoạt động 3 : 10’</b>


<b>-Chèn hình ảnh vào trang web</b>
- 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. <i><b>Soạn thảo trang web</b></i>
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. <i><b>Chèn ảnh vào trang web</b></i>
- 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


</div>
<span class='text_page_counter'>(11)</span><div class='page_container' data-page=11>

<b>Hoạt động 4 : 10’</b>
<i>-Tạo liên kết:</i>
- 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 đề.


<b>Hoạt động 5 : 5’</b>
<i>-Củng cố :</i>


? 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?
<b>Hoạt động 6 : 2’</b>


- 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.


<i><b>5. Tạo liên kết</b></i>


Đố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


</div>
<span class='text_page_counter'>(12)</span><div class='page_container' data-page=12></div>

<!--links-->

×