项目10Dreamweaver设计网页.pptVIP

项目10 Dreamweaver设计网页 学习目标 1.在网页中插入标题、文字。 2. CSS对HTML标签的美化。 任务2：完善首页—导航条制作 本任务是完善首页，本节课的安排是完成导航条的制作。 任务分析 导航栏是一个网站的大纲，可以引导浏览者快速到达所要访问的页面。在大多数的网站导航中都使用项目列表来制作。 子导航的操作与主导航相似，具体参数稍有不同，但是整体思路都是一样的，首先输入项目列表，然后清除默认项目列表样式，然后使列表横向排列，最后设置链接的样式即可。 任务实施 1.启动Dreamweaver CS5，打开index.html页面。 2.新建CSS文件，文件名为“style.css”。 3.链接style.css文件。 4.插入项目列表 任务实施 5.将栏目名称设置为超链接。 6.清除项目列表默认样式。 7.设置列表为横向列表。 8.用CSS设置导航的链接文本样式。 任务实施 9.设置导航栏鼠标经过的特效。 10.设置导航栏访问过的链接状态。 11.设置“首页”文字效果。 12.主导航条制作完成，效果如下图所示。 13.制作子导航条，插入项目列表。 任务实施 14.将栏目名称设置为超链接。 15.清除项目列表默认样式。 16.设置为横向列表。 17.用CSS设置导航的链接文本样式。 18.设置导航栏鼠标经过的特效。 19.设置导航栏访问过的链接状态。 20.子导航条制作完成，效果如图所示。 总 结 任务2 完善首页 ——导航条制作课件 （建议2学时） 参照教材中“任务实施”，尝试操作，完成主导航条和子导航条的制作。 1.掌握如何在网页中插入标题、文字。 2. 掌握如何用CSS对HTML标签的美化。