《创建超链接和网页模板教学构思.docx》由会员分享，可在线阅读，更多相关《创建超链接和网页模板教学构思.docx（2页珍藏版）》请在三一文库上搜索。
1、创建超链接和网页模板教学构思超链接是网站的灵魂， 网页之间就是通过超链接构成网站的， 使我们能够非线性的了解更多信息。本课主要介绍创建模板制作网页， 在网页间和网页内创建超链接。 安排的活动是制作个人网站中的“我的相册”页面。建议 1 个课时完成。照片缩略图相册，顾名思义，由大量照片组成， 但图片数量过多， 会影响网页下载速度，我们可以给图片增加缩略图， 显示图片的概图。 为此本课活动设计了以缩略图的形式展示照片。缩略图是指把原图像按比例缩小， 作为原图的预览， 单击缩略图可以看到对应的图片。缩略图链接的方式，大概有以下三种，一种是直接链接到图片，第二种是链接到一个 HTML文件，图片嵌在 H
2、TML文件中，第三种是采用了 ASP或 PHP 等网络编程语言， 通过单击的缩略图类别自动生成展示图片的网页， 第二种和第三种只要将鼠标放在缩略图上， 查看浏览器下方的状态栏即可看到链接方式。 本课活动涉及到第一种。创建、使用模板网页模板可以直接新建， 也可以在原有网页的基础上修改得到。 本课由于“幼年照片”、“童年照片” 和“少年照片” 的网页结构相同， 采用了创建 “幼年照片”的网页，以此为基础建立网页模板， 使用该模板建立 “童年照片” 和“少年照片”网页。模板网页其实也是一个网页，方便创建其他结构相同或相似的网页。创建超链接在网页中使用超链接， 可以设置网页间的超链接， 也可以设置同一
3、网页中的链接，实现非线性阅读。需要注意的是， 锚记链接锚记命名不支持中文， 只能使用字母和数字， 锚记名称区别英文字母的大小写，锚记名称间不能含有空格，也不能含有特殊字符。设置“交换图像”对图片设置“交换图像” ，可以在较少的图片空间显示更多的图片，在有限的页面空间内表现更多的图片信息。 “交换图像”可以实现随着鼠标指针的移动而变化图片的效果，可以在下方的“属性”面板中更改设置，效果会发生相应的变化。在“事件” 选项的下拉列表中选择其他事件类型的时候， 除了逐个查看功能效果，还可以结合英文名称来理解各个事件类型的含义及功能。可以让学生结合事件类型的英文名称及其实现的效果， 来充分理解： 由于鼠标、键盘等的不同操作，触发了不同的行为，而当事件结束时，行为也随之结束或改变。实践与探索进一步练习在网页中使用超链接。可以让学生总结超链接的用法和功能。