网页设计与制作案例教程 HTML+CSS+DIV+JavaScriptPDF电子书下载

第1章 网页设计概述 1

1.1初识网页 1

1.2网页相关概念 2

1.3常用的浏览器介绍 4

1.4Dreamweaver工具的使用 4

1.4.1Dreamweaver的发展 5

1.4.2Dreamweaver CS6的操作界面 5

1.4.3案例：创建第一个网页 6

本章小结 9

习题1 9

实训1 9

第2章 HTML语言 10

2.1案例：简单学校网站 10

2.2知识准备 11

2.2.1HTML文档的基本结构 11

2.2.2HTML标记及其属性 12

2.2.3HTML文本标记 14

2.2.4HTML列表标记 22

2.2.5HTML超链接标记 28

2.2.6HTML图像标记 32

2.3案例实现 37

2.3.1创建站点 37

2.3.2创建首页 38

2.3.3创建学院简介页面 39

2.3.4创建学院新闻页面 40

2.3.5创建专业介绍页面 41

本章小结 43

习题2 43

实训2 45

第3章 CSS基础 46

3.1案例：学院新闻详情页面 46

3.2知识准备 47

3.2.1初识CSS 47

3.2.2引入CSS样式 47

3.2.3常用的CSS选择器 52

3.2.4CSS常用文本属性 57

3.2.5CSS的高级特性 60

3.3案例实现 60

3.3.1创建站点 60

3.3.2创建新闻详情页面 61

本章小结 63

习题3 64

实训3 65

第4章 盒子模型 72

4.1案例：学院简介页面 72

4.2知识准备 73

4.2.1盒子模型的概念 73

4.2.2盒子模型的相关属性 74

4.2.3CSS设置背景 76

4.2.4元素的类型与转换 80

4.2.5块元素间的外边距 82

4.3案例实现 84

4.3.1制作页面结构 85

4.3.2添加CSS样式 86

本章小结 87

习题4 87

实训4 88

第5章 列表与超链接 91

5.1案例：学院新闻块与学院网站导航 91

5.2知识准备 92

5.2.1列表样式设置 92

5.2.2超链接样式设置 95

5.3案例实现 97

5.3.1制作学院新闻块 97

5.3.2制作学院网站导航条 99

本章小结 101

习题5 102

实训5 102

第6章 表格与表单 112

6.1表格案例：学生信息表 112

6.2表格相关知识 113

6.2.1表格标记 113

6.2.2＜table＞标记的属性 114

6.2.3＜tr＞标记的属性 116

6.2.4＜th＞和＜td＞标记的属性 117

6.2.5使用CSS设置表格样式 119

6.3表格案例实现 121

6.3.1学生信息表的页面结构 121

6.3.2添加CSS样式 124

6.4表单案例：用户注册表 125

6.5表单相关知识 125

6.5.1认识表单 125

6.5.2表单标记 126

6.5.3表单控件 126

6.5.4使用CSS设置表单样式 128

6.6表单案例实现 131

6.6.1用户信息注册表单的页面结构 131

6.6.2添加CSS样式 134

本章小结 135

习题6 136

实训6 136

第7章 DIV＋CSS布局网页 139

7.1案例：学院网站主页布局 139

7.2知识准备 140

7.2.1元素的浮动 140

7.2.2元素的定位 146

7.2.3DIV＋CSS布局 152

7.3案例实现 161

7.3.1制作页面结构 162

7.3.2添加CSS样式 163

本章小结 164

习题7 165

实训7 165

第8章 使用JavaScript制作网页特效 170

8.1什么是JavaScript语言 170

8.2在网页中调用JavaScript 171

8.2.1直接嵌入HTML文档中 171

8.2.2引入外部脚本文件 172

8.2.3在事件代码中添加脚本 173

8.3案例：制作Flash幻灯片特效 173

8.4案例：制作下拉菜单特效 176

8.5案例：制作选项卡特效 179

本章小结 184

习题8 184

实训8 184

第9章 完整案例：信息学院网站制作 186

9.1信息学院网站描述 186

9.2网站规划 187

9.3效果图设计 188

9.3.1效果图设计原则 188

9.3.2效果图设计步骤 189

9.3.3效果图切片导出网页 196

9.4网站主页设计 196

9.4.1主页布局设计 196

9.4.2主页设计步骤 197

9.5网站模板页设计 208

9.6网站其他页面设计 212

9.6.1制作学院简介页面 212

9.6.2制作学院荣誉列表页面 214

9.6.3制作学院荣誉详细情况页面 215

9.6.4制作高技能人才培训基地页面 218

9.6.5制作办公电话页面 219

9.6.6制作视频宣传页面 220

9.7添加首页中的JavaScript脚本 222

本章小结 224

习题9 224

实训9 224

第10章 完整案例：发电设备公司动态网站制作 225

10.1发电设备公司动态网站描述 225

10.2网站规划 227

10.3效果图设计 228

10.3.1效果图设计原则 228

10.3.2效果图设计步骤 228

10.3.3效果图切片导出网页 233

10.4网站静态页面设计 234

10.4.1网站首页设计 234

10.4.2栏目页设计 246

10.4.3内容页设计 250

10.5KesionCMS后台管理系统的使用 252

10.5.1KesionCMS介绍 252

10.5.2KesionCMS完成动态网站的步骤 253

10.5.3静态页面与KesionCMS的整合 253

10.6IIS的安装与配置 253

10.7后台登录与设置 255

10.7.1后台登录 255

10.7.2基本信息设置 256

10.7.3设置网站栏目 256

10.8创建系统函数标签 257

10.9创建网站模板 260

10.10模板绑定 269

10.11添加文章内容 270

10.12创建留言页面 271

10.13发布首页 272

10.14创建模板中的超链接 273

本章小结 276

实训10 277

参考文献 278