Web设计基础课程设计报告20120610

《Web设计基础》课程设计报告设计题目：栋梁奖学金网站设计专业计算机应用技术班级201051A学号22010051018学生姓名冯佳辉指导教师顾问设计时间2012.6.11-2012.6.22教师评分2012年06月11日《Web设计基础》课程设计报告1目录一、课程设计概述...........................................................................................21.1设计任务及目的..............................................................................................21.2课程设计的组成部分......................................................................................3二、课程设计总结...........................................................................................32.1设计思想、进行过程及步骤..........................................................................32.2网页详细设计分析..........................................................................................42.3所遇到的问题，解决办法..............................................................................52.4体会及建议......................................................................................................62.5参考资料..........................................................................................................6三、课程设计成绩...........................................................................................6《Web设计基础》课程设计报告2一、课程设计概述1.1设计任务及目的1、观察以下网站开发流程图，了解一般网站开发的流程。谈谈你对前端UI设计的理解。《Web设计基础》课程设计报告32、阐述你所完成的栋梁奖学金网站的设计意图和创意，简单介绍该网站。（文字叙述）对于我设计的栋梁奖学金网站，主要以简明直观为主，主要突出栋梁奖学金所带来的影响，以及所帮助的人，这网站主要以图片来展示栋梁奖学金的成长，最后为了壮大该机构，制定了该网站。1.2课程设计的组成部分1、根据你所搜集的资料，使用AxureRP原型设计软件完成站点模型设计。导出HTML文件并演示效果。2、确认原型设计方案后，使用Photoshop完成网站效果图。3、将网站效果图利用Photoshop切片，然后使用HTML完成页面结构定义，通过CSS样式表进行页面美化，编写Javascript脚本完成页面动态交互功能。二、课程设计总结2.1设计思想、进行过程及步骤1、网站整体结构规划思想要求阐述网站整体结构的选择、设计的思想，绘制网站结构图。网站整体大小以1000*900为主，搜集关于栋梁奖学金的图片以及资料介绍《Web设计基础》课程设计报告4通过photoshop制作出网页的大体概念，接着通过切片，以及css样式逐步完善。对于网站设计的思想，我主要以弘扬栋梁奖学金为主支持并加以宣传，让更多的人知道并了解它的存在，同时也是为了让更多的支持慈善事业。2、主页设计思想要求对主页的布局思路进行阐述和分析。主页布局：网站的顶部布局是非常关键的，因为一般来讲蜘蛛都是从上到下，从左到右的形式来爬行并且以此来给予权重。头部在一般的网站当中主要分至为两点：第一点：网站标题title，网站标题我们一般都采用关键词来进行填写，从而让搜索引擎进行识别我们站点做的是什么样类型的站点，主要经营哪些关键词。所以说我们必要把标题写好，因为标题就相当于一个人脸起着识别的作用。第二点：网站关键词keywords，这个在这里就不多说，因为作用不是很大，一般设置几个关键性的就可以了，搜索引擎主要还是根据title标题来进行识别，根据网站权重来给予网站排名的。3、子页的设计思想要求对子页的设计以及网页对象的选取思路进行阐述和分析。对于子页的选取，我主要以栋梁奖学金机制的发展历史为主线，鉴证它的发展流程，以及带给他人的影响。2.2网页详细设计分析对首页的设计实现过程进行阐述和分析，详细说明制作该网页的步骤，所使《Web设计基础》课程设计报告5用的网页对象以及该网页对象的操作方法。1）网站构思，制作网站之前，必须对自己网站的结构和功能进行分析。首先，要明确制作该网站的目的，这是决定网站存在的根本。是为了宣传自己，还是政务性的网站，仅提供信息的共享，还是个人主页等等，都是应该考虑的。2）网站设计，这是网站制作的第二步，确定了主题，就该根据站点的目标整理收集素材。大的目标制定了，把大目标细化，并初步收集整理站点需要的内容，这实际上就形成了站点设计的需求报告。在内容纲要里，还应注明这些内容的详细信息。定下内容之后就要画出站点的结构图，依据网站内容以及个人喜好而定。主要目的是便于有逻辑地组织站点和链接，有了充分的准备工作，以下的工作进行起来就顺利多了。3）正式制作，使用网页制作工具。利用这些工具，就可以将先前准备的材料以网页的形式呈现，这些工具就是一个加工的过程。所以制作网页需要先前做好充分的设想和准备，当然此时也要熟练使用这些网络工具，才能实现网页的制作。4）测试网站，通过浏览器对网页的效果和正确性进行测试，经过前面的步骤，我们已经完成了基本的网页制作，后面的工作就是检查和审视，将不满意的地方加以修改和完善。这样就相当于预览成果，效果不好，还可以重新再设计，以保证网页的质量完美。2.3所遇到的问题，解决办法遇到的问题：1）在利用photoshop进行网页的整理时，对于网页的切片不会。2）一开始对于网站的整体没有一个构造的概念3）解决办法：1）老师通过演示，得以了解《Web设计基础》课程设计报告62）上网搜寻已经成型的模版，加以借鉴，搜寻素材加以制作，并通过老师的介绍来确定网站的整体结构。2.4体会及建议不知不觉,二个星期的《网页设计与网站建设》课程的实操即将过去,回顾这一段日子,真的令我体会很深,也学会很多东西,懂得很多以前不懂的东西,也明白了一些事情.在设计过程中，与同学配合设计，和同学们相互探讨，相互学习，相互监督。学会了合作，学会了运筹帷幄，学会了宽容，学会了理解，也学会了做人与处世。课程设计是我们专业课程知识综合应用的实践训练，是我们迈向社会，从事职业工作前一个必不少的过程．通过这次课程设计，我深深体会到脚踏实地的重要．我今天认真的进行课程设计，学会脚踏实地迈开这一步，就是为明天能稳健地在社会大潮中奔跑打下坚实的基础．对于这次网页设计，本人在多方面都有所提高。通过这次网页设计，综合运用本专业所学课程的理论和生产实际知识进行一次冷网页设计工作的实际训练从而培养和提高学生独立工作能力，巩固与扩充了网页设计等课程所学的内容，掌握网页设计的方法和步骤，掌握网页设计的基本的网站设计技能懂得了怎样初步的设计网页，制作网页，以及分析网页，同时各科相关的课程都有了全面的复习，独立思考的能力也有了提高。在这次网页设计过程中，体现出自己初步构思网站的能力以及综合运用知识的能力，体会了学以致用、突出自己劳动成果的喜悦心情，从中发现自己平时学习的不足和薄弱环节，从而加以弥补。在此感谢我们的老师.，老师严谨细致、一丝不苟的作风一直是我工作、学习中的榜样；老师循循善诱的教导和不拘一格的思路给予我无尽的启迪；这次网页设计的每个操作细节和每个数据，都离不开老师您的细心指导。而您开朗的个性和宽容的态度，帮助我能够很顺利的完成了这次课程设计。同时感谢对我帮助过的同学们，谢谢你们对我的帮助和支持，让我感受到同学的友谊。2.5参考资料注：书、论文、网络资料三、课程设计成绩课程设计成绩：