Dreamweaver网页设计项目教程王雪松项目一任务4-1课件教学.pptVIP

* * Dreamweaver网页设计项目教程 机械工业出版社 任务四 利用CSS美化网页1（建议2学时） 01 任务分析 02 任务实施 任务分析 知识要点：输入文本操作；输入空格操作；插入图片操作；插入并编辑表格操作；输入并编辑表单操作；插入flash操作；文字超链接；ul、dl列表的编辑；iframe及其应用；利用CSS美化文字、链接、图片、表格、表单、列表等网页元素；相关HTML标记的使用。 这一任务主要要求学生加深CSS控制页面的能力，能掌握CSS的标准化命名方法，熟练掌握HTML标签选择器、ID选择器、类选择器、伪类选择器的用法。会依据实际情况的需要选择合适的选择器定义CSS样式。 任务实施——1添加导航 1. 首先打开index.html文件，导入sytle.css文件。并把光标定位在ID为“nav”的DIV内。 2. 插入项目列表。把插入面板切换到“文本”项目，点击面板的“ul”图标，即会自动插入项目列表。 3. 清除项目列表默认样式。 4. 定义列表为横向列表。 任务实施——1添加导航 5. 添加导航链接。每个导航都要能链接到相应的二级页面。选中链接文字，在下方属性栏中添加超级链接。 6.设置导航的样式。 任务实施——1添加导航 7.设置导航栏鼠标经过的特效。 8.修改首页的指针