2010计应网页制作实训指导书--余莉娟.doc

江西应用工程职业学院实训指导书实训班级：10计应(25人)实训地点：润心楼103实训课题：网页制作实训时间：第16周(2011.12.1212.16)指导老师：余莉娟网页制作实训指导书课程编号编制人制定日期修订人修订日期审定组(人)审定日期余莉娟2011.12学 时：30（1周）适用专业：计算机应用专业（10计应）一、实训的性质与任务通过本课程设计，全面帮助学生加强对网站的认知；学会设计和制作网站（全部工作流程），包括完成设计报告，了解网站的软、硬件平台，会发布和维护一个实际的网站，熟练网页制作及相关工具（Adobe Photoshop，Macromedia DreamWeaver）的使用，掌握Photoshop、DreamWeaver软件的使用技巧，掌握相关行业的相关标准。从而运用网站界面的设计与可用性分析制作专业的站点，以便能获得就业机会，提高个人的综合竞争力与社会适应力。二、实训基本要求1站点结构与命名。 站点文件夹为班级学号姓名 站点文件夹中所包含文件夹：Images （存放图片文件） Templates（存放模版文件） Library （存放库文件） other（存放其它文件） 源文件 （存放自己设计的图形、动画文件） 其余视文件夹需要而添加，全部用英文命名 站点文件夹中所包含文件： index （首页） *.css （样式表文件）其文件余视需要而添加，全部用英文命名2网站题材选择。以“学院评建网”内容为题材，根据给定的样式进行主页、2分页、1表单、1后台的页面进行制作。3网站技术要求。 页面布局合理，色彩和谐，链接正确，图文并茂并茂。网站页面大小应该满足1024*768（实现为=1000px）分辨率的客户。4教学条件软件准备：Dreamweaver 8中文版以上 、PhotoShop7.0以上版本（本实训对FLASH技术不做要求），红蜘蛛软件；硬件准备：机房局域网，教师、学生实训机器机器自备。三、课程设计的基本要求1、 了解网站的软、硬件平台，会发布和维护一个实际的网站，学会设计和制作网站，包括完成设计报告。 2、 能够使用相关工具（Photoshop、DreamWeaver）的熟练制作网页。3、 尽量运用业界默认的网站开发规范，努力使自己的站点专业化。4、 根据教学案例库与教师指导能够够独立完成整个网站项目。四、教学内容及学时安排时 间进度安排一12项目规范与任务目标一34各小组工作任务安排及人员安排完成项目的相关资料查询：搜索网站建设的相关资料一561、网站设计风格的定位2、根据参考初步设计效果图3、完成各页面的总体布局结构（利用DIV+CSS来布局）4、工作任务完成情况5、填写实习报告二14各小组工作任务总结及任务安排；1、确定网站的色彩设计风格2、设计效果图二561、网站效果图设计2、填写实习报告三121、各小组工作任务总结及任务安排；2、点评效果设计3、讲解效果图输出为网页的方法三341、完善网页的布局2、完善样式表三561、网页进行后期编辑2、各成员工作任务检查3、填写实习报告四141、各小组工作任务总结及任务安排；2、设计网页模板3、根据网页进行代码融合四561、完善项目进行代码融合2、填写实习报告五12完善网站项目内容五34项目答辩、项目验收与点评五56提交作品，修改、完善实习报告要求：1、每日实训前，提前五分钟以上进入实验室，自觉主动签到，不得迟到，旷课以及早退。 2、要有团队合作精神，充分利用设计的宝贵时间积极思考、注重细节，争取高标准当设计任务。3、珍惜课程设计时间，不开小差、不做与课程设计无关的事，更不得打游戏、或上网聊天。4、制作作品遵纪守法，不做侵犯他人版权。5、最终将课程设计作品以及实验报告按时完成。五、考核方式及评分办法根据实训期间的纪律考核情况、对待实训的态度，站点的目录结构，各个页面的布局结构、颜色搭配，文字、图像、动画的合理搭配，网页之间的链接是否顺畅，网页制作技术的应用，网站的整体浏览效果等方面进行综合评分。评分参考标准如下表所示。序号考核项目评分比例1网站效果（1）内容方面与版面设计：主题明确，内容健康、具体，各个页面的文字、图像、动画能够清晰地表达主题。版面结构合理，每个页面都有返回上一级或链接到其他页面的文字或按钮。60%（2）视觉感受：色彩搭配协调、美观，页面设计规范，没有出现乱码、空链接和错误链接。（3）数据库和动态网站的设计。（4）网站风格：网站具有特色，主题、文字、图像、动画有创新。2纪律考核实训期间组织纪律性强，无迟到、早退、缺课现象20%3创新情况制作的网页具有独创性，构思巧妙、有新意5%4成员协作小组成员协作精神强，所有的成员在规定时间内完成实训任务，无雷同现象或抄袭现象。5%5实训报告实训报告书写认真、完整、字迹清楚、页面整洁，实训收获较大10%合计100%表 网站开发实训的参考评分标准评分分类：优、良、及格、不及格实训指导老师：余莉娟2011年5月15日附录：DIV+CSS制做页面ID及Class常用名称容 器：container/box 头 部：header 主 导 航：mainNav 子 导 航：subNav 顶 导 航：topNav 网站标志：logo 大 广 告：banner 页面中部：mainBody 底 部：footer 菜 单：menu 菜单内容：menuContent 子 菜 单：subMenu 子菜单内容：subMenuContent 搜 索：search 搜索关键字：keyword 搜索范围：range 标签文字：tagTitle 标签内容：tagContent 当前标签：tagCurrent/currentTag 标 题：title 内 容：content 列 表：list 当前位置：currentPath 侧 边 栏：sidebar 图 标：icon 注 释：note 登 录：login 注 册：register 列 定 义：column_1of3 (三列中的第一列) column_2of3 (三列中的第二列) column_3of3 (三列中的第三列课程设计报告书课程设计课题名称： 设计组成员： 课程设计设计课题背景网站建设的目标网站建设的架构相关网站借鉴：站点设计结构图网站风格网站建设进度周一（上午）周一（下午）周二（上午）周二（下午）周三（上午）周三（下午）周四（上午）周四（下午）周五（上午）周五（下午）开发团队日常情况记录表组长： 日期：201 年 月 日 周（ ） 天气