工作任务4 网站的设计 【任务描述】 本项工作任务是进行网站的各项设计，包括网站的内容和功能的设计、网站的结构设计、网站的风格和创意的设计、网站页面的设计等。 　　本项任务的额目的是使学生了解电子商务网站设计的原则，掌握电子商务网站内容、结构、风格、创意设计的基本方法，具备设计电子商务网站内容的能力，能够按照电子商务网站设计原则，在设计中使用Dreamweaver、Flash、Photoshop等软件工具制作出美观的电子商务网站。

Presentation on theme: "工作任务4 网站的设计 【任务描述】 本项工作任务是进行网站的各项设计，包括网站的内容和功能的设计、网站的结构设计、网站的风格和创意的设计、网站页面的设计等。 　　本项任务的额目的是使学生了解电子商务网站设计的原则，掌握电子商务网站内容、结构、风格、创意设计的基本方法，具备设计电子商务网站内容的能力，能够按照电子商务网站设计原则，在设计中使用Dreamweaver、Flash、Photoshop等软件工具制作出美观的电子商务网站。"— Presentation transcript:

1

2 工作任务4 网站的设计 【任务描述】 本项工作任务是进行网站的各项设计，包括网站的内容和功能的设计、网站的结构设计、网站的风格和创意的设计、网站页面的设计等。 　　本项任务的额目的是使学生了解电子商务网站设计的原则，掌握电子商务网站内容、结构、风格、创意设计的基本方法，具备设计电子商务网站内容的能力，能够按照电子商务网站设计原则，在设计中使用Dreamweaver、Flash、Photoshop等软件工具制作出美观的电子商务网站。

3 工作任务4 网站的设计 子任务1：网站内容设计的原则 【子任务描述】
工作任务4 网站的设计 子任务1：网站内容设计的原则 【子任务描述】 本项任务的目的是确定“超越时空网上书城”网站建设所遵循的基本原则。通过本项任务使学生了解电子商务网站建设所采用的基本原则，并可以在实际工作中自觉运用这种原则，进行电子商务网站的整体设计。

4 子任务1：网站内容设计的原则 【任务实现】 步骤一：遵循信息内容新颖、准确、精炼、专业、有特色的原则 网站在内容设计上主要遵循以下几个原则：
　　网站在内容设计上主要遵循以下几个原则： ①一致性原则 ②易用性原则 ③高效性原则 ④宣传完整性原则 ⑤可扩展性原则 ⑥安全、稳定性原则 ⑦可移植性、可延续性原则 ⑧访问统计性强的原则

5 子任务1：网站内容设计的原则 （1）提高浏览者的访问速度 （2）要有安全、运转良好的硬件和软件环境 （3）遵循“三次点击”原则
【任务实现】 步骤二：遵循快速安全访问速度 （1）提高浏览者的访问速度 （2）要有安全、运转良好的硬件和软件环境 （3）遵循“三次点击”原则

6 子任务1：网站内容设计的原则 （1）提供交互性网站 （2）完善的检索和信息交互能力 （3）方便用户访问和购买
【任务实现】 步骤三：遵循提供交互性，方便用户访问和购买的原则 （1）提供交互性网站 （2）完善的检索和信息交互能力 （3）方便用户访问和购买

7 子任务2：确定企业Web站点的内容和功能 【子任务描述】
本项任务的目的是确定“超越时空网上书城”网站的静态内容和动态内容。通过本项任务的学习使学生了解电子商务网站建设中静态内容与动态内容的设计方法，具备为企业构建电子商务网站内容的能力。

8 子任务2：确定企业Web站点的内容和功能 （1）静态内容的设计 （2）动态内容的设计
【任务实现】 　　步骤一：设计网站的静态内容、动态内容 （1）静态内容的设计 （2）动态内容的设计

9 子任务2：确定企业Web站点的内容和功能 【任务实现】 步骤二：网站内容及功能设计 （1）企业的背景设计 （2）产品或服务设计
　　步骤二：网站内容及功能设计 （1）企业的背景设计 （2）产品或服务设计 （3）技术支持信息设计 （4）企业营销网络 （5）财务报告 （6）收集客户的反馈 （7）辅助信息 （8）增值服务

10 子任务2：确定企业Web站点的内容和功能

11 子任务2：确定企业Web站点的内容和功能

12 子任务2：确定企业Web站点的内容和功能

13 子任务2：确定企业Web站点的内容和功能

14 子任务2：确定企业Web站点的内容和功能

15 子任务2：确定企业Web站点的内容和功能

16 子任务2：确定企业Web站点的内容和功能

17 子任务3：网站的结构设计 【子任务描述】 本项任务是设计网站的目录结构、连接结构及导航结构。
本项任务的目的是使学生了解网站的额目录结构、连接结构及导航结构的设计方法，具备电子商务网站目录结构的操作能力。

