网页设计与制作(HTML+CSS+JavaScript)教学全套课件（第2版）刘万辉教学资源任务1 网页设计与策划.docVIP

《网页设计与制作》课程教学单元设计 淮安信息职业技术学院 第 PAGE 2 页 共 NUMPAGES 2 页 《网页设计与制作》课程教学单元设计 单元1 网页设计与策划 授课教师：网页设计与制作 授课班级: 学时：2 教学条件 实训室、HBulider或Dreamweaver、投影设备、广播软件、互联网络 教学素材 教材、课件、实训项目单、授课录像、案例库、教学网站等 教学目标设计 知识目标： （1）了解网页设计的概念与术语； （2）掌握网页、网站相关概念； （3）掌握网页设计的流程； （4）了解HTML5的发展历史与优势； （5）掌握HTML5的编码方式。 能力目标： （1）初步熟悉HBulider或Dreamweaver程序开发环境和程序开发的全过程； （2）能够模仿编写简单的HTML代码解决部分应用问题； （3）能独立进行查找资料，搜索项目案例资料； （4）能根据项目需求，规划主页草图。 。 任务描述 软件技术专业实习生小王刚进公司，就跟随UI项目组李经理来完成新的任务，策划一个信息类职业技术学院的校园网网站门户页面，那么，应该用户有哪些需求呢？小王跟市场部通过电话沟通，并得到李经理的指导，从而确定了本任务就是依据学校办学特色，完成“校门户网站主页面”的策划与设计。 教学内容 （1）网页设计的概念与术语； （2）网页、网站相关概念； （3）网页设计的流程； （4）HTML5的发展历史与优势； （5）HTML5的编码方式。 重点： （1）激发学习兴趣； （2）网页、网站相关概念，网页设计的流程； （3）HTML5的编码方式。 难点： （1）熟悉HBulider或Dreamweaver程序开发环境和程序开发的全过程； （2）HBulider或Dreamweaver的调试方法。 任务分析与实现 （1）任务分析； （2）任务实现代码。  教学过程设计 1.1 网页设计与策划（学时数：2） 主要步骤 教学内容 教学方法 教学手段 师生活动 岗位搜索 上智联招聘、51JOB等网站搜索相关的岗位，学生自己描述岗位需求。 技能培养是专业核心课程的目标，同时要培养学生的学习能力与素质。 讨论法 多媒体 教师：发起讨论 学生：查找交流 任务描述 依据客户办学特色，完成“校门户网站主页面”的策划与设计。 启发讲解 讨论归纳 多媒体 教师：分析任务 学生：信息交流 知识讲解 知识点1：网页设计的概念与术语。 知识点2：网页设计的流程。 知识点3：HTML5的概述。 知识点4：编写第一个HTML5页面。 启发讲解 讨论归纳 多媒体 课件演示 思考 交流互动 分组讨论 记录笔记 实例示范 综合案例：体验HTML5的页面特征 问题引导 操作演示 分析归纳 多媒体 系统演示 观摩思考 归纳总结 任务实施 网站主页的策划与设计 1.资料收集 2.页面规划 3.绘制页面草图 动手实践 做中学 多媒体 真实系统环境 网络资源 实践操作 查阅资料 巡视指导 评估 讨论 （1）评估讨论实训任务的实施过程； （2）给出参考的解决方案； （3）展示讨论学生的解决方案； （4）考核学生结果。 教师启发 讨论归纳 分数激励 项目单 思考 结果演示 课堂 总结 网页设计的概念与术语。 网页的开发流程。 体验开发HTML5。 实践体验HTML5的页面特征。 教师讲解 多媒体 课件演示 整理笔记 引导创新 任务拓展 1.认识DreamweaverCC 。 2. HBuilder的快速开发技巧 教师指导 学生自学 多媒体 布置作业 提出要求