《网页设计与制作综合实训》教学大纲.doc

《网页设计与制作综合实训》教学大纲 课程名称：网页设计与制作综合实训 实训学时：60学时 适用专业：计算机软件技术 课程类别：专业课 编写大纲教研室/实训室：软件教研室 一.实训教学的目的和要求 在前一阶段，学生完成了《网页设计与制作》、《图形图像处理》、《CSS设计》、等专业课程的学习，为了让学生将前期的专业课程学以致用，融会贯通，特开设本系统化实训。 本次综合实训基于学生的兴趣，选取专业建设网站开发为主题，基于网页开发的流程，把实训周期当做是一个项目的开发周期，严格把握项目进度，最终要求学生完成网站的前台设计。 1.通过本次实训希望达到以下目的： （1）熟悉和掌握Dreamweaver软件的使用方法； （2）熟悉和掌握PS软件的使用方法； （3）熟悉FLASH软件应用的方法； （4）学会使用CSS+DIV做网页布局； （5）熟练掌握站点的规划与设计。 2.本次实训的具体要求如下： （1）应用css和html（div+css）技术完成至少4个页面，其中必须包括网站主页面设计、栏目页设计、管理员管理登陆页面、管理员登录以后的页面。 （2）显示环境：网页视觉效果应采用Internet Explorer 6.0以上版本浏览器，显示分辨率以1024×768状态为准。 （3）网页规模：网页总量原则上不应超过10M，且必须要是不连接互联网就可以进行展示的作品。 （4）网站结构：要求结构清晰，文件有清晰的分类，比如图片都放在images文件夹下等。 （5）要求页面美观大方、颜色搭配协调； （6）作品留存，下学期或下一阶段继续完善、开发。 二.实训方式 该实训为校内模拟实训。根据学院教学计划安排及培养学生职业技能的要求，学生于第学期进行 三.考核方式 个人最终成绩 = 平时*30%+ 项目中期检查*20%+项目终期检查*50%。 评分项目 分值 评分指标 平时成绩（30） 考勤 10 迟到一次扣分，早退一次扣分，旷课一节扣分 纪律 10 违反纪律一次扣一分，比如接听电话、玩游戏等 学习态度 10 根据学习态度是否认真评分 项目中期检查（20） 完成情况 20 根据中期完成项目进度给分 项目终期检查（50） 功能实现（30） 软件系统 20 A、模块全部实现并且无明显Bug和程序执行错误 数据库设计 10 数据库设计符合用户需求并无明显冗余信息 代码编写（10） 代码规范 10 A、符合微软基本代码规范要求 代码可读性 5 A、主要的类，方法和数据都有良好注释 非功能性需求（10） 用户界面 2 A、所有界面风格一致 3 B、导航清晰明了，可用性高 5 B、主体布局用div+css技术 　 　 　 　 100 　 四.实训指导书及主要参考资料 指导书： 《网页设计与制作综合实训》实训指导书 武汉商贸职业学院 信息工程学院 软件教研室 张振寰。 参考资料： 1. 《网页设计实训教程》裴献主编.科学出版社，2010年8月 2. 《网页设计基础与实训》吴代文主编.清华大学出版社 实训一 站点的规划设计 6学时 实训二 设计案例网站LOGO 6学时 实训三 设计案例网站BANNER 6学时 实训四 设计案例网站导航条 6学时 实训五 设计案例网站网页内容和网页版权声明 6学时 实训六 对案例网站版面切图 6学时 实训七 制作完成案例网站首页 6学时 实训八 案例网站模板的制作 6学时 实训九 案例网页超级链接的添加 6学时 实训十 案例网站加入动态元素 6学时 六.实训项目内容及其要求 实训一?站点的规划设计 1、学时分配：6学时? 2、实训目的? （1）熟悉Dreamweaver软件的界面布局和工作环境。? （2）熟练掌握本地站点创建和管理的方法。? 3、实训任务? （1）创建一个静态网站站点。? （2）从网络上收集网页素材。? （3）根据提供的网站策划方案范本，结合自己要制作完成的网站，开始着手书写网站策划方案。 ?4、实训内容? （1）打开Dreamweaver?软件，熟悉软件的界面布局和工作面板的摆放，能够熟练使用Dreamweaver?软件。? （2）在本机D盘上创建文件夹“home”，在“home”文件夹下根据网站的规划设计，创建相关的文件夹，用来放置不同的文件。? （3）在Dreamweaver?软件中，将D盘?“home”?文件夹定义成静态网站站点，站点名称任意。? 5、实训要求? （1）由指导教师讲清实训的基本原理，要求，实训目的。? （2）实训不分小组，要求每位同学均能独立地完全相关实训的设计与制作。? （3）教学实训除了验证课程理论外，还要求学生掌握网络资源的有哪些信誉好的足球投注网站与应用。? （4）除了教师的指导外，