精通DIV+CSS网页样式与布局

书籍目录

目录

第1章开发网站，我们需要做些什么
1

1.1网站需要什么
1

1.1.1 需要HTML文件
1

1.1.2 需要DIV来“圈地”
2

1.1.3 需要CSS来定义样式
2

1.1.4 需要JavaScript
3

1.1.5 需要空间和域名
3

1.2通过Dreamweaver开发DIV+CSS程序
4

1.2.1 安装Dreamweaver
5

1.2.2 使用Dreamweaver
5

1.2.3 Dreamweaver的三种工作方式
6

1.2.4 通过Dreamweaver在HTML页面里开发DIV
7

1.2.5 通过Dreamweaver开发CSS程序
8

1.2.6    在DIV里引入CSS效果
9

1.3一个简单的网页需要包含什么
11

1.3.1 head部分
11

1.3.2 body部分
11

1.3.3 编写注释
12

1.4开发一个网站的总体流程
13

1.4.1 美工先用Photoshop给出效果
13

1.4.2 通过切图，得到素材
14

1.4.3 搭建DIV
14

1.4.4 搭建CSS和JS效果
15

1.4.5 测试网页
15

1.5网站的建设标准和布局方式
15

1.5.1 网站的建设标准
16

1.5.2 页面布局
16

1.6上机题
20

第2章HTML和XHTML
21

2.1HTML基础
21

2.1.1 HTML概述
21

2.1.2 HTML基础结构
22

2.2HTML标签
23

2.2.1 基本标签
23

2.2.2 格式标签
25

2.2.3 文本标签
27

2.2.4 超链标签
28

2.2.5 图像标签
29

2.2.6 表格标签
30

2.2.7 分区标签
32

2.3HTML 5简介
34

2.3.1     HTML 5的出现
34

2.3.2     使用HTML 5的必要性
35

2.3.3      HTML 5的新特性
36

2.4XHTML介绍
40

2.4.1 什么是XHTML
40

2.4.2 HTML转换成XHTML的方法
41

2.5实训——综合各种标签的网页
44

2.6上机题
47

第3章CSS基础知识介绍
49

3.1CSS入门
49

3.1.1     CSS的历史
50

3.1.2     CCS3简介
50

3.1.3     CCS3新增的功能
51

3.2CSS的基本语法
53

3.2.1     CSS选择器
53

3.2.2     选择器声明
56

3.2.3     CSS 3新增的选择器
58

3.2.4     CSS的继承
62

3.3CSS的4种引入方式
63

3.4CSS里的单位和值
64

3.4.1     颜色
64

3.4.2     CSS 3中新增的颜色
66

3.4.3     长度单位
69

3.4.4     通过URL引入外部资源
71

3.5实训   CSS基本语法的演练
73

3.6上机题
75

第4章通过CSS控制字体样式
79

4.1通过CSS控制文本样式
79

4.1.1 定义文字颜色
79

4.1.2 通过CSS设置字体
80

4.1.3 字体粗细与斜体
82

4.1.4 定义字体大小和行高
84

4.1.5 下划线、顶划线、删除线
85

4.2用CSS控制字间距和对齐方式
86

4.2.1 设置字间距
87

4.2.2 控制对齐方式
87

4.3通过CSS定义样式表
89

4.3.1 通过CSS定义无序列表的效果
89

4.3.2 通过CSS定义排序列表的样式
90

4.4CSS 3新增的文本属性
91

4.5实训——CSS字体样式综合演练
96

4.6上机题
99

第5章通过CSS定义链接样式
103

5.1针对链接的CSS基本概念
103

5.1.1 CSS伪类别
103

5.1.2 用伪类定义动态超链接
104

5.2定义丰富的超链特效
106

5.2.1 给链接添加提示文字
106

5.2.2 按钮式超链接
107

5.2.3 为超链添加背景图效果
108

5.3用CSS定义针对超链的鼠标特效
110

5.3.1 用CSS设计鼠标的箭头
110

5.3.2 定义鼠标的变幻效果
112

5.4实训——用CSS美化超链接
113

5.5上机题
118

第6章通过CSS定义图片样式
121

6.1CSS定义图片样式
121

6.1.1 定义图片边框
121

6.1.2 定义图片大小
123

6.1.3 通过CSS保证图片不变形
124

6.1.4 定义图片的对齐方式
126

6.2通过CSS设置文字和图片交互的效果
129

6.2.1 设置文字环绕的效果
129

