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

网页设计与制作实例教程PDF格式电子书版下载

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

第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 插入表格、超级链接与Flash80

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.1 框架布局的基本应用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 〈head〉与〈body〉标签116

7.2.1 〈head〉标签116

7.2.2 〈body〉标签117

7.3 文字段落与多媒体元素117

7.3.1 文字段落相关标记117

7.3.2 网页中插入图片标签〈img〉120

7.3.3 播放音频与视频120

7.4 列表121

7.4.1 无序列表〈ul〉121

7.4.2 有序列表〈ol〉121

7.4.3 嵌套列表122

7.5 表格122

7.5.1 表格的基本结构123

7.5.2 表格的尺寸设置124

7.5.3 表格内文字的对齐与合并124

7.6 超链接125

7.6.1 创建内部超链接125

7.6.2 创建文字超链接125

7.6.3 创建图片超链接126

7.7 插入表单127

7.7.1 表单的定义127

7.7.2 表单控件127

7.8 框架的使用131

7.8.1 框架集131

7.8.2 子窗口〈frame〉标签的设定132

7.9 实例1：现代教育技术中心网站HTML编辑133

7.9.1 实例设计思路133

7.9.2 实例实施过程133

7.10 实例2：客户留言信息表单编辑137

7.11 实例3：无名山人作品集框架页HTML编辑138

7.12 习题139

第8章 CSS样式表的应用140

8.1 CSS简介140

8.1.1 CSS的概念140

8.1.2 CSS的特点141

8.1.3 样式表的规则141

8.2 创建新样式表与应用样式表141

8.2.1 “CSS样式”面板141

8.2.2 “新建CSS规则”对话框142

8.2.3 新建与应用CSS样式143

8.2.4 链接外部CSS样式表144

8.3 CSS的规则定义145

8.3.1 定义CSS样式“类型”属性145

8.3.2 定义CSS样式“背景”属性146

8.3.3 定义CSS样式“区块”属性146

8.3.4 定义CSS样式“方框”属性147

8.3.5 定义CSS样式“边框”属性148

8.3.6 定义CSS样式“列表”属性149

8.3.7 定义CSS样式“定位”属性149

8.3.8 定义CSS样式“扩展”属性150

8.4 实例：淮安市高校教学资源共建共享平台CSS样式设计150

8.5 习题154

第9章 模板与库的应用155

9.1 模板155

9.1.1 模板的概念155

9.1.2 模板的新建155

9.1.3 定义可编辑区域157

9.2 模板的应用158

9.3 库159

9.3.1 库的概念159

9.3.2 库项目的创建160

9.3.3 编辑库项目161

9.4 实例：书法家庄辉个人网站模板应用161

9.4.1 模板与库的设计161

9.4.2 创建库项目162

9.4.3 网站模板的创建162

9.4.4 应用模板创建并编辑网页163

9.5 习题164

第10章 JavaScript脚本应用165

10.1 JavaScript应用基础165

10.1.1 JavaScript简介165

10.1.2 JavaScript的特点165

10.1.3 网页中应用JavaScript的方法及定义166

10.2 基于对象的JavaScript脚本语言166

10.2.1 对象及相关概念166

10.2.2 DHTML对象模型简介168

10.2.3 事件介绍168

10.3 Spry构件应用169

10.3.1 Spry菜单栏构件169

10.3.2 Spry选项卡式面板构件170

10.3.3 Spry折叠构件171

10.4 常用的JavaScript特效应用实例172

10.4.1 实例1：日期显示效果172

10.4.2 实例2：图片展示幻灯片Flash切换效果172

10.4.3 实例3：图片展示幻灯片切换效果174

10.4.4 实例4：文本或图像滚动效果176

10.4.5 实例5：网页飘动广告效果177

10.5 实例：验证用户登录界面178

10.6 习题181

第11章 HTML＋CSS页面布局183

11.1 DIV布局基础183

11.1.1 理解表现和内容的分离183

11.1.2 选择符的分类184

11.1.3 类标签与id标签的应用185

11.1.4 元素的继承性与分类187

11.2 DIV＋CSS布局基础187

11.2.1 CSS盒模型187

11.2.2 CSS布局基础189

11.2.3 单行单列结构190

11.2.4 二列布局结构191

11.2.5 三列式布局结构196

11.3 实例：数字化教学资源平台网站布局199

11.3.1 效果图的分析与切片199

11.3.2 制作站点的首页头部200

11.3.3 制作首页的主体部分204

11.3.4 制作首页的底部214

11.4 习题215

第12章 网站的测试与发布216

12.1 网站的整合216

12.2 本地站点测试网站217

12.2.1 网站测试的参数217

12.2.2 实例：测试书法家庄辉个人网站217

12.3 网站的发布220

12.3.1 域名申请220

12.3.2 申请空间221

12.3.3 申请免费域名、空间221

12.3.4 设置远程站点222

12.3.5 连接服务器223

12.3.6 文件的上传和下载223

12.3.7 测试发布后的网站224

12.4 习题224

第13章 淮安市专用汽车制造有限公司网站建设225

13.1 项目目标与项目展示225

13.1.1 项目展示225

13.1.2 项目目标225

13.2 项目资讯226

13.2.1 网站需求分析226

13.2.2 网站的风格定位226

13.2.3 规划草图227

13.3 项目计划227

13.4 效果图与静态页面制作228

13.4.1 效果图设计228

13.4.2 效果图切片导出网页231

13.4.3 后期网页编辑232

13.4.4 动画制作236

13.4.5 动画的使用237

13.5 动态网站管理系统与静态页面的融合237

13.5.1 搜索网站管理平台238

13.5.2 静态前台与动态后台的文件整合239

13.5.3 IIS的安装与配置239

13.5.4 系统登录与栏目的设置241

13.5.5 网站内容的添加242

13.5.6 网站模板的添加243

13.5.7 前台网站调用后台程序245

13.5.8 网站测试与后期完善247

13.6 习题248

第14章 项目开发综合实训249

14.1 网页设计师职业成长规律249

14.1.1 从初学者到专家249

14.1.2 网页设计师的现状分析249

14.1.3 网页设计师的岗位要求与学习重点250

14.2 网站开发规范253

14.2.1 组建开发团队253

14.2.2 开发工具253

14.2.3 网站开发流程254

14.2.4 文件夹文件名命名规范255

14.2.5 网站首页head区代码规范255

14.2.6 网站建设尺寸规范256

14.3 实训任务安排256

14.4 项目进展计划257

14.5 实训报告书258

参考文献259