网站设计综合实例ppt课件.ppt

《网站设计综合实例ppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第9章网站设计综合实例9.1网站规划9.2制作首页场景9.3制作装载（Loading）动画9.4制作二级页面动画9.5整合相关知识本章小结思考与练习学习目标了解Flash网站和单个Flash作品的区别掌握Loading的制作方法掌握常用的ActionScript控制代码掌握文本导入的方法引例一家宠物商店因业务拓展，需要建设一个宠物介绍网站，该商店主要经营范围包括宠物猫和宠物狗。网站制作要求界面美观且具有动感效果，必须包括商店和主要经营品种的介绍网页，页面上显示用于联系的E-Mail和新到宠物信息。9.1网

2、站规划一个网站的成功与否与建站前的网站规划有着极为重要的关系。在建立网站前应明确建立网站的目的，确定网站的功能、规模等。只有详细的规划，才能避免在网站建设中出现的很多问题，使网站建立能顺利进行。9.1.1需求整理网站规划的第一项任务就是对用户的需求进行整理，明确用户的建立目标。任务1确定一级栏目任务要求对用户提出的具体要求进行整理，确定一级栏目。任务分析一个网站由多级栏目构成，一级栏目是直接显示在主页上的链接，通过对用户的实际业务开展情况进行整理，可以确定网站的一级栏目。边学边做请分析个人网站的一级栏目应

3、有哪些？任务2确定二级页面风格任务要求根据“任务1”确定的一级栏目，确定二级页面的总体风格，并且保证整个网站风格统一，丰富多彩。任务分析二级页面是单击主页上一级栏目链接后，展示一级栏目详细内容的页面。二级页面的风格有多种，根据实际需求确定它的风格至关重要。如果显示的内容不是很多，可以选用图片为主风格的二级页面，否则需要选用以显示文字链接为主风格的二级页面。边学边做请分析个人网站的二级栏目应有哪些，采用何种风格较为妥当？9.1.2结构规划根据用户需求整理出网站建设过程中需要设计的一级栏目和二级页面风格后，需

4、要对网站进行结构规划，大体确定需要多少个页面。任务3规划网站结构任务要求根据上一小节整理出的一级栏目，确定规划网站结构，绘制出结构规划图。任务分析网站结构规划的主要任务是确定网站需要多少个页面，以及页面之间的关系。Flash制作网站还需要确定主场景、次场景和按钮的个数。网站栏目：关于我们（商店介绍）、宠物猫猫、宠物狗狗、新到宠物、联系我们边学边做请设计一个个人主页的网站结构。9.2制作首页场景Flash网站由主场景、子场景、次子场景等构成，与制作html网站类似，一般先制作一个主场景“index.swf”

5、，主要内容包括：长宽比例、背景、栏目导航按钮、网站名称等首页信息。最后发布成一个html文件，或者通过网页设计工具制作一个html页面，插入“index.swf”。9.2.1设置背景利用Flash制作网站的第一步是布置好舞台，以保证整个网站简洁、实用风格统一。任务4设置舞台大小任务要求新建一个Flash文档，设置舞台大小为800×600像素，背景白色，保存文档，命名为Index.fla。任务分析常见的计算机的分辨率是800×600像素或1024×768像素，将舞台大小设置为800×600像素通用性较强。任

6、务5背景过渡任务要求新建一个图形元件，并制作淡入背景动画。任务分析体现出背景过渡效果，可以新建一个图形元件。在元件中绘制一个填充色与背景颜色不同的图形，设置图形元件的透明度，生成“动画”补间，体现出背景过渡效果。任务6底部导航背景任务要求新建一个图形元件，并将其拖动到舞台底部，作为一级栏目导航按钮的背景。任务分析通过颜色可以体现出主页功能分区，与“任务5”类似。新建一个名称为“BG_Black”的图形元件，并在元件中绘制一个矩形，填充色黑色、无边框、边脚半径0点、宽度800像素、高度10像素，底部边与舞台

7、重合。在“场景1”中插入一个名称为“BG_Black”的图层，选中该图层的第1帧，将“BG_Black”图形元件拖拽至舞台底部，使其底边与舞台重合。边学边做请自己创意，设计配色方案填充舞台背景。任务7边框任务要求新建一个背景图形元件，在元件中绘制大小合适的边框，并在图形元件中添加版权信息和公司名称。任务分析与前面几个任务类似，新建一个名称为“BG_Border”的图形元件，并在元件中绘制一个矩形，无填充色、黑色边框、边脚半径15点，删除左、右边线，使其与舞台融为一体。利用“文本工具”输入版权信息和公司名称

8、，合理调整宽度使其位于舞台内部，并且具有恰当的边距，简洁美观。边学边做请用户自己创意，设计一个Logo（公司标志）添加至“BG_Border”图形元件中。9.2.2创建按钮首页上需要显示全部一级栏目的链接，这一小节将创建一系列与一级栏目相关的按钮。任务8创建主页按钮任务要求创建一个图标与主页相关的按钮，当鼠标经过和按下按钮时显示文字提示主页，完成后的状态如图9-5所示。任务分析几乎所有网站的导航栏上都有主页按钮或链接，Flas