47.第8章制作个人网站(4)

理论课授课教案课程名称组装与维护第8章：制作个人网站（4）第4节：添加主页内容审批签字授课时间月日授课班级2010计算机班计划课时2课时实用课时93--94教学目的与要求掌握添加“弹出菜单”、添加轮换地图、添加信息内容的方法教学重点与难点1.添加“弹出菜单”2.添加轮换地图3.添加信息内容授课类型上机课教学方法个别指导、集中辅导教具装有Dreamweaver软件的计算机机房参考资料《Dreamweaver全程自学手册》复习提问请问如何建立页面框架？教学过程和内容时间分配8.4添加主页内容完成网页大体框架的制作后，继续给网页加入其它的页面元素后，如导航栏、信息内容、链接按钮等。一、添加“弹出菜单”将制作好的弹出菜单插入到Dreamweaver8中去，其方法如下。见书286页。二、添加轮换地图在浏览网页的时候常常可以看到这样一种效果：在普通状态下按钮是一种图像，但当鼠标滑过或者停留在按钮上时是另外一个图像。这样让网页看起来更加富有动感，更加人性化。1.设置“鼠标经过图像”对话框见书287页。点名，课程介绍5分钟。讲授新课80分钟教学过程和内容时间分配2.预览效果这样，一个轮换图就大功告成了。保存页面后，按下F12键预览效果。当鼠标移动到图片上时，可以预览图片的变化。三、添加信息内容完成网站整体框架的创建后，这时可以为页面添加内容了，如最新的公告、学习教程等。1.输入内容2.设置字体内容输入的文字内容要调整一下才可以浏览自然，要不然可能会出现输入的字体大小不一，很难看。选择要调整的文字内容，然后可以再属性窗口中做相应的调整，如调整字体的大小或颜色等。3.页面浏览网页制作到这里后，页面的浏览效果制作完成。小结、作业及课后回顾5分钟小结本节主要讲述了在Dreamweaver8中添加主页内容的方法和步骤。作业巩固本次课所学知识课后教学回顾