HTML+CSS网页设计指南PDF|Epub|txt|kindle电子书版本网盘下载

HTML+CSS网页设计指南PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1篇 页面制作入门篇2

第1章　了解网页2

1.1　什么是网页2

1.1.1　网页的概述2

1.1.2　静态网页3

1.1.3　动态网页4

1.1.4　开发动态页面和静态页面的联系6

1.2　开发网页的工具7

1.2.1　HTML页面的开发工具7

1.2.2　动态页面的开发工具9

1.3　使用网页浏览器10

1.3.1 网页浏览器的工作原理10

1.3.2　常用的两种浏览器11

1.4　HTML、XML和XHTML语言11

1.4.1　超文本标记语言HTML12

1.4.2　可扩展标识语言XML12

1.4.3　可扩展超文本标识语言XHTML13

1.5　编写一个简单的页面13

1.6　小结14

第2章　通过学习他人的网页了解HTML能做什么15

2.1　用记事本打开一个页面15

2.2 初识HTML17

2.2.1　HTML语法17

2.2.2　HTML文档的结构18

2.3　HTML文档基本结构标签的作用20

2.3.1　给页面一个声明——样本代码20

2.3.2　踏出制作页面的第一步——开始标签＜html＞21

2.3.3　页面的脑袋——头标签和头标签的对象21

2.3.4　给页面起名字——标题标签＜title＞24

2.3.5　页面的身体——体标签＜body＞25

2.3.6　美化HTML文档26

2.4　案例：我们的第一个页面27

2.5 小结28

第3章　动手在网页中写些什么30

3.1　新旧方法对比30

3.2　文本的排版格式32

3.2.1　写一行换一行33

3.2.2　在页面文本中空格34

3.2.3　文本的段落要对齐36

3.3　文本的属性样式38

3.3.1　不一样的文本字体大小39

3.3.2　奇妙的特殊符号41

3.3.3　给文本加标注42

3.4　整齐的文本列表43

3.4.1　无序列表43

3.4.2　有序列表45

3.4.3　定义列表45

3.4.4　列表嵌套46

3.5　制作一则通知49

3.6　小结50

第4章　将图像放入页面中51

4.1 图像的基础知识51

4.1.1　最常用的图像——位图52

4.1.2　在页面中常用的位图格式52

4.1.3　奇妙的矢量图53

4.1.4　图像的分辨率54

4.1.5　认识一些网页中常用的banner尺寸54

4.2　用图像来编织美丽的页面55

4.2.1　理解图像路径55

4.2.2　像编辑文本对齐一样在页面中对齐图片56

4.2.3 图像与文本的对齐方式57

4.2.4　控制图像与文本的距离58

4.3　让图像变得更美观60

4.3.1　使用画图工具修改图像60

4.3.2　不一样的改变——给图像添加边框61

4.3.3　独树一帜的水平线62

4.4　改变页面的背景63

4.5　案例：把宠物的照片放到网页上去64

4.6　小结65

第5章　让网页变得更绚丽一些66

5.1 了解计算机语言下的颜色描述66

5.2　让页面绚丽多彩67

5.2.1　改变页面背景颜色67

5.2.2　改变页面文本字体颜色68

5.3 不寻常的图像应用69

5.3.1　会动的GIF图像69

5.3.2　图像的透明通道70

5.3.3　带有透明通道图像的应用72

5.4　案例：修饰普通页面74

5.5 小结75

第6章　网页链接76

6.1　网页链接概述76

6.1.1　初识页面链接77

6.1.2　理解链接地址78

6.2　链接的种种不同79

6.2.1　基本的文本链接79

6.2.2　基本的图像链接80

6.2.3　把邮箱留给需要联系你的人81

6.2.4　在同一页面中快速查找信息83

6.3　提高页面链接的友好度85

6.3.1　美观链接的状态85

6.3.2　奇妙特殊的链接方式87

6.3.3　热点图像区域的链接89

6.4　在新窗口中显示链接窗口91

6.5　案例：制作普通链接的主页92

6.6 小结94

第2篇　页面制作提高篇98

第7章　CSS规则98

7.1　如何学习CSS98

7.2　CSS基本的规则写法101

7.2.1　基本的样式表的写法101

7.2.2　使用类class和标志id链接样式表102

7.2.3　创建选择器103

7.2.4　应用CSS样式表107

7.3　用CSS来修饰页面文本110

7.3.1　修饰页面文本字体110

7.3.2　文本的字号111

