信阅平台

产品特色

编辑推荐

《Dreamweaver CS3超酷网页设计：CSS篇》内容翔实，结构清晰，循序渐进，并注意各个章节与实例之间的呼应和对照，既可作为CSS初学者的入门教材，也适合中高级用户进一步学习和参考。 《Dreamweaver CS3超酷网页设计：CSS篇》内含80个公司网站模板，近100项软件功能的详细讲解，赠送460多个相关的矢量图标文件。

展开

作者简介

展开

内容介绍

本书系统地讲解了CSS层叠样式表的基础理论和实际运用技术，通过大量实例对CSS进行深入浅出的分析，主要包括CSS的基本语法和概念，设置文字、图片、背景、表格、表单和菜单等网页元素的方法，以及CSS滤镜的使用。本书着重讲解如何用CSS+DIV进行网页布局，注重实际操作，使读者在学习CSS应用技术的同时，掌握CSS+DIV的精髓。 本书内容翔实，结构清晰，循序渐进，并注意各个章节与实例之间的呼应和对照，既可作为CSS初学者的入门教材，也适合中高级用户进一步学习和参考。

展开

精彩书评

展开

精彩书摘

第1章 Dreamweaver+CSS入门 本章导读 对一个网页设计者来说，HTML语言一定不陌生，因为它是网页制作的基础，但是如果希望网页能够美观、大方，并且升级维护方便，那么仅仅知道HTML还是不够的，还需要了解CSS。本章讲解HTML的基本语法结构，HTML文件的编写方式，什么是Web标准，为什么要建立Web标准，为什么要在网页中加入CSS。了解这些基础知识，可以为后面的学习打下基础。 技术要点 HTML文件的基本结构 HTML页面的编写方法 什么是Web标准 为什么要建立Web标准 什么是CSS 如何编写CSS

展开

