Dreamweaver CS3超酷网页设计CSS篇

出版时间：2008-12  出版社：清华大学出版社  作者：新艺科技  页数：399  字数：700000  
Tag标签：无  

前言

　　目前Web标准大潮已经席卷了国内的网站设计领域，许多网站设计师学习并应用Web标准，本书就是在这一时期推出的一本利用Web标准进行网页设计制作的指导书，适用于所有网站设计师以及网站开发人员。Web标准的推出将网站的内容与表现分离，同时XHTML文档要具有良好的结构，因此需要抛弃传统的表格布局方式，采用Div布局，并且使用CSS层叠样式表来实现页面的外观。CSS＋Div是网站标准中常用的术语之一，CSS和Div的结构被越来越多的人采用，很多人都抛弃了表格而使用CSS来布局页面，它的好处很多，可以使结构简洁，定位更灵活，CSS布局的最终目的是搭建完善的页面架构。通常XHTML网站设计标准中，不再使用表格定位技术，而是采用CSS+Div的方式实现各种定位。　　本书主要内容　　本书编者中既有多年网页教学经验的教师，也有多年实际商业网站设计经验的网页设计师，积累了大量网页设计制作方面的经验，精通网页布局的多种技巧。本书基于Dreamweaver CS3等常用网页设计制作软件，按照从简单到复杂、从入门到精通的写作思路，结合了多个典型的网站实例，使读者不但可以学会使用多种网页制作工具制作出精美的网页，还进一步告诉大家如何设计符合Web标准的CSS布局。本书的编写重点将通过实例讲解如何运用Div+CSS对页面进行布局制作。　　本书共包括15章，主要内容如下。　　第1章和第2章主要讲解HTML文件的基本结构、为什么要建立Web标准、为什么要在网页中加入CSS、CSS基本语法、使用Dreamweaver编辑CSS、设置CSS属性。　　第3～8章主要讲解设计丰富的文字效果、用CSS设计图像和背景、设计更富灵活性的表格、设计更酷更炫的表单、用CSS制作实用的菜单和网站导航、设计具有特色的超链接效果。　　第9～11章主要讲解CSS+DIV布局定位基础、CSS+DIV布局方法、CSS与JavaScript的综合　　　应用。　　第12～15章主要讲解个人网站的布局设计、公司宣传网站的布局、购物网站的布局、留学网站的布局。　　附录主要讲解RGB网页配色表、216种网页安全颜色、CSS属性一览表、HTML常用标签等知识。　　本书特色　　* 循序渐进，由浅入深　　为方便读者学习，本书首先介绍网页的概念，然后讲解HTML的基本结构，使读者对网页制作和制作工具有一个初步认识。在此基础上，通过Dreamweaver的可视化操作，简单地实现网页效果，提高读者的兴趣；再结合CSS进行语法讲解，使读者牢牢地掌握这些基本要素。　　* 技术全面，内容充实　　本书系统地讲解了CSS层叠样式表的基础理论和实际运用技术，通过大量实例对CSS进行深入浅出的分析，并且讲解了相关的Dreamweaver操作。　　* 讲解详细，图文并茂　　本书从实例出发，通过详细的步骤把知识介绍给读者。同时配有实例图片，使操作更为直观，从而避免了单一文字的枯燥学习。再根据操作的结果讲解语法，让读者更容易理解。　　* 本书的一个重要特点就是让那些不懂CSS语法的读者也能利用Dreamweaver在不需要或者只需要修改少量代码的情况下就能使用CSS布局美化网页。而对于熟悉CSS的读者也可以参考本书使用Dreamweaver来可视化地设计网页。　　* 书盘结合，交互学习　　本书配套光盘中含有全书的全部实例文件，内容丰富多彩，简洁实用。　　本书读者对象　　本书既适合于CSS初中级读者、网站设计与制作人员、网站开发与程序设计人员及个人网站爱好者阅读，又可以作为大中专院校或者社会各类培训班的培训教材，同时对CSS高级用户也有很高的参考价值。　　本书由新艺科技组织编写，参加编写和提供素材的还有冯雷雷、邓静静、李银修、刘宇星、刘贵国、王东柱、范青蓝、乔海丽、郭娜、张晓亮、葛伟、杨爱艳、郭鹏、孙起云、吕志彬、邓方方、何秀明、张礼明、孙文成、李平生、何新起、孙素华、何立、吴秀红等。　　由于作者水平有限，加之创作时间仓促，本书不足之处在所难免，欢迎广大读者批评指正。

内容概要

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

书籍目录

