网页制作与网站组建（CC 2015中文版）从新手到高

时间：2023-07-07 03:42:02 | 来源：营销百科

时间：2023-07-07 03:42:02 来源：营销百科

网页制作与网站组建（CC 2015中文版）从新手到高手目录：第1章 网页设计基础 1

1.1 网站设计概述 2

1.1.1 网站整体策划 2

1.1.2 网页设计任务 2

1.1.3 网页设计实现 4

1.2 网页设计与开发技术 6

1.2.1 前台技术 6

1.2.2 后台技术 7

1.3 网页构成与布局 8

1.3.1 网页版块构成 8

1.3.2 网页布局 9^[1]

1.4 网页配色 10

1.4.1 色彩的基础概念 10

1.4.2 色彩的模式 14

1.4.3 自定义网页颜色 15

1.4.4 色彩推移 16

1.5 网页的艺术表现与风格设计 17

1.5.1 网页形式的艺术表现 17

1.5.2 网页构成的艺术表现 19

1.5.3 网页纹理的艺术表现 20

1.5.4 网页设计风格类型 22^[1]

第2章网页图像设计基础 24

2.1PhotoshopCC2015简介 25

2.1.1Photoshop基本功能 25

2.1.2PhotoshopCC2015新增

功能 26

2.1.3Photoshop窗口界面 28

2.2Photoshop基本操作 32

2.2.1文件操作 32

2.2.2图像操作 32

2.3选取区域与绘制 34

2.3.1使用选框工具 34

2.3.2使用套索工具 36

2.3.3使用魔棒工具 37

2.3.4【色彩范围】命令 37

2.3.5选区基本操作 39

2.4练习：设计网站Logo 41

2.5练习：制作个人博客网页界面 44

2.6新手训练营 48

第3章网页图像处理 51

3.1应用图层 52

3.1.1图层的基本操作 52

3.1.2图层分组 54

3.1.3图层的混合模式 55

3.1.4图层样式 58

3.2绘制与修复图像 59

3.2.1画笔工具 59

3.2.2图章工具 61

3.2.3填充工具 62

3.3使用路径效果 63

3.3.1钢笔工具 63

3.3.2自由钢笔工具 64

3.3.3几何图路径 64

3.3.4形状路径 66

3.4创建图像文本 67

3.4.1创建文本 67

3.4.2创建段落文本 68

3.4.3修改文字外观 68

3.4.4文字绕路径 69

3.5练习：设计化妆品广告网幅 70

3.6练习：制作火焰特效文字 73

3.7新手训练营 77

第4章网页界面设计 80

4.1应用蒙版 81

4.1.1快速蒙版 81

4.1.2剪贴蒙版 81

4.1.3图层蒙版 82

4.1.4矢量蒙版 83

4.2应用滤镜 85

4.2.1校正性滤镜 85

4.2.2破坏和效果性滤镜 87

4.2.3AdobeCameraRaw滤镜 87

4.3应用3D效果 89

4.3.1创建3D对象 89

4.3.2编辑3D对象 90

4.3.3设置3D对象属性 91

4.4优化设置 93

4.4.1制作切片 93

4.4.2优化图像 94

4.5练习：制作喷溅边框 95

4.6练习：制作网页首页 98

4.7新手训练营 102

第5章网页动画设计 105

5.1FlashCC简介 106

5.1.1FlashCC的工作界面 106

5.1.2FlashCC的新增功能 107

5.1.3网页动画形式 108

5.2管理库资源 109

5.2.1导入动画素材 109

5.2.2创建元件 109

5.3绘制矢量图形 111

5.3.1使用线条工具 111

5.3.2使用铅笔工具 111

5.3.3使用椭圆工具 112

5.3.4设置颜色工具 113

5.3.5使用矩形工具 114

5.4对象的基本操作 115

5.4.1选择固定区域 115

5.4.2选择不规则区域 116

5.4.3任意变形形状 116

5.5设置动画文本 117^[2]

5.5.1创建文本 117

5.5.2编辑文本 117

5.6练习：制作古诗鉴赏界面 118

5.7练习：制作邮票 120

5.8新手训练营 123

第6章交互动画设计 125

6.1Flash滤镜和色彩 126

6.1.1滤镜 126

6.1.2色彩效果 128

6.2传统动画设计 129

6.2.1补间形状动画 129

6.2.2传统补间动画 130

6.2.3运动引导动画 131

6.2.4遮罩动画 132

6.2.5逐帧动画 133

6.3补间动画设计 133

6.3.1补间动作动画 133

6.3.2动画编辑器 134

6.4练习：制作圣诞贺卡 135

6.5练习：制作网页时尚广告 138

6.6新手训练营 142

第7章设置网页文本 144

7.1DreamweaverCC简介 145

7.1.1DreamweaverCC新增

功能 145

7.1.2DreamweaverCC工作

界面 147

7.2设置网页文档 148

7.2.1创建站点 148

7.2.2创建网页文档 150

7.2.3设置网页属性 151

7.3设置网页文本 154

7.3.1插入网页文本 154

7.3.2设置文本属性 155

7.3.3插入特殊文本 156

7.4设置文档列表 157

7.4.1项目列表与编号 157

7.4.2嵌套项目列表 158

7.4.3设置列表属性 159

7.5设置文本格式 159

7.5.1设置HTML样式 159

7.5.2设置段落样式 160

7.6练习：制作诗词欣赏页 162

7.7练习：制作班级管理制度 164

7.8新手训练营 167

第8章设置网页图像元素 170

8.1添加图像 171

8.1.1网页图像格式 171

8.1.2插入图像 171

8.1.3设置图像属性 172

8.2编辑图像 173

8.2.1更改图像 173

