DIV+CSS布局与样式之网站设计精粹PDF|Epub|txt|kindle电子书版本网盘下载

DIV+CSS布局与样式之网站设计精粹PDF格式电子书版下载

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

第1章 网站制作前需知1

1.1 网站开发流程1

1.2 分析网页效果图2

1.2.1 划分模块2

1.2.2 CSS模块化3

1.2.3 class使用技巧4

1.2.4 如何“切图”5

1.3 与产品经理、设计师、后端工程师进行有效沟通5

1.4 XHTML CSS基础知识6

1.4.1 XHTML文件的构成6

1.4.2 CSS文件的构成7

1.4.3 标签语义化8

1.4.4 CSS命名规范9

1.4.5 CSS样式重置10

1.4.6 CSS Sprites技术11

1.4.7 页面质量评估标准13

1.4.8 代码注释的重要性15

1.4.9 CSS Hack16

第2章 企业网站19

2.1 页面效果图分析19

2.1.1 头部和页脚分析20

2.1.2 首页主体内容分析21

2.1.3 内页主体内容分析21

2.2 布局规划及切图22

2.2.1 页面布局规划22

2.2.2 切割首页及导出图片22

2.2.3 切割内页及导出图片23

2.3 XHTML编写24

2.3.1 页面XHTML框架搭建24

2.3.2 页面头部和页脚的XHTML编写24

2.3.3 页面公共部分的XHTML编写26

2.3.4 首页主体内容的XHTML编写27

2.3.5 内页主体内容的XHTML编写28

2.3.6 首页XHTML代码总览29

2.3.7 内页XHTML代码总览30

2.4 CSS编写32

2.4.1 页面公共部分的CSS编写32

2.4.2 页面框架的CSS编写33

2.4.3 页面头部和页脚的CSS编写34

2.4.4 首页主体内容的CSS编写36

2.4.5 内页主体内容的CSS编写37

2.4.6 网站CSS代码总览38

2.5 制作中需要注意的问题39

第3章 个人网站42

3.1 页面效果图分析42

3.1.1 头部分析43

3.1.2 首页主体内容分析44

3.1.3 内页主体内容分析44

3.2 布局规划及切图45

3.2.1 页面布局规划46

3.2.2 切割首页及导出图片46

3.2.3 切割内页及导出图片46

3.3 XHTML编写47

3.3.1 页面XHTML框架搭建47

3.3.2 页面头部的XHTML编写48

3.3.3 页面公共部分的XHTML编写48

3.3.4 首页主体内容的XHTML编写49

3.3.5 内页主体内容的XHTML编写51

3.3.6 首页XHTML代码总览52

3.3.7 内页XHTML代码总览54

3.4 CSS编写55

3.4.1 页面公共部分的CSS编写55

3.4.2 页面框架的CSS编写56

3.4.3 页面头部的CSS编写57

3.4.4 首页主体内容的CSS编写58

3.4.5 内页主体内容的CSS编写59

3.4.6 网站CSS代码总览61

3.5 制作中需要注意的问题62

3.5.1 块级元素和行内元素62

3.5.2 CSS文档流62

第4章 产品展示网站64

4.1 页面效果图分析64

4.1.1 头部和页脚分析66

4.1.2 首页主体内容分析66

4.1.3 内页主体内容分析67

4.2 布局规划及切图68

4.2.1 页面布局规划68

4.2.2 切割首页及导出图片68

4.2.3 切割内页及导出图片69

4.3 XHTML编写70

4.3.1 页面XHTML框架搭建70

4.3.2 页面头部和页脚的XHTML编写70

4.3.3 页面公共部分的XHTML编写71

4.3.4 首页主体内容的XHTML编写72

4.3.5 内页主体内容的XHTML编写74

4.3.6 首页XHTML代码总览75

4.3.7 内页XHTML代码总览76

4.4 CSS编写78

4.4.1 页面公共部分的CSS编写78

4.4.2 页面框架的CSS编写79

4.4.3 页面头部和页脚的CSS编写80

4.4.4 首页主体内容的CSS编写81

4.4.5 内页主体内容的CSS编写81

4.4.6 网站CSS代码总览82

4.5 制作中需要注意的问题83

4.5.1 网页的编码格式83

4.5.2 CSS加入网页方法83

第5章 教育科研机构网站84

5.1 页面效果图分析84

5.1.1 头部和页脚分析85

5.1.2 首页主体内容分析86

5.1.3 内页主体内容分析87

5.2 布局规划及切图88

5.2.1 页面布局规划88

5.2.2 切割首页及导出图片88

5.2.3 切割内页及导出图片89

