设计活动2网页和链接,把知识串起来[练习].doc

设计活动2：网页和链接，把知识串起来设计提示本模块的主要目标就是为学习者构建一个学习支持网站，因此丰富的学习资源是必不可少的网站内 容不仅要丰富，而且内容的组织和呈现形式也必须科学合理、条理清晰、易于检索灵活、便捷的超链接，清晰有序的导航是学习类网站取得成功的关键之一，成功的学习网站能有效地 引导学习者在知识的海洋中畅游自如，学有成效设计步骤一、网页的添加和编辑1. 打开已存在的网页面单击“文件/打开”，弹出“打开”对话框，在“查找范围”下拉列表中选择需要打开的网页后，单击 打开按钮即可2. 添加网页在站点根目录上单击鼠标右键，在弹岀的快捷菜单中选择“新建文件”命令，将自动在根目录下创建 一个名为“untitled”的文件，此时文件名处于改写状态，直接输入文件名即可新建一个网页提示：注意区分主页与其他页面的区别主页实际上也是网页，只不过是在连接到网站时第一个岀现的网页网站与网页的区别网站是由网页组成的，网站是网贝的集合体，网页是网站的元素删除网页要删除某一网页，只要在站点根目录上选中该网页的文件名，单击鼠标右键，选择“编辑/删除”命令, 即可将其删除掉3. 修改网页的名称在站点根目录上，右击相应网页图标，在快捷菜单中单击“编辑/重命名”，重新命名即可。

4. 编辑网页"jiaoanl"（效果请参看图1,网页文本内容见素材）］利甬网络环境，萩李《赵州桥》海南右岳阳市鹰山右化尸不学鬲貓邮缉414003 13975047988龙图关赵州桥虽然历史绥久•名杨天下・但杲学生没有亲幣目睹为了解决课文中的垂点和难点，花网络环境下，我凭倍电肪多 •媒体技木优势向学生提供文字图氣视頻、音乐尊多种信息•穽破时空的限制・便学生具有身临其境N感充分训动学生： 滿积极性和主动性自己喜欢的说句子•段落可以多渎几垃，甚至可以背诵让学生反复朗读，学生想怎么读就怎么读•可以站可以生可以下垃与同学一起读・可以默读・可以大声地读.对干-从学校资料阵里找到赵州桥的全覩录彖进行描放.让学生对赵州桥有一个全面的了解・并有身临双击文件ajiaoanl\JT开网页，为网页设置合适的背杲在网页中插入一个3行1列，指定宽度为80%的表格，在表格的第1行输入标题文字，在表格的第3行输入正文，在表格的第2行插入水平线提示：几个插入操作插入水平线：单击“插入/ HTML /水平线”，在网页中插入水平线，使网页的布局更加清晰单击水 平线，在卜•面的属性对话框中，可以设置水平线的宽度、高度、对齐方式等。

插入垂直线：在水平线被选中的状态下，将水平线的宽度设置为1个像素，高度设置为100个像素， 即成了垂直线5. 设置段落格式6. 保存网页，并対网页进行预览如果预览后对段落格式不满意，可以重新调整段落格式7o在网页中插入图片并对其进行编辑将光标移到段落末尾处，插入图片（索材中的图20.jpg）o将对齐方式设置为“右对齐”，宽为100,高 为60仔细观察此时图片和文本的关系8、参照以上2-7的步骤，制作“jiaoan2”网页，（效果请参看图2,网页文本内容见素材）借助电教手段教《赵州桥》江苏省泰兴市江平路小学张爱民:《赵州桥》介绍了赵州桥的雄伟、坚固、美观，并赞扬了钱国古代劳动人民的智慧和才干全文文字优美，描写生动然而丨 i依靠传统的敎学模式和单一的教学手段，很难使学生领会赵州桥的特点，体会文章的思想感情基干此，我在教学中较多地： ；使用了电化教学手段 一、放映录像，显示赵州桥的式样及特点 ：1 课文第一自然段讲了赵州桥的所在地区、设计人员及建桥时间，这些学生都很容易理解，只是什么样的桥叫“石拱桥”： “学生单凭看教学挂图还难以弄清楚因此，教学一开始，我便让学生观看录像片《赵州桥全景》，并作适当的讲解，让学丨 ［生认识“石拱桥”，知道赵州桥的与众不同之处。

