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

《Web设计基础》课程设计报告 设计题目： 栋梁奖学金网站设计 专 业 计算机应用技术 班 级 201051A 学 号 22010051018 学生姓名 冯佳辉 指导教师 顾问 设计时间 2012.6.11-2012.6.22 教师评分 2012年 06月 11 日目录 一、 课程设计概述 2 1.1设计任务及目的 2 1.2课程设计的组成部分 3 二、 课程设计总结 3 2.1设计思想、进行过程及步骤 3 2.2网页详细设计分析 4 2.3所遇到的问题，解决办法 4 2.4体会及建议 4 2.5参考资料 4 三、 课程设计成绩 4 课程设计概述 1.1设计任务及目的 1、观察以下网站开发流程图，了解一般网站开发的流程。谈谈你对前端UI设计的理解。 2、阐述你所完成的栋梁奖学金网站的设计意图和创意，简单介绍该网站。（文字叙述） 对于我设计的栋梁奖学金网站，主要以简明直观为主，主要突出栋梁奖学金 所带来的影响，以及所帮助的人，这网站主要以图片来展示栋梁奖学金的成 长，最后为了壮大该机构，制定了该网站。 1.2课程设计的组成部分 1、根据你所搜集的资料，使用Axure RP原型设计软件完成站点模型设计。导出HTML文件并演示效果。 2、确认原型设计方案后，使用Photoshop完成网站效果图。 3、将网站效果图利用Photoshop切片，然后使用HTML完成页面结构定义，通过CSS样式表进行页面美化，编写Javascript脚本完成页面动态交互功能。 课程设计总结 2.1设计思想、进行过程及步骤 1、网站整体结构规划思想 要求阐述网站整体结构的选择、设计的思想，绘制网站结构图。 网站整体大小以1000*900为主，搜集关于栋梁奖学金的图片以及资料介绍 通过photoshop制作出网页的大体概念，接着通过切片，以及css样式逐步 完善。 对于网站设计的思想，我主要以弘扬栋梁奖学金为主支持并加以宣传，让更 多的人知道并了解它的存在，同时也是为了让更多的支持慈善事业。 2、主页设计思想 要求对主页的布局思路进行阐述和分析。 主页布局：网站的顶部布局是非常关键的，因为一般来讲蜘蛛都是从上到下，从左到右的形式来爬行并且以此来给予权重。头部在一般的网站当中主要分至为两点： 第一点：网站标题title，网站标题我们一般都采用关键词来进行填写，从 而让搜索引擎进行识别我们站点做的是什么样类型的站点，主要经营哪些 关键词。所以说我们必要把标题写好，因为标题就相当于一个人脸起着识别 的作用。 第二点：网站关键词keywords，这个在这里就不多说，因为作用不是很大，一般设置几个关键性的就可以了，搜索引擎主要还是根据title标题来进行识别，根据网站权重来给予网站排名的。 3、子页的设计思想 要求对子页的设计以及网页对象的选取思路进行阐述和分析。 对于子页的选取，我主要以栋梁奖学金机制的发展历史为主线，鉴证它的发展流程，以及带给他人的影响。 2.2网页详细设计分析 对首页的设计实现过程进行阐述和分析，详细说明制作该网页的步骤，所使用的网页对象以及该网页对象的操作方法。 网站构思，制作网站之前，必须对自己网站的结构和功能进行分析。首先，要明确制作该网站的目的，这是决定网站存在的根本。是为了宣传自己，还是政务性的网站，仅提供信息的共享，还是个人主页等等，都是应该考虑的。 网站设计，这是网站制作的第二步，确定了主题，就该根据站点的目标整理收集素材。大的目标制定了，把大目标细化，并初步收集整理站点需要的内容，这实际上就形成了站点设计的需求报告。在内容纲要里，还应注明这些内容的详细信息。定下内容之后就要画出站点的结构图，依据网站内容以及个人喜好而定。主要目的是便于有逻辑地组织站点和链接，有了充分的准备工作，以下的工作进行起来就顺利多了。 正式制作，使用网页制作工具。利用这些工具，就可以将先前准备的材料以网页的形式呈现，这些工具就是一个加工的过程。所以制作网页需要先前做好充分的设想和准备，当然此时也要熟练使用这些网络工具，才能实现网页的制作。 测试网站，通过浏览器对网页的效果和正确性进行测试，经过前面的步骤，我们已经完成了基本的网页制作，后面的工作就是检查和审视，将不满意的地方加以修改和完善。这样就相当于预览成果，效果不好，还可以重新再设计，以保证网页的质量完美。　　 2.3所遇到的问题，解决办法 遇到的问题：1）在利用photoshop进行网页的整理时，对于网页的