5.3 XHTML编写90

5.3.1 页面XHTML框架搭建90

5.3.2 页面头部和页脚的XHTML编写91

5.3.3 页面公共部分的XHTML编写92

5.3.4 首页主体内容的XHTML编写92

5.3.5 内页主体内容的XHTML编写95

5.3.6 首页XHTML代码总览97

5.3.7 内页XHTML代码总览98

5.4 CSS编写99

5.4.1 页面公共部分的CSS编写99

5.4.2 页面框架的CSS编写100

5.4.3 页面头部和页脚的CSS编写101

5.4.4 首页主体内容的CSS编写102

5.4.5 内页主体内容的CSS编写104

5.4.6 网站CSS代码总览105

5.5 制作中需要注意的问题105

5.5.1 label标签中的for属性105

5.5.2 zoom：1的作用106

第6章 电子商务网站108

6.1 页面效果图分析108

6.1.1 头部和页脚分析111

6.1.2 首页主体内容分析111

6.1.3 内页主体内容分析113

6.2 布局规划及切图114

6.2.1 页面布局规划114

6.2.2 切割首页及导出图片114

6.2.3 切割内页及导出图片116

6.3 XHTML编写117

6.3.1 页面XHTML框架搭建117

6.3.2 页面头部和页脚的XHTML编写118

6.3.3 页面公共部分的XHTML编写120

6.3.4 首页主体内容的XHTML编写121

6.3.5 内页主体内容的XHTML编写125

6.3.6 首页XHTML代码总览126

6.3.7 内页XHTML代码总览127

6.4 CSS编写128

6.4.1 页面公共部分的CSS编写128

6.4.2 页面框架的CSS编写129

6.4.3 页面头部和页脚的CSS编写130

6.4.4 首页主体内容的CSS编写132

6.4.5 内页主体内容的CSS编写134

6.4.6 网站CSS代码总览135

6.5 制作中需要注意的问题136

6.5.1 CSS Sprites技术的利与弊136

6.5.2 准确提炼网站中的公共模块137

第7章 电子政务网站138

7.1 页面效果图分析138

7.1.1 头部和页脚分析140

7.1.2 首页主体内容分析141

7.1.3 内页主体内容分析142

7.2 布局规划及切图143

7.2.1 页面布局规划143

7.2.2 切割首页及导出图片144

7.2.3 切割内页及导出图片145

7.3 XHTML编写145

7.3.1 页面XHTML框架搭建145

7.3.2 页面头部和页脚的XHTML编写145

7.3.3 页面公共部分的XHTML编写146

7.3.4 首页主体内容的XHTML编写148

7.3.5 内页主体内容的XHTML编写150

7.3.6 首页XHTML代码总览151

7.3.7 内页XHTML代码总览152

7.4 CSS编写154

7.4.1 页面公共部分的CSS编写154

7.4.2 页面框架的CSS编写155

7.4.3 页面头部和页脚的CSS编写156

7.4.4 首页主体内容的CSS编写156

7.4.5 内页主体内容的CSS编写157

7.4.6 网站CSS代码总览157

7.5 制作中需要注意的问题158

7.5.1 marquee标签158

7.5.2 word-spacing158

第8章 搜索资讯网站159

8.1 页面效果图分析159

8.1.1 头部和页脚分析161

8.1.2 首页主体内容分析161

8.1.3 内页主体内容分析161

8.2 布局规划及切图163

8.2.1 页面布局规划163

8.2.2 切割首页及导出图片163

8.2.3 切割内页及导出图片164

8.3 XHTML编写164

8.3.1 页面XHTML框架搭建165

8.3.2 页面头部和页脚的XHTML编写165

8.3.3 页面公共部分的XHTML编写166

8.3.4 首页主体内容的XHTML编写167

8.3.5 内页主体内容的XHTML编写167

8.3.6 首页XHTML代码总览168

8.3.7 内页XHTML代码总览170

8.4 CSS编写172

8.4.1 页面公共部分的CSS编写172

8.4.2 页面框架的CSS编写173

8.4.3 页面头部和页脚的CSS编写173

8.4.4 首页主体内容的CSS编写174

8.4.5 内页主体内容的CSS编写175

8.4.6 网站CSS代码总览176

8.5 制作中需要注意的问题177

8.5.1 display:inline-block；的使用方法177

8.5.2 ＜！-［ifIE 6］＞…＜！［endif］-＞的使用方法177

第9章 电影网站179

9.1 页面效果图分析179

9.1.1 页面头部和页脚分析181

9.1.2 首页主体内容分析181

9.1.3 内页主体内容分析183

