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开发动态页面和静态页面的联系5

1.2开发网页的工具7

1.2.1 HTML页面的开发工具7

1.2.2动态页面的开发工具8

1.3使用网页浏览器9

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

1.3.2常用的两种浏览器10

1.4 HTML、XML和XHTML语言11

1.4.1超文本标记语言HTML11

1.4.2可扩展标识语言XML12

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

1.5编写一个简单的页面13

1.6小结14

1.7本章习题14

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

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

2.2初识HTML18

2.2.1 HTML语法18

2.2.2 HTML文档的结构19

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

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

2.3.2踏出制作页面的第一步——开始标签〈html〉22

2.3.3页面的“脑袋”——头标签和头标签的对象22

2.3.4给页面起名字——标题标签〈title〉25

2.3.5页面的“身体”——主体标签〈body〉26

2.3.6美化HTML文档27

2.4案例：制作第一个页面27

2.5小结29

2.6本章习题29

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

3.1新旧方法对比31

3.2文本的排版格式33

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有序列表44

3.4.3定义列表45

3.4.4列表嵌套46

3.5制作一则通知48

3.6小结50

3.7本章习题50

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

4.1图像的基础知识52

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

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

4.1.3奇妙的矢量图54

4.1.4图像的分辨率55

4.1.5认识一些网页中常用的BANNER尺寸55

4.2用图像编织美丽的页面56

4.2.1理解图像路径56

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

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

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

4.3让图像变得更美观61

4.3.1修改图像的宽度和高度61

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

4.3.3独树一帜的水平线63

4.4改变页面的背景64

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

4.6小结67

4.7本章习题67

第5章 让网页变得更绚丽69

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

5.2让页面绚丽多彩70

5.2.1改变页面背景颜色70

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

5.3不寻常的图像应用72

5.3.1会动的GIF图像72

5.3.2图像的透明通道73

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

5.4案例：修饰普通页面77

5.5小结78

5.6本章习题78

第6章 页面链接81

6.1何为页面链接81

6.1.1初识页面链接82

6.1.2理解链接地址83

6.2链接的基本知识84

6.2.1基本的文本链接84

6.2.2基本的图像链接85

6.2.3邮箱地址链接86

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

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

6.3.1美观链接的状态90

6.3.2特殊的链接方式92

6.3.3热点图像区域的链接93

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

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

6.6小结99

6.7本章习题99

第2篇 页面制作提高篇104

第7章 CSS规则104

7.1如何学习CSS104

7.2 CSS基本的规则写法107

7.2.1基本的样式表的写法107

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

7.2.3创建选择器109

7.2.4应用CSS样式表113

7.3用CSS来修饰页面文本115

7.3.1修饰页面文本字体115

7.3.2文本的字号116

7.3.3文本段落行高117

7.3.4禁止文本自动换行119

7.4给页面对象添加颜色120

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

7.6小结123

7.7本章习题124

第8章 表格126

8.1理解页面中的表格126

8.2普通表格的应用126

8.2.1制作普通表格127

8.2.2表格的基本属性128

8.2.3合并单元格130

8.2.4表格标题132

8.2.5拆分表格132

8.2.6设置表格的列133

8.3修饰单元格135

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

8.3.2合并相邻单元格137

8.4编辑单元格中的内容138

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

8.4.2修饰单元格中的内容139

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

8.6小结143

8.7本章习题144

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

9.1创建窗口框架页面146

9.1.1创建窗口框架的〈frameset〉和〈frame〉标签147

9.1.2横向分割窗口147

9.1.3纵向分割窗口148

9.1.4框架的嵌套149

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

9.2修饰框架的细节151

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

9.2.2固定框架的位置152

9.2.3框架中设置滚动条152

9.3修改框架边框的样式153

9.3.1判定边框是否显示153

9.3.2改变边框的表现效果154

9.3.3边框的边距155

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

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

9.4.2框架内的锚点链接159

9.5灵活的〈iframe〉框架160

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

9.7小结163

9.8本章习题164

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

10.1理解块级的意义166

10.2页面中的层167

10.2.1行〈span〉和层〈div〉168

10.2.2层的基本定位168

10.2.3层的叠加170

10.3框模型171

10.3.1理解框模型171

10.3.2空距padding属性173

10.3.3边框border的扩展属性175

10.3.4边距（margin）176

10.3.5框模型的溢出177

10.4定制层的display属性178

10.5 CSS Hack180

10.6案例：简单的CSS+DIV182

10.7小结184

10.8本章习题184

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

11.1页面中的定位187

11.1.1静态定位187

11.1.2相对位置188

11.1.3绝对定位189

