网页设计与制作课程设计任务书 教学网站开发

骨z1里的傲慢
565次浏览
2020年02月16日 19:42
最佳经验
本文由作者推荐
教学网站开发

网页设计与制作实训 课程设计任务书 适用专业:计算机科学与技术(数字传媒方向) 【课程设计目标】 本课程设计的主要目的是:通过本课程设计,全面帮助学生加强对网站的认知;学会设计和制作网站(全部工作流程),包括完成设计报告,了解网站的软、硬件平台,会发布和维护一个实际的网站,熟练网页制作及相关工具的使用,掌握软件的使用技巧,掌握相关行业的相关标准。从而运用网站界面的设计与可用性分析制作专业的站点,以便能获得就业机会,提高个人的综合竞争力与社会适应力。 【课程设计基本要求】 通过本课程设计的学习与实践,学生要达到以下基本要求: 1. 了解网站建设流程,学会设计和制作网站。 2. 能够使用相关工具熟练制作网页。 3. 尽量运用业界默认的网站开发规范,努力使自己的站点专业化。 4. 根据教学案例库与教师指导能够够独立完成整个网站项目。 5. 按要求编写课程设计报告书,能正确阐述设计和实验结果。 6. 学生必须明确设计目的和任务,端正学习态度,遵守纪律。遵守操作规程,注意操作安全,通过课程设计培养学生严谨的科学态度,认真的工作作风和团队协作精神。 7. 在老师的指导下,要求每个学生独立完成课程设计的全部内容,并独立完成课程设计报告,如发现抄袭行为,双方均以不及格处理。 【课程设计实验内容】 课程设计网站有以下几点基本要求,要求每个同学在作品中都要合理地体现出来。 1、要求站点最少10个网页以上。 2、网页内容必须包括以下内容: (1):文字。 (2):图片:鼠标经过图像、多图片随机显示、视频及flash文件。 (3):链接:空链接、下载链接、页内链接、邮件链接。 (4):框架:浮动框架。 (5):表单:检查表单。 (6):CSS:文字、图片、表格、表单的CSS效果设置。 (7):模板:利用模板完成内容页的制作。 (8):javascript特效。 课程设计网站能够通过自己查找资料完成以下部分功能的,实训成绩可以提高一档。 (1):除以上基本内容以外的网页设计技术三项以上,例如:库技术、层、时间轴等。 (2):登录系统、留言板、文件上传等动态网页功能的实现。 (3):网站总的访问人数和某IP地址的访问次数功能的实现。