第1章 Dreamweaver+CSS入门 1 1.1 HTML文件的基本结构 2 1.1.1 HTML文件结构 2 1.1.2 使用记事本手工编写HTML页面 2 1.1.3 使用Dreamweaver编写HTML页面 3 1.2 XHTML入门 8 1.3 网站与Web标准 10 1.3.1 什么是Web标准 10 1.3.2 为什么要建立Web标准 10 1.3.3 怎样改善现有网站 11 1.4 为什么要在网页中加入CSS 13 1.4.1 什么是CSS 13 1.4.2 如何编写CSS 14 第2章 CSS基础知识 15 2.1 CSS基础 16 2.1.1 CSS基本概念 16 2.1.2 CSS的优点 16 2.2 使用CSS 17 2.2.1 外联样式表 17 2.2.2 内嵌样式表 17 2.2.3 导入样式表 17 2.2.4 内联样式表 18 2.3 选择器类型 18 2.3.1 标签选择器 19 2.3.2 类选择器 21 2.3.3 ID选择器 22 2.4 使用Dreamweaver编辑CSS 24 2.4.1 CSS面板 24 2.4.2 链接外部样式表 25 2.5 设置CSS属性 27 2.5.1 设置CSS样式类型 27 2.5.2 设置CSS样式背景 28 2.5.3 设置CSS样式区块 29 2.5.4 设置CSS样式方框 30 2.5.5 设置CSS样式边框 31 2.5.6 设置CSS样式列表 32 2.5.7 设置CSS样式定位 33 2.5.8 设置CSS样式扩展 34 2.6 实战演练——对网页添加CSS样式 35 第3章设计丰富的文字效果 39 3.1 设计网页中的文字样式 40 3.1.1 字体 40 3.1.2 字号 43 3.1.3 加粗 45 3.1.4 样式 46 3.1.5 变体属性 47 3.1.6 文字修饰 49 3.2 设计文本的段落样式 50 3.2.1 行高 50 3.2.2 对齐 52 3.2.3 缩进 53 3.2.4 单词间距 54 3.2.5 首字下沉 54 3.2.6 大小写转换 55 3.3 CSS滤镜设计特效文字 56 3.3.1 滤镜概述 57 3.3.2 光晕（Glow） 58 3.3.3 模糊（Blur） 59 3.3.4 遮罩（Mask） 60 3.3.5 透明色（Chroma） 60 3.3.6 阴影（DropShadow） 61 3.3.7 波浪（Wave） 62 3.3.8 X射线（Xray） 62 3.4 实战演练 64 3.4.1 用CSS排版网页文字 64 3.4.2 创建动感文字 66 第4章用CSS设计图像和背景 69 4.1 设置网页的背景 70 4.1.1 背景颜色 70 4.1.2 背景图像 70 4.2 设置背景图像的属性 71 4.2.1 设置背景重复 71 4.2.2 设置固定背景 72 4.2.3 设置背景定位 73 4.3 设置网页图像的样式 76 4.3.1 设置图像边框 76 4.3.2 图文混合排版 78 4.4 应用CSS滤镜设计图像特效 80 4.4.1 控制图像和背景的透明度（Alpha） 80 4.4.2 灰度（Gray） 81 4.4.3 反色（Invert） 81 4.5 实战演练 82 4.5.1 给图片添加边框 82 4.5.2 图文绕排效果 84 4.5.3 鼠标指针移到图片时产生渐变效果 86 第5章设计更富灵活性的表格 89 5.1 网页中的表格 90 5.1.1 表格对象标记 90 5.1.2 在Dreamweaver中插入表格 91 5.1.3 设置表格的颜色 93 5.1.4 设置表格的边框样式 94 5.1.5 设置表格的阴影 98 5.1.6 设置表格的渐变背景 99 5.2 实战演练 100 5.2.1 制作变换背景色的表格 101 5.2.2 用CSS制作漂亮的彩色背景表格 102 5.2.3 制作阴影表格 104 5.2.4 制作圆角表格 105 5.2.5 制作半透明的表格 108 第6章设计更酷更炫的表单 110 6.1 网页中的表单 111 6.1.1 表单对象 111 6.1.2 表单标记 112 6.1.3 表单的布局设计 112 6.1.4 设置边框样式 115 6.1.5 设置背景样式 117 6.1.6 设置输入文本的样式 119 6.1.7 用CSS+DIV设计表单 120 6.2 实战演练 123 6.2.1 改变按钮的背景颜色和文字颜色 124 6.2.2 设计文本框的样式 127 6.2.3 设计文本框中的文字样式 128 6.2.4 制作透明的表单背景 129 6.2.5 为下拉菜单变换颜色 130 6.2.6 设置Form表单内textarea背景图片 132 第7章制作实用的菜单和网站导航 134 7.1 项目列表 135 7.1.1 有序列表 135 7.1.2 无序列表 139 7.2 横排导航 144 7.2.1 文本导航 144 7.2.2 标签式导航 146 7.3 竖排导航 148 7.4 实战演练 150 7.4.1 实现背景变换的导航菜单 150 7.4.2 利用CSS制作横向导航 152 7.4.3 制作网页下拉菜单 154 第8章设计具有特色的超链接效果 157 8.1 超链接基础 158 8.1.1 超链接的基本概念 158 8.1.2 使用“页面属性”设置超链接 158 8.2 链接标记 159 8.2.1 a：link 160 8.2.2 a：visited 161 8.2.3 a：active 162 8.2.4 a：hover 163 8.3 各种形式的超链接 164 8.3.1 背景色变换链接 164 8.3.2 多姿多彩的下划线链接 166 8.3.3 图像翻转链接 167 8.3.4 边框变换链接 170 8.4 实战演练 172 8.4.1 使用CSS实现鼠标指针形状改变 172 8.4.2 为超链接文字加上质感边框 173 8.4.3 鼠标指针移到链接文字上时改变文字大小或颜色 177 8.4.4 给超链接添加提示文字 179 8.4.5 文本超链接模拟按钮效果 183 第9章 CSS+DIV布局定位基础 188 9.1 Div标记与Span标记 189 9.1.1 Div概述 189 9.1.2 Div与Span的区别 190 9.2 在Dreamweaver中使用Div 191 9.3 盒子模型 192 9.3.1 盒子模型的概念 192 9.3.2 border 193 9.3.3 padding 198 9.3.4 margin 200 9.4 元素的定位方式 203 9.4.1 float定位 203 9.4.2 position定位 206 9.4.3 z-index空间位置 211 第10章 CSS+DIV布局方法 214 10.1 CSS布局理念 215 10.1.1 将页面用Div分块 215 10.1.2 设计各块的位置 216 10.1.3 用CSS定位 216 10.2 常见的布局类型 218 10.2.1 一列固定宽度 218 10.2.2 一列自适应 219 10.2.3 两列固定宽度 220 10.2.4 两列宽度自适应 222 10.2.5 两列右列宽度自适应 224 10.2.6 三列浮动中间宽度自适应 224 10.2.7 三行二列居中高度自适应布局 226 10.3 CSS布局与传统的表格方式布局分析 229 10.4 使用CSS布局模板 232 第11章 CSS与JavaScript的综合应用 235 11.1 JavaScript简介 236 11.1.1 什么是JavaScript 236 11.1.2 JavaScript特点 236 11.2 JavaScript的基本语法 237 11.2.1 常量和变量 237 11.2.2 表达式和运算符 238 11.2.3 基本语句 239 11.2.4 函数 244 11.3 JavaScript事件 244 11.4 JavaScript内部对象 246 11.4.1 navigator对象 246 11.4.2 document对象 247 11.4.3 Windows对象 249 11.4.4 location对象 252 11.4.5 history对象 252 11.5 实战演练 253 11.5.1 随鼠标移动的图像 253 11.5.2 制作图片循环隐现效果 255 11.5.3 制作幻灯片效果 257 11.5.4 制作灯光效果 259 11.5.5 任意选择网页中内容的文字颜色、背景颜色、字号 261 第12章设计布局富有个性的个人网站 267 12.1 个人网站设计概述 268 12.2 个人网站色彩搭配和结构设计 269 12.3 网站前期策划 269 12.3.1 确定网站主题 269 12.3.2 确定目录结构 269 12.3.3 网站蓝图的规划 270 12.4 制作网站主页 271 12.4.1 导入外部CSS 271 12.4.2 制作顶部文件 274 12.4.3 制作个人简介 277 12.4.4 制作个人相册 278 12.4.5 制作最新动态 281 12.4.6 制作底部文件 283 第13章公司宣传网站的布局 284 13.1 企业网站设计概述 285 13.2 分析架构 286 13.2.1 设计分析 286 13.2.2 排版构架 287 13.3 各模块设计 288 13.3.1 布局设计 288 13.3.2 页面的通用规则 289 13.3.3 制作#header对象部分 292 13.3.4 制作导航#nav对象部分 294 13.3.5 公司介绍和图片展示部分 297 13.3.6 制作我们的服务部分 301 13.3.7 制作#aside对象部分 304 13.3.8 制作底部版权信息部分 308 第14章购物网站布局 310 14.1 购物网站设计概述 311 14.1.1 购物网站分析 311 14.1.2 排版构架 311 14.2 各部分设计 312 14.2.1 导入外部CSS 312 14.2.2 制作头部文件 314 14.2.3 设计新品上架区 317 14.2.4 设计热门商品区 321 14.2.5 设计会员登录区 323 14.2.6 设计商品分类区 327 14.2.7 设计新品排行区 329 14.2.8 插入底部文件 332 第15章留学网站的布局 333 15.1 分析架构 334 15.1.1 设计分析 334 15.1.2 排版构架 335 15.2 各模块设计 337 15.2.1 页面的通用规则 337 15.2.2 顶部logo、banner部分 338 15.2.3 制作导航菜单部分 343 15.2.4 制作xinyi_content1部分 347 15.2.5 制作xinyi_bigad部分 352 15.2.6 制作xinyi_content2部分 352 15.2.7 制作xinyi_content3部分 356 15.2.8 制作xinyi_bigad2部分 359 15.2.9 制作xinyi_content4部分 360 15.2.10 友情链接xinyi_link部分 362 15.2.11 版权xinyi_copyright部分 363 附录A CSS属性一览表 365 附录B 216种网页安全颜色 369 附录C RGB网页配色表 373 附录D HTML常用标签 396

展开