7.3.3　文本段落行高112

7.3.4　禁止文本自动换行114

7.4　给页面对象添加颜色115

7.5　案例：使用CSS制作个人页面117

7.6 小结119

第8章　表格120

8.1　理解页面中的表格120

8.2　普通表格的应用121

8.2.1　制作普通表格121

8.2.2　表格的基本属性123

8.2.3　合并单元格125

8.2.4　表格标题127

8.2.5　拆分表格127

8.2.6　设置表格的列128

8.3　修饰单元格130

8.3.1　通过CSS修饰单元格的边框130

8.3.2　合并相邻单元格132

8.4　编辑单元格中的内容133

8.4.1　单元格中文本与单元格大小133

8.4.2　修饰单元格中的内容134

8.5　案例：制作球赛积分表135

8.6 小结139

第9章　创建框架结构的页面140

9.1　创建窗口框架页面140

9.1.1　创建窗口框架的＜frameset＞和＜frame＞标签141

9.1.2　横向分割窗口141

9.1.3　纵向分割窗口142

9.1.4　框架的嵌套143

9.1.5　将页面放入窗口框架中144

9.2　花点心思修饰框架的细节145

9.2.1 给无法处理框架的浏览器添加注释说明145

9.2.2　固定框架的位置146

9.2.3　框架中设置滚动条146

9.3　修改框架边框的样式148

9.3.1　判定边框是否显示148

9.3.2　改变边框的表现效果149

9.3.3　边框的边距150

9.4　框架集中页面之间的链接151

9.4.1　在指定的框架中打开链接151

9.4.2　框架内的锚点链接153

9.5　灵活的＜iframe＞框架155

9.6　案例：制定自己的链接主页156

9.7 小结159

第10章　当CSS样式表遇到层160

10.1　理解块级的意义160

10.2　页面中的层162

10.2.1　行＜span＞和层＜div＞162

10.2.2　层的基本定位163

10.2.3　层的叠加164

10.3　框模型166

10.3.1　理解框模型166

10.3.2　空距padding属性168

10.3.3　边框border的扩展属性170

10.3.4　边距171

10.3.5　框模型的溢出172

10.4　定制层的display属性173

10.5　CSS Hack175

10.6 案例：简单的CSS+DIV177

10.7 小结179

第11章　进一步讨论页面布局的方法181

11.1 页面中的定位181

11.1.1　静态定位181

11.1.2　相对定位183

11.1.3　绝对定位183

11.1.4　固定定位184

11.2　浮动层185

11.3　CSS的新奇技术以及未来发展186

11.3.1　图像替换技术187

11.3.2　CSS 3.0中的新发展189

11.3.3　Firefox浏览器中实现圆角框模型189

11.4　案例：有效地管理页面布局190

11.5 小结196

第3篇 动感页面篇198

第12章　神奇的表单198

12.1　表单的工作原理200

12.1.1　＜script＞标记200

12.1.2　创建表单201

12.1.3　表单域202

12.2　通过表单展示不一样的页面202

12.2.1　input对象下的多种表单表现形式203

12.2.2　text文本框的样式表单203

12.2.3　password输入密码的样式表单205

12.2.4　checkbox复选框的样式表单205

12.2.5　radio单选按钮的样式表单207

12.2.6　submit提交数据的样式表单207

12.2.7　hidden隐藏域的样式表单209

12.2.8　image样式表单209

12.2.9　file上传文件的样式表单210

12.3　textarea对象的表单211

12.4　select对象的表单212

12.5　表单域集合215

12.6　案例：制作一个精美的由表单构成的页面215

12.7　小结221

第13章　在网页中加入神奇的效果222

13.1　什么是脚本语言222

13.1.1　初识VBScript222

13.1.2　学习JavaSeript的起步223

13.2　JavaScript和Java的区别225

13.3　JavaScript的基本语法226

13.3.1　JavaScript中的标识符和保留关键字226

13.3.2　JavaScript语法的特殊规则227

13.4　JavaScript的数据类型228

13.4.1 常量228

13.4.2　变量228

13.4.3　数据类型转换229

13.4.4　运算符230

13.4.5　表达式231

13.5　流程控制232

13.5.1　顺序结构232

13.5.2　选择结构232

13.5.3　循环结构235

13.6 了解函数237

13.7　案例：一个使用基本语法的JavaScript例子239

13.8　小结242

第14章　JavaScript入门244

14.1 了解一下何为“对象”244

14.1.1　JavaScript对象概述244

