课程设计任务书
一、设计目的
本学期的《网页设计》以站点的设计为主,理论学习服务于主题与内容。在课程设计周完成一个站点的设计与制作,从而达到以下两个目的:
(一) 学会使用Dreamweaver CS3HTMLFireworksFlash规划站点、制作网页。并在站点的设计中掌握一定的实用性和技巧性的技术。
(二) 根据个人的设计主题,培养出查阅有关资料的习惯,强化自学能力,为进一步提高个人的素质打下基础。
二、设计过程要求
(一) 纪律
上机过程中遵守纪律及有关上机规定,不得浏览无关网站,尤其是不健康的站点。课程设计过程中的表现,将作为最终评定成绩的参考。
(二) 内容
网站内容以“个人网站、班级网站、计算机工程系网站、求职网站”四项为主题或自定题目,如:个人展示,宿舍生活,班级主页或文学、体育、旅游、美食等专题性站点,但建议根据个人的预期就业目标选择。课程设计结束后可将自己所设计的网站拷贝带走,作为就业自荐的一份材料或作品。
(三) 保存
设计结果及有关素材要及时上传至个人空间
(四) 要求
所设计的网站要求具有实用性和较好的创意,并尽可能应用到所学的知识,同时尽可能减少到其它站点的链接。通过个人对资料的查阅,力所能及地利用一些好的脚本程序。
(五) 考核
考核分两部分进行。首先,网站设计的实际成果;其次,写出《课程设计报告》,在设计
报告中要写明设计的主题个人的构思与创意采用的技术方法、使用的特殊脚本程序、各网页的设计技巧、各网页的主要内容的说明、并画出整个站点的结构图。在设计报告的最后要注明参考文献、写明设计心得及对此课程的建设性的意见。
1、内容:20
1)网站题材及内容是否符合本次设计的要求;
2)对选材的把握及处理是否符合内容的需要,对选材阐述的深度是否专业、精辟;
3)网站的选材是否全面、详细、充实、相关信息是否丰富。
2、版面: 20
1)版面是否简洁,主要指文本、图案是否整齐美观;
2)布局是否合理,主要指网站的结构是否科学,栏目设置是否合理,导航是否分明,是否方便查阅; 
3)彩,指彩搭配是否协调,有层次感,且有利于浏览阅读。
3、创意:20
1)表现手法是否新颖、与众不同;
2)内容定位是否独到、有特。
4、技术: 20
1)运行速度:文挡、图形是否经过优化以加快下载的速度;
2)稳定性:指网页运行是否畅通正常、网页链接是否无错误、应用程序运行正常;
3)技巧:指网页(例如:框架和层的使用、自制动态效果、表单与服务器的交互)、动画、图片制作的技术含量及水平。
5、设计报告: 20
三、设计内容要求
利用Dreamweaver CS3Flash CS3Fireworks CS3/Photoshop CS3软件进行网站设计
课程设计的时间为1周。(另外可根据个人学习能力,编写动态效果程序,实现动态效果的设计)最后,写出详细的设计说明书。
资源准备:
根据确定的网站主题,通过各种途径收集(百度、Google等搜索引擎)、整理、加工(用PhotoshopFireworks处理图片、Flash制作动画)网站所需要的信息。
站点布局:
图片应放在images文件夹下,媒体应放在Medias文件夹下。如果有大的子站点,也可以创建相应的文件夹。尽量使用模板,以使网站外观具有“一致性”。其他素材可各自建立文件夹保存。
特别注意:所有的文件和文件夹命名均用英文,主页的文件名规定用index.html
页面制作
1.自行确定网站的LOGO(用Photoshop制作),将你的标志logo,尽可能的出现在每个页面
上。或者页眉,或者页脚,或则背景。根据提供的模板设计也可自行设计各级网页的风格、网站的整体结构;
2.主题突出,可制作站点宣传动画(banner),想一条朗朗上口宣传标语。把它做在你的banner里,或者放在醒目的位置,告诉大家你的网站的特是什么。3.突出你的标准彩。文字的链接彩,图片的主彩,背景,边框等彩尽量使用与标准彩一致的彩。
4.突出你的标准字体。在关键的标题,菜单,图片里使用统一的标准字体,页面中的字体必须通过链接CSS文件统一设置;
5.各图片、声音、动画等内容的引用应为相对路径引用。所有页面用表格来布局,表格边框设为0,用1024×768分辨率来设计网页;页面中的图片要使用合理,尽量不要使用太大的图片,也不要使用过多图片;各个页面之间的链接要合理有效;必要时用手工优化代码,不要产生过多的垃圾代码。
6.导航栏目名称(注意符合简短、直接、通俗的设计原则)不少于五个;每个栏目至少有一个页面链接,能链接回首页
7.要求页面美观,结构清晰,彩使用搭配合理,用自己设计的花边,线条,点,导航控制转换方便。
8.必须有友情链接、网页特效(至少一个)、滚动字幕(代码已提供)、邮件链接这些内容。可以有Realone播放器界面。
9.必须有动态显示当前日期和时间效果、导航栏效果。(代码已提供)
10.使用统一的语气和人称。即使是多个人合作维护,也要让读者觉得是同一个人写的。
11.使用统一的图片处理效果。比如阴影效果的方向、厚度、模糊度都必须一样。
12.创造一个你的站点特有的符号或图标,虽然很简单的一个变化,却给人与众不同的感觉。
13.制作一个包含版权信息和作者的网页尾部信息。
站点完成
1.测试完成的网站。
2html网页设计报告总结.利用cuteFTPDreamweaver将网站发布发送到内部网或Internet
四、部分常用站点网址
le        www.baidu 
www.sohu      www.sina      www.yahoo
sky        www.tsinghua.edu    www.hninfo
素材的获得:在各在站点中用关键字“素材”进行搜索,可获得相关站点。
五、课程设计报告
课程设计报告是课程设计工作的总结和提高,课程设计报告应该反映出设计者在课程设计过程中所做的主要工作及取得的主要成果,以及在课程设计过程中的心得体会。
(一) 课程设计报告主要内容
课程设计报告的写作方法是多种多样的,并没有一个固定的格式,对于本课程设计,应该包括以下几个主要部分:
1.网站的主题说明:
即你做这个网站所宣扬的主题是什么?
2.网站的总体规划与结构框图:
整个站点分为几部分?各部分实现什么功能?画出总体的结构框图;
3.网站LOGO说明与各级网页风格说明:
从背景或背景图片的选择上来说明;
4.典型网页的设计过程与样例:
如以首页为例讲述它的制作过程;
5.网站发布过程说明:
CuteFTP上传工具为例介绍其发布的整个过程;
6.提出对网站的改进意见:
自己感觉在这次设计中哪方面还存在不足,以后如何改进?
7.网站网址(如果发布到Internet网站上,需要提供网站网址);
8. 附代码:
将比较重要的代表性代码附在报告的后面。
(二)课程设计报告编写基本要求
1.每位同学必须独立完成课程设计报告;
2.课程设计报告书写规范、文字通顺、图表清晰、数据完整、结论明确;
3.课程设计报告后应附相关参考站点或文献资料;

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。