j当讲到赵州桥的特点（第二自然段的前三句时），再放录像，让学生知道赵州桥的雄伟一一长和宽；明白赵州桥的设计： 技巧 没有桥墩，只有一个大桥洞并在此基础上背诵第2、第3句整个认识过程由局部到全体，由抽象到具体，符合］：小学生的认知规律I: 二、按示幻灯，展示赵州桥小桥洞的作用 ；1 课文第二自然段的后三句介绍了小桥洞的作用，并加以评价荻学时，我先引导学生读课文第4、第5句，然后按影“无： 丫八桥洞”的桥，说明它在洪水中很容易被冲垮；接着按影赵州桥，因为它在大桥洞庭湖顶上还设计了四个小桥洞庭湖，洪水丨 沬时，从小桥洞庭湖涼过，桥身安然无恙最后引导学生背诵第6句：由于四个小桥洞的设计，“既减轻了流水对桥身的冲丨 违力，又减轻了桥身的重量，节省了石料整个过程采取了对比的方法，让学生在比较中明白设计小桥洞的道理 三、操作微机，显示赵州桥的艺术美 :第三自然段是文章的精彩之笔，作者精心描绘了赵州桥栏板上雕刻着的精美图案当讲读到栏板上这些半途而废各异的： i龙时，我大胆地将微机弓进课堂通过微机按次序将事先按课文文字设计的三种不同姿态的“龙”打到大屏幕上，“奇迹”丨 1出现了：吐看水花的两条互相缠绕的龙，前爪相互抵着而又各自回首遥望的两条飞龙，都显得如同真的一般。

书本上的几句丨 抽象的话，变成了学生看得见的具体画面，学生的注意力被吸引列了龙的世界里，个个拍手称绝，真正感悟到赵州桥的实用丨 :性和艺术性达到了完美的统一在此基础上，我要求学生当堂背诵“有的••••••有的••••••还有的••••••”这个长句 ［$ 四、播放录音，显示作者对赵州桥的赞美之情喘/|」 I图2二、设计超链接1. 认识超链接超链接是指不同的站点及网页相互Z间的链接关系，它不仅使站点内的网页成为冇机的整体，还使不 同的站点Z间建立了联系通过超链接町以很方便地实现知识网状结构的组织链接可以是文本、图片， 也可以是其他的网页元素本活动中以文字链接为例作介绍，有关图片的链接可参照本活动山读者自行探 索超级链接由两部分组成：源端点和目标端点超级链接中有超级链接的一端称为超级链接的源端点， 跳转到的页面称为超级链接的H标端点在加入超链接Z前，必须先设计好链接的源端点和链接的冃标端2. 制作指向油点内部网页的超链接首先打开主页，选中要建立超链接的文字“教案1”，在所选文字上右击鼠标，单击“创建链接”（或者 选择“修改/创建链接”命令），弹出“选择文件”属性对话框选中超链接的冃标页面"jiaoanl. html”, 单击“确定”，完成超链接的设迸。

重复上述操作，为文本“教案2”设置超链接，超链接的目标页是“jiaoan2. html”3. 保存网页之后，预览超链接效果4. 创建内部链接（同一网站-文档之间的链接）选小要创建超链接的文字“课件1”，单击鼠标右键，通过“创建链接”打开“选择文件”属性对话椎, 选择超链接的目标文件，单击“确定”完成超链接，木次活动中选择的是“flash、1252. swf”请先将“flash” 文件夹复制到你建的网站目录下）重复上面的操作，为文字“课件2”创建超链接，超链接的冃标文件是“Flash”文件夹中的bridge, swf提示：关于链接的目录应该把超链接的目标文件放在网站根目录及其下级目录中，否则如果目标文件位置移动，超链接就会 变得无效5. 保存网页Z后，预览超链接效果6. 创建外部链接（不同网站文档Z间的链接）先选中要建立超链接的文本“网站1”，在文本被选中的状态卜•，单击鼠标右键，单击“创建链接”，弹 出“选择文件”对话框，在URL地址栏中输入超链接的目标地址，单击“确定”，完成超链接的设置木 活动中输入的 FI 标地址为 http： // /重复上述操作，为文本"网站2”创建超链接，超链接的R标地址是httD：//。