14.1.2　DOM介绍246

14.2　JavaScript中的数组247

14.2.1 定义数组和操作数组247

14.2.2　多维数组250

14.3 内部对象250

14.3.1　Math对象251

14.3.2　Date对象251

14.3.3　String对象251

14.4　window对象252

14.4.1　window对象属性252

14.4.2　window对象方法255

14.4.3　事件258

14.5　document对象260

14.5.1　document对象属性261

14.5.2　document对象方法261

14.5.3　document对象事件261

14.6　案例：一个运用JavaScript实现的动态页面263

14.7　小结268

第15章　了解制作页面的工具269

15.1　可视化编辑页面工具：Dreamweaver269

15.1.1　了解Dreamweaver的界面269

15.1.2　Dreamweaver的菜单271

15.2　神奇的“美工笔”：Photoshop271

15.2.1　了解Photoshop的界面271

15.2.2　Photoshop的实用技巧272

15.3 网页中的动画：Flash274

15.3.1 认识Flash文件274

15.3.2　在页面中放入Flash文件275

15.3.3　制作Flash的软件277

15.3.4　Flash8的菜单278

15.3.5　Flash8的主要功能278

15.3.6　Flash的常用交互技巧279

15.4　案例：使用Dreamweaver制作页面280

15.5　小结281

第4篇 页面实战篇284

第16章　综合实例一：制作主流网站界面284

16.1　构思基础的布局284

16.2　设计基础模块的样式表285

16.3　完善网站的子模块287

16.3.1 网站的导航栏287

16.3.2　页面的侧栏289

16.4　最终页面291

16.5 小结291

第17章　综合实例二：设计复杂页面292

17.1　页面的框架布局292

17.1.1　定位页面的内容292

17.1.2　页面初级布局的代码293

17.2　细化页面的局部294

17.2.1　intro部分294

17.2.2　页面的左侧部分297

17.2.3　页面的右侧栏主体部分300

17.3 小结302

第18章　综合实例三：制作英文网站303

18.1　分析效果图303

18.2　切图304

18.2.1　制作首页的切图304

18.2.2　二级页面的切图305

18.3　制作站点首页头部306

18.3.1 首页头部的信息和基础样式的制作306

18.3.2　首页头部的分析307

18.3.3　首页头部结构的制作308

18.3.4　首页头部CSS代码的编写309

18.4　制作首页的主体部分311

18.4.1　分析主体部分效果图311

18.4.2　制作主体左侧部分的结构312

18.4.3　制作主体左侧部分的样式313

18.4.4　制作主体中间部分的结构316

18.4.5　制作主体中间部分的样式318

18.4.6　制作主体右侧部分的结构320

1 8.4.7　制作主体右侧部分的样式322

18.5　制作首页的底部324

18.6　首页的兼容问题325

18.7　二级页面的制作326

18.7.1　分析二级页面的效果图326

18.7.2　制作二级页面中间内容部分的结构327

18.7.3　制作二级页面中间内容部分的样式328

18.7.4　制作二级页面右侧部分的结构330

18.7.5　制作二级页面右侧部分的样式330

18.8　小结331

第19章　综合实例四：使用Dreamweaver制作中文网站332

19.1　分析效果图332

19.2　制作首页的切图333

19.3　制作站点首页头部334

19.3.1　首页头部的信息和基础样式的制作334

19.3.2　首页头部的分析337

19.3.3　首页头部logo和banner部分的制作337

19.3.4　导航列表的制作341

19.4　制作首页的主体部分344

19.4.1　分析主体部分效果图344

19.4.2　制作主体部分的父元素344

19.4.3　制作主体左侧部分的样式345

19.4.4　制作主体右侧内容中关于我们的部分349

19.4.5　制作今日新闻部分351

19.4.6　制作点拨和时评的部分353

19.4.7　制作合作伙伴部分356

19.5　制作首页的底部357

19.6　首页的兼容问题358

19.7　二级页面的制作359

19.8 小结361

附录A362

A.1　HTML 4.0快速参考362

A.1.1　通用属性362

A.1.2　HTML文档结构元素362

A.1.3 文本元素363

A.1.4　字体样式元素365

A.1.5　列表元素366

A.1.6　表格元素367

A.1.7　框架元素369

A.1.8　表单元素370

A.1.9　其他元素373

A.2　CSS中支持的颜色名称377

A.2.1　W3C规定的十六色377

A.2.2　网络安全色378

A.2.3　IE 4以上版本中的预命名颜色381