《精通CSS网布布局》深入、系统地讲解了使用css进行网页布局设计的相关知识和技巧,内容包括css基础、文字和版式设计、图像控制、超链接和导航菜单设计、表格和表单设计、浮动网页布局设计以及网页优化等。在书的最后,还对css框架设计进行案例分析,并通过一个购物网站设计实例来融会贯通所有知识点,以达到灵活应用的目的。
《精通CSS网页布局》对标准化网页设计见解独特,一针见血揭示CSS技术的核心价值及应用,网上讲座与答疑。共计893分钟的超强视频讲解。CSS、Html、JavaScript、ASP教程(CHM格式),《精通CSS网布布局》实例源代码。
目录:
前言
第1章 CSS布局基础
1.1 认识网页中的CSS
1.1.1 编写符合CSS布局的HTML结构
1.1.2 DOCTYPE(文档类型)与CSS的关系
1.2 CSS基本语法和用法
1.2.1 CSS基本语法
1.2.2 应用CSS样式
1.2.3 建立外部样式表
1.2.4 在HTML中导入外部样式表
1.3 CSS的属性和属性值
1.3.1 如何记忆CSS的属性
1.3.2 CSS的取值单位
1.4 CSS常用选择符
1.4.1 标签选择符
1.4.2 类选择符
1.4.3 ID选择符
1.5 CSS高级选择符
1.5.1 认识HTML文档的树状结构
1.5.2 子选择符
1.5.3 相邻选择符
1.5.4 属性选择符
1.6 灵活使用CSS选择符
1.6.1 CSS选择符分组
1.6.2 通配选择符
1.6.3 包含选择符
1.6.4 伪类和伪元素选择符
1.6.5 CSS选择符的嵌套
1.7 CSS的继承性
1.7.1 认识CSS的继承性
1.7.2 CSS继承性的局限性
1.8 CSS样式层叠和选择符优先级
1.8.1 CSS样式表的优先级
1.8.2 CSS样式的优先级
1.8.3 CSS选择符的优先级
第2章 使用Dreamweaver实现CSS布局
2.1 认识Dreamweaver的CSS布局工作流
2.1.1 增强CSS功能的【属性】面板
2.1.2 【页面属性】对话框
2.1.3 【CSS样式】面板
2.1.4 属性表
2.2 操作【css样式】面板
2.2.1 新建样式
2.2.2 定义样式的属性
2.2.3 应用样式
23以CSS技术为核心的设计视图
2.3.1 强大的CSS设备类型
2.3.2 可视化助理
2.4 使用DW实现CSS布局实战
2.4.1 使用DreamweaverCS3构建页面结构
2.4.2 使用【页面属性】统一基本样式
2.4.3 使用【csS样式】面板定制页面基本布局
第3章 听话的文字和版式
3.1 看懂DreamweaverCS3提供的模板
3.1.1 善于利用示例页
3.1.2 挖掘标准网页布局模板的价值
3.2 你的文字听话吗
3.2.1 国际雅虎和中国雅虎
3.2.2 选择好单位让你的文字更听话
3.2.3 设计网页字体大小配置方案
3.2.4 设计与字体大小相关联的网页布局
3.3 留心,不要让你的文字“露怯”
3.3.1 不要以为多此一举
3.3.2 让网页字体显示更灵活
3.3.3 别忘了通用字体
3.4 小家伙,你向哪儿看齐
3.4.1 文本对齐
3.4.2 布局居中
3.4.3 布局元素向左、右对齐
3.4.4 文本和元素垂直对齐
3.4.5 绝对定位元素居中显示
3.4.6 混合结构中对齐处理
3.5 咱们比比个吧
3.5.1 什么样的行高更合适阅读
3.5.2 行高、边距和伪行高
3.6 让网页看起来和颜悦色
3.6.1 在CSS中使用颜色
3.6.2 CSS布局与配色
第4章 扮靓网页的天使——图像
4.1 选择:前景图像和背景图像
4.1.1 前景图像
4.1.2 背景图像
4.1.3 如何选用前景图像和背景图像
4.1.4 走出迷失的图像URL
4.2 图像边框和阴影
4.2.1 定义边距
4.2.2 巧设边距
4.2.3 为图像增加阴影
4.2.4 为img元素定义默认阴影样式
4.2.5 设计晶莹剔透的水印
4.3 图文混合排版
4.3.1 单行图文定位
4.3.2 单行图文对齐
4.3.3 图文环绕
4.3.4 调整图文环绕的间距
4.3.5 不规则图文环绕
4.4 隐形的翅膀——背景图像
4.4.1 控制背景图像的重复显示
4.4.2 背景图像水平平铺应用示例
4.4.3 背景图像垂直平铺应用示例
4.4.4 精确定位背景图像
4.4.5 固定背景图像在浏览器中的位置
4.4.6 如何增加多个背景图像
4.4.7 设计更酷的圆角
4.5 背景图像布局应用——伪列布局
第5章 活泼的超链接和导航菜单
5.1 轻松掌握超链接样式
5.1.1 怪异的伪类
5.1.2 超链接的四种状态
5.1.3 为超链接绑定不同的样式
5.1.4 为页面定义不同的超链接样式
5.2 花枝招展的超链接样式
5.2.1 为超链接定义普通样式
5.2.2 避免影响版面晃动的超链接样式
5.2.3 模拟按钮样式
5.2.4 使用图像设计超链接样式
5.2.5 设计具有扩展性的超链接样式
5.3 构建导航条列表框架及其基本样式
5.3.1 为什么使用项目列表来构建导航条
5.3.2 搭架结构合理的导航列表
5.3.3 使用定义列表搭架导航列表
5.3.4 控制项目列表的样式
5.3.5 有趣的项目符号
5.3.6 自定义图片项目符号
5.3.7 通过背景图像来定义项目符号
5.3.8 使用行内显示法设计项目列表水平显示
5.3.9 使用浮动法设计项目列表水平显示
5.3.10 设计水平浮动列表的超链接样式
5.3.11 解决浮动溢出问题
5.3.12 使用定位法设计项目列表水平显示
5.4 设计导航菜单
5.4.1 淡雅的垂直导航菜单
5.4.2 巧妙的水平导航菜单
5.4.3 背景图像在导航菜单中的应用
5.4.4 实用的多级菜单
5.4.5 时尚的滑动门菜单
第6章 更专业的表格和表单
6.1 用好表格
6.1.1 正确使用表格
6.1.2 优化数据表格的结构
6.1.3 设计表格样式
6.2 表格样式设计实战
6.2.1 设计表格行样式
6.2.2 设计表格列样式
6.2.3 设计鼠标经过时表格行的样式
6.3 用好表单
6.3.1 认识表单
6.3.2 设计表单样式
6.4 表单样式设计实战
6.4.1 设计高亮显示当前表单样式
6.4.2 设计图标样式的表单效果
6.4.3 设计易用性表单效果
第7章 浮动的网页布局
7.1 CSS的“水立方”模型
7.1.1 盒模型
7.1.2 盒模型解疑
7.1.3 盒模型的外边距
……
第8章 精确的网页布局
第9章 兼容性网页布局
第10章 网页结构化布局与实施
第11章 CSS框架设计及其案例解析
第12章 购物网站结构与布局实施