网页设计与制作

目录
第1章网页制作与HTML5
基础知识1
1．1网页制作基础知识1
1．1．1网页的定义和分类1
1．1．2网页设计的相关概念2
1．1．3网页的基本组成元素4
1．1．4网页制作开发工具6
1．1．5如何学好网页制作7
1．2DreamweaverCS6概述8
1．2．1启动与退出DreamweaverCS68
1．2．2DreamweaverCS6的主界面8
1．3网页标准技术与HTML510
1．3．1网页结构语言11
1．3．2在DreamweaverCS6中创建
HTML5文档13
1．3．3HTML5常用标签15
1．3．4HTML5新增标签21
1．4综合案例22
1．4．1用记事本编写一个网页文档22
1．4．2用DreamweaverCS6制作
网页文档23
1．4．3编写代码实现简单网页23
习题24
第2章网页整体规划设计26
2．1网页设计基础26
2．1．1网页布局类型26
2．1．2网页整体造型31
2．1．3网页设计要素31
2．2确定网站主题32
2．2．1网站的设计流程32
2．2．2网站主题的确定33
2．3前期规划与内容组织34
2．3．1网站的需求分析34
2．3．2网站的内容组织34
2．4色彩基础知识35
2．4．1色彩理论35
2．4．2216网页安全颜色37
2．5网站中的色彩应用38
2．5．1网页色彩规则38
2．5．2网页元素之间色彩搭配39
2．6综合案例：饰品销售网站主页整体
?设计40
习题41
第3章建立本地站点42
3．1创建本地站点42
3．1．1什么是站点42
3．1．2创建本地站点的步骤43
3．2管理本地站点44
3．2．1切换站点44
3．2．2站点的其他操作44
3．3综合案例：创建“我的第一个网站”47
习题48
第4章制作文本50
4．1创建文档50
4．1．1新建文档50
4．1．2保存文档51
4．1．3打开文档52
4．2文本编辑52
4．2．1输入文本52
4．2．2设置文本格式54
4．2．3设置文本样式54
4．2．4段落编辑58
4．2．5在页面中添加其他元素59
4．3在文本中添加项目符号和编号61
4．3．1添加项目符号和编号61
4．3．2修改项目符号和编号63
4．4水平线、网格与标尺63
4．4．1水平线63
4．4．2网格66
4．4．3标尺67
4．5综合案例：制作文本67
习题68
第5章图像与多媒体70
5．1网页中常用的图像格式70
5．1．1GIF格式图像70
5．1．2JPEG格式图像70
5．1．3PNG格式图像71
5．2插入与设置图像71
5．2．1在网页中插入图像71
5．2．2设置图像属性72
5．3插入其他图像元素73
5．3．1插入图像占位符73
5．3．2插入鼠标光标经过图像74
5．4多媒体在网页中的应用76
5．4．1添加Flash动画对象76
5．4．2插入FLV视频78
5．4．3网络中的音频文件类型80
5．4．4网络中的视频文件类型80
5．4．5在网页中插入Shockwave影片81
5．4．6在网页中插入ActiveX控件82
5．4．7在网页中插入插件83
5．4．8在网页中插入背景音乐84
5．5综合案例：多媒体制作85
5．5．1插入图片86
5．5．2在网页中添加音、视频媒体87
习题89
第6章网页中的超链接90
6．1超链接概述90
6．1．1超链接的定义90
6．1．2超链接的类型90
6．2关于链接路径91
6．2．1绝对路径92
6．2．2相对路径92
6．2．3根路径93
6．3创建超链接的方法94
6．3．1使用“属性”面板创建超链接94
6．3．2使用指向文件图标创建超链接94
6．3．3使用菜单创建超链接94
6．4各种类型超链接的创建95
6．4．1文本超链接95
6．4．2下载文件链接99
6．4．3创建电子邮件超链接100
6．4．4图像超链接101
6．4．5创建锚记超链接103
6．4．6创建空链接104
6．4．7创建脚本超链接105
6．5管理超链接105
6．5．1自动更新链接106
6．5．2在站点范围内更改链接106
6．5．3检查站点中的链接错误107
6．6综合案例：创建“我爱摄影网”108
习题110
第7章表格使用与简单页面
布局111
7．1创建表格111
7．1．1插入表格111
7．1．2在表格中输入网页元素113
7．2设置表格及单元格的属性116
7．2．1设置表格属性116
7．2．2设置单元格属性117
7．3表格与单元格具体操作121
7．3．1表格的操作121
7．3．2网页中表格行与列的操作122
7．3．3单元格的操作124
7．4表格的进一步操作131
7．4．1表格分隔线与边框操作131
7．4．2表格特效设置133
7．5表格扩展模式134
7．5．1表格扩展模式的进入和退出134
7．5．2表格扩展模式的应用135
7．6综合案例：用表格布局模式设计
?网页138
习题140
第8章设计框架网页141
8．1框架网页141
8．1．1框架网页概述141
8．1．2创建各种框架141
8．1．3编辑框架集143
8．1．4向框架中添加内容145
8．1．5保存框架集146
8．2框架属性148
8．2．1布局框架基本属性148
8．2．2框架链接151
8．2．3框架标签152
8．3内嵌框架Iframe154
8．3．1关于Iframe154
8．3．2Iframe属性155
8．4综合案例：布置框架157
习题158
第9章CSS样式表与Div布局159
9．1CSS的基本概念159
9．1．1CSS简介160
9．1．2CSS基本语法160
9．1．3CSS样式的分类161
9．1．4CSS选择器162
9．1．5在DreamweaverCS6中
使用CSS样式表166
9．2设置文本CSS样式170
9．2．1设置文字样式170
9．2．2设置文本对象样式172
9．3修饰背景和边框173
9．3．1背景颜色和背景图像173
9．3．2设置边框样式175
9．4盒模型176
9．4．1盒模型简介176
9．4．2设置标签的显示方式178
9．5CSS+Div布局178
9．5．1Div标签179
9．5．2span标签180
9．5．3三种布局方式181
9．6综合案例184
9．6．1使用CSS实现网页图文混排
效果184
9．6．2使用CSS+Div布局网页185
习题187
第10章使用行为189
10．1认识行为189
10．1．1行为189
10．1．2事件189
10．1．3动作190
10．2行为的基本操作191
10．2．1“行为”面板191
10．2．2添加行为192
10．2．3编辑行为192
10．3文本类行为193
10．3．1弹出消息193
10．3．2设置状态栏文本194
10．4图像类行为194
10．5代码属性类行为196
10．6跳转类行为197
10．7效果类行为198
10．8综合案例：制作一个摄影
?网站198
习题200
第11章网页交互和特效201
11．1网页的交互行为201
11．1．1拖动AP元素201
11．1．2显示隐藏元素203
11．2Spry框架204
11．2．1Spry效果205
11．2．2Spry菜单栏205
11．2．3Spry选项卡式面板207
11．2．4Spry折叠式207
11．2．5Spry可折叠面板208
11．3综合案例：制作导航条208
习题211
第12章网页表单的应用212
12．1网页中的表单知识212
12．1．1网页中表单概述213
12．1．2创建表单域213
12．2插入文本域215
12．2．1文本字段215
12．2．2创建文本区域217
12．3插入单选按钮和单选按钮组218
12．3．1插入单个单选按钮218
12．3．2插入单选按钮组219
12．4插入复选框和复选框组220
12．4．1插入单个复选框220
12．4．2插入复选框组221
12．5插入列表和菜单221
12．5．1菜单表单221
12．5．2列表表单223
12．5．3跳转菜单224
12．6插入按钮和文件域226
12．6．1按钮表单227
12．6．2插入文件域228
12．7验证表单内容229
12．7．1Spry表单验证技术229
12．7．2Spry验证文本域229
12．7．3Spry验证密码域230
12．7．4Spry验证文本区域231
12．7．5Spry验证列表231
12．7．6Spry验证单选按钮232
12．7．7Spry验证复选框232
12．8综合案例233
习题235
第13章网站综合设计与制作
实例237
13．1班级网站的规划与设计237
13．1．1网站定位237
13．1．2网站需求分析237
13．1．3栏目设计238
13．1．4站点定义与目录管理238
13．1．5班级网站的风格设计238
13．2网页设计与制作239
13．2．1页面布局239
13．2．2制作网站首页241
13．2．3二级页面的制作250
13．2．4内容页面的制作252
习题252