创建超链接和网页模板教学构思.pdf

《创建超链接和网页模板教学构思.pdf》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、《创建超链接和网页模板》教学构思超链接是网站的灵魂，网页之间就是通过超链接构成网站的，使我们能够非线性的了解更多信息。本课主要介绍创建模板制作网页，在网页间和网页内创建超链接。安排的活动是制作个人网站中的“我的相册”页面。建议1个课时完成。照片缩略图相册，顾名思义，由大量照片组成，但图片数量过多，会影响网页下载速度，我们可以给图片增加缩略图，显示图片的概图。为此本课活动设计了以缩略图的形式展示照片。缩略图是指把原图像按比例缩小，作为原图的预览，单击缩略图可以看到对应的图片。缩略图链接的方式，大概有以下三种，一种是直接链接到

2、图片，第二种是链接到一个HTML文件，图片嵌在HTML文件中，第三种是采用了ASP或PHP等网络编程语言，通过单击的缩略图类别自动生成展示图片的网页，第二种和第三种只要将鼠标放在缩略图上，查看浏览器下方的状态栏即可看到链接方式。本课活动涉及到第一种。创建、使用模板网页模板可以直接新建，也可以在原有网页的基础上修改得到。本课由于“幼年照片”、“童年照片”和“少年照片”的网页结构相同，采用了创建“幼年照片”的网页，以此为基础建立网页模板，使用该模板建立“童年照片”和“少年照片”网页。模板网页其实也是一个网页，方便创建其他结构相

3、同或相似的网页。创建超链接在网页中使用超链接，可以设置网页间的超链接，也可以设置同一网页中的链接，实现非线性阅读。需要注意的是，锚记链接锚记命名不支持中文，只能使用字母和数字，锚记名称区别英文字母的大小写，锚记名称间不能含有空格，也不能含有特殊字符。设置“交换图像”对图片设置“交换图像”，可以在较少的图片空间显示更多的图片，在有限的页面空间内表现更多的图片信息。“交换图像”可以实现随着鼠标指针的移动而变化图片的效果，可以在下方的“属性”面板中更改设置，效果会发生相应的变化。在“事件”选项的下拉列表中选择其他事件类型的时候，

4、除了逐个查看功能效果，还可以结合英文名称来理解各个事件类型的含义及功能。可以让学生结合事件类型的英文名称及其实现的效果，来充分理解：由于鼠标、键盘等的不同操作，触发了不同的行为，而当事件结束时，行为也随之结束或改变。实践与探索进一步练习在网页中使用超链接。可以让学生总结超链接的用法和功能。