南京邮电大学吴江职业技术学院教案教师姓名沈丹萍授课班级07应电（1）（2）授课形式面授授课日期2008年10月8日第6周授课时数3授课章节名称3.1编辑文本和图片3.2网页超级链接3.3如歌岁月——网页实例制作教学目的使学生了解编辑HTML文档的各种具体操作，包括如何为页面添加文字，图片以及超链接。教学重点1、编辑文本的各种方法2、在网页中插入图片的方法3、在网页中添加超级链接的方法教学难点1、编辑文本的各种方法2、在网页中插入图片的方法3、在网页中添加超级链接的方法更新、补充、删节内容使用教具计算机，投影仪课外作业课后体会在建站的基础上，建立基本网页，使学生学会在网页中插入图片，文字，超链接的基本方法。编辑文档（机房）教学章节：3.1编辑文本和图片3.2网页超级链接3.3如歌岁月——网页实例制作教学目的：使学生了解编辑HTML文档的各种具体操作，包括如何为页面添加文字，图片以及超链接。教学重点：1、编辑文本的各种方法2、在网页中插入图片的方法3、在网页中添加超级链接的方法教学难点：1、编辑文本的各种方法2、在网页中插入图片的方法3、在网页中添加超级链接的方法教学方法：讲演法教学课时：2课时教学过程：3.1文本操作及修饰一、特殊字符的输入1、输入©®‰等特殊英文字符单击“插入”工具栏上的“字符”面板。2、输入★○■△※↑①等中文符号采用输入法中的软键盘3、输入空格（推荐使用全角空格）①单击“插入”菜单-“特殊符号”-“不换行空格”②按“Ctrl+Shift+Space”组合键③单击“插入”工具栏上的“字符”面板上的“不换行空格”按钮。④把中文输入法切换到全角模式，输入全角空格4、插入日期和时间。单击“插入”工具栏上的“常用”面板上的“日期”按钮。练习一：输入以下内容，以“1.htm”保存在桌面上。特殊符号：©®‰€™±中文符号：……℃◇△※◆▲现在时间：2006-02-22二、列表的制作列表分为无序列表（项目列表）和有序列表（编号列表）；各个列表项之间没有顺序级别之分时选无序列表，否则选有序列表。制作方法：第一步：先输入各个项目，每个项目成为一段（一个项目输入完成后，要按回车键，不能使用SHIFT＋回车）第二步：选中要转换为项目列表的所有段落第三步：单击属性面板上的项目列表或编号列表按钮第四步：如果要实现多级(嵌套)的项目列表，可单击“属性”面板上的“缩进”命令练习二：电脑专业网络技术网络1班网络2班信息技术信息1班信息2班电脑维护美术专业工艺绘画广告设计操作提示：第一步：输入“电脑专业”等11行，每行按回车，不能用SHIFT+回车第二步：全部选中，单击“属性”面板中的无序列表按钮第三步：选中“网络技术……电脑维护”7个段落，选“属性”面板中的缩进按钮第四步：同样方法让“网络1班”等班级缩进第五步：选中“网络1班、网络2班”，单击“属性”面板中的有序列表按钮，使其变为有序列表有时设置好项目符号后，再打进去的字也变成项目符号了，解决这个问题的方法是，在设置项目符号前，先把后面的字输入几字，再去设置项目符号。选做练习：飘雨的季节困惑的心情羞涩的蓓蕾年轻的你我蓝色的小屋飘雨的季节困惑的心情羞涩的蓓蕾年轻的你我蓝色的小屋飘雨的季节困惑的心情羞涩的蓓蕾年轻的你我蓝色的小屋飘雨的季节困惑的心情羞涩的蓓蕾年轻的你我蓝色的小屋三、样式的使用(一)样式的作用：避免重复操作，提高操作效率；统一网页的风格(二)HTML样式HTML样式与Word中的格式刷功能相似。如果网页中多个地方需要设置“红色、黑体、5字号”等三个属性，如果一个一个去设置效率不高，我们可以先定义一个“HTML样式”为包含“红色、黑体、5字号”等三个属性，以后到需要设置这三个属性的地方应用一下这个HTML样式即可，所以使用“HTML样式”可以提高工作效率。1、建立HTML样式第一步：在窗口菜单中打开“HTML样式”面板（属于设计面板组）第二步：单击面板下方的“新建样式”按钮（1）输入名称（2）指定应用范围（3）指定应用时的效果（4）设置属性2、应用HTML样式选中文字，单击“HTML样式”面板中定义的样式即可3、清除HTML样式选中先设置HTML样式的文字，单击面板上的“清除所选样式”或“清除段落样式”4、修改HTML样式双击相应的样式名5、删除HTML样式选择要删除的样式，单击“HTML样式”面板中的删除按钮练习三：。定义一个HTML样式，名称为“red-hei-5”，属性为“红色、黑体、5字号”，任意输入一段文字，把这个HTML样式，多次应用到网页中。(三)CSS样式（