Dreamweaver网页设计项目教程 王雪松 项目二 任务3搭建网站框架2新.pptVIP

Dreamweaver网页设计项目教程 机械工业出版社 任务3搭建网站框架2（建议2学时） 01 任务分析 02 任务实施 03 任务拓展 04 触类旁通 任务分析 网站主体框架布局划分示意图 任务实施 5．CSS样式设置 （1）设置头部CSS样式 1）创建“#header”CSS样式 2）设置“#header”CSS样式 3）创建“#logo”CSS样式 4）设置“#logo”CSS样式 5）创建“search”CSS样式 6）设置“#logo”CSS样式 7）在#logo中插入图片 8）在“search”中插入表单 任务实施 （2）设置导航区CSS样式 1）创建“#nav”CSS样式 2）设置“#nav”CSS样式 3）创建“#nav_main”CSS样式 4）设置“#nav_main”CSS样式 5）创建“#nav_son”CSS样式 6）设置“#nav_son”的CSS样式 7）添加主导航内容 5．CSS样式设置 任务实施 （3）设置底部区CSS样式1 1）设定底部列表 2）设置底部#footer的CSS样式 3）设置底部#footer dl dt的CSS样式 4）设置底部“#footer dl dd”的CSS样式 5）设置底部“#footer dl dt a”的CSS样式 5．CSS样式设置 任务拓展 关于HTML语言 关于CSS样式 HTML元素语法规则 常用标签 标签属性 XHTML与HTML区别 CSS概述 语法规则 选择器 应用CSS样式表的3种方式 触类旁通 通用CSS样式 群选择器 通配符选择器 派生选择器 当几个元素样式属性 一样时，可以共同调用 一个声明，元素之间用 逗号分隔 它的使用表示所有对象 包括HTML的所有标签 也叫后代选择器可以 给一个元素里的子元 素定义样式 CSS样式表中的标签 都有自己默认的样式 Thank you! 谢谢观赏