网页设计与制作课程设计论文――运动与健康1

辽宁工业大学网页设计与制作课程设计（论文）题目：运动与健康院（系）：管理学院专业班级：学号：学生姓名：指导教师：教师职称：起止时间：2012.7.2-2012.7.6课程设计（论文）任务及评语院（系）：管理学院教研室：电子商务学号学生姓名专业班级电子商务091课程设计（论文）题目运动与健康课程设计（论文）任务1．网页总数不少于30页,界面友好2．具有明显自己设计的特征.3．在DREAMWEAVER设计部分,链接灵活方便,完全能够实现.,表单,表格,含有自己设计筛理过的图像,框架,建立自己的站点,文件管理规范4．在FIREWORKS设计部分,必须有自己设计的图像,进行效果处理,动画设计.5．在FLASH设计部分,自己设计动画,动作动画与形状动画至少各一个,独立完成的,元件,二个以上场景,含有声音,FLASH文本设计,具有行为效果).将FLASH要放在自己设计的网页中.6．网站主题明确,不得抄袭.7．具有实用性.8．根据自己设计的内容写出个人总结,不少于1000字指导教师评语及成绩页面设计符合要求、布局合理、有创意、有特点且结合实时新闻。链接运行正常、合理，具有从主页到子页，从子页到主页的完整链接功能。Flash制作精美，功能正常，符合网页内容。页面文字图片搭配协调，简洁大方，便于浏览。Firework设计部分，图像运行正常，效果实施完整。主题符合实际，且相互有关联，整体网页运行正常，功能完善，贴近学生生活，具有实用性。但网页设计较为简单，firework和flash的运用也只是基础功能的实现，希望多加练习，学习和了解更多网页设计相关的知识。成绩：指导教师签字：2012年07月06日辽宁工业大学课程设计说明书（论文）目录第1章课程设计目的与要求.............................11.1课程设计目的........................................................11.2课程设计的实验环境..................................................11.3课程设计的预备知识..................................................11.4课程设计要求........................................................1第2章课程设计内容....................................22.1课程设计的目标......................................................22.2网站开发需求分析....................................................22.3开发工具的选用及介绍................................................32.4网页设计的要素......................................................52.5制作网页的步骤......................................................62.6网页的设计技巧......................................................72.7网页的主要模块......................................................72.8网页具体制作详细...................................................17第3章课程设计的问题与解决...........................203.1课程设计的问题.....................................................203.2问题的解决思路.....................................................203.2个人总结...........................................................20参考文献..............................................22辽宁工学院课程设计说明书（论文）1第1章课程设计目的与要求1.1课程设计目的本课程的课程设计实际是电子商务专业学生学习完《网页设计与制作》课程后，进行的一次全面的综合训练，其目的在于加深对基本知识的理解，掌握运用各种书本学习过软件的基本方法。1.2课程设计的实验环境硬件要求能运行Windows9.X操作系统的微机系统。数据库应用系统开发软件可以选用：FoxProforWindows；VisualFoxPro；MicrosoftAccess，或其他数据库管理系统;以及其它学习或自己使用过的相关软件.1.3课程设计的预备知识熟悉数据库的基本知识及一种以上数据库系统开发软件。及有关网页设计的工具软件.1.4课程设计要求按课程设计指导书提供的课题(参考)，应根据下一节给出的基本需求独立完成各个方面的设计，可以组成设计小组，分模块进行,共同协作完成一个应用系统的开发任务。要求书写详细的设计说明书，对复杂的代码段和程序段，应画出程序流程图。在界面设计中，画出每个窗口的布局，有多个窗口时，按模块调用的方式画出窗口调用图，用手工画好报表和标签样式，严禁相互抄袭。辽宁工学院课程设计说明书（论文）2第2章课程设计内容2.1课程设计的目标21世纪是信息高速发达的时代，网络作为当今最流行最方便快捷的媒介也越来越被人们接受，而作为新世纪的计算机系大学生更应该具备一定的网络知识，来充实和武装自己。网站的建设首先能丰富学生自己的文化知识，在建设网站的过程中能学到实际的网络知识。这样不仅对自己原有的知识是个实践性的提高，而且还积累了实际的设计经验。而对于即将毕业的学生，网站能对他有什么样的帮助呢？这是一个很好的网络身份证，因为网站的作用是让别人了解自己认识自己，以达到让别人对自己更好的了解。有这么一个自己设计和制作的网站在这里完全可以证明你拥有一定水平的计算机能力，也加大了你被录取的可能性。而且对于那些计算机水平很高的人来说，建设一个个人网站首先证明了自己的水平。这样比简单空白的文本式简历要更有说服力的多。在网页制作中，运用了Photoshop和fireworks强大的图像制作和处理能力。以自己在网上收集的素材作为图片素材。进行了大量的图片制作，从而给人以强烈的美感。整个网站的架构是由Dreamwaver软件完成的。整个网站运用了CSS的方法定位、设计。用这个方法可以减少内存，更易浏览。HTML编辑器，虽然HTML代码复杂，编辑和调试要花费大量的时间，但因HTML的稳定性、广泛支持性及可创建复杂的页面效果，仍受高级网页制作人员的青睐。就目前来说，有众多的编辑器供选择，这些编辑器广泛支持复杂页面创建及高级HTML规范。2.2网站开发需求分析一个网站项目的确立是建立在各种各样的需求上面的，这种需求往往来自于客户的实际需求或者是出于公司自身发展的需要，其中客户的实际需求也就是说这种交易性质的需求占了绝大部分。面对对网站开发拥有不同知识层面的客户，项目的负责人对用户需求的理解程度，在很大程度上决定了此类网站开发项目的成败。因此如何更好地的了解、分析、明确用户需求，并且能够准确、清晰以文档的形式表达给参与项目开发的每个成员，保证开发过程按照满足用户需求为目的正确项目开发方向进行，是每个网站开辽宁工学院课程设计说明书（论文）3发项目管理者需要面对的问题。运动和健康越来越受大大家的重视，一个集体育资讯和健康知识于一体的网站，一定回受到大家的关注。2.3开发工具的选用及介绍2.3.1Dreamweaver简介Dreamweaver是没过Adpbe（原Macromedia，2005年呗Adobe收购）公司开发的及网页制作和管理网站于一身的所见即所得网页编辑器，它是一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。它不仅是优秀的WYSIWYG编辑器，更是优秀的代码编辑器，有代码加亮，代码提示等丰富功能，提供各种示例代码，并支持Javascript、PHP、ASP、JSP等多种脚本语言。此外，DreamweaverMX2004提供基于强大的规范管理来确保高质量的设计，设计环境提供CSS迅速高效的开发代码简洁、专业规范的站点。如果用户熟悉手工编写标记代码，Dreamweaver包括许多与编码相关的工具和功能，其使用将更加灵活。并且，借助Dreamweaver还可以使用服务器语言生成支持动态数据库的Web应用程序。MacromediaDreamweaverMX是创建专业网站的最佳途径,同时也是构建强大Internet应用程序的最简便的途径。开发人员第一次能在一个环境内快速创建和管理网站及Internet应用程序。DreamweaverMX是一个完整、集成的解决方案,可为您提供可视化的布局工具、快速的web应用程序开发以及广泛的代码编辑支持了全面、系统地提升网络设计、开发者的MacromediaDreamweaverMX及其它软件应用水平。2.3.2Flash简介Flash是由macromedia公司推出的交互式矢量图和Web动画的标准，由Adobe公司收购。网页设计者使用Flash创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash也是存储芯片的一种，通过特定的程序可以修改里面的数据。Flash的前身是FutureWave公司的FutureSplash，是世界上第一个商用的二维矢量动画软件，用于设计和编辑Flash文档。1996年11月，美国Macromedia公司收购了FutureWave，并将其改名为Flash。在出到Flash8以后，Macromedia又被Adobe公司收购。Flash通常也指MacromediaFlashPlayer(现AdobeFlashPlayer)。Flash，是一种动画创作与应用程序开发于一身的创作软件，目前最新的零售版本为辽宁工学院课程设计说明书（论文）4AdobeFlashProfessionalCS6(2012年发布)。AdobeFlashProfessionalCS6为创建数字动画、交互式Web站点、桌面应用程序以及手机应用程序开发提供了功能全面的创作和编辑环境。Flash广泛用于创建吸引人的应用程序，它们包含丰富的视频、声音、图形和动画。可以在Flash中创建原始内容或者从其它Adobe应用程序（如Photoshop或Illustrator）导入它们，快速设计简单的动画，以及使用AdobeAcitonScript3.0开发高级的交互式项目。设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用Flash创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的Flash应用程序。2.3.3HTML语言的简介HTML一种为普通文件中某些字句加上标示的语言，其目的在于运用标记（tag）使文件达到预期的显示效果。HTML只是标示语言，基本上你只要明白了各种标记的用法便算学懂了html，html的格式非常简单，只是由文字及标记组合而成，于编辑方面，任何文字编辑器都可以，只要能将文件另存成ascii纯文字格式即可，当然以专业的网页编辑软件为佳。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电