第1章  Dreamweaver+CSS入门　1.1  HTML文件的基本结构　　1.1.1  HTML文件结构　　1.1.2  使用记事本手工编写HTML页面　　1.1.3  使用Dreamweaver编写HTML页面　1.2  XHTML入门　1.3  网站与Web标准　　1.3.1  什么是Web标准　　1.3.2  为什么要建立Web标准　　1.3.3  怎样改善现有网站　1.4  为什么要在网页中加入CSS　　1.4.1  什么是CSS　　1.4.2  如何编写CSS第2章  CSS基础知识　2.1  CSS基础　　2.1.1  CSS基本概念　　2.1.2  CSS的优点　2.2  使用CSS　　2.2.1  外联样式表　　2.2.2  内嵌样式表　　2.2.3  导入样式表　　2.2.4  内联样式表　2.3  选择器类型　　2.3.1  标签选择器　　2.3.2  类选择器　　2.3.3  ID选择器　2.4  使用Dreamweaver编辑CSS　　2.4.1  CSS面板　　2.4.2  链接外部样式表　2.5  设置CSS属性　　2.5.1  设置CSS样式类型　　2.5.2  设置CSS样式背景　　2.5.3  设置CSS样式区块　　2.5.4  设置CSS样式方框　　2.5.5  设置CSS样式边框　　2.5.6  设置CSS样式列表　　2.5.7  设置CSS样式定位　　2.5.8  设置CSS样式扩展　2.6  实战演练——对网页添加CSS样式第3章  设计丰富的文字效果　3.1  设计网页中的文字样式　　3.1.1  字体　　3.1.2  字号　　3.1.3  加粗　　3.1.4  样式　　3.1.5  变体属性　　3.1.6  文字修饰　3.2  设计文本的段落样式　　3.2.1  行高　　3.2.2  对齐　　3.2.3  缩进　　3.2.4  单词间距　　3.2.5  首字下沉　　3.2.6  大小写转换　3.3  CSS滤镜设计特效文字　　3.3.1  滤镜概述　　3.3.2  光晕（Glow）　　3.3.3  模糊（Blur）　　3.3.4  遮罩（Mask）　　3.3.5  透明色（Chroma）　　3.3.6  阴影（DropShadow）　　3.3.7  波浪（Wave）　　3.3.8  X射线（Xray）　3.4  实战演练　　3.4.1  用CSS排版网页文字　　3.4.2  创建动感文字第4章  用CSS设计图像和背景　4.1  设置网页的背景　　4.1.1  背景颜色　　4.1.2  背景图像　4.2  设置背景图像的属性　　4.2.1  设置背景重复　　4.2.2  设置固定背景　　4.2.3  设置背景定位　4.3  设置网页图像的样式　　4.3.1  设置图像边框　　4.3.2  图文混合排版　4.4  应用CSS滤镜设计图像特效　　4.4.1  控制图像和背景的透明度（Alpha）　　4.4.2  灰度（Gray）　　4.4.3  反色（Invert）　4.5  实战演练　　4.5.1  给图片添加边框　　4.5.2  图文绕排效果　　4.5.3  鼠标指针移到图片时产生渐变效果第5章  设计更富灵活性的表格　5.1  网页中的表格　　5.1.1  表格对象标记　　5.1.2  在Dreamweaver中插入表格　　5.1.3  设置表格的颜色　　5.1.4  设置表格的边框样式　　5.1.5  设置表格的阴影　　5.1.6  设置表格的渐变背景　5.2  实战演练　　5.2.1  制作变换背景色的表格　　5.2.2  用CSS制作漂亮的彩色背景表格　　5.2.3  制作阴影表格　　5.2.4  制作圆角表格　　5.2.5  制作半透明的表格第6章  设计更酷更炫的表单　6.1  网页中的表单　　6.1.1  表单对象　　6.1.2  表单标记　　6.1.3  表单的布局设计　　6.1.4  设置边框样式　　6.1.5  设置背景样式　　6.1.6  设置输入文本的样式　　6.1.7  用CSS+DIV设计表单　6.2  实战演练　　6.2.1  改变按钮的背景颜色和文字颜色　　6.2.2  设计文本框的样式　　6.2.3  设计文本框中的文字样式　　6.2.4  制作透明的表单背景　　6.2.5  为下拉菜单变换颜色　　6.2.6  设置Form表单内textarea背景图片第7章  制作实用的菜单和网站导航　7.1  项目列表　　7.1.1  有序列表　　7.1.2  无序列表　7.2  横排导航　　7.2.1  文本导航　　7.2.2  标签式导航　7.3  竖排导航　7.4  实战演练　　7.4.1  实现背景变换的导航菜单　　7.4.2  利用CSS制作横向导航　　7.4.3  制作网页下拉菜单第8章  设计具有特色的超链接效果　8.1  超链接基础　　8.1.1  超链接的基本概念　　8.1.2  使用“页面属性”设置超链接　8.2  链接标记　　8.2.1  a:link　　8.2.2  a:visited　　8.2.3  a:active　　8.2.4  a:hover　8.3  各种形式的超链接　　8.3.1  背景色变换链接　　8.3.2  多姿多彩的下划线链接　　8.3.3  图像翻转链接　　8.3.4  边框变换链接　8.4  实战演练　　8.4.1  使用CSS实现鼠标指针形状改变　　8.4.2  为超链接文字加上质感边框　　8.4.3  鼠标指针移到链接文字上时改变文字大小或颜色　　8.4.4  给超链接添加提示文字　　8.4.5  文本超链接模拟按钮效果第9章  CSS+DIV布局定位基础　9.1  Div标记与Span标记　　9.1.1  Div概述　　9.1.2  Div与Span的区别　9.2  在Dreamweaver中使用Div　9.3  盒子模型　　9.3.1  盒子模型的概念　　9.3.2  border　　9.3.3  padding　　9.3.4  margin　9.4  元素的定位方式　　9.4.1  float定位　　9.4.2  position定位　　9.4.3  z-index空间位置第10章  CSS+DIV布局方法　10.1  CSS布局理念　　10.1.1  将页面用Div分块　　10.1.2  设计各块的位置　　10.1.3  用CSS定位　10.2  常见的布局类型　　10.2.1  一列固定宽度　　10.2.2  一列自适应　　10.2.3  两列固定宽度　　10.2.4  两列宽度自适应　　10.2.5  两列右列宽度自适应　　10.2.6  三列浮动中间宽度自适应　　10.2.7  三行二列居中高度自适应布局　10.3  CSS布局与传统的表格方式布局分析　10.4  使用CSS布局模板第11章  CSS与JavaScript的综合应用　11.1  JavaScript简介　　11.1.1  什么是JavaScript　　11.1.2  JavaScript特点　11.2  JavaScript的基本语法　　11.2.1  常量和变量　　11.2.2  表达式和运算符　　11.2.3  基本语句　　11.2.4  函数　11.3  JavaScript事件　11.4  JavaScript内部对象　　11.4.1  navigator对象　　11.4.2  document对象　　11.4.3  Windows对象　　11.4.4  location对象　　11.4.5  history对象　11.5  实战演练　　11.5.1  随鼠标移动的图像　　11.5.2  制作图片循环隐现效果　　11.5.3  制作幻灯片效果　　11.5.4  制作灯光效果　　11.5.5  任意选择网页中内容的文字颜色、背景颜色、字号第12章  设计布局富有个性的个人网站　12.1  个人网站设计概述　12.2  个人网站色彩搭配和结构设计　12.3  网站前期策划　　12.3.1  确定网站主题　　12.3.2  确定目录结构　　12.3.3  网站蓝图的规划　12.4  制作网站主页　　12.4.1  导入外部CSS　　12.4.2  制作顶部文件　　12.4.3  制作个人简介　　12.4.4  制作个人相册　　12.4.5  制作最新动态　　12.4.6  制作底部文件第13章  公司宣传网站的布局　13.1  企业网站设计概述　13.2  分析架构　　13.2.1  设计分析　　13.2.2  排版构架　13.3  各模块设计　　13.3.1  布局设计　　13.3.2  页面的通用规则　　13.3.3  制作#header对象部分　　13.3.4  制作导航#nav对象部分　　13.3.5  公司介绍和图片展示部分　　13.3.6  制作我们的服务部分　　13.3.7  制作#aside对象部分　　13.3.8  制作底部版权信息部分第14章  购物网站布局　14.1  购物网站设计概述　　14.1.1  购物网站分析　　14.1.2  排版构架　14.2  各部分设计　　14.2.1  导入外部CSS　　14.2.2  制作头部文件　　14.2.3  设计新品上架区　　14.2.4  设计热门商品区　　14.2.5  设计会员登录区　　14.2.6  设计商品分类区　　14.2.7  设计新品排行区　　14.2.8  插入底部文件第15章  留学网站的布局　15.1  分析架构　　15.1.1  设计分析　　15.1.2  排版构架　15.2  各模块设计　　15.2.1  页面的通用规则　　15.2.2  顶部logo、banner部分　　15.2.3  制作导航菜单部分　　15.2.4  制作xinyi_content1部分　　15.2.5  制作xinyi_bigad部分　　15.2.6  制作xinyi_content2部分　　15.2.7  制作xinyi_content3部分　　15.2.8  制作xinyi_bigad2部分　　15.2.9  制作xinyi_content4部分　　15.2.10  友情链接xinyi_link部分　　15.2.11  版权xinyi_copyright部分附录A  CSS属性一览表附录B  216种网页安全颜色附录C  RGB网页配色表附录D  HTML常用标签

章节摘录

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

编辑推荐

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

用户评论 (总计2条)

•   值得一读,不错,起码不用记很多的代码
•   感觉写的一般，有点平淡