教学项目三 图片链接网页的实现 【教学内容】 图片的分块链接 图片的区域链接 利用表格分布网页中的元素 【教学目的】 使学生熟悉熟练掌握表格，超级链接，图片链接的操作 【教学重点】 图片热点链接的实现 【教学难点】 利用表格布局网页 【教学方法】 工程项目教学法、案例教学法、小组研讨法 【教学参考】 1．《OFFICE2000中文版》 孙慧 清华大学出版社 2．《FrontPage2002案例教程》 李辉 海洋出版社 3．《FrontPage2000中文版网页提高》 黄敏如 清华大学出版社 4．HTML网页制作教程 林义证 铁道出版社 5．HTML基础与实例 程耀 电子工业出版社 【新课】 一、设计案例1：图片链接的网站 步骤： 新建站点，并在站点下新建主页index.htm,并分别建立网页1.htm,2.htm, 3.htm,4.htm,5.htm,6.htm 将图片在Photoshop中分割成六部分,并分别保存为: tp04-01.jpg、tp04-02.jpg、tp04-03.jpg、tp04-04.jpg、tp04-05.jpg、tp04-06.jpg 在主页插入表格，在单元格中插入图片，设定超级链，在各子网页中设计返回； 主页效果如下，在不同单元格图片上单击时，可以打开相应的超级链接。        二、设计案例2：图片热点链接的网页 步骤： （一）设计站点，并设计网页jiaoyou.htm  (二)在jiaoyou.htm中将图片中的文字进入和注册区域设定矩形热区链接与圆形区域链接；单击进入时，打开jin.htm,单击注册时，打开zhuce.htm   【课后小结】 本次课的学习，学会利用表格布局网页中的内容，并能熟练使用图片的分块链接与热区链接操作。