【课程设计选题】 1、课程设计选题原则 课程设计题目遵循每人一题的要求,不允许题目重复。原则上由指导老师提出设计题目,也可以由学生提出课程设计题目,但应当征得指导老师同意。 1)内容要求:内容不限,但要求主题思想明确。 说明:  网站内容可以是个人主页、班级主页、学院主页、公司站点、专题站点等。  具体的设计所需素材,可以自己设计制作也可以利用网络资源,但不得作出一些侵害别人版权的行为。 2)设计工具使用要求: 说明:  网页编辑工具可以使用Dreamweaver CS4,使用Flash、Firework、Photoshop等软件处理动画和图片。  网站中必须使用到VBScript或JAVAScript等相关网页动态技术 。  网站各个页面风格统一,必须使用到CSS外部样式表技术。  网站中必须使用到表单技术。 3)页面布局要求:用表格、层、框架等页面布局技术排版,注:表格边框设为0;结构清晰、形式新颖、内容充实、浏览方便、鼓励创新。 常用页面布局方式参考: 4)结构要求:要求站点最多有三层结构,至少10个网页以上。要求要有图片或flash,有网页背景,可以应用主题。 说明:  主页放在web文件夹根目录下,保存为, 。  每页均可以返回首页和链接到其它页,每页都有导航条。

 可以自己制作图片、动画等以增加网页展示效果。  网页分辨率要求:以1024*768显示分辨率为准(网页内容宽度保持在1002以内,就不会出现水平滚动条,高度则视版面和内容决定)。  网站下建立的目录结构应清晰,除首页外,其它页文件、图片等应放在相应的文件夹下,并且所有文件、文件夹和图片名都必须使用英文小写字母。 2、课程设计选题(可参考) 1)个人网站的制作。 设计要求:用dreamwear制作个人网页,要求用表格布局,banner要自己创作,其他图片可引用素材。导航栏在页面的左边,要求使用flash动态文本。网页对象至少要有一个是自己创作的flash。 2)娱乐资讯网站制作。 设计要求:采用dreamwear框架布局,左边为娱乐导航栏,上面为娱乐站点标志及相关内容,中间为链接区域。要求对图片添加动态效果,同时添加背景音乐。 3)某学校网站的制作。 设计要求:制作某学校网页,要求使用css样式表统一网页风格,即字体、字号、颜色的统一。技术手法要求多样,表格布局和框架布局结合使用,并使用层制作一个滚动的广告栏,内容为学校的最新消息。 4)网页设计精品课程网站的制作 设计要求:以网页设计课为课题制作精品课程网站,栏目为课程简介、教学方法、教学条件、教学队伍、实践教学、教学效果等。将自己课堂所学的教学资源进行整合实现最终整体站点的效果。 5)个人偶像网站制作 设计要求:每个人都有自己的偶像,收集自己崇拜的偶像的所有资料并进行整合。站点运用模板与库知识进行设计,方便页面更新和修改。页面内容多的使用锚点进行导航。对整个站点的导航使用dreamweaver的导航条进行制作。 6)个人求职站点的制作 设计要求:要求站点主题明确,合理设计站点栏目,导航清晰,内容精选,站点栏目要包括个人作品展示页面,图像要求随机显示。动态显示当前时间。 7)公司站点的制作 设计要求:可以虚拟某一个公司或者现实存在的公司,按公司(客户)要求进行站点设计。目的是宣传公司、推广产品或者服务、人才招聘等。页面中要使用到浮动框架布局。使用行为设计动态效果。 【课程设计报告的内容及要求】 按要求编写课程设计报告书,能正确阐述设计和实验结果。 1.培养一定的自学能力和独立分析问题、解决问题的能力。包括学会自己分析解决问题的方法,对设计中遇到的问题,能通过独立思考、查阅工具书、参考文献,寻找解决方案。 2.初步掌握网站建设的基本流程和方法。通过分析具体网站设计任务,确定网站设计方案,画出具体的网站设计草图,并写出实现最终效果的关键技术和步骤,提交正式课程设计总结报告打印及电子稿一份(报告格式要求见附录); 3.课程设计报告要求独立完成,不得有相互抄袭现象。 报告内容包括:

 课题名称、班级号、学号、学生姓名和课程设计起止日期(封面)  具体设计任务;  基本思路及所涉及的相关理论;  方案设计(主要是网站设计规划草图);  网页制作中使用的关键技术;(包括页面布局技术、色彩配置、css样式表技术、DHTML网页动态技术等)  网页制作过程中重点问题和难点问题相应的解决方法;  个人体会及建议;  参考资料。 【成绩评定】  考核方式包括平时考核、作品和答辩、课程设计报告考核三部分。平时考核:考查学生的课程设计态度、组织纪律、团队协作、考勤情况、工作进度、实践技能、分析问题和解决问题能力等,平时考核占总成绩的20%。作品和答辩:主要考查学生对方案设计、作品具体实现情况以及答辩提问的回答情况,作品和答辩考核占总成绩的50%。课程设计报告考核:综合考核学生的设计报告内容、网站设计方案、文字表达、页面整洁度等,设计报告考核占总成绩的30%。根据以上三项的考核情况评定总成绩,分优秀、良好、中等、及格、不及格五个等级。 评分标准如下:  优:课程设计相关知识掌握牢固,考虑问题全面,深入探讨所遇实践问题,方案设计合理,设计结果可靠,报告书写认真,语言流畅,图表表达清晰、规范,具有独立分析解决问题的能力和创新精神或对一方面有深入探讨,学习态度认真。  良:课程设计相关知识掌握良好,设计结果可行,报告书写认真,图表表达清晰、规范,具有独立分析解决问题的能力,学习态度认真。  中:课程设计相关知识掌握较好,方案设计合理,完成设计任务,报告书写较认真,图表表达较完整,学习态度较认真。  及格:课程设计相关知识掌握一般,方案设计基本合理,图面表达一般,基本完成设计任务,报告书写一般。  不及格:课程设计相关知识掌握一般,方案设计不合理,图面表达不够清晰、规范,未完成设计任务,报告书书写不够认真,有抄袭现象。 【上交资料清单】  课程设计任务书。  课程设计网站作品。  课程设计报告。  课程设计答辩ppt。  课程设计评分表