7. 保存网页之后，预览超链接效果8. 制作指向E -* mail的超链接选中要创建超链接的文本“冇意见请与我们E-nuil联系”，执行“插入/电子邮件链接”命令，打开“电 子邮件链接”对话框，在”对话框内键入邮箱地址，单击“确定”之后完成超链接设置9. 保存网页，预览设计效果提示：链接的色彩超链接文本载体的颜色链接颜色：打开网页吋，链接源所表现出的颜色活动链接：用户单击链接源之后所表现出來的颜色已访问链接：访问链接日标后，返回链接源时所显示的颜色修改链接颜色单击“属性”面板上的“页面属性”按钮，弹出“页面属性”对话框，选择分类栏中的“链接”可以 重新设置颜色10. 在网页中创建锚链接对于大篇幅的文档内容，需耍使用滚动条来阅读，十分不方便在网页当中，Dreamweaver为我们提 供了锚链接功能，锚链接是指向同一网页中的某个区域的特殊超链接，访问者只需在浏览器内单击某一超 级链接，即可跳转到网页中添加了锚内的特定位置进行阅读创建锚链接的过程分为两步：首先创建命名 锚记，然后创建到命名锚记的链接在网站中新建了-•个文件名为“zhaozhouqiao”的网页，贝血内容如图3所示（网页具体内容见素材）。

由于该页内容较多，为方便访问者，在此使用锚链接进行网页内部定位1）创建命名锚记选取网页中要设置书签的表格第2行中的文字“赵州桥简介”，或将光标插入此文字Z前单击“插入 /命名锚记”菜单命令，弹出“命名锚记”对话框，在“锚记名称”框中输入锚的名称，单击“确定”，命 名锚记的网页文字旁边即出现一个锚记重复上面的操作，创建其他的4个锚记：“茅以升论赵州桥”、“作者李青简介”、“茅以升简介”、“赵州 桥建筑三绝”2）链接命名锚记选中要建立超链接的表格第1行的文本“赵州桥简介”，在属性而板的“链接”对话松中输入锚记名 称及相应的前缀即可重复此操作，创建其他的超链接保存网页之后，就可以预览锚链接的效果了，请仔细体会锚链接的作用I ■•■■■•■■■■■•■■■■•■■■■•■•■載洲桥简介茅以升论教州桥李青值介表以升何介敎州桥瑩簽兰纯屯赵州桥简介赵州侨位干;可北省赵县境内，因赵县古称赵州而得名（又称安济桥），赵州桥建于暗开星年间（公元 595-605年）据唐中书令张疣贞&安济桥铭》记捣 “赵那汝河石挤.隋匠李春之迹也"距今己有 近1迥年历史，它不仅是钱国而且也是世界上现存星早•保有最完整的巨衣石拱桥，对世界肓代的桥粱 薙筑有看十分深远的孩响，椅别荃拱上加拱庙喰眉拱"的运甬，更为世鮪梁史上的首创。

在欧洲， 燮早的橄膚拱桥为法国在亚哥河上修造的安顿尼扶路石拱桥和左卢森堡修造的大石桥，但它比中国的赵 州桥已晚了近1100多年E桥舍长64・4米，伏顶毎殊，秩脚宽9・6米，跨径37.0探，棋石私由28道石拱舜歎向并列砌镇而成，其建筑结构Z奇将，_ .不仅有高度的科学性，而且具有钱国独特的民族艺术凤格，是我国古代連筑的倩大作…桥被美国土木工程师学会选定为世界第十二处“国际土木工程历史古迹”，是目前国内唯一一处现存:9米，拱脚宽9. 6米，跨径37.01991 年,图3名为“zhaozhouqiao”的网页内容制作小结Web方式学习的诱人之处就在于内容的丰富多样和链接的灵活跳转，我们不仅要积累大量的学习资源, 更要精心设计网页Z间的超链接以实现知识Z间的大跨度灵活跳转，切实支持个性化学习因此在制作网 站之前，必须先从整体上把握网站的布局，认真设计每一个网页，同时更要安排好网页的超链接许多网 站就是因为超链接不灵活，导航不清晰而不能很好地实现学。