DIV+CSS网站布局实录

章节摘录

　　第1章　网页和网站的基础知识　　1.2　如何设计网页　　1.2.1　网页设计的基本原则　　建立网站的目的是为了给浏览者提供所需要的信息，这样浏览者才会愿意光顾，网站才有真实的意义，以下是网页设计的几条基本原则。　　?明确主题：一个优秀的网站要有一个明确的主题，整个网站设计要围绕这个主题进行制作。也就是说在网页设计之前要明确建站目的，所有页面都是围绕着这个内容来制作。　　?首页很重要：首页设计的如何是整个网站成功与否的关键，是反映整个网站给人的整体感觉。能否吸引访问者，全在于首页的设计效果。首页的内容要条理清晰，人性化地设计类别选项，让访问者可以快速地找到自己想要找的内容。　　?分类：网站内容的分类也十分的重要，可以按主题、性质、组织结构，或者按人们的思考方式分类，等等。不论是哪一种分类方法，都要让访问者很容易地找到。目标。　　?互动性：互联网的另一个特色就是互动性了。好的网站首页必须与访问者有良好的互动关系，包括整个设计的呈现、使用界面的引导等，都应掌握互动的原财，让访问者感觉他的每一步都确实得到恰当的回应。’　　?图像应用技巧：图像是网站中的特色之一，它具有醒目、吸引人的特点以及传达信息的功能。好的图像应用可给网页增色，不恰当的图像应用则会适得其反。运用图像时一定要注意图像下载时间的问题。在图像运用上尽可能采用一般浏览器均支持的压缩格式，如果需要放置大型图像的文件，最好将图像文件与网页分隔开，在页面中先显示一个具备链接的缩小图像或者是说明文字，然后加上该图像的大小说明，这样不但可加快网页的传输速度，而且还可以让浏览者自己判断是否要继续打开放大后的图片。

前言

　　随着Web标准在国内的逐渐普及以及业内人士的大力推行，Web标准越来越受到网页设计人员重视，很多网站开始重构，以使网站中的网页能够符合Web标准。　　DIV+CSS作为一种网页的布局方法有别于传统的表格（table）布局，它能够真正做到W3C提出的内容与表现相分离的Web标准，使站点的访问及维护更加容易。所以DIV+CSS的学习成为了网页设计人员的必修课。　　本书从基础开始介绍CSS布局所涉及的XHTML与css的基本知识，使读者更加深入全面地了解XHTML和CSS的相关信息。希望能够通过本书的内容，帮助读者改变传统的网站设计思维，进入基于Web标准的网页设计领域。　　本书的特点与内容安排　　本书全面展现了运用DIV+Css进行网页设计布局的方法，详细的讲解步骤配合图示，使得每个步骤清晰易懂、一目了然。书中不但应用大量实例对重点难点进行深入的剖析，而且还结合作者长期的网页设计与教学经验进行点拨，使读者学以致用。　　本书共包括12章，每章的主要内容如下：　　第1章“网页和网站的基础知识”，介绍了网页的基本类型、基本构成元素以及网页设计的基本要求和网站整体的制作流程。　　第2章“使用Web标准设计和制作”介绍了Web标准及其的优势、建立网站标准的必要性、运用网站标准的优缺点、理解Web标准及Web标谁的误区。　　第3章“HTML、XHTML和XML基础”，介绍了HTML、XHTML、XML的基础用法以及为什么要使用XHTML语言编辑页面，并将HTML与XML进行了比较。　　第4章“CSS样式入门”，介绍了如何在HTML内插入样式表，还介绍了CSS样式规则、内联样式、内部样式表、外部样式表、CSS文档结构、CSS样式定义单位和值及CSS样式定义属性等概念。　　第5章“CSS布局入门”，介绍了Div的概念及其应用、可视化模型、基本定位机制的使用、CSS布局方式、居中的布局设计和浮动的布局设计，并通过实例对本章的知识点加以巩固。　　第6章“设置页面图片”，介绍了如何使用CSS样式实现图片的边框效果，还介绍了图片的定位、图片的缩放操作及图片的对齐方式，并通过实例对本章的知识点加以巩固。　　第7章“设置页面背景图像”，介绍了控制页面背景颜色、设置背景图像、背景图像定位、控制背景图像滚动、用背景颜色为页面分块和添加多个背景图像的方法，并通过实例对本章的知识点加以巩固。　　第8章“CSS文本内容排版”，介绍了使用DIV+CSS对页面中的内容进行排版的方法，包括文字排版、图文混排等，并通过实例对本章的知识点加以巩固。　　第9章“设置页面超链接样式”，介绍了如何使用CSS样式对文字链接进行控制，如何使用CSS样式实现按钮式超链接以及其他的一些基本链接方式，并通过实例对本章的知识点加以巩固。

书籍目录

