网络信息编辑项目四课件

项目四 规划与设计网站知识要求：l 了解网站的模式与定位、主题定位、栏目选择及内容提要制作。l 理解网站专题策划的原则。l 掌握网站专题选题、材料组织、专题栏目的设置方法，网站专题的版式设计和风格设计方法。l能根据企业实际情况及发展目标规划企业网站。l能对网站图片进行处理；能制作Flash动画；了解网站音频与视频的类型；能制作出网页文件。l能根据商品特点设置商品标题；能为商品设置正确的商品类目；能正确编辑商品属性；能较好地编辑商品描述信息；能设置商品图片并上传。能力要求：项目四项目四 规划与设计网站知识要求：规划与设计网站知识要求：了解网站的模式与定位、主题了解网站的模式与定位、主题【项目引入】v21世纪是一个信息时代，随着互联网宽带和技术应用的成熟，把企业驶入全球世纪是一个信息时代，随着互联网宽带和技术应用的成熟，把企业驶入全球信息高速公路，让企业信息通过互联网通达世界各个角落。企业通过互联网进信息高速公路，让企业信息通过互联网通达世界各个角落。企业通过互联网进行形象宣传，产品展示推广，与客户沟通，信息互动，同时通过互联网获取潜行形象宣传，产品展示推广，与客户沟通，信息互动，同时通过互联网获取潜在客户及寻求合作机会。建立自己的网站有利于企业树立自己的网上品牌，对在客户及寻求合作机会。建立自己的网站有利于企业树立自己的网上品牌，对企业的长远发展，企业文化，企业品牌建设都有非常重要的意义。许多企业都企业的长远发展，企业文化，企业品牌建设都有非常重要的意义。许多企业都在互联网上找到了机会，创造了辉煌。在互联网上找到了机会，创造了辉煌。“与其临渊羡鱼，不如退而结网与其临渊羡鱼，不如退而结网”。即。即将毕业的大学生，你做好了接受企业挑选的准备了吗？将毕业的大学生，你做好了接受企业挑选的准备了吗？v那么我们按那么我们按6-8人一组组建规划与设计网站创作团队，分组要求如表人一组组建规划与设计网站创作团队，分组要求如表4-1所示。所示。在老师的指导下，团队人员精诚团结，学习如何为企业规划与设计一个网站合在老师的指导下，团队人员精诚团结，学习如何为企业规划与设计一个网站合作，并由项目主持人代表本组进行项目汇报。作，并由项目主持人代表本组进行项目汇报。v规划与设计网站项目团队人员组成表规划与设计网站项目团队人员组成表【项目引入】【项目引入】2121世纪是一个信息时代，随着互联网宽带和技术应用世纪是一个信息时代，随着互联网宽带和技术应用【项目任务书】【项目任务书】【项目任务书】1 2 3 4任务一任务一 规划网站规划网站u“MiTing”是一家专门经营女性护肤产品的公司，其所有的是一家专门经营女性护肤产品的公司，其所有的产品都是以世界上最优质的天然物质结合最先进的技术所研产品都是以世界上最优质的天然物质结合最先进的技术所研制出来的。公司力求将最好、最优质、最纯净、最天然的护制出来的。公司力求将最好、最优质、最纯净、最天然的护肤产品带给全世界，为全世界的女性带来健康天然的美丽。肤产品带给全世界，为全世界的女性带来健康天然的美丽。现公司决定建设一个网站来树立企业形象，加强产品的宣传。现公司决定建设一个网站来树立企业形象，加强产品的宣传。u请帮其分析和规划网站类型、调查和确立网站栏目设置，并请帮其分析和规划网站类型、调查和确立网站栏目设置，并针对网站栏目中的内容进行信息采集、编辑。针对网站栏目中的内容进行信息采集、编辑。一、任务描述一、任务描述 1 2 3 4 1 2 3 4任务一任务一 规划网站规划网站“MiTing”“MiTing”是一家是一家 1 2 3 4（一）（一）网站的模式与定位网站的模式与定位1常见企业网站模式常见企业网站模式一个网站的是否成功与建站前网站的规划有着极为重要的关系。在建设网一个网站的是否成功与建站前网站的规划有着极为重要的关系。在建设网站前应明确建设网站的目的，确定网站的功能，确定网站规模、投入费用，进行站前应明确建设网站的目的，确定网站的功能，确定网站规模、投入费用，进行必要的市场分析等。只有详细的规划，才能避免在网站建设中出现的很多问题，必要的市场分析等。只有详细的规划，才能避免在网站建设中出现的很多问题，使网站建设能顺利进行。首先我们要确定企业网站的模式与定位。使网站建设能顺利进行。首先我们要确定企业网站的模式与定位。（1）信息发布型信息发布型万象企业公司的网站首页（万象企业公司的网站首页（http:/ 规划网站规划网站 1 2 3 4 1 2 3 4（一）网站的模式与定位二、相关知识任务（一）网站的模式与定位二、相关知识任务 1 2 3 4（2）电子商务型（销售型）电子商务型（销售型）当当网的示例（当当网的示例（http:/ 规划网站规划网站图图4-2 4-2“当当网当当网”首页截图首页截图 1 2 3 4 1 2 3 4（2 2）电子商务型（销售型）当当网的示例）电子商务型（销售型）当当网的示例 1 2 3 4（3）公司门户型（综合型）公司门户型（综合型）典型的门户网站有新浪网、网易和搜狐网等典型的门户网站有新浪网、网易和搜狐网等所谓门户网站，是指通向某类综合性互联网信息资源并提供有关信息服务所谓门户网站，是指通向某类综合性互联网信息资源并提供有关信息服务的应用系统。的应用系统。任务一任务一 规划网站规划网站图图4-3 4-3“新浪网新浪网”首页截图首页截图 1 2 3 4 1 2 3 4（3 3）公司门户型（综合型）典型的门户网）公司门户型（综合型）典型的门户网 1 2 3 4（4）商务服务型商务服务型：联邦快递公司网站首页（联邦快递公司网站首页（http:/）商务服务型网站不同于商务服务型网站不同于企业展示型网站企业展示型网站，以提供远程、及时、准确的商务，以提供远程、及时、准确的商务服务为主要目的，比如可实现渠道分销管理、终端客户销售管理、合作伙伴管理、服务为主要目的，比如可实现渠道分销管理、终端客户销售管理、合作伙伴管理、网上采购管理、实时在线售后服务管理、物流管理等，网上采购管理、实时在线售后服务管理、物流管理等，任务一任务一 规划网站规划网站图图4-4 4-4“联邦快递联邦快递”首页截图首页截图 1 2 3 4 1 2 3 4（4 4）商务服务型：联邦快递公司网站首页）商务服务型：联邦快递公司网站首页 1 2 3 42网站定位网站定位所谓网站定位就是明确网站在所谓网站定位就是明确网站在互联网互联网上扮演什么角色，要向网站的浏览者传达上扮演什么角色，要向网站的浏览者传达什么样的核心概念，透过网站发挥什么样的作用；因此，网站定位相当关键，换句什么样的核心概念，透过网站发挥什么样的作用；因此，网站定位相当关键，换句话说，网站定位是确定网站是做什么用的及网站建设的策略，而后面我们要将的话说，网站定位是确定网站是做什么用的及网站建设的策略，而后面我们要将的网网站栏目的选择站栏目的选择及网站内容提要的制作都围绕网站定位展开。及网站内容提要的制作都围绕网站定位展开。很多时候网站运营不起来，不是关键词选择不正确，也不是自己的能力不足，很多时候网站运营不起来，不是关键词选择不正确，也不是自己的能力不足，而是网站建设推广前，没有给网站制定一个合适的定位。一个网站要想成功，必备而是网站建设推广前，没有给网站制定一个合适的定位。一个网站要想成功，必备要素之一就是有一个清晰的定位，那么网站定位要从哪几个方面来分析呢要素之一就是有一个清晰的定位，那么网站定位要从哪几个方面来分析呢?网站定网站定位具体内容有以下几个方面：位具体内容有以下几个方面：（1）根据产品的某些特质）根据产品的某些特质（2）对网站的理解）对网站的理解（3）根据用户群体分布）根据用户群体分布（4）可行性分析）可行性分析（5）赢利模式）赢利模式任务一任务一 规划网站规划网站 1 2 3 42 1 2 3 42网站定位任务一网站定位任务一 规划网站规划网站 1 2 3 4（二）（二）网站的主题定位网站的主题定位 一个好的网站、一个能够真正受用户关注和欢迎的网站不仅仅只是有精美、一个好的网站、一个能够真正受用户关注和欢迎的网站不仅仅只是有精美、华丽的页面，更重要的是要有个准确鲜明的主题，让用户能够在你网站上以最快华丽的页面，更重要的是要有个准确鲜明的主题，让用户能够在你网站上以最快的速度得到或了解他想要的东西，这样他会常来网站，为网站积累人气。用户就的速度得到或了解他想要的东西，这样他会常来网站，为网站积累人气。用户就是流量，流量就是网站的血液，有了血液网站才会持久的生存下去。所以我们做是流量，流量就是网站的血液，有了血液网站才会持久的生存下去。所以我们做网站一定要突出主题，不要过于追求好看华丽的页面，我们要注重内容。可以看网站一定要突出主题，不要过于追求好看华丽的页面，我们要注重内容。可以看那些已经成功的网站，他们的页面都是相当简单、大众化的。给用户的直观感受那些已经成功的网站，他们的页面都是相当简单、大众化的。给用户的直观感受很好，如果页面过于耀眼反而会让用户流走。那么网站策划初期，我们应该如何很好，如果页面过于耀眼反而会让用户流走。那么网站策划初期，我们应该如何精确定位网站主题呢精确定位网站主题呢?网站主题定位决定网站的成败。因此，一开始就应该确定好主题，而不是网站主题定位决定网站的成败。因此，一开始就应该确定好主题，而不是半途修改。再次，如果是企业网站如何定位主题呢？这个很简单做什么的就主半途修改。再次，如果是企业网站如何定位主题呢？这个很简单做什么的就主题就定位成什么。题就定位成什么。任务一任务一 规划网站规划网站1主题要小而精主题要小而精2域名的选择域名的选择 1 2 3 4 1 2 3 4（二）网站的主题定位任务一（二）网站的主题定位任务一 规划网站规划网站1 1 1 2 3 4（三）（三）网站的栏目选择网站的栏目选择伴随互联网的普及，伴随互联网的普及，企业网站建设企业网站建设已经成为企业信息化建设的重要组成部分，已经成为企业信息化建设的重要组成部分，是企业宣传营销的重要工具，网站栏目是一个网站的大纲索引，企业网站的栏目设是企业宣传营销的重要工具，网站栏目是一个网站的大纲索引，企业网站的栏目设计要明白显示出企业想表达的主题。计要明白显示出企业想表达的主题。1企业网站栏目设计的要点企业网站栏目设计的要点任务一任务一 规划网站规划网站（1 1）要紧扣主题）要紧扣主题（2 2）设立最近更新或网站指南栏目）设立最近更新或网站指南栏目（3 3）设立下载或常见问题答复栏目）设立下载或常见问题答复栏目（4 4）设立可以双向交换的栏目）设立可以双向交换的栏目（5 5）面向不同目标细分页面栏目设计）面向不同目标细分页面栏目设计 1 2 3 4 1 2 3 4（三）网站的栏目选择任务一（三）网站的栏目选择任务一 规划网站（规划网站（1 2 3 42确定网站栏目的技巧确定网站栏目的技巧站点的栏目规划简单地说就是确定站点的逻辑结构，企业用户应该如何站点的栏目规划简单地说就是确定站点的逻辑结构，企业用户应该如何确定自己的栏目，主要有以下几种办法。确定自己的栏目，主要有以下几种办法。（1）借鉴同行网站）借鉴同行网站上网搜索上网搜索10个以上与本企业相似的企业网站，每个网站都有的栏目一定个以上与本企业相似的企业网站，每个网站都有的栏目一定要加上；要加上；70%以上网站都有的栏目可以考虑加上；以上网站都有的栏目可以考虑加上；50%网站有的栏目在询问网站有的栏目在询问客户意见后，再决定是否采用此栏目。客户意见后，再决定是否采用此栏目。50%以下网站有的栏目要注意了，这以下网站有的栏目要注意了，这类栏目：一是用处不大的栏目，二是特色栏目，你要根据情况再三斟酌，而类栏目：一是用处不大的栏目，二是特色栏目，你要根据情况再三斟酌，而后决定。后决定。任务一任务一 规划网站规划网站 1 2 3 42 1 2 3 42确定网站栏目的技巧任务一确定网站栏目的技巧任务一 规划网站规划网站 1 2 3 4（2）突出自己特色）突出自己特色任务一任务一 规划网站规划网站图图4-5 4-5“广东省人民政府应急管理办公室广东省人民政府应急管理办公室”网站栏目截图网站栏目截图（3）注意）注意SEO优化优化图图4-6 4-6 百度搜索百度搜索“企业企业”两字的截图两字的截图 1 2 3 4 1 2 3 4（2 2）突出自己特色任务一）突出自己特色任务一 规划网站图规划网站图4 4 1 2 3 43企业网站的基础栏目企业网站的基础栏目所有的企业网站有一个基本的框架。例如，关于我们、联系我们、服务所有的企业网站有一个基本的框架。例如，关于我们、联系我们、服务中心、成功案例，这几个内容是基本不变的，最多是名称上的变化，如成功中心、成功案例，这几个内容是基本不变的，最多是名称上的变化，如成功案例也可以写成是公司业绩，也可以是企业案例，不过只是换个名字。案例也可以写成是公司业绩，也可以是企业案例，不过只是换个名字。一般企业网站可以包含以下几个栏目。一般企业网站可以包含以下几个栏目。（1）企业概况）企业概况（2）产品信息）产品信息（3）荣誉证书和专家、用户推荐）荣誉证书和专家、用户推荐（4）公司动态和媒体报道）公司动态和媒体报道（5）产品搜索：）产品搜索：（6）产品价格表）产品价格表（7）联系信息）联系信息（8）辅助信息）辅助信息（9）服务信息）服务信息任务一任务一 规划网站规划网站图图4-7 4-7“中联重科股份有限公司中联重科股份有限公司”网站栏目截图网站栏目截图 1 2 3 43 1 2 3 43企业网站的基础栏目任务一企业网站的基础栏目任务一 规划网站规划网站4.网站的内容提要网站的内容提要 网站内容是整个网站的基础，一个具有良好内容的网站不仅仅利于用户体验，而且也对网站的优化起到重要作用。因此在网站优化过程中，网站内容的质量越高，网站就会越容易被收录，从而有效地提高网站排名。随着网站内容质量的重要性提高，内容的发布编辑也是越来越规范。通常我们可以看到一些大型门户网站的内容都会有内容提要，而从内容摘要中可以看到某些重要信息。而这一点的做法在普通企业网站内容上很少出现，事实上网站内容提要相当重要，是不可忽视的。图4-8所示为网易的内容提要。4.4.网站的内容提要网站的内容提要 1 2 3 4 任务一任务一 策划网站专题内容策划网站专题内容 （一）基本流程（一）基本流程三、任务实施三、任务实施 广泛浏览同行业网站广泛浏览同行业网站进行网站的内容策划进行网站的内容策划进行网站的栏目策划进行网站的栏目策划进行网站内容的信息编辑进行网站内容的信息编辑 1 2 3 4 1 2 3 4 任务一任务一 策划网站策划网站 1 2 3 4 任务一任务一 策划网站专题内容策划网站专题内容 （二）实施步骤（二）实施步骤 三、任务实施三、任务实施 1广泛浏览同行业网站广泛浏览同行业网站浏览郁美净集团、奥洛菲官网等企业网站，结合相关知识内容，对这两家企浏览郁美净集团、奥洛菲官网等企业网站，结合相关知识内容，对这两家企业的网站进行内容分析，并将相关内容填入业的网站进行内容分析，并将相关内容填入4-3中。中。表表4-3同行业网站调查分析表同行业网站调查分析表 1 2 3 4 1 2 3 4 任务一任务一 策划网站策划网站 1 2 3 4 任务一任务一 策划网站专题内容策划网站专题内容 2根据任务一给定的背景资料，确定根据任务一给定的背景资料，确定“美自然美自然”公司的网站类型、主题定位公司的网站类型、主题定位和栏目，并将结果填入表和栏目，并将结果填入表4-4中。中。表表4-4“MiTing”公司网站内容策划表公司网站内容策划表 1 2 3 4 1 2 3 4 任务一任务一 策划网站策划网站 1 2 3 4 任务一任务一 策划网站专题内容策划网站专题内容 3收集资料，确定公司网站各栏目的主要内容，完成表收集资料，确定公司网站各栏目的主要内容，完成表4-5。表表4-5“MiTing”公司网站栏目内容策划公司网站栏目内容策划 1 2 3 4 1 2 3 4 任务一任务一 策划网站策划网站 1 2 3 4 任务一任务一 策划网站专题内容策划网站专题内容 4根据任务一给定的背景资料，表根据任务一给定的背景资料，表4-4、4-5确定的网站内容和网站栏目内容，确定的网站内容和网站栏目内容，对网站内容信息进行编辑，完成表对网站内容信息进行编辑，完成表4-6。表表4-6“MiTing”公司网站内容信息编辑公司网站内容信息编辑 1 2 3 4 1 2 3 4 任务一任务一 策划网站策划网站 1 2 3 4四、任务评价四、任务评价网站规划是网站设计成功与否的关键。应该从分析研究同类企业网站入手，根网站规划是网站设计成功与否的关键。应该从分析研究同类企业网站入手，根据据“美自然美自然”公司的产品类别，通过充分收集资料，团队分工协作，才能较好地公司的产品类别，通过充分收集资料，团队分工协作，才能较好地完成好本次任务。任务评价可以从了解相关知识、资料收集情况、完成各表格情况、完成好本次任务。任务评价可以从了解相关知识、资料收集情况、完成各表格情况、团队合作等方面进行评价，具体评价标准如表团队合作等方面进行评价，具体评价标准如表4-7所示。所示。任务一任务一策划网站专题内容策划网站专题内容表表4-7任务一评价表任务一评价表 1 2 3 4 1 2 3 4四、任务评价任务一四、任务评价任务一 策划网站专题内容表策划网站专题内容表 1 2 3 4 任务二任务二 设计网站设计网站 网站设计是技术、艺术、企业形象与企业营销策略的有机组合，以先进的网网站设计是技术、艺术、企业形象与企业营销策略的有机组合，以先进的网页制作技术与平面设计作为形象的展示手段，以合理的结构层次和准确的链接关页制作技术与平面设计作为形象的展示手段，以合理的结构层次和准确的链接关系表达企业营销策略。网站设计并非是简单的输入文本的过程，而是一个从处理系表达企业营销策略。网站设计并非是简单的输入文本的过程，而是一个从处理图像，制作动画到编写网页代码和脚本的完整过程。在这一过程的各种阶段中，图像，制作动画到编写网页代码和脚本的完整过程。在这一过程的各种阶段中，需要使用不同类型的软件，这些软件可以极大地提高网站设计的效率。需要使用不同类型的软件，这些软件可以极大地提高网站设计的效率。一、任务描述一、任务描述二、相关知识二、相关知识（一）（一）网站中图片基本知识网站中图片基本知识1网站图片类型及格式网站图片类型及格式与网页图片相关的图片类型主要包括以下几种：与网页图片相关的图片类型主要包括以下几种：（1）BMP位图图片位图图片（2）JPEG图片图片（3）GIF图片图片（4）PNG图片图片（5）PSD图像文档图像文档 1 2 3 4 1 2 3 4 任务二任务二 设计网站设计网站 1 2 3 42网站图片拍摄网站图片拍摄（1）场所角度前期准备）场所角度前期准备准备好准备好拍摄拍摄的场所。用白色或者纯色的东西作为背景，比如白纸、桌面等。的场所。用白色或者纯色的东西作为背景，比如白纸、桌面等。研究好拍摄的角度。不同的物品通过不同的角度拍摄，效果也是完全不研究好拍摄的角度。不同的物品通过不同的角度拍摄，效果也是完全不相同的。对一件物品要采用多个角度进行拍摄，最后挑选最能表现物品特质相同的。对一件物品要采用多个角度进行拍摄，最后挑选最能表现物品特质的照片作为上传的物品照片。的照片作为上传的物品照片。（2）不同物品的拍摄）不同物品的拍摄拍摄水晶等透明物品拍摄水晶等透明物品拍摄首饰等反射物品拍摄首饰等反射物品拍摄食品拍摄食品拍摄衣服拍摄衣服3网站图片编排网站图片编排一旦拍摄完成，图片就会以一旦拍摄完成，图片就会以JPG或者或者GIF文件格式存储于相机中，此时文件格式存储于相机中，此时的图片基本定型，仅能通过的图片基本定型，仅能通过Photoshop做一些简单的调整，比如：图片减切做一些简单的调整，比如：图片减切（去掉无用的背景，尽量将物品撑满整个图片），图片光感度调整，对比度（去掉无用的背景，尽量将物品撑满整个图片），图片光感度调整，对比度调整，或者为图片增加边框等等。调整，或者为图片增加边框等等。任务二任务二 设计网站设计网站 1 2 3 42 1 2 3 42网站图片拍摄网站图片拍摄 1 2 3 4（二）网站中动画的格式二）网站中动画的格式1GIF动画格式动画格式在一个在一个GIF文件中可以存多幅彩色图像，如果把存于一个文件中的多幅文件中可以存多幅彩色图像，如果把存于一个文件中的多幅图像数据逐幅读出并显示到屏幕上，就可构成一种最简单的动画。图像数据逐幅读出并显示到屏幕上，就可构成一种最简单的动画。2AVI格式格式AVI文件目前主要应用在多媒体光盘上，用来保存电影、电视等各种影像文件目前主要应用在多媒体光盘上，用来保存电影、电视等各种影像信息，有时也出现在信息，有时也出现在Internet上，供用户下载、欣赏新影片的精彩片段。上，供用户下载、欣赏新影片的精彩片段。3SWF格式格式swf(shockwaveflash)是是Macromedia（现已被（现已被ADOBE公司收购）公公司收购）公司的动画设计软件司的动画设计软件Flash的专用格式，是一种支持矢量和点阵图形的动画文的专用格式，是一种支持矢量和点阵图形的动画文件格式，被广泛应用于网页设计，动画制作等领域，件格式，被广泛应用于网页设计，动画制作等领域，swf文件通常也被称为文件通常也被称为Flash文件。文件。swf可以用可以用AdobeFlashPlayer打开，浏览器必须安装打开，浏览器必须安装AdobeFlashPlayer插件。插件。4FLICFLI/FLC格式格式5MOV、QT格式格式MOV即即QuickTime影片格式，它是影片格式，它是Apple公司开发的一种音频、视频文公司开发的一种音频、视频文件格式，用于存储常用数字媒体类型。当选择件格式，用于存储常用数字媒体类型。当选择QuickTime（*.mov）作为）作为“保存类型保存类型”时，动画将保存为时，动画将保存为.mov文件。文件。6虚拟现实动画（虚拟现实动画（VR）任务二任务二 设计网站设计网站 1 2 3 4 1 2 3 4（二）网站中动画的格式（二）网站中动画的格式 1 2 3 4（三）网站中的音频与视频（三）网站中的音频与视频1网站音频的格式与编排网站音频的格式与编排网页中常用的音频格式包括以下几种。网页中常用的音频格式包括以下几种。（1）WAV格式格式（2）MP3格式格式（3）MIDI格式格式（4）AIF格式格式2网站视频的格式与编排网站视频的格式与编排常见视频标准与格式：常见视频标准与格式：（1）DV(DigitalVideo)（2）DV25格式格式（3）AVI格式格式（4）MPEG标准标准（5）RealVideo（6）ASF格式格式（7）WMV格式格式（8）MOV格式格式（9）FLV格式格式 任务二任务二 设计网站设计网站 1 2 3 4 1 2 3 4（三）网站中的音频与视频（三）网站中的音频与视频 1 2 3 4(四四)网页制作基础网页制作基础1.网页的版式设计网页的版式设计网页版式的基本类型主要有骨骼型、满版型、分割型、中轴型、曲网页版式的基本类型主要有骨骼型、满版型、分割型、中轴型、曲线型、倾斜型、对称型、焦点型、三角型、自由型线型、倾斜型、对称型、焦点型、三角型、自由型10种。种。（1）骨骼型）骨骼型网页版式的骨骼型是一种规范的、理性的分割方法，类似于报刊的版式。网页版式的骨骼型是一种规范的、理性的分割方法，类似于报刊的版式。任务二任务二 设计网站设计网站 1 2 3 4(1 2 3 4(四四)网页制作基础网页制作基础 1 2 3 4（2）满版型）满版型页面以图像充满整版。主要以图像为诉求点，也可将部分文字压置于图像之页面以图像充满整版。主要以图像为诉求点，也可将部分文字压置于图像之上。上。任务二任务二 设计网站设计网站 1 2 3 4 1 2 3 4（2 2）满版型）满版型 任务任务 1 2 3 4（3）分割型图）分割型图把整个页面分成上下或左右两部分，分别安排图片和文案。两个部分形把整个页面分成上下或左右两部分，分别安排图片和文案。两个部分形成对比：有图片的部分感性而具活力，文案部分则理性而平静。成对比：有图片的部分感性而具活力，文案部分则理性而平静。任务二任务二 设计网站设计网站 1 2 3 4 1 2 3 4（3 3）分割型图）分割型图 任任 1 2 3 4（4）中轴型）中轴型沿浏览器窗口的中轴将图片或文字作水平或垂直方向的排列。水平排列的页沿浏览器窗口的中轴将图片或文字作水平或垂直方向的排列。水平排列的页面给人稳定、平静、含蓄的感觉。垂直排列的页面给人以舒畅的感觉。面给人稳定、平静、含蓄的感觉。垂直排列的页面给人以舒畅的感觉。任务二任务二 设计网站设计网站 1 2 3 4 1 2 3 4（4 4）中轴型）中轴型沿浏览器窗口的中轴将图片沿浏览器窗口的中轴将图片 1 2 3 4（5）曲线型）曲线型图片、文字在页面上作曲线的分割或编排构成，产生韵律与节奏。如图图片、文字在页面上作曲线的分割或编排构成，产生韵律与节奏。如图4-13所示。所示。任务二任务二 设计网站设计网站 1 2 3 4 1 2 3 4（5 5）曲线型）曲线型图片、文字在页面上作曲线图片、文字在页面上作曲线 1 2 3 4（6）倾斜型）倾斜型页面主题形象或多幅图片、文字作倾斜编排，形成不稳定感或强烈的动页面主题形象或多幅图片、文字作倾斜编排，形成不稳定感或强烈的动感，引人注目感，引人注目。任务二任务二 设计网站设计网站 1 2 3 4 1 2 3 4（6 6）倾斜型）倾斜型 任务任务 1 2 3 4（7）对称型）对称型对称的页面给人稳定、严谨、庄重、理性的感受。对称的页面给人稳定、严谨、庄重、理性的感受。对称分为绝对对称和相对对称。一般采用相对对称的手法，以避免呆板。对称分为绝对对称和相对对称。一般采用相对对称的手法，以避免呆板。左右对称的页面版式比较常见。左右对称的页面版式比较常见。任务二任务二 设计网站设计网站 1 2 3 4 1 2 3 4（7 7）对称型）对称型 任务任务 1 2 3 4（8）焦点型）焦点型焦点型的网页版式通过对视线的诱导，使页面具有强烈的视觉效果。焦点型的网页版式通过对视线的诱导，使页面具有强烈的视觉效果。任务二任务二 设计网站设计网站 1 2 3 4 1 2 3 4（8 8）焦点型）焦点型 任任 1 2 3 4（9）三角型）三角型网页各视觉元素呈三角形排列。正三角形（金字塔型）最具稳定性，倒三角网页各视觉元素呈三角形排列。正三角形（金字塔型）最具稳定性，倒三角形则产生动感。侧三角形构成一种均衡版式，既安定又有动感。形则产生动感。侧三角形构成一种均衡版式，既安定又有动感。任务二任务二 设计网站设计网站 1 2 3 4 1 2 3 4（9 9）三角型）三角型网页各视觉元素呈三角形网页各视觉元素呈三角形 1 2 3 4（10）自由型）自由型自由型的页面具有活泼、轻快的风格。自由型的页面具有活泼、轻快的风格。任务二任务二 设计网站设计网站 1 2 3 4 1 2 3 4（1010）自由型）自由型自由型的页面具有活泼、自由型的页面具有活泼、1 2 3 42.网页的导航设计网页的导航设计导航栏能让我们在浏览网页时很容易的到达不同的页面，是网页元素导航栏能让我们在浏览网页时很容易的到达不同的页面，是网页元素非常重要的部分。非常重要的部分。（1）设计网页导航的基本准则）设计网页导航的基本准则组织良好的链接组织良好的链接确保你的链接按照重要性有序排列。确保你的链接按照重要性有序排列。清晰且鲜明清晰且鲜明一旦你决定做链接，需要考虑把它们置于最优位置。导航必须突出且鲜一旦你决定做链接，需要考虑把它们置于最优位置。导航必须突出且鲜明，把你设计的链接置于页面顶部或左侧这些最抢眼的位置上。明，把你设计的链接置于页面顶部或左侧这些最抢眼的位置上。连贯性连贯性导航必须清晰且连贯。导航必须清晰且连贯。易于理解易于理解确保链接言简意赅。确保链接言简意赅。DHTML菜单对于每个一大堆的分类栏和子栏，需要导航菜单来帮助你菜单对于每个一大堆的分类栏和子栏，需要导航菜单来帮助你组织链接。组织链接。任务二任务二 设计网站设计网站 1 2 3 42.1 2 3 42.网页的导航设计网页的导航设计 1 2 3 4（2）几种常用的导航）几种常用的导航顶部水平栏导航顶部水平栏导航顶部水平栏导航是当前两种最流行的网站导航菜单设计模式之一。顶部水平栏导航是当前两种最流行的网站导航菜单设计模式之一。任务二任务二 设计网站设计网站 1 2 3 4 1 2 3 4（2 2）几种常用的导航）几种常用的导航 1 2 3 4（2）几种常用的导航）几种常用的导航竖直竖直/侧边栏导航侧边栏导航侧边栏导航的导航项被排列在一个单列，一项在一项的上面。侧边栏导航的导航项被排列在一个单列，一项在一项的上面。任务二任务二 设计网站设计网站 1 2 3 4 1 2 3 4（2 2）几种常用的导航）几种常用的导航 1 2 3 4（2）几种常用的导航）几种常用的导航出式菜单和下拉菜单导航出式菜单和下拉菜单导航出式菜单出式菜单(与竖直与竖直/侧边栏导航一起使用侧边栏导航一起使用)和下拉菜单和下拉菜单(一般与顶部水平栏导一般与顶部水平栏导航一起使用航一起使用)是构建健壮的导航系统的好方法。是构建健壮的导航系统的好方法。任务二任务二 设计网站设计网站 1 2 3 4 1 2 3 4（2 2）几种常用的导航）几种常用的导航 1 2 3 43HTML语言语言计算机领域大部分名词都是源于英文，计算机领域大部分名词都是源于英文，HTML也一样，他是也一样，他是“HypertextMarkupLanguage”这几个英文单词的首字母缩写，中文意思这几个英文单词的首字母缩写，中文意思是是“超文本标记语言超文本标记语言”，它是用于描述网页文档的一种标记语言，是网页制，它是用于描述网页文档的一种标记语言，是网页制作人员必须掌握的一门计算机语言。作人员必须掌握的一门计算机语言。（1）HTML语言简介语言简介超级文本标记语言是超级文本标记语言是标准通用标记语言标准通用标记语言下的一个应用，也是一种规范，下的一个应用，也是一种规范，一种一种标准标准，它通过标记符号来标记要显示的网页中的各个部分。网页，它通过标记符号来标记要显示的网页中的各个部分。网页文件文件本本身是一种文本文件，通过在文本文件中添加标记符，可以告诉身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器浏览器如何显如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。下面我们来看一小段下面我们来看一小段HTML语言的代码，来了解语言的代码，来了解HTML语言的基本结构：语言的基本结构：HTML语言的基本结构语言的基本结构HTML是使用特殊标记来描述文档结构和表现形式的一种语言。是使用特殊标记来描述文档结构和表现形式的一种语言。将这一小段代码粘贴至文本文件中，然后选择将这一小段代码粘贴至文本文件中，然后选择“另存为另存为”，将文件的后缀名改，将文件的后缀名改为为.htm或者或者.html即可，然后在所在的目录下就可看到一个即可，然后在所在的目录下就可看到一个IE的图标，名字就的图标，名字就是你所存的文件名称。是你所存的文件名称。任务二任务二 设计网站设计网站 1 2 3 43 1 2 3 43HTMLHTML语言语言 1 2 3 43HTML语言语言（2）HTML语言案例制作语言案例制作用用HTML语言为网站设计一个简单的留言板，程序如下：语言为网站设计一个简单的留言板，程序如下：案例案例4-1HTML语言设计留言板语言设计留言板留言板留言板留留言言板板留言主题：留言主题：*任务二任务二 设计网站设计网站 1 2 3 43 1 2 3 43HTMLHTML语言语言 1 2 3 4详细描述：详细描述：*联联系系人：人：联系电话：联系电话：*任务二任务二 设计网站设计网站 1 2 3 4 1 2 3 4 任务二任务二 1 2 3 4QQ/MSN： 任务二任务二 设计网站设计网站 1 2 3 4 1 2 3 4 任务二任务二 1 2 3 4案例分析：案例分析：这是声明这是声明HTML文件的语法格式。每一个文件的语法格式。每一个HTML文件，都必须以文件，都必须以开头，开头，以以结束。结束。这是文件头声明的语法格式。在这之内的所有文字都属于文件的文件头，并这是文件头声明的语法格式。在这之内的所有文字都属于文件的文件头，并不属于文件本体。不属于文件本体。这是声明文件标题的语法格式。在这之中写下的所有内容，都将写在网页最这是声明文件标题的语法格式。在这之中写下的所有内容，都将写在网页最上面的标题栏中。上面的标题栏中。这是声明文件主体的语法格式。在二者之间写下的内容都是文件的主体，也这是声明文件主体的语法格式。在二者之间写下的内容都是文件的主体，也就是说将会被显示在网页主体区之中。就是说将会被显示在网页主体区之中。任务二任务二 设计网站设计网站 1 2 3 4 1 2 3 4案例分析：案例分析：任务二任务二 1 2 3 4（一）基本流程（一）基本流程三、任务实施三、任务实施 任务二任务二 设计网站设计网站 收集与整理素材收集与整理素材用用PhotoShop处理图片处理图片用用Flash制作网站动画制作网站动画用用DreamweaverCS6制作网页制作网页讨论并制作好各组主页讨论并制作好各组主页 1 2 3 4 1 2 3 4（一）基本流程三、任务实施（一）基本流程三、任务实施 1 2 3 4（二）实施步骤（二）实施步骤 三、任务实施三、任务实施 1收集与整理素材收集与整理素材收集与整理站点素材，这是一项费时费力的工作，需要精心组织与筹备。包括收集与整理站点素材，这是一项费时费力的工作，需要精心组织与筹备。包括图片的收集与处理，动画、影音文件的制作与编辑；准备好素材后，确定站点在本图片的收集与处理，动画、影音文件的制作与编辑；准备好素材后，确定站点在本地计算机上的存放位置，并在站点文件夹下分别建立用于存放站点文件和素材的子地计算机上的存放位置，并在站点文件夹下分别建立用于存放站点文件和素材的子文件夹，如用于存放图像、动画、应用程序、插件等的文件夹，文件夹的命名最好文件夹，如用于存放图像、动画、应用程序、插件等的文件夹，文件夹的命名最好与所存放的内容相关，以便查找，进行网页的编辑与制作。与所存放的内容相关，以便查找，进行网页的编辑与制作。2用用PhotoShop处理图片处理图片Adobe公司出品的公司出品的Photoshop具有强大的图形图像处理功能，自推出之日起具有强大的图形图像处理功能，自推出之日起就一直深受广大平面设计者的好评。就一直深受广大平面设计者的好评。PhotoshopCS6版本功能强大、操作灵活，版本功能强大、操作灵活，为使用者提供了更为广阔的使用空间和设计空间，使平面设计工作更加方便、快捷。为使用者提供了更为广阔的使用空间和设计空间，使平面设计工作更加方便、快捷。（1）PhotoshopCS6工作界面介绍工作界面介绍接下来让我们先来了解下接下来让我们先来了解下PhotoshopCS6软件的基础软件的基础启动启动PhotoshopCS6在桌面左下角单击在桌面左下角单击“开始开始”按钮，在弹出的按钮，在弹出的“开始开始”菜单中执行菜单中执行“所有程序所有程序AdobePhotoshopCS6”命令，或者双击桌面的命令，或者双击桌面的PhotoshopCS6快捷方式图标即可启动快捷方式图标即可启动PhotoshopCS6。任务二任务二 设计网站设计网站 1 2 3 4 1 2 3 4（二）实施步骤（二）实施步骤 三、任务实施三、任务实施 1 1收集收集 1 2 3 4认识认识PhotoshopCS6的工作界面的工作界面启动并打开图像界面，如图启动并打开图像界面，如图4-23所示，可以看到所示，可以看到Photoshop的工作界面由标题栏、的工作界面由标题栏、菜单栏、工具箱、图像窗口、工作区、控制面板和状态栏组成。菜单栏、工具箱、图像窗口、工作区、控制面板和状态栏组成。任务二任务二 设计网站设计网站 1 2 3 4 1 2 3 4认识认识Photoshop CS6Photoshop CS6的工作的工作 1 2 3 4PhotoshopCS6案例制作案例制作接下来我们通过一个实例的制作来熟悉接下来我们通过一个实例的制作来熟悉PhotoshopCS6软件的应用。软件的应用。现有一款现有一款“美自然美自然”护肤品公司的产品，在放入公司网站前，我们需要对其图片护肤品公司的产品，在放入公司网站前，我们需要对其图片进行简单的处理，步骤如下：进行简单的处理，步骤如下：步骤步骤1：打开：打开PhotoshopCS6软件进入工作界面，如图软件进入工作界面，如图4-24所示。所示。任务二任务二 设计网站设计网站 1 2 3 4Photoshop CS6 1 2 3 4Photoshop CS6案例制作案例制作 1 2 3 4步骤步骤2：新建一个文档，如图：新建一个文档，如图4-25所示设置相应参数。所示设置相应参数。任务二任务二 设计网站设计网站 1 2 3 4 1 2 3 4步骤步骤2 2：新建一个文档，如图：新建一个文档，如图4-254-25所示所示 1 2 3 4步骤步骤3：通过文件：通过文件-打开菜单，如图打开菜单，如图4-26所示，打开背景图片所示，打开背景图片bg.jpg和产品图片和产品图片prod.jpg。任务二任务二 设计网站设计网站 1 2 3 4 1 2 3 4步骤步骤3 3：通过文件：通过文件-打开菜单，如图打开菜单，如图4-4-1 2 3 4步骤步骤4：利用移动工具将背景图片移动至：利用移动工具将背景图片移动至water文档中，效果如图文档中，效果如图4-27所示。所示。任务二任务二 设计网站设计网站 1 2 3 4 1 2 3 4步骤步骤4 4：利用移动工具将背景图片移动至：利用移动工具将背景图片移动至w w 1 2 3 4步骤步骤5：用相同的步骤将产品图片：用相同的步骤将产品图片prod.jpg拖至拖至water文档的图层文档的图层2中，效果如图中，效果如图4-28所示。所示。任务二任务二 设计网站设计网站 1 2 3 4 1 2 3 4步骤步骤5 5：用相同的步骤将产品图片：用相同的步骤将产品图片prodprod 2 3 4步骤步骤6：选择工具箱中的：选择工具箱中的魔棒工具，单击图层魔棒工具，单击图层2中的白色背景，按中的白色背景，按“del”键删除键删除（对素材的背景进行处理），适当调整产品图片的位置，效果如图（对素材的背景进行处理），适当调整产品图片的位置，效果如图4-29所示。所示。任务二任务二 设计网站设计网站 2 3 4 2 3 4步骤步骤6 6：选择工具箱中的：选择工具箱中的 魔棒工具，单击图层魔棒工具，单击图层 2 3 4步骤步骤7：选择工具箱中的，勾选出人物面部轮廓，如图：选择工具箱中的，勾选出人物面部轮廓，如图4-30所示。所示。步骤步骤8：选择图像：选择图像调整调整亮度亮度/对比度，如图对比度，如图4-31所示。所示。任务二任务二 设计网站设计网站 2 3 4 2 3 4步骤步骤7 7：选择工具箱中的，勾选出人物面部轮廓：选择工具箱中的，勾选出人物面部轮廓 2 3 4步骤步骤9：新建图层：新建图层2，并用工具箱中的矩形选框工具创建选区，效果如图，并用工具箱中的矩形选框工具创建选区，效果如图4-33所示所示 任务二任务二 设计网站设计网站 2 3 4 2 3 4步骤步骤9 9：新建图层：新建图层2 2，并用工具箱中的矩形选框，并用工具箱中的矩形选框 2 3 4步骤步骤10：调整前景色，如图：调整前景色，如图4-34所示。所示。任务二任务二 设计网站设计网站 2 3 4 2 3 4步骤步骤1010：调整前景色，如图：调整前景色，如图4-344-34所示。所示。2 3 4步骤步骤11：利用油漆桶工具对矩形选区进行颜色填充，效果如图：利用油漆桶工具对矩形选区进行颜色填充，效果如图4-35所示。所示。任务二任务二 设计网站设计网站 2 3 4 2 3 4步骤步骤1111：利用油漆桶工具对矩形选区进行颜色：利用油漆桶工具对矩形选区进行颜色 2 3 4步骤步骤12：Ctrl+D，再利用矩形选区工具创建新选区如图，再利用矩形选区工具创建新选区如图4-36所示所示.任务二任务二 设计网站设计网站 2 3 4 2 3 4步骤步骤1212：Ctrl+DCtrl+D，再利用矩形选区工具，再利用矩形选区工具 2 3 4步骤步骤13：将前景色设置为：将前景色设置为“#964492”，再对选区进行颜色填充，效果如图，再对选区进行颜色填充，效果如图4-37所所示示 任务二任务二 设计网站设计网站 2 3 4 2 3 4步骤步骤1313：将前景色设置为：将前景色设置为“#964492“#964492 1 3 43用用Flash制作网站动画制作网站动画Flash是目前应用最广泛的网页动画设计工具。其具备了从动画的绘制、动作是目前应用最广泛的网页动画设计工具。其具备了从动画的绘制、动作的实现、编程控制以及最后动画的输出等一整套实用的功能，可以完全满足用户的的实现、编程控制以及最后动画的输出等一整套实用的功能，可以完全满足用户的动画创意、动画设计、动画制作以及动画发布所有的要求。使用动画创意、动画设计、动画制作以及动画发布所有的要求。使用FlashCS6，不仅，不仅可以快速地制作各种网页动画，还可以编辑一些专业的动漫作品，甚至开发基于互可以快速地制作各种网页动画，还可以编辑一些专业的动漫作品，甚至开发基于互联网的跨平台应用程序。联网的跨平台应用程序。（1）动画的概念及原理）动画的概念及原理动画：是通过一副副静止的，内容不同的画面快速播放使人们在视觉上产生运动动画：是通过一副副静止的，内容不同的画面快速播放使人们在视觉上产生运动的感觉。这是利用了人类眼睛的视觉暂留原理。利用人的这种生理特性可制作出具的感觉。这是利用了人类眼睛的视觉暂留原理。利用人的这种生理特性可制作出具有高度想象力和表现力的动画影片。有高度想象力和表现力的动画影片。原理：人们在看画面时，画面会在大脑视觉神经中停留时间大约是原理：人们在看画面时，画面会在大脑视觉神经中停留时间大约是1/24S，如果，如果每秒更替每秒更替24个画面或更多，那么前一个画面还没在人脑中消失之前，下一个画面进个画面或更多，那么前一个画面还没在人脑中消失之前，下一个画面进入人脑，人们就会觉得画面动起来了，它的基本原理与电影、电视一样，都是视觉入人脑，人们就会觉得画面动起来了，它的基本原理与电影、电视一样，都是视觉原理。原理。任务二任务二 设计网站设计网站 1 3 43 1 3 43用用FlashFlash制作网站动画制作网站动画 1 3 4（2）FlashCS6工作界面介绍工作界面介绍接下来让我们先来了解下接下来让我们先来了解下FlashCS6软件的基础。软件的基础。启动启动FlashCS6在桌面左下角单击在桌面左下角单击“开始开始”按钮，在弹出的按钮，在弹出的“开始开始”菜单中执行菜单中执行“所有程序所有程序FlashCS6”命令，或者双击桌面的命令，或者双击桌面的FlashCS6快捷方式图标即可启动快捷方式图标即可启动FlashCS6。认识认识FlashCS6的工作界面的工作界面:包括标题栏、菜单栏、绘图工作区、包括标题栏、菜单栏、绘图工作区、【时间轴时间轴】面面板、板、【属性属性】面板及工具箱面板集等界面元素面板及工具箱面板集等界面元素 任务二任务二 设计网站设计网站 1 3 4 1 3 4（2 2）Flash CS6Flash CS6工作界面介绍工作界面介绍 几个重要内容几个重要内容A A、绘图工作区、绘图工作区 ,如图如图4-394-39所示所示 .设计者可以在其中直接绘制插图，也可设计者可以在其中直接绘制插图，也可以在舞台中导入需要的插图、媒体文件等。以在舞台中导入需要的插图、媒体文件等。几个重要内容几个重要内容几个重要内容几个重要内容B B、时间轴、时间轴 ,如图如图4-404-40所示所示 .时间轴用于组织和控制影片内容在一定时间时间轴用于组织和控制影片内容在一定时间内播放的层数和帧数。图层相当于层叠在一起的幻灯片，每个图层都内播放的层数和帧数。图层相当于层叠在一起的幻灯片，每个图层都包含一个显示在舞台中的不同图像。时间轴的主要组件是图层、帧和包含一个显示在舞台中的不同图像。时间轴的主要组件是图层、帧和播放头。播放头。几个重要内容几个重要内容几个重要内容几个重要内容C C、工具箱、工具箱 ,如图如图4-414-41所示所示 .工具箱中包括了工具箱中包括了【绘图绘图】工具、工具、【视图调整视图调整】工具、工具、【颜色修改颜色修改】工具和工具和【选项设置选项设置】工具工具4 4部分，用户可以使部分，用户可以使用这些工具可以进行绘图、选取对象、喷涂、修改及编排文字等操作。用这些工具可以进行绘图、选取对象、喷涂、修改及编排文字等操作。几个重要内容几个重要内容几个重要内容几个重要内容D D、面板主要、面板主要 ,如图如图4-424-42所示所示 .Flash CS6.Flash CS6的的【属性属性】面板主要由面板主要由【属性属性】、【滤镜滤镜】和和【参数参数】3 3个选项卡组成。个选项卡组成。E、时间轴面板、时间轴面板,如图如图4-43所示所示.时间轴是时间轴是Flash动画制作的核心部分，可以通动画制作的核心部分，可以通过执行菜单中过执行菜单中“窗口窗口|时间轴时间轴”（快捷键（快捷键Ctrl+Alt+T）命令，对其进行）命令，对其进行隐藏或显示的切换。隐藏或显示的切换。几个重要内容几个重要内容E E、时间轴面板、时间轴面板,如图如图4-434-43所示所示.时间轴是时间轴是F F 1 3 4（3）Flash元件类型介绍元件类型介绍元件是构成元件是构成Flash动画的基础，用户可以根据动画的具体应用，直接创建不同类型动画的基础，用户可以根据动画的具体应用，直接创建不同类型的元件。在的元件。在Flash软件中软件中Flash元件分为图形、按钮和影片剪辑元件分为图形、按钮和影片剪辑3种，如图种，如图4-44所示。所示。影片剪辑元件影片剪辑元件使用影片剪辑元件可以创建可重用的动画片段。使用影片剪辑元件可以创建可重用的动画片段。影片剪辑拥有它们自己独立于主时间轴的多帧时间轴。影片剪辑拥有它们自己独立于主时间轴的多帧时间轴。图形元件图形元件图形元件可用于静态图像，并可用来创建连接到主时间轴的可重用动画片段。图形元件可用于静态图像，并可用来创建连接到主时间轴的可重用动画片段。按钮元件按钮元件按钮元件有不同的状态，每种状态都可以通过图形、元件和声音来定义。一旦创建按钮元件有不同的状态，每种状态都可以通过图形、元件和声音来定义。一旦创建了按钮，就可以对其影片或者影片片断中的实例赋予动作。了按钮，就可以对其影片或者影片片断中的实例赋予动作。任务二任务二 设计网站设计网站 1 3 4 1 3 4（3 3）FlashFlash元件类型介绍元件类型介绍 1 3 4（4）Flash动画类型介绍动画类型介绍Flash动画分为逐帧动画、传统补间动画、补间形状动画和补间动画。动画分为逐帧动画、传统补间动画、补间形状动画和补间动画。逐帧动画逐帧动画逐帧动画是动画中最基本的类型，同传统的动画制作方法类似，它的制作原理是在逐帧动画是动画中最基本的类型，同传统的动画制作方法类似，它的制作原理是在连续的关键帧中分解动画，即每一帧中的内容不同，使其连续播放而成动画，如图连续的关键帧中分解动画，即每一帧中的内容不同，使其连续播放而成动画，如图4-45所示。所示。任务二任务二 设计网站设计网站 1 3 4 1 3 4（4 4）FlashFlash动画类型介绍动画类型介绍 1 3 4传统补间动画传统补间动画传统补间动画是传统补间动画是Flash中较为常见的基础动画类型，使