软件1101班课程设计[实训]任务书.doc

广西机电职业技术学院 课程设计(实训)任务书 软件1101班 根据教学计划的安排，于本学期2012年 6 月25日到 2011年6月29日为期 1周的进行课程设计(实训)，望做好准备。 实训名称：DIV+CSS网页布局实训 指导教师：农丹华、李敏、秦霞 提交成果：实训项目的网页文档、实训报告 实训内容与要求（见附件）。 计算机与信息工程系 2012年6月 20日 附件： 《DIV+CSS网页布局》实训说明  = 1 \* CHINESENUM3 一、实训目的、任务与要求： （一）本课程实训目的 通过实训，提高每位同学对DIV+CSS网页布局的基本应用能力和熟练程度，并对这种布局方式有更多的了解与认识，从而进一步拓展网页设计的综合应用能力，为满足未来的职业技能需求奠定基础。 实训任务 任务一：请从给定主题中自行选择其中一个完成实训。 1商务科技类（如：公司、企业、产品、购物网站等）4教育类（如：学院、系部、学院社团、培训机构等）2旅游类（如：提供酒店、票务预订及旅游资讯服务为主的网站等）5生活娱乐（如：游戏推广、音乐、电影、艺术摄影、餐饮美食、健康等）3体育、休闲运动类6数码时尚（如：手机、MP3、MP4、数码相机、笔记本等）7计算机应用大赛主题：留住心中的感动 1、内容分析。这个网站的内容是什么，以什么为主题。网站的定位。网站分成哪些模块，各个模块的作用和功能。（画出结构图） 2、结构设计。通过HTML搭建出各网页上要表现的内容结构。 3、原型设计。画出每个页面的原型线框图，如能用Visio、ConceptDraw等绘图软件提交电子档的更好。 4、页面方案设计。具体用到了哪些软件， Logo图标，网页中自己设计的图片等除报告中要写明设计思想和设计方法，均要提供页面方案设计图及自创的图形图像源文件。 5、DIV+CSS布局设计。布局的思路，主要运用的技术（浮动还是定位？除了DIV+CSS，还有借助表格或其他元素来布局吗？） 6、制作站点各个页面。 任务二：打开“css渲染”文件夹的index.html文件，对已经给出的html文件，利用css+div来进行布局、渲染，美化该网页。素材自己寻找和设计。 （三）实训要求 1、在教师的讲解与指导下，完成网站页面的布局制作，同时详细记录相应的操作步骤，并以书面形式写入实训报告书上交，实训报告将作为实训成绩评定内容之一。 制作出的网页要求图文并茂，有自己设计的网站Logo图标；文字要有字体格式和颜色上的变化，图形要与网页的内容相关。 页面主要要求使用DIV+CSS进行页面设计布局，至少 4个页面（图像文件不能太大），各页面之间要求有统一的导航机制，超链接的设置要合理。 合理的目录结构： 主页统一用index.html或default.html命名，并放在站点根目录下；建议采用链接式外部样式表的形式，将HTML页面本身与CSS样式风格分离为两个或者多个文件。实现页面框架HTML代码与美工CSS代码完全分离。以方便制作与后期维护。 站点内文件夹合理规划，文件夹分类层次合理，如将图像和声音文件等项目归类存放于文件夹中，便于文件的查找定位。 链接结构合理，下一层必须有返回上层的按钮或链接。 有版权声明、网站更新时间、创意制作人员介绍。 不允许下载使用网络上的模板。严禁抄袭。 2、实训结束时，应按规定上交应完成的网站文件，上交的网页文件应符合规范，所完成的网页文件??质量，作为实训成绩评定的主要依据之一。 二、学时分配（见下表） 序号实训项目时间分配示范讲解操作小计1内容分析0.51.522结构设计0.51.523原型设计0334页面方案设计0445布局设计110119课外指导、实训报告书写0.52.53小计2.522.525实训教学学时合计25 三、成绩评定： 实训总评成绩=平时成绩（实训考勤、实训态度、实训课堂表现占15%） +实验成绩（实训报告占10%+CSS渲染作业即任务二占15%） +期末成绩（实训作品占60%）