“Html Css网页设计课程设计任务”课程设计任务书.docVIP

《Html+Css网页设计》课程设计任务书 ?一、设计题目： 从以下课程设计项目中选择一个作为自己的设计开发主题，如果自己有新的选题构想，要取得授课教师的批准方可进行设计，否则不计成绩。 必须要做一个Div+Css布局的网页。 网站主题参考（自己任选） 1、 校园青春群落，如：班级网页、校园音乐、摄影、校园文化艺术、旅游、自愿者等等 2、 校园生活热点，如：上网、交友、学习、娱乐、就业、军训、心理等等 3、 体育健康生活，如：球类与田径活动的介绍，运动会回顾与展望，卫生与健康等 4、 电脑方方面面，如：介绍各类型软件的使用及实用教程，收集有意思的图片或动画，体现计算机学习乐趣等等 5、 结合专业，如：现代计算机教育，体现本专业及发展方向，助学网站等 6、 商业、门户网站，如：AAA公司网站等 7、 其他：如家乡旅游、个人网站等 二、开发工具： DreamWeaver 、Fireworks、 Photoshop 、Flash、Access、IIS等。 三、课程设计目的： 用网页设计方法，设计一个网站，提高综合应用所学知识的能力，训练团队协作能力。 四、课程设计内容： 本次课程设计拟分层次进行，学生可根据自身能力选择相应的题目，完成课程设计的任务。 要求： ?? 熟练使用常用网页制作工具设计网页 ?? 熟练掌握 HTML 语言 ?? 熟练掌握 CSS 在完全实现基础设计能力层次后，追加以下要求 ?? 能使用 JavaScript 制作页面特效 ?? 能完全理解网页中使用的“特效” ?? 掌握常用的网站管理和维护方法 ?? 合理的使用静态网页设计的新技术 ?? 网站美观大方得体 ?? 网站中可以适当运用新技术 五、制作要求： 1、 根据自己的兴趣爱好设计一个网站，站点必须有主题，站点内容与主题相关 2、 网站至少包括5个栏目，整个站点的网页数不少于10个，站点中使用图片数不少于20个。主页上最少有8个链接，其中必须包含5个以上站内链接。主页名称保存为index.html或index.asp，路径保存在站点根目录下，图片保存在根目录下images文件夹中。 3、 上交材料包括：课程实训报告（电子稿，其格式为：日期+年级专业+学号+姓名）、网站源文件（其格式为：网站内容+小组成员名，成员名用“”分隔）； 4、 技术方面：HTML、表格、模板，框架、层、时间轴、超联接、样式、表单、行为、库、导航条、下拉菜单、图像查看器等 5、 内容方面：文本、声音、图像、动画、视频、符号等积极健康向上的内容 6、 其它：特效（时间、状态、鼠标、页面过渡等） 7、 注意事项 ? 主题突出，内容充实、健康向上，布局合理、结构清晰、规范； ? 色彩搭配合理、美观，设计新颖，有创意；页面布局尽可能平衡，色彩应用注意谐调，文本注意格式化 ? 技术运用全面，技术含量高；链接测试正确，跳转流畅； ? 导航美观、醒目、转换方便、自然流畅（人机操作界面流畅）； ? 网页中涉及的所有“路径”必须使用“相对路径”； ? 页面不少于10个，深度至少包括二级页面。显示分辨率以800*600或1024*768状态为准。 ? 文件名尽可能不要用中文 ? 主页下方写明自己组详细信息（年级、专业、小组成员等） 六、时间安排： 序号 实 训 项 目 实训时间分配（学时） 1 确定网站的主题和整体风格 2 2 收集建站所需的资料 4 3 规划网站结构 2 4 主页和其他页面的设计与制作 12 5 网站的测试、发布与维护 2 6 讨论与总结 2 合 计 24 七、考核标准： 以下列出每项内容的满分，根据实际情况可酌情加、减分： ( 如有觉得网站做的很好，要求加分的，请在提交作业时说明 ) 评分标准 设计完成后应交:课程设计报告书,作品 A--优秀: 网站很好的运用了新技术 界面实用,美观,友好. 程序有一定难度 文档清晰,完整. 设计报告逻辑性强,条理清晰,有独到的设计方法 B--良好: 网站较好的运用了新技术 界面友好. 程序有一定难度. 文档清晰,完整. 设计报告条理清晰. C--中等: 网站正确使用了一些新技术 界面友好. 八、说明： 1、以上要求均为各小组独立完成，可参考任何资料。 2、各小组成员原则上3-5人，可以跨班，但必须有明确的分工，发挥团队协作能力，理解所设计的站点。 3、制作步骤： 1) 确定网站主题 2) 收集素材 3) 规划站点结构 4) 网页设计（首页设计、其它页面设计等） 5) 网站上传及更新维护 附、评分标准 以下列出每项内容的满分，根据实际情况可酌情加、减分：(如有觉得网站做的很好，要求加分的，请在提交作业时说明) 项目 子项目 分值 站点结构 合理设计网站结构，合理安排栏目（5分） 10分 合理利用表格、布局表