CSS+DIV网页设计与制作PDF电子书下载

第1篇 基础篇 3

项目一 了解网页设计相关知识 3

任务1.1 通过网页了解各种网页元素 3

1.1.1 网页 3

1.1.2 网站 4

1.1.3 主页和子页 4

1.1.4 构成网页的元素 5

1.1.5 IP地址 8

1.1.6 域名 8

1.1.7 域名解析服务 8

1.1.8 域名类型 8

1.1.9 HTML 9

1.1.10 静态网页和动态网页 9

1.1.11 网页设计与制作的主要工具 9

任务1.2 了解Web标准 11

1.2.1 Web标准概述 11

1.2.2 内容、结构和表现相分离 11

任务1.3 了解DIV＋CSS布局 13

1.3.1 CSS样式 13

1.3.2 CSS盒子模型 14

1.3.3 DIV＋CSS布局的好处 14

任务1.4 网页版面布局 14

1.4.1 T字形结构版式 14

1.4.2 同字形结构版式 15

1.4.3 三字形结构版式 15

1.4.4 匡字形结构版式 15

1.4.5 Flash布局 17

1.4.6 海报布局 17

任务1.5 初步了解网站设计与开发的过程 18

1.5.1 前期策划 18

1.5.2 网站开发（网页制作） 19

1.5.3 网站后期发布、测试与维护 19

实训1 网页赏析 19

项目二 网站建立与网站规划 21

任务2.1 新建网站与网站文件管理 21

2.1.1 Dreamweaver CS6新功能介绍 21

2.1.2 站点创建 22

任务2.2 新建网页与网页测试 30

2.2.1 新建网页 30

2.2.2 网页测试 31

任务2.3 编写最简单的HTML框架 34

2.3.1 编写HTML框架 34

2.3.2 认识网页标签 36

任务2.4 插入各种网页元素 37

2.4.1 插入文字 37

2.4.2 插入特殊符号 37

2.4.3 插入图像 38

2.4.4 插入媒体元素 39

2.4.5 插入音频 41

2.4.6 插入表单 42

2.4.7 插入表格 46

任务2.5 创建超链接 47

2.5.1 超链接定义 47

2.5.2 创建超链接 48

实训2 网站建立与栏目规划 53

项目三 创建CSS样式表 55

任务3.1 CSS样式引入 55

3.1.1 CSS基本语法运用 57

3.1.2 选择器的使用 57

3.1.3 样式表的继承性使用 60

3.1.4 注释运用 61

任务3.2 建立CSS样式表 62

3.2.1 建立标签选择器类型的CSS样式表 62

3.2.2 建立类选择器类型的CSS样式表 68

3.2.3 建立ID选择器类型的CSS样式 71

任务3.3 在网页中插入CSS样式表 73

3.3.1 内部样式表 73

3.3.2 链接外部样式表 74

3.3.3 导入外部样式表 74

3.3.4 内嵌样式表 75

任务3.4 解决CSS的优先级问题 76

实训3 利用CSS样式创建多种样式 78

第2篇 应用篇 83

项目四 应用CSS盒子 83

任务4.1 盒子模型探究 83

4.1.1 盒子模型定义 84

4.1.2 在标准流中定位默认CSS盒子 85

任务4.2 设置盒子边框 86

任务4.3 设置盒子填充 88

任务4.4 设置盒子边界 89

任务4.5 文字盒子属性设置 90

任务4.6 CSS盒子模型计算 90

4.6.1 一个CSS盒子实际宽度计算 91

4.6.2 块级元素之间的距离计算：取最大者 91

4.6.3 行内元素之间的距离计算：margin-right＋margin-left 93

4.6.4 嵌套关系的距离计算：子块级元素离父块级元素距离为margin＋padding 93

任务4.7 CSS盒子模型与DOM树关系应用 93

实训4 CSS盒子的应用 95

项目五 网页元素美化 97

任务5.1 丰富的文字效果设置 97

5.1.1 CSS样式修饰文字 97

5.1.2 CSS样式修饰段落 98

任务5.2 设计漂亮的表格 99

任务5.3 文字超链接各种样式的设置 100

任务5.4 文字超链接多种样式混合应用 106

5.4.1 整体超链接效果制作 107

5.4.2 多种（个性）超链接效果制作 109

任务5.5 设置列表小图片 111

5.5.1 设置列表小图片操作 111

5.5.2 CSS控制网页背景图片属性设置 112