18 子任务3：网站的结构设计 【任务实现】 网站的结构设计的基本原则是（如图4-9所示）：

19 （3）在每个主目录下都建立独立的images目录
子任务3：网站的结构设计 【任务实现】 步骤一：设计网站的目录结构： （1）不要将所有文件都存在根目录下 （2）按栏目内容建立子目录 （3）在每个主目录下都建立独立的images目录 （4）目录的层次不要太深 （5）其他注意事项

20 子任务3：网站的结构设计 【任务实现】 步骤二：设计网站的连接结构 （1）树状连接结构（一对一） （2）星状连接结构（一对多）

21 子任务3：网站的结构设计 【任务实现】 步骤三：设计网站的导航结构 （1）导航条 （2）下拉菜单式导航 （3）分类列表导航
（4）Flash动画导航 （5）Flash动画导航

22 子任务4：网站的风格和创意设计 【子任务描述】 本项任务是进行网站风格和创意的简单设计。
本项任务的目的是使学生了解网站风格和创意设计的基本知识，具备网站风格和创意设计的基本操作能力。

23 子任务4：网站的风格和创意设计 【任务实现】 步骤一：网站风格的设计
风格（Style）是抽象的，是指站点的整体形象给浏览者的综合感受。电子商务网站整体形象包括站点的CI设计（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等诸多因素。 网站的整体风格包括网站的主题风格和装饰风格。

24 子任务4：网站的风格和创意设计 【任务实现】 步骤二：网站创意的产生 创意思考的五个过程分为五个阶段：
①准备期。研究所收集的资料，根据旧经验，启发新创意； 　 ②孵化期。将资料咀嚼消化，使意识自由发展，任意结合； ③启示期。意识发展并结合，产生创意； ④验证期。将产生的创意讨论并修正； ⑤形成期。设计制作网页，将创意具体化。

25 子任务5：网站页面的设计 【子任务描述】 本项任务是对网站进行页面设计，包括页面版面布局、色彩、网页图片、文字等的设计。
通过本项任务使学生了解并掌握电子商务网站建设中页面设计的方法，具备为企业电子商务网站进行页面设计的能力。

26 子任务5：网站页面的设计 【任务实现】 步骤一：页面设计的原则
网站的页面设计师网站开发的重点，它直接影响到网站的运转。我们进行网页设计时应该遵循如下一些基本原则： （1）网页命名要简洁有规律 （2）确保页面的导览性好 （3）主页设计要一目了然 （4）网页要易读 （5）合理设计视觉效果 （6）保证正常的下载速度

27 子任务5：网站页面的设计 【任务实现】 步骤二：页面的视觉体现 （1）网页的视觉构成 （2）网页的视觉传达设计 ① 视觉流程的逻辑性要强
② 视觉流程可读性要高 ③ 视觉策划的战略性

28 子任务5：网站页面的设计 【任务实现】 步骤三：网页版面布局的设计 （1）版面布局设计的基本步骤 ① 建立草案 ② 粗略布局 ③ 定案

29 子任务5：网站页面的设计 【任务实现】 步骤三：网页版面布局的设计 （2）常见的版面布局形式 ① “T”型结构布局 ② “口”型结构布局
③ “三”型结构布局 ④ 对称对比结构布局 ⑤ POP布局

30 子任务5：网站页面的设计 【任务实现】 步骤四：网页色彩的设计 （1）色彩的相关知识 （2）非彩色与彩色的应用 （3）网页色彩单配的原则
（4）色彩搭配要注意的问题

31 子任务5：网站页面的设计 【任务实现】 步骤五：网页图片和文字的设计 （1）网页中的图片 （2）文字的设计

32 子任务5：网站页面的设计 【任务实现】 步骤六：网页图片和文字的设计 （1）首页的类型 （2）首页的功能模块 （3）设计首页的版面

33 子任务5：网站页面的设计 【任务实现】 步骤七：其他页面的设计规划 （1）规划其他页面的原则 ① 风格的一致 ②特别元素的一致性
③必要的连接按钮 ④共有信息的一致性 ⑤尽量为了访问者和在线购物者提供方便

34 子任务5：网站页面的设计 【任务实现】 步骤七：其他页面的设计规划 （2）产品页面的设计 ① 要有层次性 ②产品信息的完整性
③方便的导航菜单 ④与整个站点的一致性 ⑤具有独创性

35 工作任务4 网站的设计 【任务回顾】 本任务详细介绍了电子商务网站内容设计的主要内容与制作方法。电子商务网站内容设计包括网站内容设计的原则、主要内容和功能以及内容设计的流程；电子商务网站内容的结构设计包括目录结构、链接结构、导航设计；网站风格、形象和创意的设计是网站内容设计的重要组成部分；首页与其他页面的制作都使用了大量的设计技巧和制作方法。通过“超越时空网上书城”网站的设计，展示一个电子商务网站设计的全过程。