课程设计内容要求: 目 录 1.课程设计目的 2.课程设计任务与要求 (1)设计任务 (2)设计要求 3.网页项目规划 (1)主题定位 (2)结构设计 ①栏目组成图 ②目录结构图 ③链接结构图 (3)网站风格和CI形象设计 (4)栏目规划部分 ①****栏目规划 ②****栏目规划 (5)项目团队 4.课程设计成果 (1)网站主页设计(包括效果图和使用的关键技术和步骤) (2)*****栏目设计(包括效果图和使用的关键技术和步骤) (3)*****栏目设计(包括效果图和使用的关键技术和步骤) 5. 课程设计心得 6、参考文献 (5)项目团队:从团队组成和责任分工两方面介绍。项目负责人情况参见下表: 姓名 职务 职责 模拟公司名称

张三 项目经理 统筹安排、明确分工、沟通督察,总体设计 项目组成员情况参见下表: 姓名 李四 王五 „ 职务 成员 成员 „ 职责 需求分析、项目策划 备注(特长) 搜集素材、页面效果图设计 首页页面制作、一级栏目等制作 „ 5. 课程设计心得 课题立意:本项目小组开发的…….网站顺应社会经济发展需要,对…….有着重大意义。网页制作是整个网站建设的重要环节,而Adobe Photoshop,Macromedia Dreamweaver等工具的熟练使用又是网站建设的保障。 技术难点:难点一……难点二…… 技术体会:经过二周的学习,觉得在技术上我的…….得到了提高,认为还有…….不足。 实施项目教学法体会:经过实施项目教学法进行实践课课程设计,使我彻底了解了网站项目的具体开发过程与网站的开发规范,提高了很多……,通过组建项目团队,使我增强了…….能力。通过角色扮演,使我收获了…….。通过对立书写课程设计报告书,使我提高了…….。这种综合能力的训练对我以后更深刻影响……. 今后打算:经过二周的课程设计使我了解了实践课程的学习方法,今后我打算… 6、参考文献 注意书写格式要规范,具体参考课程设计任务书最后面。要求参考文献不少于5个。可以是书籍、期刊、网络资源等。

附录:课程设计报告的内容及其文本格式 1.课程设计报告要求用A4纸排版,单面打印,并装订成册,装订顺序: ①封面 ②目录 ③正文(设计计算说明书、研究报告、研究论文等) ④参考文献 2.目录格式要求: ①标题“目录”(三号、黑体、居中) ②章标题(四号字、黑体、居左) ③节标题(小四号字、宋体) ④页码(小四号字、宋体、居右) 3.正文格式要求: ①页边距:上2.5cm,下2.5cm,左2.5cm,右2cm,页眉1.5cm,页脚1.75cm,左侧装订; ②字体:章标题,四号字、黑体、居左;节标题,小四号字、宋体、加粗;正文文字,小四号字、宋体; ③行距:1.5倍行距; ④页码:底部居中,五号; 4.参考文献格式要求: ①标题:“参考文献”,四号字,黑体,居左。 ②示例:(五号宋体) 期刊类:[序号]作者1,作者2,„„作者n.文章名.期刊名(版本).出版年,卷次(期次):页次. 图书类:[序号]作者1,作者2,„„作者n.书名.版本.出版地:出版社,出版年:页次 5.字数要求: 不少于4000字。

教学网站开发