web课设模版0.doc

34课程设计(论文)任务书软件学院学院会计专业(1)班一、课程设计(论文)题目《哆啦a梦》简介二、课程设计(论文)工作自2010年6月22日起至2010年7月8日止。三、课程设计(论文)地点:创新大楼306、308、310机房四、课程设计(论文)内容要求：1．本课程设计的目的（1）加深web技术基本概念的了解；（2）灵活使用html标记，css技术，javascript技术；（3）巩固相关的理论知识；（4）培养学生分析、解决问题的能力；（5）提高学生的科技论文写作能力。2．课程设计的任务及要求1）基本要求：（1）分析各功能模块的需求；（2）要求使用HTML,CSS,JS制作静态网页；（3）提出合理的设计方案；（4）网页的外观要求美观；（5）每人至少完成5~10张页面的设计。2）创新要求：在基本要求达到后，可进行创新设计，如使用Flash,Js框架等。3）课程设计论文编写要求（1）理论设计部分以课程设计论文的形式提交，格式必须按照课程设计论文标准格式进行书写和装订。（2）课程设计报告（论文）包括目录、绪论、正文、设计小结、参考文献、附录等4）答辩与评分标准：（1）完成需求分析：20分；（2）完成设计过程：20分；（3）完成编码：20分；（4）回答问题：20分。（5）论文编写：20分。5）参考文献：1.《web开发技术使用教程》陈轶主编清华大学出版社2.哆啦a梦欢乐世界http://www.dora-world.com.tw/top.html3.W3Cschool在线教程http://www.w3school.com.cn/4.哆啦a梦百度百科http://baike.baidu.com/view/6022.htm6）课程设计进度安排内容天数地点构思及收集资料3图书馆编码3实验室撰写论文2图书馆学生签名：2010年6月22日课程设计(论文)评审意见（1）完成需求分析（20分）：优（）、良（）、中（）、一般（）、差（）；（2）设计分析（20分）：优（）、良（）、中（）、一般（）、差（）；（3）完成编码（20分）：优（）、良（）、中（）、一般（）、差（）；（4）回答问题（20分）：优（）、良（）、中（）、一般（）、差（）；（5）论文编写（20分）：优（）、良（）、中（）、一般（）、差（）；评阅人：职称：硕士2010年7月8日目录一．绪论4网站主题4网站规划4二．正文5网站网页部分5主页5哆啦a梦8野比大雄9作者10道具大比拼11三.设计小结12（1）设计中遇到的问题及解决12（2）心得体会12四.附录13Css13JavaScript17五.参考文献17绪论网站主题本网站介绍了日本经典动漫《哆啦a梦》的一些主要信息。相信每位同学在童年的时候都看过《哆啦a梦》，不知道现在还能否记得那只没有耳朵、脖子上挂着个大铃铛的蓝色的猫呢？还记不记得那个贪睡、常尿床、又懒又笨的大雄呢？《哆啦a梦》的作者又有什么样的传奇故事呢？哆啦a梦的道具到底有多少呢？相信这个网站能给大家一个满意的答案。网站规划网站共有5个板块，分别为主页、两位主人公（哆啦a梦和野比大雄）的详细介绍、道具大比拼以及作者的详细资料。共5个网页，每个网页定义了不同的css元素，每个网页都有它自己的独特的风格。主页的背景以黄白相间的图片填充，有种简单与温暖的感觉，符合了《哆啦a梦》这部动漫的整体风格。主页不仅具有横向导航栏，更添加了一个固定的竖向导航栏，这样使得阅览更加简易。哆啦a梦的简介中定义的背景为鸡蛋黄，这样能够凸显出哆啦a梦的活泼与可爱，野比大雄的简介与首页的风格有些相似，都定义了一个固定的导航栏，便于浏览。作者简介则用了table与块的结合，使页面更加美观。道具大比拼中定义了一个块，然后多次使用，但定义的border属性能清晰的把它们分开。正文网站网页部分主Css和JavaScript定义网站通过css文件定义了一些基本标签的样式该部分的JavaScript作用主要为对调入文件的控制网页实现主页主页分为三个部分，分别为横向导航栏、具体内容以及竖向导航栏。全部是通过定义css的id来实现相应区域的划分。其中：横向导航栏的css主要定义的一个menu的块以及menu一下的子模块，定义其向左浮动。具体内容的css主要包括对一些文本和图像显示方式的定义，定义了不同块的不同属性，比如border类的属性，用以区分块与块之间的不同，还有字体、颜色、链接等方面的属性。竖向导航栏主要包括了一个块，在块里头添加一个table，然后定义table的属性，然后再table的文本中添加了页面内的链接，方便浏览。效果图哆啦a梦哆啦a梦简介定义了一个大块，然后在块里头定义了两个小块，一个为首部的图片区，一个为文本区。图片区定义了一个table，讲两张图片整合为一张，效果不错。文本区只是定义了body的属性