* 提问：根据上述效果图，先抽选一名学员在白板上画出在网页中的显示效果， 其余学员在纸上上书写答案。教员巡视学员基本做完 ，集中评讲 ，给出如图所示的效果图。给予学员鼓励。 参见：TG5-Source文件夹中的“代码阅读”用例 * * 课堂练习HTML代码: 1.抽选1位学员在白板上书写HTML代码,其他学员在练习本上练习. 2.巡视学员完成进度 3.集中评讲,给予学员鼓励 4.注意掌握时间. 参见：TG5-Source文件夹中的“表单课堂练习”用例。 * 提问学员: 买钻石送给女朋友的,到这里来.哈哈.引出框架网页. 演示：框架，参见：TG5-Source文件夹中的“框架” 用例。 讲解要点: 1)上方:顶部框架,一般用于广告 2)左侧框架,一般用于导航链接 3)右侧框架,一般用于显示详细内容 4)点击左侧链接时,一般在右侧框架显示对应的链接内容. 5)每个窗口都对应一张网页. 请问,采用框架结构有什么好处? 引导回答: 1)一个浏览器窗口分为多个独立的区域,内容组织有条理. 2)告诉学员，遗憾的是，不是所有的浏览器都支持框架，并且，如果浏览器窗口被划分为过多的子窗口，会影响网页的整体美观 ，网页设计者常常用表格布局来代替它， 所以我们只需要了解。 * * * * * 讲解要点： 引入话题：如果一个城市的天气气候每天一成不变，都是夏天或冬天，这样好吗？ 引导：学生可能会说四季如春，当然好啊，引导：天气气候应该动态变化，“四季分明”， 这才适合自然界生物的生长，我们的网页也是如此，样式不能一成不变，应给人一种鲜活的动态感受，吸引浏览者。 1.使用DHTML的目的是实现动态网页，使网页产生一些动态效果， 演示动态效果：参见TG6-Source文件夹中“超链接变色”和“超链接背景切换” 用例 1)超链接变色：鼠标移过去超链接会变色。 2 )超链接背景切换：上机我们将做此练习，鼠标移过去，背景切换。 2.DHTML包括三部分内容： HTML、层叠样式表、脚本语言 * 后面一页幻灯片演示效果 * 向学员解释： 1)HTML网页的标签讲究配对，开始，结束 2)HTML网页和人一样，由头部
和主体两部分组成 * 向学员解释： 标签一般由两部分组成：标签和属性， 例如： …. BODY就是标签， bgcolor=“green”就是属性，属性可选，还可以多个。 * * 演示： 自动刷新的例子：网页代码详见TG4-Source文件夹中的用例。 向学员说明：网页中的其他代码是JavaScript，后续章节会讲解。 * 演示：参见TG4-Source文件夹中“标题”用例 * 演示：参见TG4-Source文件夹中“段落对齐”用例 解释： 1)align的三种对齐方式。 2)段落相当于我们文章的分段，段落间间隔较大(以便与后面的换行
区别) * 演示：参见TG4-Source文件夹中“换行”用例 提问：上图的两行和两段发现有什么不同没有？ 引导并解释解释： 1)换行间距较小。 2)
标签比较特殊，不需要配对，即不需要 * 提问：打开TG4-Source文件夹中“预格式化前“用例(如下)，提问学员，将显示什么效果？ 引导并预览显示，结果是一行连续显示，说明一个问题：HTML代码中IE浏览器不识别空格、换行鞥格式， 如果希望按HTML代码中的格式显示多方便啊，怎么办？现场加上
标签，再预览显示。 －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ 诗词学习
