新書推薦：
《
重写晚明史（全5册 精装）
》
售價：HK$
781.8
《
汉末晋初之际政治研究
》
售價：HK$
132.2
《
强者破局：资治通鉴成事之道
》
售價：HK$
80.6
《
鸣沙丛书·鼎革：南北议和与清帝退位
》
售價：HK$
121.0
《
从康德到黑格尔的发展：兼论宗教哲学（英国观念论名著译丛）
》
售價：HK$
60.5
《
突破不可能：用特工思维提升领导力
》
售價：HK$
77.3
《
王阳明大传：知行合一的心学智慧（精装典藏版）
》
售價：HK$
221.8
《
失衡与重塑——百年变局下的中国与世界经济
》
售價：HK$
132.2
|
| 編輯推薦： |
清华大学出版社“案例课堂”大系
丛书以案例的形式讲解软件的内容，读者可以在实践中熟练掌握软件的使用方法。
每一个案例都精挑细选，同时配有全程语音讲解的视频文件，方便读者学习。
案例的选材广泛，涉及到软件应用的各个领域、各个行业，学习无死角。
“CG设计”系列全彩精印，同等价位下内容更多，同等内容下更实惠。
“网站开发”系列附赠超值，全面学习无障碍：
CSS属性速查表
HTML标签速查表
网页布局案例赏析
精彩网站配色方案赏析
精选JavaScript实例
JavaScript函数速查手册
CSS+DIV布局案例赏析
案例源文件与教学课件
|
| 內容簡介： |
本书采取“Dreamweaver网页设计→Photoshop图片设计→Flash动画设计→网页美化布局→动态网站实战”的讲解模式，深入浅出地讲解用Dreamweaver+Flash +Photoshop设计网页和开发动态网站的各项技术以及实战技能。
本书第1篇为Dreamweaver网页设计，主要讲解网页设计与网站建设认知、网站建设基本流程、Dreamweaver CS6创建网站站点、添加网页基本元素、设计网页超链接、使用网页表单和行为等；第2篇为Photoshop图像设计，主要讲解选取并调整网页图像、制作网页特效文字、制作特效网页元素、制作网站Logo与Banner、制作网页导航条、制作网页按钮与特效边线等；第3篇为Flash动画设计，主要讲解制作简单网站动画、制作动态网站Logo与Banner、测试和优化Flash作品等；第4篇为网页美化布局，主要讲解使用CSS样式表美化网页、网页布局典型范例等；第5篇为动态网站实战，主要讲解构建动态网站的运行环境、定义动态网站与使用MySQL数据库、动态网站应用模块开发、电子商务类网站开发实战等。另外，本书附赠的DVD光盘中包含了丰富的资源，诸如实例素材文件、教学幻灯片、精品教学视频、网页样式与布局案例赏析、Dreamweaver CS6中的快捷键和技巧、HTML标签速查表、精彩网站配色方案赏析、CSS+DIV布局赏析案例、Web前端工程师常见面试题、88类实用网页模板等。
本书面向初、中级用户，适合任何想学习用Dreamweaver+Flash+Photoshop设计网页的人员，无论您是否从事计算机相关行业，无论您是否接触过Dreamweaver+Flash+Photoshop，通过学习本书均可快速掌握用Dreamweaver+Flash+Photoshop设计网页和开发动态网站的方法和技巧。
|
| 目錄：
|
目 录
第1篇 Dreamweaver网页设计篇
第1章 网页设计与网站建设认知3
1.1 认识网页和网站4
1.1.1 什么是网页4
1.1.2 什么是网站4
1.1.3 网站的种类和特点5
1.2 网页的相关概念6
1.2.1 因特网与万维网6
1.2.2 浏览器与HTML6
1.2.3 URL、域名与IP地址7
1.2.4 上传和下载8
1.3 网页的HTML文档构成8
1.3.1 文档标签8
1.3.2 头部标签9
1.3.3 主体标签9
1.4 HTML的常用标签10
1.4.1 标题标签h1到h610
1.4.2 段落标签p11
1.4.3 换行标签br12
1.4.4 链接标签a13
1.4.5 列表标签ul14
1.4.6 图像标签img16
1.4.7 表格标签table19
1.4.8 框架标签frame20
1.4.9 表单标签form22
1.4.10 注释标签!23
1.4.11 移动标签marquee24
1.5 实战演练——制作日程表25
1.6 跟我练练手28
1.6.1 练习目标28
1.6.2 上机练习28
1.7 高手甜点28
第2章 网站建设基本流程31
2.1 建站方式32
2.1.1 自助建站32
2.1.2 智能建站33
2.1.3 专业设计34
2.2 建站流程34
2.2.1 网站规划34
2.2.2 搜集资料34
2.2.3 制作网页35
2.2.4 网站测试36
2.2.5 申请域名36
2.2.6 申请空间36
2.2.7 网站备案36
2.2.8 发布网页39
2.2.9 网站推广和维护40
2.3 制作网页的常用软件40
2.3.1 网页布局软件Dreamweaver40
2.3.2 图形图像处理软件Photoshop41
2.3.3 动画制作软件Flash42
2.3.4 软件间的相互关系43
2.4 跟我练练手44
2.4.1 练习目标44
2.4.2 上机练习45
2.5 高手甜点45
第3章 磨刀不误砍柴工——用
Dreamweaver 创建网站站点47
3.1 认识Dreamweaver的工作环境48
3.1.1 启动Dreamweaver48
3.1.2 认识Dreamweaver的工作区49
3.1.3 熟悉Dreamweaver CS6的面板52
3.2 创建站点54
3.2.1 创建本地站点54
3.2.2 使用【文件】面板创建站点55
3.3 管理站点56
3.3.1 打开站点56
3.3.2 编辑站点56
3.3.3 删除站点57
3.3.4 复制站点58
3.4 操作站点文件及文件夹58
3.4.1 创建文件夹58
3.4.2 创建文件59
3.4.3 文件或文件夹的移动和复制60
3.4.4 删除文件或文件夹60
3.5 实战演练——建立站点文件和文件夹61
3.6 跟我练练手62
3.6.1 练习目标62
3.6.2 上机练习62
3.7 高手甜点63
第4章 制作我的第一个网页——添加
网页内容要素65
4.1 文档的基本操作66
4.1.1 创建空白文档66
4.1.2 设置页面属性66
4.2 使用文字美化网页71
4.2.1 插入文字71
4.2.2 设置字体72
4.2.3 设置字号74
4.2.4 设置字体颜色75
4.2.5 设置字体样式76
4.2.6 编辑段落78
4.2.7 检查拼写83
4.2.8 创建项目列表84
4.3 使用图像美化网页87
4.3.1 插入图像87
4.3.2 图像属性设置89
4.3.3 图像的对齐方式91
4.3.4 设置鼠标经过时更换图像效果92
4.3.5 插入图像占位符94
4.4 使用动画美化网页95
4.4.1 插入Flash动画95
4.4.2 插入FLV视频96
4.5 使用其他网页元素美化网页98
4.5.1 插入水平线98
4.5.2 插入日期99
4.5.3 插入特殊字符100
4.6 实战演练——制作图文并茂的网页101
4.7 跟我练练手103
4.7.1 练习目标103
4.7.2 上机练习103
4.8 高手甜点104
第5章 不在网页中迷路——设计网页
超链接105
5.1 链接与路径106
5.1.1 链接的概念106
5.1.2 链接的路径106
5.1.3 链接的类型108
5.2 添加网页超链接108
5.2.1 添加文本链接108
5.2.2 添加图像链接109
5.2.3 创建外部链接110
5.2.4 创建锚记链接111
5.2.5 创建图像热点链接113
5.2.6 创建电子邮件链接114
5.2.7 创建下载文件的链接115
5.2.8 创建空链接116
5.2.9 创建脚本链接117
5.2.10 链接的检查118
5.3 实战演练——为企业网站添加友情
链接119
5.4 跟我练练手119
5.4.1 练习目标119
5.4.2 上机练习120
5.5 高手甜点120
第6章 让网页互动起来——使用网页
表单和行为121
6.1 在网页中插入表单元素122
6.1.1 插入表单域122
6.1.2 插入文本域123
6.1.3 插入单行文本域123
6.1.4 插入多行文本域124
6.1.5 插入密码域124
6.2 在网页中插入复选框和单选按钮125
6.2.1 插入复选框125
6.2.2 插入单选按钮126
6.3 制作网页列表和菜单126
6.3.1 插入下拉菜单126
6.3.2 插入滚动列表127
6.4 在网页中插入按钮128
6.4.1 插入按钮128
6.4.2 插入图像按钮128
6.5 添加网页行为129
6.5.1 打开【行为】面板129
6.5.2 添加行为130
6.6 常用行为的应用131
6.6.1 交换图像131
6.6.2 弹出信息132
6.6.3 打开浏览器窗口133
6.6.4 检查表单行为135
6.6.5 设置状态栏文本137
6.7 实战演练——使用表单制作留言本138
6.8 跟我练练手142
6.8.1 练习目标142
6.8.2 上机练习142
6.9 高手甜点142
第2篇 Photoshop图像设计篇
第7章 网页图像说变就变——选取并
调整网页图像145
7.1 选取网页图像146
7.1.1 【缩放工具】的使用146
7.1.2 【抓手工具】的使用146
7.1.3 选框工具的使用147
7.1.4 【钢笔工具】的使用148
7.1.5 【套索工具】的使用149
7.1.6 【多边形套索工具】的使用149
7.1.7 【磁性套索工具】的使用150
7.1.8 【魔棒工具】的使用151
7.1.9 【快速选择工具】的使用151
7.1.10 【渐变工具】的使用152
7.2 调整网页图像色彩154
7.2.1 使用【亮度对比度】命令调整
图像154
7.2.2 使用【色阶】命令调整图像154
7.2.3 使用【曲线】命令调整图像155
7.2.4 使用【色彩平衡】命令调整
图像156
7.2.5 使用【色相饱和度】命令调整
图像157
7.3 修饰网页图像内容157
7.3.1 使用【污点修复画笔工具】修复
图像158
7.3.2 使用【修复画笔工具】修饰
图像159
7.3.3 使用【仿制图章工具】修饰
图像159
7.3.4 使用【模糊工具】修饰图像160
7.3.5 使用【锐化工具】修饰图像161
7.3.6 使用【涂抹工具】修饰图像162
7.3.7 使用【海绵工具】修饰图像165
7.4 实战演练——为照片更换背景165
7.5 跟我练练手167
7.5.1 练习目标167
7.5.2 上机练习167
7.6 高手甜点167
第8章 有情有义的文字——制作网页
特效文字169
8.1 案例1——制作立体文字170
8.2 案例2——制作水晶文字173
8.3 案例3——制作燃烧的文字174
8.4 案例4——制作特效艺术文字178
8.5 案例5——制作金属字效果184
8.6 案例6——制作闪烁字效果188
8.7 跟我练练手191
8.7.1 练习目标191
8.7.2 上机练习191
8.8 高手甜点192
第9章 网页设计基础——制作特效网页
元素193
9.1 网页图像的图层194
9.1.1 认识【图层】面板194
9.1.2 图层的分类194
9.1.3 创建图层199
9.1.4 隐藏与显示图层199
9.1.5 对齐图层200
9.1.6 合并图层201
9.1.7 设置不透明度和填充202
9.2 设置图像的图层样式204
9.2.1 案例1——光影效果204
9.2.2 案例2——浮雕效果207
9.2.3 案例3——叠加效果208
9.3 设置图像的蒙版效果210
9.3.1 案例4——剪贴蒙版210
9.3.2 案例5——快速蒙版212
9.3.3 案例6——图层蒙版214
9.3.4 案例7——矢量蒙版217
9.4 设置图像的通道218
9.4.1 案例8——复合通道218
9.4.2 案例9——颜色通道222
9.4.3 案例10——专色通道224
9.4.4 案例11——计算法通道226
9.5 设置图像的滤镜效果229
9.5.1 案例12——【镜头校正】
滤镜229
9.5.2 案例13——【消失点】滤镜230
9.5.3 案例14——【风】滤镜232
9.5.4 案例15——【马赛克】滤镜232
9.5.5 案例16——【旋转扭曲】
滤镜233
9.5.6 案例17——【模糊】滤镜234
9.5.7 案例18——【渲染】滤镜235
9.5.8 案例19——【艺术效果】
滤镜238
9.6 实战演练——校正偏红图片240
9.7 跟我练练手242
9.7.1 练习目标242
9.7.2 上机练习242
9.8 高手甜点243
第10章 网页的标志——制作网站Logo
与Banner245
10.1 制作时尚空间感的文字Logo246
10.1.1 案例1——制作背景246
10.1.2 案例2——制作文字内容247
10.1.3 案例3——绘制自定义形状248
10.1.4 案例4——美化文字Logo249
10.2 制作网页图案Logo251
10.2.1 案例5——制作背景251
10.2.2 案例6——制作图案效果253
10.3 制作网页图文结合Logo255
10.3.1 案例7——制作网站Logo中的
图案255
10.3.2 案例8——制作网站Logo中的
文字257
10.4 制作网页英文Banner259
10.4.1 案例9——制作Banner背景259
10.4.2 案例10——制作Banner
底纹260
10.4.3 案例11——制作文字特效261
10.5 制作网页中文Banner262
10.5.1 案例12——输入特效文字262
10.5.2 案例13——将输入的文字设置
为3D效果263
10.5.3 案例14——制作Banner
背景265
10.6 跟我练练手267
10.6.1 练习目标267
10.6.2 上机练习267
10.7 高手甜点267
第11章 制作网页导航条269
11.1 网页导航条简介270
11.2 制作网页导航条270
11.2.1 案例1——制作横向导航条
框架270
11.2.2 案例2——制作横向导航条
斜纹271
11.2.3 案例3——制作纵向导航条273
11.3 跟我练练手276
11.3.1 练习目标276
11.3.2 上机练习276
11.4 高手甜点276
第12章 网页中迷人的蓝海——制作
网页按钮与特效边线279
12.1 制作按钮280
12.1.1 制作普通按钮280
12.1.2 制作迷你按钮282
12.1.3 制作水晶按钮285
12.1.4 制作木纹按钮290
12.2 制作装饰边线293
12.2.1 制作装饰虚线293
12.2.2 制作分割线条296
12.2.3 制作斜纹区域297
12.3 跟我练练手299
12.3.1 练习目标299
12.3.2 上机练习299
12.4 高手甜点299
第3篇 Flash动画设计篇
第13章 制作简单的网站动画303
13.1 Flash的基本功能304
13.1.1 绘制矢量绘图304
13.1.2 设计制作动画304
13.1.3 强大的编程功能305
13.2 认识图层与时间轴305
13.2.1 认识图层305
13.2.2 图层的基本操作306
13.2.3 认识【时间轴】面板309
13.2.4 【时间轴】面板的基本操作310
13.3 制作常用的简单动画311
13.3.1 制作逐帧动画311
13.3.2 制作形状补间动画312
13.3.3 制作补间动画314
13.3.4 制作传统补间动画316
13.4 跟我练练手317
13.4.1 练习目标317
13.4.2 上机练习317
13.5 高手甜点318
第14章 制作动态的网站Logo与
Banner319
14.1 制作滚动文字Logo320
14.1.1 设置文档属性320
14.1.2 制作文字元件321
14.1.3 制作滚动效果321
14.2 制作产品Banner324
14.2.1 制作文字动画324
14.2.2 制作文字遮罩动画326
14.2.3 制作图片动画327
14.3 跟我练练手329
14.3.1 练习目标329
14.3.2 上机练习329
14.4 高手甜点329
第15章 测试和优化Flash作品331
15.1 优化Flash影片332
15.2 输出动画333
15.2.1 SWF动画333
15.2.2 GIF动画336
15.3 影片的发布337
15.3.1 影片的发布设置337
15.3.2 影片的发布预览338
15.4 跟我练练手339
15.4.1 练习目标339
15.4.2 上机练习340
15.5 高手甜点340
第4篇 网页美化布局篇
第16章 读懂样式表密码—— 使用CSS
样式表美化网页343
16.1 初识CSS344
16.1.1 CSS概述344
16.1.2 CSS的作用344
16.1.3 基本CSS语法345
16.2 使用CSS样式美化网页345
16.2.1 使用字体样式美化文字345
16.2.2 使用文本样式美化文本348
16.2.3 使用背景样式美化背景352
16.2.4 使用链接样式美化链接355
16.2.5 使用列表样式美化列表355
16.2.6 使用区块样式美化区块357
16.2.7 使用宽高样式设定宽高359
16.2.8 使用边框样式美化边框360
16.3 使用CSS滤镜美化网页361
16.3.1 CSS滤镜概述361
16.3.2 案例1——Alpha通道滤镜362
16.3.3 案例2——Blur模糊滤镜364
16.3.4 案例3——Chroma透明色
滤镜366
16.3.5 案例4——DropShadow下落
阴影滤镜366
16.3.6 案例5——FlipH水平翻转
滤镜和FlipV垂直翻转滤镜368
16.3.7 案例6——Glow光晕滤镜369
16.3.8 案例7——Gray灰色滤镜370
16.3.9 案例8——Invert反色滤镜371
16.3.10 案例9——Mask遮罩滤镜372
16.3.11 案例10——Shadow阴影
滤镜372
16.3.12 案例11——Wave波浪
滤镜373
16.3.13 案例12——X-rayX射线
滤镜375
16.4 实战演练——设定网页中链接样式375
16.5 跟我练练手379
16.5.1 练习目标379
16.5.2 上机练习379
16.6 高手甜点379
第17章 架构师的大比拼——网页布局
典型范例381
17.1 使用CSS排版382
17.1.1 将页面用DIV分块382
17.1.2 设置各块位置382
17.1.3 用CSS定位383
17.2 固定宽度网页剖析与布局386
17.2.1 网页单列布局模式386
17.2.2 网页1-2-1型布局模式390
17.2.3 网页1-3-1型布局模式394
17.3 自动缩放网页1-2-1型布局模式398
17.3.1 “1-2-1”等比例变宽布局399
17.3.2 “1-2-1”单列变宽布局399
17.4 自动缩放网页1-3-1型布局模式400
17.4.1 “1-3-1”三列宽度等比例
布局401
17.4.2 “1-3-1”单侧列宽度固定的
变宽布局401
17.4.3 “1-3-1”中间列宽度固定的
变宽布局404
17.4.4 “1-3-1”双侧列宽度固定的
变宽布局408
17.4.5 “1-3-1”中列和侧列宽度固定的
变宽布局412
17.5 实战演练——使用CSS设定网页布局
列的背景色415
17.6 跟我练练手417
17.6.1 练习目标417
17.6.2 上机练习417
17.7 高手甜点417
第5篇 动态网站实战篇
第18章 制作动态网页基础——构建动态
网站的运行环境421
18.1 准备互动网页的执行环境422
18.1.1 什么是PHP422
18.1.2 执行PHP程序422
18.2 架设IIS+PHP的执行环境422
18.2.1 案例1——IIS网站服务器的
安装与设置422
18.2.2 案例2——在IIS网站服务器上
安装PHP425
18.3 架设Apache+PHP的执行环境428
18.3.1 案例3——Apache 网站服务器
的安装与设置428
18.3.2 案例4——在Apache网站
服务器上安装PHP433
18.4 MySQL数据库的安装436
18.4.1 案例5——MySQL 数据库的
安装436
18.4.2 案例6——phpMyAdmin的
安装439
18.5 实战演练——快速安装PHP集成环境：
AppServ 2.5440
18.6 跟我练练手443
18.6.1 练习目标443
18.6.2 上机练习443
18.7 高手甜点443
第19章 架起动态网页的桥梁——定义
动态网站与使用MySQL
数据库445
19.1 定义一个互动网站446
19.1.1 定义互动网站的重要性446
19.1.2 在Dreamweaver中定义网站446
19.2 MySQL数据库的使用449
19.2.1 数据库的原理450
19.2.2 数据库的建立451
19.3 在网页中使用MySQL数据库457
19.3.1 网页取得数据库的原理457
19.3.2 案例1——建立MySQL数据库
连接458
19.3.3 案例2——绑定记录集459
19.4 加密MySQL数据库462
19.4.1 MySQL数据库的安全问题462
19.4.2 案例3——为MySQL管理账号
加上密码463
19.5 实战演练——数据库的备份与还原464
19.6 跟我练练手466
19.6.1 练习目标466
19.6.2 上机练习467
19.7 高手甜点467
第20章 开启动态网页制作之路——
动态网站应用模块开发469
20.1 网站模块的概念470
20.2 网站模块的使用470
20.2.1 程序源文件的复制470
20.2.2 新建站点470
20.3 常用动态网站模块开发471
20.3.1 在线点播模块开发471
20.3.2 网页搜索模块开发472
20.3.3 在线支付模块开发474
20.3.4 在线客服模块开发474
20.3.5 天气预报模块开发475
第21章 电子商务类网站开发实战477
21.1 网站分析与准备工作478
21.1.1 设计分析478
21.1.2 网站流程478
21.1.3 数据库分析478
21.1.4 制作程序基本数据表480
21.2 网站结构分析481
21.3 网站主页面的制作482
21.3.1 管理站点482
21.3.2 网站广告管理主页面的制作482
21.4 网站二级页面的制作484
21.4.1 企业新闻列表页484
21.4.2 企业产品展示列表页485
21.5 网站后台分析与讨论487
21.6 网站成品预览487
|
| 內容試閱：
|
第2章
网站建设基本流程
建立站点之前，用户首先需要了解网站的建设流程，然后在网上注册一个域名，申请一个网站空间，以便存放网站。
本章要点已掌握的在方框中打钩
熟悉网站的建站方式
熟悉网站的建站流程
熟悉网页制作的软件
2.1 建 站 方 式
目前，建设一个网站已经不是什么神秘的事情了，用户可以选择多种建站方式，比较常见的建站方式主要有三种，分别是自助建站、智能建站和专业设计。
2.1.1 自助建站
自助建站就是通过一套完善、智能的系统，让不会建设网站的人通过一些非常简单的操作就能轻松建立自己的网站。自助建站一般是将已经做好的网站包含非常多的模板及非常智能化的控制系统传到网络空间上，然后购买自助建站的人只需登录后台对其进行一些非常简单的设置，就能建立个性化的网站。
如图2-1所示为提供自助建站服务的网站。
图2-1 提供自助建站的网站
“会打字就能建网站”是自助建站方式的最大亮点。一个会简单计算机操作的人只要几分钟就能快速生成一个企业网站，甚至各类门户网站，这就是域名注册查询自助建站所提出的网站建设理念。这种建站方式使得企事业单位能够快速而有效地以“成本节约、简单易用、维护方便”的方式来建设和实施其先进的电子商务系统，使得企业能够通过有效的应用互联网技术来提高企业的运作效率、降低成本、拓展业务，从而实现更大的利润和效益。自助建站一般有简、繁、英三种模块。
如图2-2所示为提供自助建站服务网站的网页展示效果。用户只需找到自己所需网站的类型，然后在网页中单击自己喜欢的网页就可以预览效果了。
图2-2 网页预览效果
2.1.2 智能建站
智能建站是自助建站的“升级”，相比自助建站程序而言，智能建站继承了它的易上手、成本低的优点，摒弃了它的功能简单、呆板的缺点。“升级版”的自助建站系统的功能之强大可以比拟大型CMS程序，还能够自定义网站板块功能，使原先在自助建站程序上不具备的购物系统、在线支付系统、权限系统、产品发布系统、新闻系统、会员系统等功能得以实现。
如图2-3所示为提供智能建站服务的网站。用户只需在网页左侧选择自己的行业分类，就可以在右侧查看该网站已经做好的网页模板。
图2-3 提供智能建站的网站
2.1.3 专业设计
专业设计也被称为人工建站。人工建站就是网站建设者要求建站公司按照自己的要求设计网站。市面上人工建站的价格都不会太低，拿搭建一个最简单的企业网站来说，其报价就要上千元，这其中还不包括注册域名和购买主机空间的费用。
不过，虽然人工建站的成本很高，但其优势也是显而易见的，因为人工建站可以根据网站主办者的要求定制，网站模板可以任意修改，直至用户满意为止。但是，这种服务是一锤子买卖，网站交付给网站主办者后，如果出现漏洞或设计问题也不会有免费的售后服务。相对智能建站的24小时在线免费技术支持，人工建站的安全和升级问题堪忧。
2.2 建 站 流 程
对于一个网站来说，除了要设计网页的内容之外，还要对网站进行整体规划设计。格局凌乱的网站的内容再精彩，也不能说是一个好的网站。要设计出一个精美的网站，前期的规划是必不可少的。
2.2.1 网站规划
规划站点就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。规划站点就是对站点中所使用的素材和资料进行管理和规划，对网站中栏目的设置、颜色的搭配、版面的设计、文字图片的运用等进行规划。
一般情况下，将站点中所用的图片、按钮等图形元素放在Images文件夹中，HTML文件放在根目录下，而动画、视频等放在Flash文件夹中。对站点中的素材进行详细的规划，便于日后管理。
2.2.2 搜集资料
确定了网站风格和布局后，就要开始搜集素材了。常言道：“巧妇难为无米之炊”，要想让自己的网站有声有色、引人入胜，就要尽量搜集素材，包括文字、图片、音频、动画及视频等，搜集到的素材越充分，制作网站就越容易。素材既可以从图书、报刊、光盘及多媒体上得来，也可以从网上搜集，还可以自己制作，然后把搜集到的素材去粗取精，选出制作网页所需的素材，如图2-4所示。
在搜集图片素材时，一定要注意图片的大小。因为在网络中传输时，图片的容量越小，传输的速度就越快；所以应尽量搜集容量小、画面精美的图片。
图2-4 搜索网站素材图片
2.2.3 制作网页
制作网页是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂的顺序来制作。所谓先大后小，就是在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题能及时修改。
在网页排版时，要尽量保持网页风格的一致性，不至于在网页跳转时产生不协调的感觉。在制作网页时灵活地运用模板，可以大大提高制作的效率。将相同版面的网页做成模板，基于此模板创建网页，则以后想改变网页时，只需修改模板就可以了。如图2-5所示就是一个主题鲜明的网页，全网页的信息都与旅游这个主题相关。
图2-5 网站的首页
2.2.4 网站测试
网页制作完毕后，最好先在浏览器中打开网站，逐一对站点中的网页进行测试，以便能及时发现问题并修改，然后再上传网站。
2.2.5 申请域名
网站建设好之后，就要在网上给网站注册一个标识，即域名。申请域名的方法很多，用户可以登录域名服务商的网站，根据提示申请域名。域名有免费域名和收费域名两种，用户可以根据实际需要进行选择。
2.2.6 申请空间
域名注册成功之后，需要申请网站空间。应根据不同的网站类型选择不同的空间。
网站空间有免费空间和收费空间两种，对于个人网站的用户来说，可以先申请免费空间使用。免费空间只需向空间服务器提出申请，在得到答复后，按照说明上传主页即可，主页的域名和空间都不用操心。使用免费空间美中不足的是：网站的空间有限，提供的服务一般，空间不是非常稳定，域名不能随心所欲。
对于商业网站，用户需要考虑空间、安全性等因素，为此可以选择收费网站。
2.2.7 网站备案
网站备案的目的是为了防止用户在网上从事非法的网站经营活动，打击不良互联网信息的传播。
不管是经营性还是非经营性的网站均需备案且备案的流程基本一致，如图2-6所示。
图2-6 网站备案
网站备案的流程如下。
网站备案的途径有两种：一种是网站主办者自己登录到网站备案系统进行备案；另一种是通过接入商代为备案。如图2-7所示为网站备案的方式。
图2-7 网站备案的方式
网站接入商也称服务器提供商，就是提供网站空间的服务商。
通过上述两种途径，将网站和网站主办者的信息提供给网站接入服务的服务器提供商，如图2-8所示。
图2-8 接入服务单位
服务器提供商对网站主办者提供的信息的真实性进行查验，如图2-9所示。
如果信息有误则退回；如果数据初审正确完整，服务器提供商将信息提交到省局的信息审核系统继续审核，如图2-10所示。
信息在省局系统中等待审核，如图2-11所示。
图2-9 验证网站备案资料
图2-10 审核网站的备案信息
图2-11 等待审核
如果备案信息在省局的审核中通过将发放网站的备案号，如图2-12所示。
图2-12 审核通过返回备案号
在省局的信息审核中如果没有通过，则返回到企业系统服务器提供商并退回网站主办者，需要重新提交和审核网站备案数据。如果通过审核，则省局的备案系统将网站的备案信息提交到部级的网站备案系统中保存。同时网站的CPI备案过程完成，如图2-13所示。
图2-13 网站备案完成
2.2.8 发布网页
在前期的准备工作都完成后，再经过网站的测试，就可以发布网页了。发布网页也称为上传网站，一般使用FTP协议上传，即以远程文件传输方式上传到服务器中申请的域名之下。
现在最常用的还是上传工具，如FTP上传工具GuteFTP和LeapFTP；另外，还可以直接使用网页制作工具Dreamweaver提供的上传和下载功能来发布网页。
2.2.9 网站推广和维护
1. 网站推广
网站制作好之后，还要不断地对其进行宣传，这样才能让更多的朋友认识它，以提高网站的访问率和知名度。推广的方法很多，例如到搜索引擎上注册、与其他的网站交换链接或加入广告链接等。
网站推广是企业网站获得有效访问的重要步骤，合理而科学的推广计划能使企业网站收到接近期望值的效果。网站推广作为电子商务服务的一个独立分支，正在显示出其巨大的魅力，并越来越引起企业的高度重视和关注。
2. 网站维护与更新
网站需要经常维护，保持内容的新鲜，只有不断地给它补充新的内容，才能够吸引住浏览者，并给访问者留下良好的印象。否则网站不仅不能起到应用的作用，反而会对网站自身的形象造成不良的影响。
网站维护包括网页内容的更新，即通过软件进行网页内容的上传、目录的管理、计算器文件的管理及网站的定期推广服务等。更新是指在不改变网站结构和页面形式的情况下，为网站的固定栏目增加或修改内容。
2.3 制作网页的常用软件
制作单一的网页直接应用某个软件即可完成，但要制作生动有趣的网页，则需要综合应用图形处理软件如Photoshop、动画制作软件如Flash和网页布局软件如Dreamweaver等。
2.3.1 网页布局软件Dreamweaver
Dreamweaver是一款集网页制作和管理网站于一身的所见即所得的网页编辑器。用户不需要编写复杂的代码，利用该软件即可轻松制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
Dreamweaver的工作界面继承了原版本的一贯风格，既有方便编辑的窗口环境，又有易于辨别的工具列表。无论在使用什么功能出现问题时，都可以找到帮助信息，便于初学者使用。Dreamweaver的工作界面如图2-14所示。
图2-14 Dreamweaver的工作界面
2.3.2 图形图像处理软件Photoshop
Photoshop是Adobe公司旗下最为出名的图像处理软件之一，其中CS是Adobe Creative Suite一套软件中后面两个单词的缩写，代表“创作集合”，是一个统一的设计环境。其功能强大、操作界面友好，加速了从想象创作到图像实现的过程，赢得了众多用户的青睐。从功能上看，Photoshop可分为图像编辑、图像合成、校色调色及特效制作几个部分。
图像编辑是图像处理的基础，可以对图像做各种变换，如放大、缩小、旋转、倾斜、镜像、透视等；也可进行复制、去除斑点、修补、修饰图像的残损等。这在婚纱摄影、人像处理制作中有非常大的用途，即去除人像上不满意的部分，进行美化加工，得到让人非常满意的效果。
图像合成则是将几幅图像通过图层操作、工具应用合成完整的，能够传达明确意义的图像，这是美术设计的必经之路。Photoshop提供的绘图工具可以让外来图像与创意很好地融合，使图像的合成天衣无缝。
校色调色是Photoshop强大的功能之一，可以方便快捷地对图像的颜色进行明暗、色调的调整和校正，也可在不同颜色之间进行切换以满足图像在不同领域如网页设计、印刷、多媒体等方面的应用。
特效制作在Photoshop中主要由滤镜、通道及工具综合应用完成，包括图像的特效创意和特效字的制作，如油画、浮雕、石膏画、素描等常用的传统美术技巧都可借助Photoshop的特效来完成。而各种特效字的制作更是很多美术设计师热衷于Photoshop研究的原因。Photoshop的工作界面如图2-15所示。
图2-15 Photoshop的工作界面
2.3.3 动画制作软件Flash
Flash作为一种创作工具，可以用来创建演示文稿、应用程序和其他允许用户交互的内容，包含简单的动画、视频内容、复杂演示文稿和应用程序，以及介于它们之间的任何内容。
Flash软件可以实现多种动画特效，动画是由一帧帧的静态图片在短时间内连续播放而形成的视觉效果，是表现动态过程、阐明抽象原理的一种重要媒体。尤其在医学领域，使用设计合理的动画，不仅有助于学科知识的表达和传播，使学习者加深对所学知识的理解，提高学习兴趣和教学效率，同时也能为课件增加生动的艺术效果，特别对于以抽象教学内容为主的课程更具有特殊的应用意义。
在Flash中，工具栏变成CS6通用的单列，面板可以缩放成图标，也可以是半透明的图层。Flash的工作界面如图2-16所示。
图2-16 Flash工作界面
2.3.4 软件间的相互关系
要制作出漂亮、生动的网页，仅靠一种软件是无法实现的，所以在设计网站过程中，需要把多种软件结合起来使用。通常使用的网页编辑软件有Dreamweaver、Flash、Photoshop 等。对于大型网站管理者来说，综合使用这些软件就会提高网页的制作速度，从而提高工作效率。
在网页设计中，Dreamweaver主要用于对页面布局，即将创建完成的文字、图像、动画等元素在Dreamweaver中通过一定形式的布局整合为一个页面。此外，在Dreamweaver中还可以方便地插入Flash、ActiveX、JavaScript、Java、ShockWave等文件，从而使设计者可以创建出具有特殊效果的精彩网页，如图2-17所示。
图2-17 在Dreamweaver中插入动画
如果网页中只有静止的图像，即使这些图像再怎么精致，也会让人感觉缺少生动性和活泼性，并最终影响视觉效果和整个页面的美观。因此，在网页的制作过程中往往还需要适时地插入一些Flash图像。
在一般的网页设计中，使用Flash主要是制作具有动画效果的导航条、Logo以及商业广告条等，动画可以更好地表现设计者的创意。由于学习Flash本身的难度不大，而且制作含有Flash动画的页面很容易吸引浏览者，所以Flash动画已成为当前网页设计中不可缺少的元素。如图2-18所示为Flash动画播放窗口。
使用Photoshop，除了可以对网页中要插入的图像进行调整处理外，还可以进行页面的总体布局并使用切片导出。对网页中所出现的GIF图像也可使用Photoshop进行创建，以达到更加精彩的效果。如图2-19所示即为用Photoshop绘制的网页图片。
Photoshop还可以对创建Flash动画所需的素材进行制作、加工和处理，使网页动画中所表现的内容更加精美和引人入胜。
图2-18 Flash播放动画界面
图2-19 使用Photoshop制作网页
2.4 跟我练练手
2.4.1 练习目标
能够熟练掌握本章所讲解的内容。
2.4.2 上机练习
练习1：查找网站建站的方式。
练习2：熟悉网页制作的常用软件。
2.5 高 手 甜 点
甜点1：常见的域名选取策略
域名是连接企业和互联网网址的纽带。对于企业开展电子商务具有重要的作用，它被誉为网络时代的“环球商标”，一个好的域名会大大提升企业在互联网中的知名度。因此，取好的域名就显得十分重要。选取域名的常见方法如下。
1用企业名称的英文译名作为网站的域名。
这是许多企业选取域名的一种方式，这样的域名特别适合与计算机、网络和通信相关的一些行业。中国电信的网站域名是Chinatelecom.com.cn，中国移动的网站域名为chinamobile.com，都是采用了此种原则。
2使用企业的汉语拼音作为网站的域名。
这是国内企业常见的域名选取方法。这种方法的最大好处是容易记忆。例如，huawei.com是华为技术有限公司的域名，haier.com是海尔集团的网站域名。
3用汉语拼音的谐音作为网站的域名。
在现实中，采用这种方法的企业也不在少数。例如，美的集团的域名为midea.com.cn，康佳集团的域名为konka.com.cn，新浪的域名为sina.com.cn。
4以中英文结合的方式为网站选取域名。
一般情况下，常见的域名常常被别人抢先注册，而且读音相同的公司也常常出现，为此，选取域名时，可以以中英文结合的方式为网站选取域名。例如中国人网的域名为chinaren.com，其中“中国”两个字用英文，“人”字用汉语拼音。
甜点2：如何使自己的网站搭配颜色后更具有亲和力
在对网页进行配色时，必须考虑网站本身的性质。如果网站的产品以化妆品为主，则网站应多采用柔和、柔美、明亮的色彩，给人一种温柔的感觉，从而具有很强的亲和力。
|
|
購物車/收銀台(0) | 在線留言板
| 付款方式
| 運費計算
| 聯絡我們
| 幫助中心 |
加入書簽
HOME
新書上架
