2.2.1. Các b c thi t k WebQuestướ ế ế
Đ thi t k m t WebQuest ta c n ph i th c hi n theo các b c: xác đ nh c uể ế ế ộ ầ ả ự ệ ướ ị ấ
trúc bài gi ng, kh i đ ng ch ng trình Notepad, nh p n i dung bài gi ng, chèn hìnhả ở ộ ươ ậ ộ ả
nh, đ h a, âm thanh...., xây d ng các ho t đ ng nh n th c cho h c sinh, ki m traả ồ ọ ự ạ ộ ậ ứ ọ ể
đánh giá ki n th c c a h c sinh.ế ứ ủ ọ
2.2.1.1.1. Xác đ nh c u trúc bài gi ngị ấ ả
Công vi c quan tr ng đ u tiên khi làm WebQuest là ph i xác đ nh đ c c uệ ọ ầ ả ị ượ ấ
trúc c a bài gi ng. M i bài gi ng là t p h p c a nhi u thông tin, hình nh minhủ ả ỗ ả ậ ợ ủ ề ả
h a, các đo n phim thí nghi m..... T t c s đ c l u trong cùng m t th m c.ọ ạ ệ ấ ả ẽ ượ ư ộ ư ụ
2.2.1.1.2. Kh i đ ng ch ng trình Notepadở ộ ươ
Ch n Start\ Program\ Accessories\ Notepad. ọ
Nh p vào n i dung sau là c u trúc chung c a m t trang web (HTML):ậ ộ ấ ủ ộ
<html>
<head>
<title> Tiêu đ </title>ề
Các th tiêu đ khácẻ ề
</head>
<body> Văn b n và các th c a trang webả ẻ ủ
</body>
</html>
L u t p tin v i ph n m r ng là HTM ho c HTML.ư ậ ớ ầ ở ộ ặ
2.2.1.1.3. Nh p n i dung bài gi ngậ ộ ả
-T o biên dùng chung: có th dùng nhi u th <TABLE> l ng vào nhau đ trangạ ể ề ẻ ồ ể
trí, t o khung vi n cho trangạ ề
-Nh p n i dung bài gi ng vào ph n chính c a trang: trên ph n chính c a trangậ ộ ả ầ ủ ầ ủ
web th hi n n i dung c a ti n trình d y h c bao g m:ể ệ ộ ủ ế ạ ọ ồ
+ M c tiêu bài gi ng: h c sinh đ t đ c nh ng yêu c u m c tiêu sau khi h cụ ả ọ ạ ượ ữ ầ ở ụ ọ
xong bài.
+ N i dung ki n th c đã đ c trình bày d a theo SGK và tài li u tham kh o.ộ ế ứ ượ ự ệ ả
+ Các hình nh minh h a...ả ọ
+ Các đo n phim thí nghi m...ạ ệ
+ Các hình th c t ch c ti t h c và ho t đ ng nh n th c c a h c sinh.ứ ổ ứ ế ọ ạ ộ ậ ứ ủ ọ
Đ phân bi t m i đo n không th dùng phím Enter mà ph i dùng các thể ệ ỗ ạ ể ả ẻ
Th <p> có c u trúc <p>....</p> đ ng t đo nẻ ấ ể ắ ạ
Th <br> đ xu ng dòngẻ ể ố
2.2.1.1.4. Chèn hình nh, đ h a, âm thanh, các đo n phim thí nghi m vàoả ồ ọ ạ ệ
trang web
Ch n hình nh, âm thanh hay các đo n phim thí nghi m thích h p v i n i dungọ ả ạ ệ ợ ớ ộ
bài gi ng. Đ chèn m t file nh (.jpg, .gif, .bmp) ho c các đo n phim (.mpg, .avi) vàoả ể ộ ả ặ ạ
trang web ta dùng th <IMG> có c u trúc:ẻ ấ
<img align = top/middle/bottom
Alt = text
Border = n
Src = url
Width = width
Height= height
Hspace = vspace
Vspace = hspace
Title = title
Dynsrc =url>
Trong đó:
Align = top/ middle/ bottom/ left/ right: căn hàng văn b n bao quanh nh.ả ả
Alt = text: ch đ nh văn b n s đ c hi n th n u ch c năng showpicture c aỉ ị ả ẽ ượ ể ị ế ứ ủ
browser b t t đi hay hi n th thay th cho nh trên nh ng trình duy t không có khị ắ ể ị ế ả ữ ệ ả
năng hi n th đ h a. Chú ý ph i đ t văn b n trong d u “ ” n u trong văn b n ch aể ị ồ ọ ả ặ ả ấ ế ả ứ
các d u cách hay các kí t đ c bi t – trong tr ng h p ng c l i có th không c nấ ự ặ ệ ườ ợ ượ ạ ể ầ
d u “ ”.ấ
Border = n: đ t kích th c đ ng vi n đ c v quanh nh (tính theo đ n vặ ướ ườ ề ượ ẽ ả ơ ị
pixel).
Src = url: đ a ch c a file nh c n chèn vào tài li u.ị ỉ ủ ả ầ ệ
Width/ height: ch đ nh kích th c c a nh đ c hi n th .ỉ ị ướ ủ ả ượ ể ị
Hspace/ Vspace: ch đ nh kho ng tr ng xung quanh hình nh (tính theo đ n vỉ ị ả ố ả ơ ị
pixel) theo b n phía trên, d i, trái, ph i.ố ướ ả
Title = title: văn b n s hi n th khi con chu t tr trên nh.ả ẽ ể ị ộ ỏ ả
Dynsrc = url: đ a ch c a file video.ị ỉ ủ
Tuy nhiên, v i th <IMG> thì không th chèn các thí nghi m có đuôi .swf vàớ ẻ ể ệ
video chèn vào có s b t ti n là ta không th cho d ng l i n a ch ng đ c. Vì v y,ự ấ ệ ể ừ ạ ử ừ ượ ậ
đ i v i phim thí nghi m và thí nghi m o ta nên dùng th <OBJECT>ố ớ ệ ệ ả ẻ
-Đ nhúng đo n phim video ta dùng đo n mã sau:ể ạ ạ
<OBJECT id=video style=”WIDTH: (đ r ng)px; HEIGHT: (đ cao)px”ộ ộ ộ
type=application/x-oleobject classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6>
<PARAM NAME=”allowFullscreen” VALUE=”true”>
<PARAM NAME=”Autostart” VALUE=”99”>
<PARAM NAME=”URL” VALUE=”Đ a ch l u đo n phim”>ị ỉ ư ạ
<PARAM NAME=quanlity value=high>
</OBJECT>
-Đ nhúng các file thí nghi m có đuôi .swf ta dùng đo n mã sau:ể ệ ạ
<OBJECT classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000” WIDTH=”Độ
r ng” HEIGHT=”Đ cao”>ộ ộ
<PARAM NAME=movie VALUE=”Đ a ch đo n thí nghi m”>ị ỉ ạ ệ
<PARAM NAME=quanlity VALUE=high>
</OBJECT>
Ta có th thay đ i chi u r ng và chi u cao tùy ý và chú ý đ t đ a ch đo n phim,ể ổ ề ộ ề ặ ị ỉ ạ
đo n thí nghi m đúng v i v trí đ t file video.ạ ệ ớ ị ặ
2.2.1.1.5. Xây d ng các ho t đ ng nh n th c cho h c sinhự ạ ộ ậ ứ ọ
D a vào n i dung ki n th c đã đ c ch n l a cùng v i kh năng thi t l pự ộ ế ứ ượ ọ ự ớ ả ế ậ
WebQuest đ d ki n các ho t đ ng d y h c phù h p. T ng ng v i t ng n iể ự ế ạ ộ ạ ọ ợ ươ ứ ớ ừ ộ
dung ki n th c, giáo viên có th thi t k các câu h i h ng d n, d n d t hay ki nế ứ ể ế ế ỏ ướ ẫ ẫ ắ ế
t o các tình hu ng có v n đ đ h c sinh ch đ ng lĩnh h i tri th c.ạ ố ấ ề ể ọ ủ ộ ộ ứ
2.2.1.1.6. Kh năng liên k tả ế
Có th nói kh năng n i tr i c a web là kh năng liên k t không nh ng v i cácể ả ổ ộ ủ ả ế ữ ớ
bookmart trong cùng m t trang, các trang web hay file khác trong cùng m t máy tínhộ ộ
mà còn có th liên k t v i nh ng đ a ch trên internet.ể ế ớ ữ ị ỉ
-Liên k t đ n các trang hay các file khác trong máyế ế
Cú pháp:
<A HREF = url
NAME = name
TABINDEX = n
TITLE = title
TARGET =_blank/ _self>
</A>
Trong đó:
+ HREF: là đ a ch c a trang web đ c liên k t, là m t URL nào đó.ị ỉ ủ ượ ế ộ
+ NAME: đ t tên cho v trí đ t th .ặ ị ặ ẻ
+ TABINDEX: th t di chuy n khi n phím tab.ứ ự ể ấ
+ TITLE: văn b n hi n th khi di chu t trên siêu liên k t.ả ể ị ộ ế
+ TARGET: m trang web đ c liên k t trong m t c a s m i (_blank) ho cở ượ ế ộ ử ổ ớ ặ
trong c a s hi n t i (_self), trong m t frame (tên frame).ử ổ ệ ạ ộ
-Liên k t đ n các đ a ch internet: s d ng cú pháp:ế ế ị ỉ ử ụ
<form name=”form”>
<p><select NAME=”site” onChange=”formHandler()”>
<option VALUE=”Đ ng link đ n trang web”>N i dung hi n th trên trangườ ế ộ ể ị
web</option>
</select></p></form>
Ta có th t o thêm nhi u đ a ch trang web n a b ng cách dùng th <option>ể ạ ề ị ỉ ữ ằ ẻ
nh trên.ư
2.2.1.1.7. Ki m tra đánh giá ki n th c c a h c sinhể ế ứ ủ ọ
Sau m i ti t h c, th ng có ph n c ng c giúp h c sinh nh l i ki n th c bàiỗ ế ọ ườ ầ ủ ố ọ ớ ạ ế ứ
h c, đ ng th i rèn luy n kĩ năng v n d ng ki n th c đó đ gi i các bài toán có liênọ ồ ờ ệ ậ ụ ế ứ ể ả
quan.
Khi thi t k WebQuest, giáo viên c n đ a ra các bài t p v nhà,các câu h i, bàiế ế ầ ư ậ ề ỏ
t p tr c nghi m đ h c sinh t c ng c ki n th c c a mình. Qua đó các em có th tậ ắ ệ ể ọ ự ủ ố ế ứ ủ ể ự
ôn t p, t ki m tra, đánh giá kh năng ki n th c c a mình.ậ ự ể ả ế ứ ủ
2.2.1.1.8. Hoàn thi n bài gi ngệ ả
-Ch n màu n n: nên ch n n n có màu sáng tr ng, ch màu s m đ d đ c,ọ ề ọ ề ắ ữ ẫ ể ễ ọ
không gây chói
Đ t thêm các tham s sau vào th <BODY>ặ ố ẻ
+ BACKGROUND= Đ t m t nh làm nh n n cho văn b n. ặ ộ ả ả ề ả Ph n sau d uầ ấ
b ng là URL c a file.ằ ủ
+ BGCOLOR= Đ t màu n n cho trang khi hi n th . N u c hai thamặ ề ể ị ế ả
s BACKGROUND và BGCOLOR cùng có m t giá tr thì trình duy t s hi n th màuố ộ ị ệ ẽ ể ị
n n tr c, sau đó m i t i nh lên phía trên.ề ướ ớ ả ả
+ TEXT= Xác đ nh màu ch c a văn b n, k c đ m c.ị ữ ủ ả ể ả ề ụ
+ ALINK=, VLINK= Xác đ nh màu s c cho các siêu liên k t trong văn b nị ắ ế ả
+ LINK= T ng ng, alink (active link) là liên k t đangươ ứ ế
đ c kích ho t - t c là khi đã đ c click chu t lên; vlink (visited link) ch liên k t đãượ ạ ứ ượ ộ ỉ ế
t ng đ c kích ho t.ừ ượ ạ
-S d ng thêm hi u ng: Đ lôi cu n h c sinh, WebQuest ph i sinh đ ng doử ụ ệ ứ ể ố ọ ả ộ
v y ta có th dùng các th in đ m <b>, in nghiêng <i>... ho c dùng th <font> đậ ể ẻ ậ ặ ẻ ể
đi u ch nh kích th c và màu s c văn b n...ề ỉ ướ ắ ả
2.2.1.1.9. Ki m tra l i WebQuestể ạ
M WebQuest ch y th trên trình duy t Internet Explorer. N u phát hi n saiở ạ ử ệ ế ệ
sót c n ch nh s a, ta click chu t ph i vào View Source đ ch nh s a tr c ti p.ầ ỉ ử ộ ả ể ỉ ử ự ế
S a xong, ta Save l i r i Refresh (nh n F5) đ xem l i bài sau khi ch nh s a.ử ạ ồ ấ ể ạ ỉ ử