欢迎您来到懒之才-站长的分享平台!   学会偷懒,并懒出境界是提高工作效率最有效的方法!
首页 > 教程文档 > Css&Div > CSS与Dreamweaver CS3完美网页设计【PDF】【101.08MB】

CSS与Dreamweaver CS3完美网页设计【PDF】【101.08MB】

2019-01-05 485 收藏 0 赞一个 0 真差劲 0 去评论 去下载

内容简介

本书以将CSS与Dreamweaver两个软件的功能相结合的方式,通过大量实例介绍了CSS基础知识,然后从固定起始页面和居中起始页面开始,逐步深入地介绍从基于表格的布局转向CSS、使用液态CSS的布局,以及利用弹性布局创建更复杂的页面,最后介绍如何利用CSS和Spry构建图片库站点。

本书由经验丰富的技术专家撰写,具有较强的专业性和针对性。本书可以作为网页制作爱好者培养动手能力的培训教材,也可以作为专业设计人员参考用书。

目录

第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 最后的完善

文档截图

QQ截图20190105165506.jpg

CSS与Dreamweaver CS3完美网页设计【PDF】【101.08MB】

一、推荐使用迅雷或快车等多线程下载软件下载本站资源。

二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。

三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!

四、本站大部分资源是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益,请速与我们联系,我们将尽快处理.

五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。

六、如需转载本站资源,请注明转载来自并附带链接

七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com

下载地址
大家评论