9.2 布局规划及切图184

9.2.1 页面布局规划184

9.2.2 切割首页及导出图片184

9.2.3 切割内页及导出图片185

9.3 XHTML编写186

9.3.1 页面XHTML框架搭建186

9.3.2 页面头部和页脚的XHTML编写187

9.3.3 页面公共部分的XHTML编写188

9.3.4 首页主体内容的XHTML编写188

9.3.5 内页主体内容的XHTML编写192

9.3.6 首页XHTML代码总览195

9.3.7 内页XHTML代码总览196

9.4 CSS编写197

9.4.1 页面公共部分的CSS编写197

9.4.2 页面框架的CSS编写199

9.4.3 页面头部和页脚的CSS编写200

9.4.4 首页主体内容的CSS编写200

9.4.5 内页主体内容的CSS编写202

9.4.6 网站CSS代码总览204

9.5 制作中需要注意的问题204

9.5.1 CSS选择器204

9.5.2 CSS选择器的优先级204

第10章 游戏网站206

10.1 页面效果图分析206

10.1.1 左栏信息和页脚分析207

10.1.2 首页主体内容分析208

10.1.3 内页主体内容分析208

10.2 布局规划及切图209

10.2.1 页面布局规划209

10.2.2 切割首页及导出图片209

10.2.3 切割内页及导出图片210

10.3 XHTML编写211

10.3.1 页面XHTML框架搭建211

10.3.2 页面左栏信息和页脚的XHTML编写212

10.3.3 页面公共部分的XHTML编写212

10.3.4 首页主体内容的XHTML编写213

10.3.5 内页主体内容的XHTML编写215

10.3.6 首页XHTML代码总览216

10.3.7 内页XHTML代码总览217

10.4 CSS编写219

10.4.1 页面公共部分的CSS编写219

10.4.2 页面框架的CSS编写220

10.4.3 页面左栏信息和页脚的CSS编写220

10.4.4 首页主体内容的CSS编写221

10.4.5 内页主体内容的CSS编写222

10.4.6 网站CSS代码总览223

10.5 制作中需要注意的问题224

10.5.1 网页设计稿中特殊字体的处理224

10.5.2 切图时应该保存成哪种图片格式224

第11章 婚庆网站226

11.1 页面效果图分析226

11.1.1 页面头部和页脚分析227

11.1.2 首页主体内容分析228

11.1.3 内页主体内容分析228

11.2 布局规划及切图229

11.2.1 页面布局规划229

11.2.2 切割首页及导出图片230

11.2.3 切割内页及导出图片230

11.3 XHTML编写231

11.3.1 页面XHTML框架搭建231

11.3.2 页面头部和页脚的XHTML编写232

11.3.3 页面公共部分的XHTML编写233

11.3.4 首页主体内容的XHTML编写235

11.3.5 内页主体内容的XHTML编写236

11.3.6 首页XHTML代码总览238

11.3.7 内页XHTML代码总览240

11.4 CSS编写241

11.4.1 页面公共部分的CSS编写241

11.4.2 页面框架的CSS编写242

11.4.3 页面头部和页脚的CSS编写243

11.4.4 首页主体内容的CSS编写244

11.4.5 内页主体内容的CSS编写245

11.4.6 网站CSS代码总览246

11.5 制作中需要注意的问题——z-index属性246

第12章 论坛类网站249

12.1 页面效果图分析249

12.1.1 页面头部和页脚分析250

12.1.2 首页主体内容分析251

12.1.3 内页主体内容分析252

12.2 布局规划及切图253

12.2.1 页面布局规划253

12.2.2 切割首页及导出图片253

12.2.3 切割内页及导出图片253

12.3 XHTML编写254

12.3.1 页面XHTML框架搭建254

12.3.2 页面头部和页脚的XHTML编写254

12.3.3 页面公共部分的XHTML编写255

12.3.4 首页主体内容的XHTML编写260

12.3.5 内页主体内容的XHTML编写262

12.3.6 首页XHTML代码总览264

12.3.7 内页XHTML代码总览265

12.4 CSS编写266

12.4.1 页面公共部分的CSS编写266

12.4.2 页面框架的CSS编写270

12.4.3 页面头部和页脚的CSS编写270

12.4.4 首页主体内容的CSS编写271

12.4.5 内页主体内容的CSS编写272

12.4.6 网站CSS代码总览272

12.5 制作中需要注意的问题273

12.5.1 网站文件规划273

12.5.2 CSS样式规划274

第13章 餐饮网站275

13.1 页面效果图分析275

13.1.1 网站标志、导航和页脚分析276

13.1.2 首页主体内容分析277

13.1.3 内页主体内容分析277

13.2 布局规划及切图278

13.2.1 页面布局规划278

13.2.2 切割首页及导出图片278

13.2.3 切割内页及导出图片279

13.3 XHTML编写280

13.3.1 页面XHTML框架搭建280

13.3.2 网站标志、导航和页脚的XHTML编写280

13.3.3 页面公共部分的XHTML编写281

13.3.4 首页主体内容的XHTML编写282

13.3.5 内页主体内容的XHTML编写282

13.3.6 首页XHTML代码总览283

13.3.7 内页XHTML代码总览284

13.4 CSS编写285

13.4.1 页面公共部分的CSS编写285

13.4.2 页面框架的CSS编写286

13.4.3 网站标志、导航和页脚的CSS编写287

13.4.4 首页主体内容的CSS编写287

13.4.5 内页主体内容的CSS编写288

13.4.6 网站CSS代码总览289

13.5 制作中需要注意的问题289

第14章 汽车网站290

14.1 页面效果图分析290

14.1.1 页面头部和页脚分析291

14.1.2 首页主体内容分析292

14.1.3 内页主体内容分析293

14.2 布局规划及切图294

14.2.1 页面布局规划294

14.2.2 切割首页及导出图片294

14.2.3 切割内页及导出图片295

14.3 XHTML编写295

14.3.1 页面XHTML框架搭建295

14.3.2 页面头部和页脚的XHTML编写296

14.3.3 页面公共部分的XHTML编写298

14.3.4 首页主体内容的XHTML编写299

14.3.5 内页主体内容的XHTML编写300

14.3.6 首页XHTML代码总览302

14.3.7 内页XHTML代码总览303

14.4 CSS编写304

14.4.1 页面公共部分的CSS编写304

14.4.2 页面框架的CSS编写305

14.4.3 页面头部和页脚的CSS编写306

14.4.4 首页主体内容的CSS编写307

14.4.5 内页主体内容的CSS编写309

14.4.6 网站CSS代码总览310

14.5 制作中需要注意的问题——IE 6下1px间距的问题310

第15章 在线阅读网站313

15.1 页面效果图分析313

15.1.1 页面头部和页脚分析315

15.1.2 首页主体内容分析315

15.1.3 内页主体内容分析316

15.2 布局规划及切图317

15.2.1 页面布局规划317

15.2.2 切割首页及导出图片318

15.2.3 切割内页及导出图片319

15.3 XHTML编写319

15.3.1 页面XHTML框架搭建319

15.3.2 页面头部和页脚的XHTML编写320

15.3.3 页面公共部分的XHTML编写321

15.3.4 首页主体内容的XHTML编写321

15.3.5 内页主体内容的XHTML编写322

15.3.6 首页XHTML代码总览323

15.3.7 内页XHTML代码总览324

15.4 CSS编写326

15.4.1 页面公共部分的CSS编写326

15.4.2 页面框架的CSS编写326

15.4.3 页面头部和页脚的CSS编写327

15.4.4 首页主体内容的CSS编写328

15.4.5 内页主体内容的CSS编写329

15.4.6 网站CSS代码总览330

15.5 制作中需要注意的问题331

15.5.1 img标签中alt属性与title属性331

15.5.2 圆角背景的实现332

第16章 常用浏览器及兼容处理334

16.1 常用浏览器334

16.1.1 常用浏览器及内核334

16.1.2 页面兼容问题产生原因335

16.2 兼容处理336

16.2.1 理解CSS盒模型336

16.2.2 怪异模式问题及解决方案337

16.2.3 IE 6双边距问题及解决方案338

16.2.4 普通文档流中块框的垂直边界问题及解决方案339

16.2.5 IE 6、IE 7的hasLayout问题及解决方案339

16.2.6 IE 6对png24格式图片的透明度支持问题及解决方案340

16.2.7 IE 6下多余3px的问题及解决方案341

16.2.8 各种浏览器中图片下方有空隙产生的问题及解决方案342

16.2.9 IE 6无法定义1px高度的问题及解决方案343

16.2.10 高度不适应问题343

16.2.11 兼容问题的技巧345

第17章 网页制作的调试工具及使用346

17.1 Firefox浏览器下的页面调试工具及使用346

17.2 IE浏览器下的页面调试工具及使用349

17.3 Chrome浏览器下的页面调试工具及使用350

第18章 代码发布前的优化353

18.1 检查代码353

18.1.1 XHTML代码的检查353

18.1.2 CSS代码的检查354

18.2 压缩代码355

18.3 版本控制356

18.4 上传357