6.2.2 浮动广告
131

6.3CSS 3新增的边框属性
132

6.4实训——用CSS设计图文并茂的效果
136

6.5通过CSS设置背景颜色
138

6.5.1 设置页面背景色
139

6.5.2 通过背景色给页面分块
140

6.6通过CSS处理背景图像样式
141

6.6.1 设置页面背景图样式
141

6.6.2 设置背景图重复的效果
141

6.6.3 定义背景图片的位置
142

6.6.4 固定背景图片
143

6.7CSS 3新增的背景属性
144

6.8实训——实现美食资讯网的菜单部分
148

6.9上机题
150

第7章通过CSS设置表格的样式
153

7.1表格基础
153

7.2用CSS设置表格的样式
154

7.2.1 设置表格的颜色
154

7.2.2 设置表格的边框样式
155

7.2.3 设置隔行变色的单元格样式
157

7.2.4 设置大小和对齐方式
158

7.3实训——用CSS搭建一个综合效果的表格
160

7.4上机题
163

第8章通过CSS定义表单样式
167

8.1认识表单元素
167

8.1.1 输入域标签
167

8.1.2 文本域标签<br />168<br />
8.1.3 选择域标签<select>和<option><br />169<br />
8.1.4 表单各元素在网页中的用法<br />169<br />
8.2通过CSS设置各元素的外观<br />170<br />
8.2.1 用CSS修饰表单元素的背景色<br />170<br />
8.2.2 用CSS改变表单元素的边框样式<br />173<br />
8.2.3 用CSS修改表单文字的样式<br />174<br />
8.3实训——CSS定义表单样式练习<br />177<br />
8.4上机题<br />181<br />
第9章CSS滤镜的应用<br />184<br />
9.1滤镜概述<br />184<br />
9.2通道（Alpha）<br />185<br />
9.3模糊（Blur）<br />186<br />
9.4运动模糊（MotionBlur）<br />187<br />
9.5透明色（Chroma）<br />189<br />
9.6翻转变换（Flip）<br />189<br />
9.7光晕（Glow）<br />190<br />
9.8灰度（Gray）<br />192<br />
9.9反色（Invert）<br />193<br />
9.10遮罩（Mask）<br />193<br />
9.11阴影（Shadow）<br />195<br />
9.12X射线（X-ray）<br />196<br />
9.13浮雕纹理（Emboss和Engrave）<br />197<br />
9.14波浪（Wave）<br />198<br />
9.15上机题<br />200<br />
第10章CSS定位与DIV布局<br />203<br />
10.1盒子模型<br />203<br />
10.1.1 盒子模型的概念<br />203<br />
10.1.2 CONTENT<br />204<br />
10.1.3 BORDER<br />204<br />
10.1.4 PADDING<br />207<br />
10.1.5 MARGIN<br />208<br />
10.2元素的定位<br />212<br />
10.2.1 定位方式<br />212<br />
10.2.2 CSS的定位原理<br />212<br />
10.2.3 利用float定位<br />218<br />
10.2.4 利用CSS堆元素定位<br />220<br />
10.3块元素和行内元素<br />221<br />
10.3.1 块元素<br />222<br />
10.3.2 行内元素<br />223<br />
10.4CSS 3新增的弹性盒模型<br />224<br />
10.5CSS 3新增的多列布局<br />234<br />
10.6实训——用CSS定位页面的布局<br />239<br />
10.7上机题<br />243<br />
第11章用JavaScript搭建动态效果<br />247<br />
11.1JavaScript概述<br />247<br />
11.1.1 JavaScript的基本语法<br />247<br />
11.1.2 JavaScript嵌入HTML文档<br />248<br />
11.2用JavaScript设置图片的效果<br />249<br />
11.2.1 实现相册效果<br />249<br />
11.2.2 实现图片滑动切换效果<br />253<br />
11.3针对菜单的效果<br />256<br />
11.3.1 用JavaScript实现页签效果<br />256<br />
11.3.2 用JavaScript实现下拉式菜单<br />258<br />
11.3.3 用JavaScript实现滑轮式菜单效果<br />260<br />
11.4针对文字的效果<br />262<br />
11.4.1 文字的打字效果<br />262<br />
11.4.2 带提示文字的JavaScript特效<br />264<br />
11.5上机题<br />266<br />
第12章DIV+CSS布局综述<br />269<br />
12.1布局方式<br />269<br />
12.1.1 用DIV将页面分块<br />269<br />
12.1.2 设计各块的位置<br />270<br />
12.1.3 用CSS将分布的DIV定位<br />270<br />
12.2CSS排版样式<br />272<br />
12.2.1 设计上中下版式的样式<br />272<br />
12.2.2 设计固定宽度且居中的样式<br />274<br />
12.2.3 设计左中右版式的样式<br />277<br />
12.2.4 设计块的背景色及背景图片<br />280<br />
12.2.5 内容分类显示版式<br />281<br />
12.3实训——构建一个上下结构的页面<br />284<br />
12.4实训——构建一个左中右结构的页面<br />288<br />
12.5上机题<br />291<br />
第13章CSS、XML和Ajax综合使用方式<br />297<br />
13.1XML基础<br />297<br />
13.1.1 XML的特点<br />297<br />
13.1.2 XML的结构和基本语法<br />298<br />
13.2XML与CSS的综合应用<br />300<br />
13.2.1 在XML里链接CSS文件<br />301<br />
13.2.2 通过XML和CSS，搭建具有图文并茂效果的案例<br />302<br />
13.3Ajax与CSS的综合应用<br />304<br />
13.3.1 Ajax概述<br />304<br />
13.3.2 Ajax与CSS的综合应用<br />304<br />
13.4实训——XML与CSS结合的练习<br />309<br />
13.5实训——Ajax与CSS结合的练习<br />313<br />
13.6上机题<br />316<br />
第14章解决CSS开发中的常见问题<br />319<br />
14.1解决浏览器不兼容的问题<br />319<br />
14.1.1 解决字体大小不兼容的问题<br />319<br />
14.1.2 解决DIV里的float悬浮问题<br />321<br />
14.1.3 容器高度的限定问题<br />323<br />
14.2解决HTML和CSS的中文编码问题<br />325<br />
14.2.1 CSS与HTML页面的默认编码问题<br />325<br />
14.2.2 CSS中文注释“标”的问题<br />327<br />
第15章娱乐门户网站<br />330<br />
15.1网站页面效果分析 <br />330<br />
15.1.1 首页效果分析<br />330<br />
15.1.2 “店铺”页面的效果分析<br />332<br />
15.1.3 网站文件综述<br />333<br />
15.2规划首页的布局<br />333<br />
15.2.1 搭建首页页头部分的DIV<br />333<br />
15.2.2 搭建“第一列”部分的DIV<br />335<br />
15.2.3 搭建“标签导航”部分的DIV <br />336<br />
15.2.4 搭建“新进店铺”部分的DIV<br />337<br />
15.2.5 搭建“最新资讯”部分的DIV<br />338<br />
15.2.6 搭建“第三列”部分的DIV<br />339<br />
15.2.7 搭建页脚部分的DIV<br />339<br />
15.2.8 首页CSS效果分析<br />340<br />
15.3店铺页面<br />341<br />
15.3.1 商铺资料部分的DIV<br />341<br />
15.3.2 商铺推荐部分的DIV<br />342<br />
第16章旅游酒店网站<br />345<br />
16.1网站页面效果分析 <br />345<br />
16.1.1 首页效果分析<br />345<br />
16.1.2 “酒店推荐”页面的效果分析<br />346<br />
16.1.3 网站文件综述<br />347<br />
16.2规划首页的布局<br />347<br />
16.2.1 搭建首页页头部分的DIV<br />348<br />
16.2.2 搭建“推荐景点”部分的DIV<br />348<br />
16.2.3 搭建“最新新闻”部分的DIV<br />349<br />
16.2.4 搭建“游玩指南”部分的DIV<br />350<br />
16.2.5 搭建“在线订票”部分的DIV<br />351<br />
16.2.6 搭建“热门旅游专题”部分的DIV<br />352<br />
16.2.7 搭建页脚部分的DIV<br />352<br />
16.2.8 首页CSS效果分析<br />354<br />
16.3酒店推荐页面<br />354<br />
16.3.1 酒店推荐列表部分的DIV<br />354<br />
16.3.2 推荐酒店列表部分的DIV<br />356<br />
第17章设计公司网站<br />359<br />
17.1网站页面效果分析 <br />359<br />
17.1.1 首页效果分析<br />359<br />
17.1.2 “设计理念”页面的效果分析<br />361<br />
17.1.3 网站文件综述<br />361<br />
17.2规划首页的布局<br />362<br />
17.2.1 搭建首页页头部分的DIV<br />362<br />
17.2.2 搭建“网站广告”部分的DIV<br />363<br />
17.2.3 搭建“公司介绍”部分的DIV <br />364<br />
17.2.4 搭建“设计服务”部分的DIV<br />364<br />
17.2.5 搭建“预约登记”部分的DIV<br />366<br />
17.2.6 搭建“页脚部分”的DIV<br />368<br />
17.2.7 首页CSS效果分析<br />368<br />
17.3设计理念页面<br />369<br />
17.3.1 设计理念介绍的DIV<br />369<br />
17.3.2 业务分类部分的DIV<br />371<br />
第18章新闻网站<br />373<br />
18.1网站页面效果分析 <br />373<br />
18.1.1 首页效果分析<br />373<br />
18.1.2 “新闻内容”页面的效果分析<br />374<br />
18.1.3 网站文件综述<br />375<br />
18.2规划首页的布局<br />376<br />
18.2.1 搭建首页页头部分的DIV<br />376<br />
18.2.2 搭建“深度新闻”部分的DIV<br />377<br />
18.2.3 搭建“会议活动”部分的DIV <br />378<br />
18.2.4 搭建“大图新闻”部分的DIV<br />378<br />
18.2.5 搭建“新闻报道”部分的DIV<br />379<br />
18.2.6 搭建“名人博客”部分的DIV<br />380<br />
18.2.7 搭建页脚部分的DIV<br />380<br />
18.2.8 首页CSS效果分析<br />381<br />
18.3新闻内容页面<br />382<br />
18.3.1 分类列表部分的DIV<br />382<br />
18.3.2 新闻文章部分的DIV<br />384<br />
附录  网站模板<br />387</pre></p>
<p class="calculate"><b>作者简介</b></p>
<p class="calculate"><pre class="exuberance">随着Web 2.0大潮的席卷而来，传统的表格布局模式逐渐被DIV+CSS的设计模式所取代，使用DIV搭建框架，<br />
使用CSS定制、改善网页的显示效果已经成为一个网页设计的标准化模式，对于网页设计人员来说，DIV+CSS已<br />
经成为他们必须掌握的技术。<br />
全书一共18个章节，其中，通过了前面的14个章节，由浅入深，全面介绍了DIV+CSS基本语法和概念，内容包<br />
括开发网站的基础知识，HTML和XHTML的相关技术，CSS的基本语法，CSS定义字体、链接、图片、表格、表单<br />
等样式，CSS滤镜的使用，CSS定位与DIV布局，JavaScript、XML、Ajax与CSS的结合使用，以及CSS开发中常见问<br />
题的解决方法，书中还穿插介绍了CSS 3和HTML 5的相关知识，力求使读者了解最新的网页设计制作技术。在最后<br />
的4个章节里，给出了“娱乐门户网”、“设计公司网站”、“旅游酒店网站”和“新闻网站”这4个案例。<br />
本书采用了“语法讲述+案例分析+实训案例+上机题”的讲述方式，读者通过学习，不仅能掌握一些实用的<br />
CSS+DIV的知识，还能学到JavaScript和Ajax等的扩展知识。<br />
本书适合从事网页开发设计（尤其是美工）的人员阅读，此外，从事Web开发的程序员也能从本书里得到启<br />
示。本书也能够作为高等院校相关专业的参考用书，特别地，本书的诸多案例更能帮助阅读者轻易地完成课程设<br />
计等工作。</pre></p>

<hr />
<table border="0" width="650" style="border-collapse: collapse">
	<tr>
		<td></td>
	</tr>
</table>

<p align="right">
 <a target="_blank" href="/download/65081391628525075316.html" alt="精通DIV+CSS网页样式与布局PDF格式下载" title="精通DIV+CSS网页样式与布局PDF格式下载">精通DIV+CSS网页样式与布局下载</a></p>
<hr />
<br />
<table border="0" width="650" style="border-collapse: collapse">
	<tr>
		<td></td>
		<td width="310"></script></td>
	</tr>
</table>

</div>
</div>

<div class="devotional" id="adoringly">			
<div class="antediluvian"><h3>发布书评</h3></div>
<div class="glimmering">

<table border="0" width="630" style="border-collapse: collapse">
	<tr>
		<td width="47">　</td>
		<td height="100"><textarea rows="5" name="user_comment_content" id="user_comment_content" cols="79">
	
	
		　
		
	







精彩短评 (总计1条)

    错误百出