项目化教学——整体设计《制作企业网站》.docVIP

《制作企业网站》课程整体设计 课程名称：制作企业网站 课程代码： 制定人： 合作人： 修订人： 批准人： 版次： 时间： 2011年7月22日 课程性质：专业核心课 学分： 学时： 授课对象： 计算机应用专业学生二年级学生 性 质： 先修课： 计算机基础、计算机美术基础、PhotoShop、Flash、DreamWeaver 后续课： 数据库、动态网页 课程整体设计 1、课程目标设计 总体目标： 本项目从实用学习的角度出发，通过一个生动清晰的项目案例，使学生能够根据客户的实际需求，对企业网站的定位进行分析，独立完成企业网站的规划与布局，利用CSS+DIV进行网页的布局与美化技术，制作出美观大方、 实用性强的静态网站，并对网站进行发布和更新，同时培养学生的团队协作意识和岗位责任意识。 具体目标： 能力目标： （1）能对企业网站的定位进行分析，明确企业网站的目的。 （2）能分解用户需求，进行功能设置。 （3）能够利用CSS+DIV技术进行页面的布局。 （4）能够利用CSS的方式对网页的链接样式进行控制。 （5）能够利用position和float属性对DIV进行定位。 （6）能利用CSS的样式对页面的元素进行美化。 （7）能够利用CSS+DIV的方式对列表进行特殊处理，形成各种类型的导航。 （8）能够利用事件和行为制作网页的各种特效。 （9）能够运用IIS对网站进行发布和更新。 （10）能够运用网络的各种手段对网站进行推广。 知识目标： （1）理解什么CSS+DIV，有什么优势。 （2）掌握多种网页的布局能力，加强CSS+DIV布局的能力。 （3）掌握CSS外观效果的设计。 （4）掌握盒子模型的原理和运用。 （5）掌握position及float属性的运用。 （6）掌握编程的思想。 （7）掌所致CS对页面的外观进行控制。 （8）掌握以布局框架为基础，添加各种网页元素的方法。 （9）理解样式表的作用，掌握样式表的使用方法。 （10）理解事件与行为，并熟练掌握各种网页特效的使用方法。 （11）理解WEB站点的工作原理，并能熟练设置IIS。 素质目标： （1）培养学生对网站的开发、测试及发布流程的综合能力。 （2）培养学生网站整体设计的能力。 （3）培养学生分析问题和解决问题的能力。 （4）培养学生的审美能力和创新能力。 （5）培养学生自学能力。 （6）培养学生与人交流和沟通的能力。 （7）培养学生工作态度和纪律意识。 （8）培养学生的团队协作意识。 （9）培养学生的岗位责任意识。 （10）培养学生的英语学习能力。 2、课程内容设计： 课程内容 序号 课程内容 项目 学时 入门项目 A 主导项目A 自主项目 B 1 CSS+DIV的特点及优势 √ √ √ 2 2 企业网站的定位功能布局分析 √ √ √ 4 3 盒子模型 √ √ √ 6 4 位置控制属性 √ √ √ 4 5 浮动属性 √ √ √ 4 6 CSS选择器 √ √ √ 4 7 CSS属性 √ √ √ 4 8 链接样式 √ √ √ 4 9 导航制作 √ √ √ 6 10 表单的美化 √ 4 11 网页特效 √ √ √ 4 12 事件与行为 √ √ √ 2 13 网站的测试与发布 √ √ 4 14 专业英语 √ √ √ 4 合计 56 项目设计 项目名称 项目编号 任务 任务编号 课时 课次 第一次课 课程介绍和情景设计 1 1 入门项目：华夏银行首页制作（A线） 1 项目需求分析 1.1 3 1 网页界面的设计 1.2 4 2 网页界面的布局制作 1.3 4 3 图片、文字、动画等网页元素的添加 1.4 4 4 网站主体导航和按钮式导航制作 1.5 4 5 制作部分网页特效。 1.6 4 6 网站的测试与发布 1.7 4 7 主导项目：网上银行登录页（A线） 2 项目的需求分析 2.1 4 8 网页的设计与制作 2.2 8 9、10 表单的设计与制作 2.3 4 11 表单的美化与验证 2.4 4 12 网站的发布与项目验收 2.5 4 13 自主项目：信用卡介绍页（B线） 3 课外项目的开发与验收 3 4 14 本课程是利用CSS+DIV制作网页的入门课程，以华夏银行网站设计与制作为载体，将课程中的每个知识点融入到每个项目中，每个项目为一个网页，其中前一个项目为后一个基础，各个项目由浅入深，循序渐进，克服了学生的畏难情绪。由于学生刚刚入门，故而网页基本架构要由教师指导制作。 3、能力训练项目设计 编号 能力训练项目名称 任务名称 拟实现的能力目标 相关支撑知识 训练方式手段及步骤结果 （可展示）CSS+DIV布局网页 2．能使用float