网页设计与制作说课件

1、网页设计与制作信息系计网教研室 曾 瑶 内容提要：课程开设的必要性 1课程整体设计思路234课程特色与改革思路 5如何开展教、学、做 学情分析及措施 一、课程开设的必要性学生 掌握网页的设计与制作方法掌握网站建立、管理、发布技术；1 专业培养目标信息技术教师校园网页设计制作 网站管理工作网站设计、美工师网页制作与网站开发的技术人才教学目标 职业岗位 一 课程开设的必要性前导：计算机基础、平面设计、flash动画网页设计与制作课程 后续：网络数据库、web编程语言 2 课程地位与前后课程的关联 地位：专业核心课就业课程以学生为主体 二 课程设计理念与思路1 课程设计理念 以教师为主导 面向过程

2、教 做 实际项目开发过程作为教学主线项目分解： 子任务；在若干子任务的驱动下完成各教学目标 学 利用网站设计实际项目来引导学习项目导向工学结合任务驱动二 课程设计理念与思路 1 课程设计理念 以职业岗位为导向、以职业能力为本位特色，知识、能力、素质三者不能分割 一主两支：以能力培养为主线 传授知识 二 课程设计理念与思路 提高职业素养 1 课程设计理念 二 课程设计理念与思路2 课程教学内容安排NBA精彩回放网站二 课程设计理念与思路2 课程教学内容安排 本课程以NBA精彩回放网站的设计与制作作为总任务贯穿整个教学过程，按照网站设计与制作的工作流程，将工作总任务切分成12个子任务。通过完成工作

3、任务的过程，让学生掌握网站设计与制作的基本方法和实际应用。 教学内容 教学案例任务1 网页设计准备 任务2 建立站点任务3 编辑网页 任务4 创建超级链接任务5 使用模板、库项目和CSS样式任务7 HTML语言和JavaScript技术任务6 使用动态对象任务8 设计图像任务9 创建Web对象 任务10 创建动画任务11 网页中的动画设计任务12 检查与发布网站每一项内容对应一个子任务 NBA精彩回放网站任务分解图 3 学生具备的职业技能和职业素养 熟知网站开发相关流程；掌握网页排版设计相关技术；具备网页美化和网站设计的能力一种意识：乐观自信两种观念:效率、成果三种精神:敬业、协作、创新;四种

4、能力:自主学习、自我发展、沟通、表达职业技能职业素养 二 课程设计理念与思路三 学情分析及措施调查问卷：是否对学习感兴趣？如果不感兴趣，原因是什么？67.8%32.2% 很感兴趣 缺乏兴趣原因？ 三 学情分析及措施 学生本身是有兴趣的,但由于教师在教学 过程中前后知识不连贯，缺乏一个主要的案 例贯穿整个课程，致使学生不能将所学知识 与实际紧密的结合起来，导致原有兴趣消失。 因此，我们采用项目导向教学法。用一个教 学案例贯穿整个教学过程。1 课堂教学流程 1启发引导：“情境-探究”教学模式 2案例分析及必要知识点讲解3分组讨论 ： 探求方案 力求创新 4上机实践评价总结 实用 必需 够用 头脑风

5、暴 四 如何开展教、学、做四 如何开展教、学、做2 学生的学习流程 模仿开发已有项目项目导向：从案例中发现认识新知识点对照成熟方案查漏补缺认识 实践 再认识 任务驱动：自己开发新项目再实践 四 如何开展教、学、做3 教学设计以案例2为例教学项目：建立站点教学目标：掌握网站规划和设计基本知识 掌握为网站创建站点并添加相应文件夹和文件的技能 提高分析解决问题的能力，撰写简单科技文档能力教学方法：任务驱动教学法教辅手段：利用多媒体系统进行教学和演示参与人员：全体学生实训地点：专业机房教学互动点： 1、网站规划：引导学生就如何进行网站规划分析、讨论、交流 2、建立站点：引导学生就如何建立站点交流和讨论

6、教学步骤：1.提出问题：建立一个有关个人业余爱好的网站应该从哪些方面入手？2.提出本次课的任务：规划NBA精彩回放网站，并为该网站创建站点3.对本次课的任务进行分析四 如何开展教、学、做以案例2为例4.进行完成该任务的教学 （1）规划网站（老师引导学生讨论） 明确建立网站的目的为什么要建网站? 确定网站内容上网站看什么? 确定网站栏目怎样合理组织网站内容? 确定网站整体风格怎么区分于其他网站? （2）定义站点 教师演示讲解，学生边学边练：运行Dreamweaver，熟悉Dreamweaver界面，定义“NBA精彩回放”网站站点 （3）在站点中添加网页和文件夹 教师演示讲解，学生边学边练：在已定

7、义的“NBA精彩回放”网站站点中添加用于存放网站中图片的文件夹images，添加网页文件（此为该网站的主页）四 如何开展教、学、做以案例2为例四 如何开展教、学、做以案例2为例5.学生边学边做，完成以下任务（1）从网站建设目标、网站主要内容、栏目划分、网站整体风格和创意设计等几个方面进行个人网站规划，撰写规划书（允许课后进行）（2）建立“我的业余爱好”网站站点，并添加网页和文件夹。 （教师对学生完成任务的情况进行总结和点评）教学评价 通过批阅网站规划书，对学生完成该子任务做出评价，记录为平时成绩。 四 如何开展教、学、做4 教学实践条件 多媒体上机机房专业实训机房5 课程考核方式10%5%60

8、%25%综合实训 作业 考勤课堂实训积分 期末以能力考核为主，兼顾学习态度和职业素养自评、互评相结合 学习完该课程后，每个同学都能建立自己的个人主页。 6 教学效果 6 教学效果 多位同学在院、系级竞赛中获得各种奖项，并有不少同学参与校外真实项目建设。自愿参与的网页设计师等证书考核中，一次性通过率90%以上。课程特色激发潜能任务 驱动 教学针对性强教学做一体化五 课程特色成果与改革思路1 课程特色 任务驱动 工学结合 五 课程特色与改革思路1 课程特色 紧密联系工作岗位，教学针对性强 教学做一体化 五 课程特色与改革思路探究学习、合作学习、自主学习等教学组织形式，挖掘学生学习潜能激发潜能紧密联系工作岗位，教学针对性强工学结合充分利用网络课堂进行课后互动，在线交