基本信息出版社:人民邮电出版社
页码:334 页
出版日期:2009年01月
ISBN:711518996X/9787115189967
条形码:9787115189967
版本:第1版
装帧:平装
开本:16
正文语种:中文
内容简介 《CSS与Dreamweaver CS3完美网页设计》以将CSS与Dreamweaver两个软件的功能相结合的方式,通过大量实例介绍了CSS基础知识,然后从固定起始页面和居中起始页面开始,逐步深入地介绍从基于表格的布局转向CSS、使用液态CSS的布局,以及利用弹性布局创建更复杂的页面,最后介绍如何利用CSS和Spry构建图片库站点。
《CSS与Dreamweaver CS3完美网页设计》由经验丰富的技术专家撰写,具有较强的专业性和针对性。《CSS与Dreamweaver CS3完美网页设计》可以作为网页制作爱好者培养动手能力的培训教材,也可以作为专业设计人员参考用书。
编辑推荐 Adobe Dreamweaver是最优秀的Web设计工具之一,CSS(Cascading Style Sheets)是非常受欢迎的创建可访问、遵循标准的Web页面的方法。但是,人们常会错误地认为,像Dreamweaver这样的可视化设计工具不能完成面向标准的设计者或开发者工作流。在《CSS与Dreamweaver CS3完美网页设计》中,作者演示了实用、高效的技巧和技术,展现了Dreamweaver和CSS这个强大组合的魅力。在一系列详细的实例项目中,手把手指导设计者出色地完成Web设计工作。
使用Drearmweaver用于构建基于CSS的网站的最新工具,您将学习到:
CSS的核心概念;
如何使用、定制和扩展Dreamweaver中包含的CSS布局:
创建可访问网站过程中涉及的问题;
如何使用CSS样式和定位将一个现有的基于表的网站变成遵循标准的网站;
用于解决常见问题的技术;
CSS中挑战性问题的实际解决方案:
如何实现最新的Ajax的Spry框架,以渐进增强基于标准的和可访问的CSS布局。
目录
第1章 CSS基础知识
1.1 (X)HTML文档
1.1.1 文档类型
1.1.2 字符编码
1.1.3 自然的文档流
1.1.4 行内元素和块元素
1.1.5 用div构建页面
1.2 CSS文档
1.2.1 CSS语法
1.2.2 CSS选择符类型
1.2.3 层叠
1.2.4 一些真正混淆的内容——优先级
1.2.5 继承
1.2.6 box模型
1.2.7 浏览器怪异现象
1.2.8 hasLayout属性
1.2.9 定位技术
1.3 操纵自然流
1.3.1 浮动图像
1.3.2 应用清除元素
1.3.3 插入div标签
1.3.4 绝对定位的列
1.3.5 清除浮动列
1.3.6 进入布局
第2章 使用固定起始页面和居中起始页面
2.1 开始创建
2.1.1 准备HTML文档
2.1.2 准备比较图
2.1.3 为body元素设置样式
2.2 在CSS中使用速记属性
2.3 使用背景图像
2.3.1 创建“伪造”的右列
2.3.2 创建外发光效果
2.4 创建标题
2.4.1 绝对定位:并非一无是处
2.4.2 添加标志
2.5 使侧边列圆角化
2.5.1 首先设置顶部
2.5.2 创建伪底
2.6 添加页面底部
2.6.1 添加外部页面包装器
2.6.2 定位底部花朵图形
2.6.3 要不要使用PNG格式,这是个问题
2.7 关于浮动和清除的一点说明
2.7.1 在页面中创建Pod
2.7.2 避免浮动蔓延——如何迫使div包含自己的浮动
2.7.3 空白——最后的处女地
2.8 源代码顺序的问题
2.9 字体与最终的样式化
2.9.1 命名锚记和链接
2.9.2 样式化标题
2.9.3 平均化侧边列
2.10 首字放大——简单的页面修饰技巧
2.11 完成脚注
2.12 消除错误
2.12.1 针对IES调整数值——怪异模式
2.12.2 hasLayout问题
2.12.3 使用“检查浏览器兼容性”功能
2.13 声明媒体类型
2.14 小结
第3章 从基于表格的布局转向CSS
3.1 CSS问题
3.1.1 利用“查找和替换”确定现有规则
3.1.2 组织CSS规则
3.1.3 建立顺序
3.1.4 合并属性
3.1.5 完成合并
3.2 清理混乱的table标签
3.2.1 利用“查找和替换”清除表格代码
3.2.2 使用CSS样式化列表
3.2.3 取消表格的嵌套状态
3.2.4 利用AdobeFireworksCS3修改图形
3.2.5 利用Div封装内容
3.2.6 微调列表
3.2.7 加快速度
3.2.8 实践所学的内容
3.3 重建页面标题
3.3.1 在标题中添加背景图形
3.3.2 定位导航图像
3.4 继续清理过程
3.5 删除最后的表格标记
3.6 小结
第4章 使用液态CSS布局
4.1 简化CSS选择符
4.2 创建标题
4.2.1 插入背景图像
4.2.2 插入徽标图像
4.3 创建水平导航条
4.3.1 为水平导航条创建CSS
4.3.2 将命名锚记样式化为按钮
4.3.3 使用设计时样式表
4.3.4 水平导航条的最后微调
4.3.5 解决水平滚动问题
4.3.6 创建hover和当前页面指示器状态
4.4 布局主内容区域
4.4.1 修改列
4.4.2 处理边界
4.4.3 列的假象
4.4.4 定位背景
4.4.5 微调列
4.4.6 添加徽章图像
4.4.7 创建左手导航条
4.4.8 样式化菜单链接
4.4.9 在垂直菜单中放置页面指示器
4.4.10 样式化mainContent区域
4.5 处理底部:样式化脚注
4.5.1 浮动左侧元素和右侧元素
4.5.2 最后的修饰
第5章 利用弹性布局创建更复杂的页面
5.1 新文档
5.1.1 重新设置CSS默认值
5.1.2 创建一个重设代码片段
5.1.3 跳到左边
5.1.4 调整重设
5.2 em单位的重要性
5.2.1 em是相对的
5.2.2 对文字进行一些调整
5.3 视觉变换
5.3.1 样式化标题
5.3.2 标题假象
5.3.3 添加行内导航
5.3.4 改善Dreamweaver的性能
5.4 主要内容
5.5 主站点导航条
5.5.1 为列表项添加背景
5.5.2 样式化链接本身
5.5.3 使用cite元素
5.5.4 处理右边侧栏
5.5.5 脚注是最后一个元素,但内容并非最少
5.5.6 快速处理IECC
5.6 创建并样式化基于em的表单
5.6.1 编写表单代码
5.6.2 样式化表单
5.6.3 添加表单验证
5.7 创建及样式化可存取的数据表格
5.7.1 将重活交给Dreamweaver
5.7.2 指定表格尺寸
5.7.3 提供附加反馈以提高可访问性
5.7.4 样式化数据表格
5.7.5 您有成就感吗
第6章 利用CSS和Spry构建图片库站点
6.1 选择适当的起始页布局
6.2 构建初始框架
6.3 光线、相机、内容……
6.3.1 使用max-width和min-width
6.3.2 解决IE问题——min/max宽度增强
6.3.3 约束IE的内容区域
6.3.4 扩展图片
6.4 找准方向
6.4.1 何谓Spry框架
6.4.2 创建基于Spry的导航
6.4.3 用CSS为Spry菜单栏应用样式
6.4.4 在菜单栏上进行最后的修改
6.4.5 我在哪里?通过菜单栏给出反馈
6.5 在单个站点中组合使用两个CSS布局
6.5.1 简要介绍公共页面元素
6.5.2 为Sidebar2添加样式
6.6 构建图片库——第一部分
6.7 渐进增强——使图片库很酷
6.7.1 创建HTML数据集
6.7.2 快速检查
6.7.3 Spry滚动面板构件
6.7.4 为Spry滚动面板构件创建结构
6.7.5 在滚动面板中导航
6.7.6 添加详细图像
6.8 完美地通过验证
6.8.1 创建不唐突的JavaScript文件
6.8.2 考虑周全
6.8.3 最后的完善
……
序言 致读者
欢迎阅读本书!
Adobe Dreamweaver—W)是市场上领先的Web设计工具;层叠样式表(Cascading Style Sheets,CSS)是推荐的将表示与内容分离的方法,以便让站点维护更为简单、快速,同时对搜索引擎更为友好。但是存在一个常见的误解,即很难在Dreamweaver中使用CSS构建可访问的、遵循标准的页面布局。
我们将在本书中展示这是多么容易。我们是谁?Greg是Adobe的CreativeSolutions:Evangelism团队经理,从版本2开始就参与了Dreamweaver的开发。他每周都要演示和讲授Dreamweaver课程,包括它的CSS功能。Stephanie的工作就是作为一名顾问编写CSS代码,并在CSS技术、最佳实践以及Web标准等方面对全体Web部门进行培训。她在.Adobe工作,是Adobe Task Force。for WaSP(前身是:Dreamweaver Task Force)的领导者之一,编写了I)reamweaver CS3中的CSS布局。
我们编写本书是因为,我们觉得我们关于Dreamweaver和CSS的知识组合起来,可以帮助读者综合掌握这两个工具,我们每天就是这样使用它们的。我们想要一个机会真正地讨论Dreamweaver CS3中包含的CSS布局,向大家展示如何使用、扩展以及真正将它们用于实际工作中。
文摘 插图:
