DIV+CSS布局与样式之网站设计基础2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

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

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

第1章 网页与网站的常识1

1.1 互联网常识1

1.1.1 组成网站的要素1

1.1.2 网站域名2

1.1.3 域名解析3

1.1.4 网站空间3

1.1.5 虚拟主机4

1.2 网页常识5

1.2.1 网页的结构描述语言HTML5

1.2.2 XHTML和HTML的区别6

1.2.3 网页的分类7

1.2.4 网页的源代码8

1.3 网站常识8

1.3.1 网站开发语言8

1.3.2 动态网站和静态网站9

1.3.3 网站建设流程9

1.4 初学者常见问题9

1.4.1 XHTML语言的特点9

1.4.2 浏览器的作用10

1.4.3 静态网页和动态网页的区别10

第2章 网站制作基础11

2.1 如何使用Dreamweaver建站11

2.1.1 定义站点11

2.1.2 制作静态网页17

2.1.3 制作动态网页18

2.1.4 浏览网页19

2.2 策划网站19

2.2.1 确定网站主题19

2.2.2 网站需求分析19

2.2.3 网站框架图设计／交互设计19

2.3 视觉设计20

2.4 页面开发20

2.4.1 如何切图并保存切片20

2.4.2 CSS选择器22

2.4.3 CSS盒模型24

2.4.4 CSS定位25

2.4.5 认识div层32

2.4.6 div和span的区别33

2.4.7 网站文件规划34

2.4.8 CSS样式规划34

2.5 页面开发标准和规范36

2.6 综合练习1——图文排版效果36

2.7 综合练习2——淘宝导购菜单38

2.8 初学者常见问题41

2.8.1 DIV+CSS网站标准设计的优势41

2.8.2 如何考虑网站推广问题42

2.8.3 什么是Web标准42

2.8.4 如何理解margin的加倍问题42

2.8.5 margin:0 auto表示什么含义43

第3章 左右两栏固定宽度的布局44

3.1 页面布局的分析44

3.2 页面布局的实现45

3.2.1 两栏浮动45

3.2.2 两栏绝对定位46

3.2.3 一栏浮动，另一栏绝对定位47

3.3 网页实例48

3.3.1 效果图分析49

3.3.2 切图51

3.3.3 绘制框架图52

3.3.4 编写XHTML代码53

3.3.5 编写CSS代码56

3.4 小结59

第4章 左右两栏宽度自适应的布局60

4.1 页面布局的分析60

4.1.1 示意图60

4.1.2 布局分析61

4.2 页面布局的实现61

4.2.1 两栏浮动61

4.2.2 两栏绝对定位62

4.2.3 一栏浮动，另一栏绝对定位63

4.3 网页实例64

4.3.1 效果图分析65

4.3.2 切图66

4.3.3 绘制框架图67

4.3.4 编写XHTML代码67

4.3.5 编写CSS代码69

4.4 小结71

第5章 一栏宽度固定，另一栏宽度自适应的布局72

5.1 页面布局的分析72

5.1.1 示意图72

5.1.2 布局分析73

5.2 页面布局的实现73

5.2.1 一栏浮动，另一栏默认文档流并设置向左外边距73

5.2.2 一栏绝对定位，另一栏默认文档流并设置向左外边距74

5.3 网页实例75

5.3.1 效果图分析76

5.3.2 切图80

5.3.3 绘制框架图80

5.3.4 编写XHTML代码81

5.3.5 编写CSS代码82

5.4 小结84

第6章 三栏宽度固定的布局85

6.1 页面布局的分析85

6.1.1 示意图85

6.1.2 布局分析86

6.2 页面布局的实现86

6.2.1 左中右三栏浮动86

6.2.2 左中右三栏绝对定位87

6.2.3 左右两栏浮动，中间栏绝对定位88

6.3 网页实例90

6.3.1 效果图分析90

6.3.2 切图94

6.3.3 绘制框架图95

6.3.4 编写XHTML代码95

6.3.5 编写CSS代码98

6.4 小结100

第7章 左右两栏宽度固定，中间栏宽度自适应的布局102

7.1 页面布局的分析102

7.1.1 示意图102

7.1.2 布局分析103

7.2 页面布局的实现103

7.2.1 左右两栏浮动，中间栏默认文档流并设置左右外边距103

7.2.2 左右两栏绝对定位，中间栏默认文档流并设置左右外边距105

7.3 网页实例106

7.3.1 效果图分析106

7.3.2 切图110

7.3.3 绘制框架图111

7.3.4 编写XHTML代码112

7.3.5 编写CSS代码115

7.4 小结118

第8章 高度自适应的布局119

8.1 页面布局的分析119

8.1.1 示意图119

8.1.2 布局分析120

8.2 页面布局的实现120

8.2.1 正负内外边距120

8.2.2 为父容器添加背景图121

8.3 网页实例122

8.3.1 效果图分析122

8.3.2 切图125

8.3.3 绘制框架图125

8.3.4 编写XHTML代码126

8.3.5 编写CSS代码127

8.4 小结129

第9章 项目1——论坛130

9.1 页面效果图分析130

9.1.1 页面头部和页脚分析131

9.1.2 首页主体内容分析132

9.1.3 内页主体内容分析133

9.2 布局规划及切图134

9.2.1 页面布局规划134

9.2.2 切割首页及导出图片134

9.2.3 切割内页及导出图片135

9.3 XHTML编写135

9.3.1 搭建页面XHTML框架135

9.3.2 编写页面头部和页脚的XHTML136

9.3.3 编写页面公共部分的XHTML137

9.3.4 编写首页主体内容的XHTML141

9.3.5 编写内页主体内容的XHTML142

9.3.6 总览首页XHTML代码144

9.3.7 总览内页XHTML代码145

9.4 CSS编写147

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

9.4.2 页面框架的CSS编写150

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

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

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

9.4.6 网站CSS代码总览153

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

9.5.1 网站文件规划153

9.5.2 CSS样式规划154

第10章 项目2——电子政务网站155

10.1 页面效果图分析155

10.1.1 头部和页脚分析157

10.1.2 首页主体内容分析158

10.1.3 内页主体内容分析159

10.2 布局规划及切图160

10.2.1 页面布局规划160

10.2.2 切割首页及导出图片160

10.2.3 切割内页及导出图片162

10.3 XHTML编写162

10.3.1 页面的XHTML框架搭建162

10.3.2 页面头部和页脚的XHTML编写162

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

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

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

10.3.6 首页XHTML代码总览168

10.3.7 内页XHTML代码总览169

10.4 CSS编写170

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

10.4.2 页面框架的CSS编写172

10.4.3 页面头部和页脚的CSS编写172

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

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

10.4.6 网站CSS代码总览174

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

10.5.1 marquee175

10.5.2 word-spacing175

第11章 项目3——电子商务网站176

11.1 页面效果图分析176

11.1.1 头部和页脚分析179

11.1.2 首页主体内容分析179

11.1.3 内页主体内容分析181

11.2 布局规划及切图182

11.2.1 页面布局规划182

11.2.2 切割首页及导出图片182

11.2.3 切割内页及导出图片184

11.3 XHTML编写184

11.3.1 页面的XHTML框架搭建185

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

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

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

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

11.3.6 首页XHTML代码总览194

11.3.7 内页XHTML代码总览195

11.4 CSS编写197

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

11.4.2 页面框架的CSS编写198

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

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

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

11.4.6 网站CSS代码总览204

11.5 制作中需要注意的问题205

11.5.1 CSS Sprites技术的利与弊205

11.5.2 准确提炼网站中的公共模块206

第12章 项目4——新品展示网站207

12.1 页面效果图分析207

12.1.1 头部和页脚分析209

12.1.2 首页主体内容分析209

12.1.3 内页主体内容分析210

12.2 布局规划及切图211

12.2.1 页面布局规划211

12.2.2 切割首页及导出图片212

12.2.3 切割内页及导出图片213

12.3 XHTML编写213

12.3.1 页面的XHTML框架搭建213

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

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

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

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

12.3.6 首页XHTML代码总览218

12.3.7 内页XHTML代码总览220

12.4 CSS编写222

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

12.4.2 页面框架的CSS编写223

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

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

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

12.4.6 网站CSS代码总览226

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

12.5.1 网页的编码格式227

12.5.2 CSS加入网页的方法227

第13章 网站的发布228

13.1 整理源代码228

13.1.1 XHTML代码的检查228

13.1.2 CSS代码的检查229

13.1.3 网页调试230

13.1.4 压缩代码237

13.2 购买空间和域名238

13.3 上传网站239

13.4 维护与运营241

13.5 读者常见问题241

13.5.1 如何让别人通过互联网访问我的网站242

13.5.2 如何能让百度、谷歌等收录我的网站242

13.5.3 网站是否要备案242

附录A HTML中支持的颜色名称243

附录B CSS常用的属性252