第1章  网页和网站的基础知识  1.1  认识网页    1.1.1  网页和网站    1.1.2  网页的类型    1.1.3  静态网页与动态网页    1.1.4  网页的基本构成元素  1.2  如何设计网页    1.2.1  网页设计的基本原则    1.2.2  网页设计成功要素    1.2.3  网页的设计风格及色彩搭配    1.2.4  网页设计的实现  1.3  网站整体制作流程    1.3.1  前期策划    1.3.2  页面细化及实施    1.3.3  后期维护  1.4  本章小结第2章  使用Web标准设计和制作  2.1  表格布局    2.1.1  表格布局的特点    2.1.2  混乱的逻辑结构和冗余的嵌套表格  2.2  了解Web标准    2.2.1  什么是Web标准    2.2.2  什么是W3C    2.2.3  W3C发布的标准    2.2.4  什么是Ecma国际    2.2.5  Web标准的优势  2.3  网站设计的标准时代    2.3.1  为什么要建立网站标准    2.3.2  遵循标准的网站与传统网站的区别    2.3.3  采用网站标准的优点与缺点  2.4  Web标准三剑客    2.4.1  什么是内容、结构、表现和行为    2.4.2  Div与CSS结合的优势    2.4.3  如何改善现有网站  2.5  关于Web标准的思考与争论    2.5.l  关于Web标准的优势    2.5.2  关于布局    2.5.3  关于浏览器兼容  2.6  关于Web标准的误区    2.6.1  抛弃表格布局的思维方式    2.6.2  正确使用XHTML标签    2.6.3  善于利用CSS    2.6.4  “通过验证”并不是最终目的  2.7  本章小结第3章  HTML、XHTML和XML基础  3.1  HTML的基础用法    3.1.1  HTML文件的基本结构    3.1.2  HTML的主要功能    3.1.3  HTML的基本语法    3.1.4  常用的HTML标签    3.1.5  段落和文字标签    3.1.6  超链接标签    3.1.7  图像标签  3.2  转换到XHTML    3.2.1  升级到XHTML的好处    3.2.2  XHTML的页面结构    3.2.3  xHTML代码规范    3.2.4  选择文档类型    3.2.5  XHTML和HTML的比较    3.2.4  名字空间  3.3  XML的概述    3.3.1  XML的概念    3.3.2  HTML与XML的比较    3.3.3  为什么要使用XML    3.3.4  什么是“形式良好的”XML文件    3.3.5  XML的结构    3.3.6  DTD的基本结构    3.3.7  定义元素及其后代    3.3.8  定义元素属性  3.4  本章小结第4章  CSS样式入门  4.1  CSS概述  4.2  CSS的基本用法    4.2.1  在HTML内插入样式表    4.2.2  CSS规则  4.3  CSS样式分类    4.3.1  内联样式    4.3.2  内部样式表    4.3.3  外部样式表  4.4  CSS文档结构    4.4.1  结构    4.4.2  继承    4.4.3  特殊性    4.4.4  层叠    4.4.5  重要性  4.5  单位和值    4.5.1  颜色值    4.5.2  定义字体    4.5.3  群选择器    4.5.4  派生选择器    4.5.5  id选择器    4.5.6  类别选择器    4.5.7  定义链接的样式表  4.6  属性    4.6.1  类型    4.6.2  背景    4.6.3  区块    4.6.4  方框    4.6.5  边框    4.6.6  列表    4.6.7  定位  4.7  本章小结第5章  CSS布局入门——个性类网站设计  5.1  定义Div    5.1.1  什么是Div    5.1.2  插入Div    5.1.3  Div的嵌套和固定格式  5.2  可视化模型    5.2.1  盒模型    5.2.2  视觉可视化模型    5.2.3  相对定位    5.2.4  绝对定位    5.2.5  浮动定位    5.2.6  空白边叠加  5.3  CSS布局方式    5.3.1  居中的布局设计    5.3.2  浮动的布局设计    5.3.3  高度自适应  5.4  实例——设计制作个性类网站页面    5.4.1  设计分析    5.4.2  布局分析    5.4.3  制作流程    5.4.4  制作步骤    5.4.5  案例小结  5.5  举一反三  5.6  本章小结第6章  设置页面图片——企业网站设计  6.1  图片样式控制    6.1.1  图片边框    6.1.2  图片定位    6.1.3  图片缩放    6.1.4  图片对齐方式  6.2  实例——设计制作企业网站    6.2.1  设计分析    6.2.2  布局分析    6.2.3  制作流程    6.2.4  制作步骤    6.2.5  案例总结  6.3  举一反三  6.4  本章小结第7章  设置页面背景图像——儿童类网站设计  7.1  背景控制概述    7.1.1  背景控制原则    7.1.2  背景控制属性  7.2  背景颜色控制    7.2.1  控制页面背景颜色    7.2.2  用背景颜色为页面分块  7.3  背景图片控制    7.3.1  设置背景图像    7.3.2  背景图像的定位    7.3.3  背景图像的滚动    7.3.4  添加多个背景图像  7.4  实OQ——设计制作儿童教育类网站    7.4.1  设计分析    7.4.2  布局分析    7.4.3  制作流程    7.4.4  制作步骤    7.4.5  实例小结  7.5  举一反三  7.6  本章小结第8章  CSS文本内容排版——美容时尚网站设计  8.1  文本排版概述    8.1.1  文本排版原则    8.1.2  文本控制属性  8.2  CSS文本样式    8.2.1  字体    8.2.2  大小    8.2.3  粗细    8.2.4  样式    8.2.5  颜色    8.2.6  修饰    8.2.7  英文字母大小写  8.3  文本排版    8.3.1  通栏排版    8.3.2  分栏排版    8.3‘3  图文混排    8.3.4  不规则文本绕图  8.4  实例——设计制作美容类网站    8.4.1  设计分析    8.4.2  布局分析    8.4.3  制作流程    8.4.4  制作步骤    8.4.5  案例小结  8.5  举一反三  8.6  本章小结第9章  控制页面超链接样式——医疗保健网站设计  9.1  超链接概述    9.1.1  超链接样式控制原则    9.1.2  超链接控制属性  9.2  超链接样式    9.2.1  文字链接    9.2.2  按钮式链接  9.3  实例——设计制作医疗保健类网站    9.3.1  设计分析    9.3.2  布局分析    9.3.3  制作流程    9.3.4  制作步骤    9.3.5  案例总结  9.4  举一反三  9.5  本章小结第10章  设置页面表单样式——生活购物网站设计  10.1  表单设计概述    10.1.1  网页表单设计原则    10.1.2  表单应用分类  10.2  表单设计    10.2.1  标签的作用    10.2.2  文本框样式设计    10.2.3  下拉列表样式设计    10.2.4  复选框和单选按钮设计  10.3  实例——设计制作生活购物类网站    10.3.1  设计分析    10.3.2  布局分析    10.3.3  制作流程    10.3.4  制作步骤    10.3.5  案例小结  10.4  举一反三  10.5  本章小结第11章  设置页面列表样式——影视音乐网站设计  11.1  列表控制概述  11.2  列表样式控制    11.2.1  UL无序列表    11.2.2  OL有序列表    11.2.3  定义列表    11.2.4  更改列表项目样式  11.3  实例——设计制作影视音乐类网站    11.3.1  设计分析    11.3.2  布局分析    11.3.3  制作流程    11.3.4  制作步骤    11.3.5  案例总结  11.4  举一反三  11.5  本章小结第12章  CSS布局高级运用——休闲游戏网站设计  12.1  关于CSS选择符    12.1.1  CSS选择符    12.1.2  CSS选择符的命名  12.2  id与class    12.2.1  id是什么    12.2.2  什么情况下使用id    12.2.3  class是什么    12.2.4  什么情况下使用class  12.3  Div与Span对象  12.4  实例——设计制作休闲游戏网站    12.4.1  设计分析    12.4.2  布局分析    12.4.3  制作流程    12.4.4  制作步骤    12.4.5  案例小结  12.5  举一反三  12.6  本章小结第13章  CSS布局技巧  13.1  CSS代码优化    13.1.1  增加代码重用串    13.1.2  使用样式覆盖进行简化  13.2  CSS代码的简写    13.2.1  font样式简写    13.2.2  color样式简写    13.2.3  background样式简写    13.2.4  margin和padding样式简写    13.2.5  border样式简写    13.2.6  list样式简写  13.3  辅助图片一律用背景处理  13.4  常见的浏览器兼容问题  13.5  本章小结

