网页设计与制作实例教程

《网页设计与制作实例教程(附光盘工业和信息化人才培养规划教材)》以培养职业能力为核心，以工作实践为主线，以实例应用为导向，建立以企业工作流程为框架的现代职业教育课程结构，面向网页设计师岗位设置课程内容。
《网页设计与制作实例教程(附光盘工业和信息化人才培养规划教材)》教学内容采用模块化的编写思路，主要有网页设计概述、网站规划与制作流程、网页效果图设计、dreamweaver创建基本网页、多媒体元素的制作与应用、框架与表格布局页面、html语言应用、css样式表的应用、模板与库的应用、javascript脚本应用、html+css页面布局、网站的测试与发布、综合教学实例、项目开发综合实训14个主教学模块，构成了系统的课程教学内容体系，所有教学内容符合岗位需求。同时本书以“书法家庄辉个人网站”项目贯穿始终讲解了静态网站的开发过程，同时又以“淮安市专用汽车制造有限公司网站”作为综合实例系统讲解了动态网站的开发过程。初级网页设计师通过本书的学习，辅助项目实训的系统锻炼必将胜任企业网页设计师的岗位。
本书结构合理，内容丰富，实用性强，可以作为计算机类专业、商务类专业、艺术类专业的教学用书，也可以作为培训教程，还可以作为相关专业从业人员的自学用书。
本书由刘万辉任主编，俞宁任主审。

目  录

第1章  网页设计概述  1
1.1  网页、网站的概念  1
1.1.1  网页、网站和主页  1
1.1.2  专业术语  1
1.1.3  静态网页和动态网页  3
1.2  Web标准  4
1.2.1  Web标准的概念  4
1.2.2  建立Web标准的目的  4
1.2.3  采用Web标准的优点  4
1.3  常用网页制作软件  5
1.3.1  网页图形图像处理工具  5
1.3.2  网站页面的编辑工具  6
1.3.3  网页动画的制作工具  7
1.3.4  网页CMS系统应用软件  8
1.3.5  网页上传工具  9
1.4  实例1：优秀网站的赏析与搜集  11
1.4.1  优秀网页实例欣赏  11
1.4.2  实例拓展：网页界面的收集与整理  13
1.5  习题  14

第2章  网站规划与制作流程  15
2.1  网站规划的内容及原则  15
2.1.1  网站策划的一般内容  15
2.1.2  网站形象策划原则  16
2.2  实例1：专业建设网站制作流程  18
2.2.1  前期策划与内容组织  18
2.2.2  收集和整理资料  20
2.2.3  网站效果图的设计制作  20
2.2.4  网站页面的设计制作  21
2.2.5  静态页面的动态化  22
2.2.6  网站测试与发布  23
2.2.7  站点的更新与维护  23
2.3  实例2：书法家庄辉网站项目规划  23
2.3.1  网站策划书的要点  23
2.3.2  书法家庄辉网站策划书  25
2.4  习题  27

第3章  网页效果图设计  28
3.1  网页色彩概述  28
3.1.1  色彩的基本理论  28
3.1.2  颜色的含义  29
3.2  网页配色方案  30
3.2.1  网页配色的原则  30
3.2.2  网页配色的方法  31
3.3  网站版式布局  33
3.3.1  网页版式布局的要点  33
3.3.2  版式构成的类型  34
3.3.3  网页布局类型的确定方法  35
3.4  Photoshop应用基础  38
3.4.1  认识Photoshop CS5界面  38
3.4.2  Photoshop CS5的基本操作  39
3.4.3  图层的相关应用  46
3.4.4  Photoshop CS5专业快捷键的应用  49
3.5  实例1：书法家庄辉主页效果图设计  49
3.5.1  实例制作过程  49
3.5.2  实例拓展1：企业Logo的制作  52
3.5.3  实例拓展2：网页效果图切片  54
3.6  Photoshop高级应用  55
3.6.1  通道的概念与使用技巧  55
3.6.2  蒙板的概念与使用技巧  57
3.6.3  路径的概念与使用技巧  58
3.7  实例2：书法家庄辉模板页效果图设计  61
3.7.1  实例实施过程  61
3.7.2  实例拓展：线的制作与使用技巧  65
3.8  习题  66

第4章  Dreamweaver创建基本网页  67
4.1  Dreamweaver CS5入门  67
4.1.1  Dreamweaver CS5工作环境  67
4.1.2  Dreamweaver CS5的参数设置  71
4.2  制作简单网页  72
4.2.1  创建网站站点  73
4.2.2  新建与保存网页  75
4.2.3  页面属性设置  75
4.2.4  网页的基本排版  77
4.2.5  插入图像  79
4.3  插入表格、超级链接与Flash  80
4.3.1  Dreamweaver插入表格  80
4.3.2  Dreamweaver插入超级链接  81
4.3.3  Dreamweaver插入Flash元素  82
4.4  实例：书法家庄辉个人介绍页面制作  83
4.4.1  实例设计思路  83
4.4.2  实例实施过程  84
4.5  练习  87

第5章  多媒体元素的制作与应用  89
5.1  多媒体对象的基本知识  89
5.1.1  音频媒体的格式  89
5.1.2  视频媒体的格式  90
5.2  多媒体素材的制作  91
5.2.1  FlashPaper电子文档的制作方法  91
5.2.2  屏幕录制视频的方法  92
5.3  常用动画制作软件  93
5.3.1  Photoshop的“动画”面板  93
5.3.2  Photoshop制作过渡动画  94
5.3.3  Flash Swish软件认识  95
5.4  实例：书法家庄辉个人网站动画的设计  96
5.4.1  实例展示  96
5.4.2  实例实施过程  97
5.5  插入多媒体元素  99
5.5.1  插入视频与音频元素  99
5.5.2  插入FlashPaper电子文档  100
5.5.3  插入背景音乐  100
5.6  习题  101

第6章  框架与表格布局页面  102
6.2  框架布局的基本应用  102
6.1.1  框架面板  102
6.1.2  创建框架页  103
6.1.3  框架的选择与保存  104
6.1.4  设置框架的属性  104
6.1.5  设置框架集的属性  105
6.2  实例1：无名山人作品集框架网页  105
6.2.1  实例设计思路  105
6.2.2  实例实施过程  107
6.3  实例2：淮安市维达科技有限公司网站布局  109
6.3.1  实例设计思路  109
6.3.2  实例实施过程  109
6.4  习题  113

第7章  HTML语言应用  114
7.1  HTML的基本概念  114
7.1.1  HTML简介  114
7.1.2  HTML的结构  114
7.1.3  HTML的标记  115
7.2  与标签  116
7.2.1  标签  116
7.2.2  标签  117
7.3  文字段落与多媒体元素  117
7.3.1  文字段落相关标记  117
7.3.2  网页中插入图片标签  120
7.3.3  播放音频与视频  120
7.4  列表  121
7.4.1  无序列表