网页设计案例教程PDF|Epub|txt|kindle电子书版本网盘下载

网页设计案例教程PDF格式电子书版下载

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

第1章 HTML基础1

1.1 什么是HTML1

1.1.1 网页的基本概念1

1.1.2 HTML的工作原理3

1.1.3 HTML文档的结构4

1.2 网页制作的工具7

1.2.1 Dreamweaver CS6的界面7

1.2.2 Dreamweaver CS6的工具栏9

1.2.3 文档窗口10

1.2.4 面板组12

1.3 页面属性的设置12

1.3.1 定义网页背景色13

1.3.2 设置背景图片13

1.3.3 设置网页文字14

1.3.4 设置背景音乐15

1.4 Dreamweaver CS6中的智能代码输入方法15

1.5 实训——智能代码输入方法练习18

小结18

习题18

第2章 文本及版面控制标记20

2.1 标题标记20

2.2 文本基本标记21

2.3 文本格式化标记24

2.3.1 文字加大、缩小标记24

2.3.2 粗体、斜体标记25

2.3.3 上标与下标标记26

2.3.4 删除线与下划线标记27

2.3.5 空格与特殊符号28

2.4 文本版面风格控制标记30

2.4.1 文本分段与换行标记30

2.4.2 水平线标记31

2.4.3 居中标记32

2.4.4 预排版标记33

2.5 列表标记34

2.5.1 无序列表标记35

2.5.2 有序列表标记37

2.6 容器标记40

2.6.1 ＜div＞标记41

2.6.2 ＜span＞标记43

2.7 实训——制作一个简单的文本页面44

小结44

习题45

第3章 图像46

3.1 网页中常用的图像格式46

3.2 图像标记47

3.2.1 图像标记的格式47

3.2.2 设置图像的宽度和高度48

3.2.3 设置图像的提示信息49

3.2.4 设置图像的边框50

3.2.5 设置图像的水平间距和垂直间距50

3.2.6 设置图像的对齐方式51

3.3 实训——制作图文混排页面53

小结55

习题55

第4章 超链接56

4.1 超链接的基本知识56

4.2 超链接标记58

4.3 超链接的种类59

4.3.1 文本链接59

4.3.2 锚记链接60

4.3.3 电子邮件链接63

4.3.4 图像链接63

4.3.5 下载文件链接66

4.3.6 脚本链接68

4.3.7 空链接69

4.4 实训——应用链接制作网页69

小结69

习题70

第5章 表格72

5.1 创建表格72

5.1.1 表格的基本构成72

5.1.2 设置表格的标题73

5.1.3 表格的标题单元格标记74

5.1.4 表格的结构75

5.2 设置表格的基本属性77

5.2.1 设置表格的宽度与高度77

5.2.2 设置背景78

5.2.3 设置边框78

5.2.4 设置对齐方式79

5.3 编辑表格81

5.3.1 水平合并单元格81

5.3.2 垂直合并单元格82

5.3.3 拆分单元格83

5.3.4 表格的嵌套84

5.4 实训——制作新疆行知网87

小结92

习题92

第6章 表单与特殊对象95

6.1 创建表单95

6.1.1 表单标记95

6.1.2 用Dreamweaver CS6创建表单96

6.2 表单对象97

6.2.1 文本框97

6.2.2 密码框98

6.2.3 单选按钮100

6.2.4 复选框101

6.2.5 选择框102

6.2.6 文本域105

6.2.7 提交按钮与重置按钮106

6.2.8 按钮108

6.2.9 图像域109

6.2.10 隐藏域110

6.2.11 文件域111

6.2.12 电子邮件框112

6.2.13 URL框113

6.2.14 搜索框113

6.2.15 日期时间框114

6.3 网页中的特殊对象116

6.3.1 ＜object＞标记116

6.3.2 ＜marquee＞标记118

6.4 实训——制作用户注册表119

小结120

习题120

第7章 CSS124

7.1 构造样式规则124

7.2 在HTML中使用CSS的方法125

7.2.1 外部样式表125

7.2.2 嵌入式样式表126

7.2.3 内嵌式样式表127

7.3 CSS选择器128

7.3.1 简单选择器129

7.3.2 复合选择器132

7.4 实训135

实训1 选择器综合实例135

实训2 制作圆角矩形139

小结142

习题142

第8章 网页的CSS布局144

8.1 盒子模型144

8.1.1 盒子模型结构144

8.1.2 盒子属性的简写形式147

8.2 标准流148

8.2.1 行内元素149

8.2.2 块级元素149

8.2.3 行内元素与块级元素的相互转换150

8.2.4 标准流中盒子间距离的计算151

8.3 盒子的浮动154

8.3.1 制作基础页面155

8.3.2 设置div左浮动156

8.3.3 设置div右浮动159

8.3.4 使用clear属性结束浮动160

8.4 盒子的定位165

8.4.1 静态定位165

8.4.2 相对定位166

8.4.3 绝对定位168

8.4.4 固定定位171

8.5 DIV+CSS布局方法171

8.5.1 CSS排版的观念171

8.5.2 DIV+CSS布局的主要方法171

8.6 各种CSS布局方法的分析176

8.6.1 1-2-1布局176

8.6.2 1-3-1布局181

8.6.3 1-2-1全屏布局185

8.7 实训——鲜花在线销售网站188

小结205

习题205

第9章 综合案例——在线购物网站208

9.1 在线购物网站设计概述208

9.1.1 在线购物网站网页组成的特点208

9.1.2 在线购物网站的设计209

9.2 在线购物网站的创建210

9.2.1 创建站点211

9.2.2 新建样式表并设置通用样式211

9.2.3 制作首页213

9.3 在线购物网站二级页面的制作235

9.3.1 二级页面效果图分析235

9.3.2 二级页面的制作及样式定义236

9.4 网站源文件及CSS代码文件240

小结276

习题276

第10章 网站的测试与发布278

10.1 本地站点的测试278

10.1.1 检查浏览器的兼容性278

10.1.2 检查站点中的链接错误279

10.1.3 在浏览器中预览280

10.2 网站的发布280

10.2.1 申请注册域名281

10.2.2 申请网站空间并上传网页282

10.2.3 网站的推广宣传284

小结285

习题285

参考文献286