编辑推荐

　　从零开始，详细介绍页面布局的语法规则　　打破传统布局思维方式，采用新的DlV+CSS方法布局　　8类商业网站的DlV+CSS布局与美化方案　　全面展示CSS应用于各类网页元素的方法与技巧　　以Web2．0标；住为制作规范．分步指导16个商业综合实例的页面布局　　以全新的视角诠释网站布局的理念！　　16个商业案例源文件和素材　　4个行业操作实例　　200分钟商业案例的视频教程　　8种常见网站的布局方式

作者简介

《DIV+CSS网站布局实录》介绍了Web标准以及目前流行的DIV+CSS布局的概念，提供多个实例以及大量的图片来讲解DIV+CSS布局制作页面的方法。《DIV+CSS网站布局实录》系统地介绍了CSS样式的基础理论和实际运用技术，并结合实例来讲解层叠样式表与层布局相结合制作网页的方法。在实例的制作过程中介绍CSS样式设计各方面知识的同时，还结合实际网页制作中可能遇到的问题提供解决问题的思路、方法和技巧，使初学者也可以轻松掌握DIv+CSS布局的方式，制作出精美的网页并搭建功能强大的网站。

全书力求以最简单的方法探讨Web标准进行网页设计的方方面面，帮助读者了解Web标准、CSS布局以及表现与内容分离的相关知识。希望通过《DIV+CSS网站布局实录》的学习，帮助读者改变传统的网站设计思维，进入基于Web标准的网页设计领域。《DIV+CSS网站布局实录》内容丰富、结构清晰，注重思维锻炼与实践应用，适合初、中级网页设计爱好者以及希望学习Web标准对原有网站进行重构的网页设计者。《DIV+CSS网站布局实录》配套光盘中还提供了书中部分实例的文件和相关视频教程，供读者学习和参考。

图书封面

---

 DIV+CSS网站布局实录下载

---