01 网页设计与制作课程设计任务书.docx

01 网页设计与制作课程设计任务书网页设计与网站建设实训 课程设计任务书 适用专业：计算机科学与技术 本课程设计的主要目的是：通过本课程设计，全面帮助学生加强对网站的认知；学会设计和制作网站，包括完成设计报告，了解网站的软、硬件平台，会发布和维护一个实际的网站，熟练网页制作及相关工具的使用，掌握软件的使用技巧，掌握相关行业的相关标准。从而运用网站界面的设计与可用性分析制作专业的站点，以便能获得就业机会，提高个人的综合竞争力与社会适应力。 通过本课程设计的学习与实践，学生要达到以下基本要求： 1. 了解网站建设流程，学会设计和制作网站。 2. 能够使用相关工具熟练制作网页。 3. 尽量运用业界默认的网站开发规范，努力使自己的站点专业化。 4. 根据教学案例库与教师指导能够够独立完成整个网站项目。 5. 按要求编写课程设计报告书，能正确阐述设计和实验结果。 6. 学生必须明确设计目的和任务，端正学习态度，遵守纪律。遵守操作规程，注意操作安全，通过课程设计培养学生严谨的科学态度，认真的工作作风和团队协作精神。 7. 在老师的指导下，要求每个学生独立完成课程设计的全部内容，并独立完成课程设计报告，如发现抄袭行为，双方均以不及格处理。 课程设计网站有以下几点基本要求，要求每个同学在作品中都要合理地体现出来。 1、要求站点最少20个网页以上。 2、网页内容必须包括以下内容： (1)：文字，图片，链接，框架，表单等 (2)：图片：鼠标经过图像、多图片随机显示、视频及flash文件(.swf)、flash文件需要自己制作，在flash文件上要标明自己的学号和姓名。 (3)：链接：空链接、下载链接、页内链接、邮件链接。 (4)：框架：浮动框架。 (5)：表单：表单项要十项不同以上，需要检查表单进弹出中文提示。 (6)：CSS：文字、图片、表格、表单的CSS效果、同时需要自己从网上下载一个CSS代码应用到网页中。 (7)：模板：利用模板完成内容页的制作，需要个别网页不能用模板完成。 (8)：javascript特效。 课程设计网站能够通过自己查找资料完成以下部分功能的，实训成绩可以提高一档。 (1)：除以上基本内容以外的网页设计技术三项以上，例如：库技术、层、时间轴等。 (2)：登录系统、留言板、文件上传等动态网页功能的实现。 (3)：网站总的访问人数和某IP地址的访问次数功能的实现。 1、第一天：下达课程任务书，了解课程设计任务要求； 2、第二天：下载网页模板，利用firework处理好，准备开始做网站； 3、第三天：申请免费域名和空间，确定分组和网站主题； 4、第四天：开始组织素材，进行网站结构设计，划分网站栏目； 5、第五天第八天：利用DWCS4开发网站； 6、第九天：测试网站，撰写课程设计报告； 7、第十天：进行课程设计答辩，上交课程设计报告等资料。 1、课程设计选题原则 课程设计题目遵循每人一题的要求，不允许题目重复。原则上由指导老师提出设计题目，也可以由学生提出课程设计题目，但应当征得指导老师同意。 1）内容要求：内容不限，但要求主题思想明确。 说明： l 网站内容可以是个人主页、班级主页、学院主页、公司站点、专题站点等。 l 具体的设计所需素材，可以自己设计制作也可以利用网络资源，但不得作出一些侵害别人版权的行为。 2）设计工具使用要求： 说明： l 网页编辑工具可以使用Dreamweaver CS4，使用Flash、Firework、Photoshop等软件处理动画和图片。 l 网站中必须使用到VBScript或JAVAScript等相关网页动态技术 。 l 网站各个页面风格统一，必须使用到CSS外部样式表技术。 l 网站中必须使用到表单技术。 3）页面布局要求：用表格、层、框架等页面布局技术排版，注：表格边框设为0；结构清晰、形式新颖、内容充实、浏览方便、鼓励创新。 4）结构要求：要求站点最多有三层结构，至少10个网页以上。要求要有图片或flash，有网页背景，可以应用主题。 说明： l 主页放在web文件夹根目录下，保存为index.htm，index.html 。 l 每页均可以返回首页和链接到其它页，每页都有导航条。 l 可以自己制作图片、动画等以增加网页展示效果。 l 网页分辨率要求：以1024*768显示分辨率为准。 l 网站下建立的目录结构应清晰，除首页外，其它页文件、图片等应放在相应的文件夹下，并且所有文件、文件夹和图片名都必须使用英文小写字母。 2、课程设计选题 1）个人网站的制作。 设计要求：用dreamwear制作个人网页，要求用表格布局，banner要自己创作，其他图片可引用素材。导航栏在页面的左边，要求使用flash动态文本。网页对象至少要有一个是自己创作的flash。 2）娱乐资讯网站制作。 设计要求：采用dreamwear框架布局，左边为娱乐导航栏，上面为娱乐站点标志及相关内容，中间为链接区域。要求对图片添加动态效果，同时添加背景音乐。 3）某学校网站的制作。 设计要求：制作某学校网页，要求使用css样式表统一网页风格，即字体、字号、颜色的统一。技术手法要求多样，表格布局和框架布局结合使用，并使用层制作一个滚动的广告栏，内容为学校的最新消息。 4）网页设计精品课程网站的制作 设计要求：以网页设计课为课题制作精品课程网站，栏目为课程简介、教学方法、教学条件、教学队伍、实践教学、教学效果等。将自己课堂所学的教学资源进行整合实现最终整体站点的效果。 5）个人偶像网站制作 设计要求：每个人都有自己的偶像，收集自己崇拜的偶像的所有资料并进行整合。站点运用模板与库知识进行设计，方便页面更新和修改。页面内容多的使用锚点进行导航。对整个站点的导航使用dreamweaver的导航条进行制作。 6)个人求职站点的制作 设计要求：要求站点主题明确，合理设计站点栏目，导航清晰，内容精选，站点栏目要包括个人作品展示页面，图像要求随机显示。动态显示当前时间。 7）公司站点的制作 设计要求：可以虚拟某一个公司或者现实存在的公司，按公司要求进行站点设计。目的是宣传公司、推广产品或者服务、人才招聘等。页面中要使用到浮动框架布局。使用行为设计动态效果。 按要求编写课程设计报告书，能正确阐述设计和实验结果。 1.培养一定的自学能力和独立分析问题、解决问题的能力。包括学会自己分析解决问题的方法，对设计中遇到的问题，能通过独立思考、查阅工具书、参考文献，寻找解决方案。 2.初步掌握网站建设的基本流程和方法。通过分析具体网站设计任务，确定网站设计方案，画出具体的网站设计草图，并写出实现最终效果的关键技术和步骤，提交正式课程设计总结报告打印及电子稿一份(报告格式要求见附录)； 3.课程设计报告要求独立完成，不得有相互抄袭现象。 报告内容包括： Ø 课题名称、班级号、学号、学生姓名和课程设计起止日期 Ø 具体设计任务； Ø 基本思路及所涉及的相关理论； Ø 方案设计； Ø 网页制作中使用的关键技术； Ø 网页制作过程中重点问题和难点问题相应的解决方法； Ø 个人体会及建议； Ø 参考资料。 Ø 考核方式包括平时考核、作品和答辩、课程设计报告考核三部分。平时考核：考查学生的课程设计态度、组织纪律、团队协作、考勤情况、工作进度、实践技能、分析问题和解决问题能力等，平时考核占总成绩的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字。