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

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

ID:9892916

大小:187.50 KB

页数:7页

时间:2018-05-14

web设计基础课程设计报告20120610_第1页
web设计基础课程设计报告20120610_第2页
web设计基础课程设计报告20120610_第3页
web设计基础课程设计报告20120610_第4页
web设计基础课程设计报告20120610_第5页
资源描述:

《web设计基础课程设计报告20120610》由会员上传分享,免费在线阅读,更多相关内容在学术论文-天天文库

1、《Web设计基础》课程设计报告设计题目:栋梁奖学金网站设计专业计算机应用技术班级201051A学号22010051018学生姓名冯佳辉指导教师顾问设计时间2012.6.11-2012.6.22教师评分2012年06月11日6《Web设计基础》课程设计报告目录一、课程设计概述21.1设计任务及目的21.2课程设计的组成部分3二、课程设计总结32.1设计思想、进行过程及步骤32.2网页详细设计分析42.3所遇到的问题,解决办法42.4体会及建议42.5参考资料4三、课程设计成绩46《Web设计基础》课程设计报告一、课程设计概述1.1设计任务及目的1、观察以下网站开发流

2、程图,了解一般网站开发的流程。谈谈你对前端UI设计的理解。6《Web设计基础》课程设计报告2、阐述你所完成的栋梁奖学金网站的设计意图和创意,简单介绍该网站。(文字叙述)对于我设计的栋梁奖学金网站,主要以简明直观为主,主要突出栋梁奖学金所带来的影响,以及所帮助的人,这网站主要以图片来展示栋梁奖学金的成长,最后为了壮大该机构,制定了该网站。1.2课程设计的组成部分1、根据你所搜集的资料,使用AxureRP原型设计软件完成站点模型设计。导出HTML文件并演示效果。2、确认原型设计方案后,使用Photoshop完成网站效果图。3、将网站效果图利用Photoshop切片,然

3、后使用HTML完成页面结构定义,通过CSS样式表进行页面美化,编写Javascript脚本完成页面动态交互功能。一、课程设计总结2.1设计思想、进行过程及步骤1、网站整体结构规划思想要求阐述网站整体结构的选择、设计的思想,绘制网站结构图。网站整体大小以1000*900为主,搜集关于栋梁奖学金的图片以及资料介绍6《Web设计基础》课程设计报告通过photoshop制作出网页的大体概念,接着通过切片,以及css样式逐步完善。对于网站设计的思想,我主要以弘扬栋梁奖学金为主支持并加以宣传,让更多的人知道并了解它的存在,同时也是为了让更多的支持慈善事业。2、主页设计思想要求

4、对主页的布局思路进行阐述和分析。主页布局:网站的顶部布局是非常关键的,因为一般来讲蜘蛛都是从上到下,从左到右的形式来爬行并且以此来给予权重。头部在一般的网站当中主要分至为两点:第一点:网站标题title,网站标题我们一般都采用关键词来进行填写,从而让搜索引擎进行识别我们站点做的是什么样类型的站点,主要经营哪些关键词。所以说我们必要把标题写好,因为标题就相当于一个人脸起着识别的作用。第二点:网站关键词keywords,这个在这里就不多说,因为作用不是很大,一般设置几个关键性的就可以了,搜索引擎主要还是根据title标题来进行识别,根据网站权重来给予网站排名的。3、子

5、页的设计思想要求对子页的设计以及网页对象的选取思路进行阐述和分析。对于子页的选取,我主要以栋梁奖学金机制的发展历史为主线,鉴证它的发展流程,以及带给他人的影响。2.2网页详细设计分析对首6《Web设计基础》课程设计报告页的设计实现过程进行阐述和分析,详细说明制作该网页的步骤,所使用的网页对象以及该网页对象的操作方法。1)网站构思,制作网站之前,必须对自己网站的结构和功能进行分析。首先,要明确制作该网站的目的,这是决定网站存在的根本。是为了宣传自己,还是政务性的网站,仅提供信息的共享,还是个人主页等等,都是应该考虑的。2)网站设计,这是网站制作的第二步,确定了主题,

6、就该根据站点的目标整理收集素材。大的目标制定了,把大目标细化,并初步收集整理站点需要的内容,这实际上就形成了站点设计的需求报告。在内容纲要里,还应注明这些内容的详细信息。定下内容之后就要画出站点的结构图,依据网站内容以及个人喜好而定。主要目的是便于有逻辑地组织站点和链接,有了充分的准备工作,以下的工作进行起来就顺利多了。3)正式制作,使用网页制作工具。利用这些工具,就可以将先前准备的材料以网页的形式呈现,这些工具就是一个加工的过程。所以制作网页需要先前做好充分的设想和准备,当然此时也要熟练使用这些网络工具,才能实现网页的制作。4)测试网站,通过浏览器对网页的效果和

7、正确性进行测试,经过前面的步骤,我们已经完成了基本的网页制作,后面的工作就是检查和审视,将不满意的地方加以修改和完善。这样就相当于预览成果,效果不好,还可以重新再设计,以保证网页的质量完美。  2.3所遇到的问题,解决办法遇到的问题:1)在利用photoshop进行网页的整理时,对于网页的切片不会。2)一开始对于网站的整体没有一个构造的概念3)解决办法:1)老师通过演示,得以了解6《Web设计基础》课程设计报告2)上网搜寻已经成型的模版,加以借鉴,搜寻素材加以制作,并通过老师的介绍来确定网站的整体结构。2.4体会及建议不知不觉,二个星期的《网页设计与网站建设》课程

8、的实操即将

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。