任务5.6 设计精美表单 113

实训5 使用CSS样式控制网页元素和背景图位置 118

项目六 CSS盒子浮动 121

任务6.1 理解浮动属性 121

6.1.1 理解标准流 122

6.1.2 块级元素和行内元素在标准流里的排放位置 122

任务6.2 使用浮动属性实现竖直变一行效果 123

任务6.3 使用浮动属性实现图片文字环绕效果 124

任务6.4 使用浮动清除属性 125

任务6.5 使用浮动属性实现两行两列布局 126

实训6 使用浮动属性布局网页架构 129

项目七 CSS盒子定位 132

任务7.1 了解定位属性 132

任务7.2 应用定位属性 133

7.2.1 绝对定位的应用 133

7.2.2 相对定位应用 137

任务7.3 隐藏与显示网页元素 138

7.3.1 隐藏网页元素 138

7.3.2 行竖转换网页元素 139

实训7 使用定位属性布局网页 142

第3篇 实战篇 147

项目八 首页设计与美化 147

任务8.1 首页版面框架设计 148

任务8.2 网站Logo制作 148

任务8.3 首页设计与制作 159

8.3.1 建立站点 159

8.3.2 搭建首页代码结构 159

8.3.3 首页内容添加 161

8.3.4 连接CSS样式文件 163

8.3.5 设计与布局首页各区域内容 164

项目九 子页设计与制作 172

任务9.1 子页页面模板制作 172

9.1.1 创建模板 172

9.1.2 运用模板 175

9.1.3 修改更新模板 176

任务9.2 子页制作 178

9.2.1 “关于我们”子页制作 178

9.2.2 “产品展示”子页制作 183

9.2.3 “客户反馈”子页制作 184

任务9.3 了解网页换肤术 187

项目十 网页特效制作 188

任务10.1 了解JS、CSS与特效 188

任务10.2 图片无缝连续滚动特效制作 191

任务10.3 图片局部放大镜特效制作 194

任务10.4 淘宝图片局部放大特效制作 196

任务10.5 整张图片放大特效制作 200

任务10.6 幻灯片广告图片自动播放特效制作 202

任务10.7 滚动广告屏特效制作 205

任务10.8 内容切换特效制作 206

任务10.9 两侧浮动广告特效制作 209

任务10.10 二级导航条特效制作 210

项目十一 CSS＋DIV房地产企业网站设计与实现 216

任务11.1 设计思想 217

11.1.1 房地产公司网站建设的基本需求 217

11.1.2 房地产公司网站建设的服务范围 217

11.1.3 房地产公司网站建设的解决方案 217

任务11.2 如何进行网站需求分析 217

11.2.1 网站需求分析策划 218

11.2.2 完整的需求调查文档记录 218

11.2.3 多向用户咨询相关问题 218

11.2.4 市场调研活动内容 218

11.2.5 完成清晰的需求分析 219

任务11.3 网站风格设计 219

11.3.1 网站标志（Logo）制作 219

11.3.2 网站色彩搭配 219

11.3.3 网站字体设计 220

11.3.4 提炼广告语 220

11.3.5 网站宣传语设计 220

11.3.6 网页美化设计 220

任务11.4 网站栏目设计 221

11.4.1 网站设计原则 221

11.4.2 网站栏目设计 222

任务11.5 页面版面设计与实现 222

11.5.1 网页版面设计 222

11.5.2 各区域版面图分解 223

任务11.6 素材收集与整理 224

任务11.7 网页效果图设计 225

任务11.8 网页切片制作 225

11.8.1 切片的使用 225

11.8.2 切片的输出 229

任务11.9 网页制作 232

11.9.1 网站素材准备 232

11.9.2 创建网站及搭建网站结构 233

11.9.3 首页制作 237

11.9.4 子页制作 245

实训11 综合网站设计与制作 253

任务11.10 后台动态页面制作 253

11.10.1 背景知识介绍 254

11.10.2 IIS服务器环境搭建 255

11.10.3 留言板分析 259

11.10.4 定义留言板站点 260

11.10.5 创建和设计数据库 268

11.10.6 制作ASP动态页面 270

项目十二 网站上传与维护 285

任务12.1 空间和域名申请 285

12.1.1 IP地址、域名和空间简介 285

12.1.2 IP地址、域名和主机空间之间的关系 286

12.1.3 FTP 286

12.1.4 免费空间的申请 286

任务12.2 网站上传 288

参考文献 291