11.1.4固定定位190

11.2浮动层190

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

11.3.1图像替换技术193

11.3.2 CSS 3.0的新发展195

11.3.3实现圆角框模型195

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

11.5小结202

11.6本章习题202

第3篇 动感页面篇206

第12章 神奇的表单206

12.1表单的工作原理208

12.1.1 〈script〉标签208

12.1.2创建表单208

12.1.3表单域210

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

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

12.2.2 text文本框的样式表单211

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

12.2.4 checkbox复选框的样式表单213

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

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

12.2.7 hidden隐藏域的样式表单216

12.2.8 image样式的表单217

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

12.3 textarea对象的表单218

12.4 select对象的表单219

12.5表单域集合222

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

12.7小结227

12.8本章习题227

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

13.1什么是脚本语言230

13.1.1初识VBScript230

13.1.2学习JavaScript的起步231

13.2 JavaScript和Java的区别233

13.3 JavaScript的基本语法233

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

13.3.2 JavaScript语法的特殊规则235

13.4 JavaScript的数据类型235

13.4.1常量236

13.4.2变量236

13.4.3数据类型转换237

13.4.4运算符238

13.4.5表达式239

13.5流程控制240

13.5.1顺序结构240

13.5.2选择结构241

13.5.3循环结构243

13.6了解函数245

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

13.8小结250

13.9本章习题250

第14章 JavaScript入门253

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

14.1.1 JavaScript对象概述253

14.1.2 DOM介绍255

14.2 JavaScript中的数组256

14.2.1定义和操作数组256

14.2.2多维数组259

14.3内部对象259

14.3.1 Math对象260

14.3.2 Date对象260

14.3.3 String对象260

14.4 window对象261

14.4.1 window对象属性261

14.4.2 window对象方法264

14.4.3 window对象事件267

14.5 document对象269

14.5.1 document对象属性269

14.5.2 document对象方法269

14.5.3 document对象事件270

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

14.7小结275

14.8本章习题276

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

15.1可视化编辑页面工具——Dreamweaver278

15.1.1了解Dreamweaver CS6的界面278

15.1.2 Dreamweaver的菜单280

15.2神奇的“美工笔”——Photoshop280

15.2.1了解Photoshop的界面280

15.2.2 Photoshop的使用技巧281

15.3网页中的动画——Flash283

15.3.1认识Flash文件283

15.3.2在页面中放入Flash文件283

15.3.3制作Flash的软件286

15.3.4 Flash 8的菜单287

15.3.5 Flash 8的主要功能287

15.3.6 Flash的常用交互技巧287

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

15.5小结291

15.6本章习题291

第4篇 页面实战篇294

第16章 综合案例1：制作主流网站界面294

16.1构思基础的布局294

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

16.3完善网站的子模块297

16.3.1网站的导航栏297

16.3.2页面的侧栏298

16.4最终页面300

16.5小结301

第17章 综合案例2：设计复杂页面302

17.1页面的框架布局302

17.1.1定位页面的内容302

17.1.2页面初级布局的代码303

17.2细化页面的局部304

17.2.1 intro部分304

17.2.2页面的左侧部分306

17.2.3页面的右侧栏主体部分和页脚309

17.3小结312

第18章 综合案例3：制作英文网站313

18.1分析效果图313

18.2切图314

18.2.1制作首页的切图315

18.2.2二级页面的切图316

18.3制作站点首页头部317

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

18.3.2首页头部的分析318

18.3.3首页头部结构的制作318

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

18.4制作首页的主体部分321

18.4.1分析主体部分效果图321

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

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

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

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

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

18.4.7制作主体右侧部分的样式332

18.5制作首页的底部334

18.6二级页面的制作336

18.6.1分析二级页面的效果图336

18.6.2制作二级页面中间内容部分的结构336

18.6.3制作二级页面中间内容部分的样式337

18.6.4制作二级页面右侧部分的结构339

18.6.5制作二级页面右侧部分的样式340

18.8小结341

第19章 综合案例4：使用Dreamweaver制作中文网站342

19.1分析效果图342

19.2制作首页的切图343

19.3制作站点首页头部345

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

19.3.2首页头部的分析348

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

19.3.4导航列表的制作351

19.4制作首页的主体部分354

19.4.1分析主体部分效果图354

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

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

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

19.4.5制作“今日新闻”部分362

19.4.6制作“证券点拨”和“证券时评”部分364

19.4.7制作“合作伙伴”部分366

19.5制作首页的底部368

19.6二级页面的制作369

19.7小结371

附录1 HTML 4.0快速参考372

附录2 CSS中支持的颜色名称387