8.2.2调整图像 174

8.2.3使用图像热点 175

8.3插入图像对象 176

8.3.1插入背景图像 176

8.3.2插入Photoshop智能

对象 176

8.4练习：制作招商信息网页 178

8.5练习：制作新闻图片网页 181

8.6新手训练营 186

第9章设置网页链接 189

9.1创建文本与图像链接 190

9.1.1创建文本链接 190

9.1.2创建图像链接 191

9.2编辑链接 191

9.2.1检查链接状态 191

9.2.2测试链接 192

9.2.3更改所有链接 192

9.2.4设置新链接的相对路径 193

9.3创建其他链接 193

9.3.1创建电子邮件链接 193

9.3.2创建脚本链接 194

9.3.3创建空链接 194

9.3.4创建文件下载链接 195

9.3.5创建锚记链接 195

9.4练习：制作页面导航条 196

9.5练习：制作网站引导页 198

9.6新手训练营 200

第10章设计多媒体网页 203

10.1插入Flash 204

10.1.1插入Flash动画 204

10.1.2插入Flash视频 205

10.2插入HTML5媒体 207

10.2.1插入HTML5音频207

10.2.2插入HTML5视频 208

10.2.3HTML5媒体属性 209

10.2.4HTML5媒体方法 212

10.2.5HTML5媒体事件 213

10.3插入其他媒体对象 214

10.3.1插入EdgeAnimate 214

10.3.2插入媒体插件 215

10.4练习：制作音乐播放网页 216

10.5练习：制作导航条版块 219^[2]

10.6新手训练营 222

第11章传统方式布局 224

11.1创建表格 225

11.1.1插入表格 225

11.1.2创建嵌套表格 225

11.1.3添加表格内容 226

11.2编辑表格 227

11.2.1选择表格 227

11.2.2调整表格 227

11.2.3操作单元格 229

11.3设置表格 230

11.3.1设置表格属性 230

11.3.2设置单元格属性 231

11.4处理表格数据 231

11.4.1排序数据 231

11.4.2导入/导出表格数据 232

11.5应用IFrame框架 233

11.5.1IFrame框架概述 233

11.5.2插入IFrame框架 234

11.5.3链接IFrame框架页面 235

11.6练习：制作个人简历 235

11.7练习：制作购物车页 240

11.8新手训练营 242

第12章设计表单元素 244

12.1添加表单 245

12.1.1表单概述 245

12.1.2插入表单 245

12.2添加文本和网页元素 247

12.2.1添加文本元素 247

12.2.2添加网页元素 249

12.3添加日期和时间元素 252

12.3.1添加月和周对象 252

12.3.2添加日期时间对象 253

12.4添加选择与按钮元素 254

12.4.1添加选择元素 254

12.4.2添加按钮元素 257

12.5练习：制作用户注册页面 259

12.6练习：制作问卷调查表 263

12.7新手训练营 266

第13章XHTML标记语言 268

13.1XHTML基本语法 269

13.1.1XHTML概述 269

13.1.2XHTML文档结构 269

13.1.3XHTML文档类型声明 270

13.2XHTML语法规范和属性 270

13.2.1XHTML语法规范 271

13.2.2XHTML标准属性 272

13.3XHTML常用元素 273

13.3.1块状标签 273

13.3.2内联标签 275

13.3.3按钮标签 276

13.3.4内联框架标签 277

13.4练习：制作友情链接页面 278

13.5练习：制作全景图像欣赏页面 282

13.6新手训练营 284

第14章设计网页元素样式 287

14.1CSS样式概述 288

14.1.1了解CSS样式 288

14.1.2CSS样式分类 289

14.1.3CSS书写规范 290

14.2使用【CSS设计器】面板 291

14.2.1源 291

14.2.2@媒体 293

14.2.3选择器 294

14.2.4属性 294

14.3CSS选择器和方法 295

14.3.1CSS选择器 295

14.3.2CSS选择方法 297

14.4设置CSS样式 298

14.4.1设置布局样式 298

14.4.2设置文本样式 299

14.4.3设置边框样式 301

14.4.4设置背景样式 301

14.5使用CSS过渡效果 302

14.5.1创建CSS过渡效果 302

14.5.2编辑CSS过渡效果 303

14.6练习：制作多彩时尚页 303

14.7练习：制作图片新闻页 306

14.8新手训练营 309

第15章布局网页 311

15.1应用Div标签 312

15.1.1了解Div标签 312

15.1.2插入Div标签 312

15.1.3编辑Div标签 313

15.2CSS盒模型 314

15.2.1盒模型概述 314

15.2.2设置盒模型属性 315

15.2.3CSS3.0新增盒模型属性 317

15.3CSS布局方式 318

15.3.1流动布局 318

15.3.2浮动布局 319

15.3.3绝对定位布局 320

15.4练习：制作企业网页 322

15.5练习：制作家居网页 324

15.6新手训练营 327

第16章网页行为特效 329

16.1网页行为概述 330

16.1.1什么是行为 330

16.1.2行为面板概述 330

16.2设置文本信息行为 331

16.2.1设置容器文本 331

16.2.2设置文本域文字 331

16.2.3设置状态栏文本 332

16.2.4设置框架文本 332

16.3设置网页信息行为 333

16.3.1设置窗口信息行为 333

16.3.2设置图像信息行为 334

16.3.3设置跳转信息行为 335

16.3.4设置其他网页信息行为 336

16.4设置jQuery效果 338

16.4.1设置Blind效果 338

16.4.2设置Highlight效果 339

16.4.3其他jQuery效果 339

16.5练习：制作网页导航 340

16.6练习：制作企业首页 343

16.7新手训练营 347^[2]