网页设计与制作网页设计与制作.pptVIP

网页设计与制作 刘何秀 目录 课程定位、培养目标 1 课程设计 2 课程重点、难点 3 课程考核方法 4 6 课程的教学实施 5 课程定位、培养目标 课程定位 本课程是信息技术专业以及与信息技术有关专业 的基础课程又是一门应用性课程 该课程系统地讲解网页编辑与制作软件Dreamweaver的使用、HTML语言、 CSS样式、JavaScript等知识。主要是学习网页制作的知识、技术和 相关工具 通过本课程的学习，一方面可以运用相关的知识、技术和各种工具 独立的设计和制作出基于静态页面的小型网站；另一方面为后续的学 习打下基础，即为jsp、asp.net等动态网页技术等课程打下良好的基础。 课程定位、培养目标 课程定位 Web应用程序开发 html/css/js xml Servlet/jsp、asp.net J2EE框架 数据库原理 … …. 专业基本能力 专业核心能力 课程定位、培养目标 培养目标 知识目标 能力目标 掌握网页制作的基本流程、HTML编程规范以及 HTML常用标签的应用 能够利用CSS设计出常用的网页布局和样式 掌握DOM/BOM模型作用及用法 熟练应用JavaScript的基本语法及内置对象 能够利用HTML、JavaScript和CSS三种技术设计出常用布局的网页效果 工具上，熟练应用Dreamweaver设计网页 培养学生获取从事企业网站开发、网页编辑、Web应用程序开发等工作的相应技能 课程设计 教学内容设计 课程设计 教学内容设计 章节设置 要求学习程度 授课课时安排 01.HTML简介与基本标签 授课4h+上机4h 02.表格和框架 授课3h+上机3h 03.表单元素 授课4h+上机4h 04.CSS简介，文字效果和排版 授课4h+上机4h 05.背景效果，边距效果，列表效果及超级链接效果 授课3h+上机3h 06.定位和布局 授课3h+上机3h 07.Javascript简介及基本语法 授课5h+上机5h 08.JavaScript核心对象与浏览器对象 授课5h+上机5h 09.JavaScript DOM与事件处理 授课5h+上机5h 标示符号 掌握 了解 理解 精通 课程设计 教学方法设计 教 学 做 一体化 课程设计 教学方法设计 案例驱动教学 启发引导，激发兴趣 项目法教学 分组活动 课程实现 项目法教学 案例驱动教学 分组活动 启发引导 设计典型项目， 项目驱动与知识 内容紧密相结 合， 一边分析 讲解、一边操 作演示、一边动 手练习、讲练 结合，激发了 学生的学习兴 趣，提高了 学生分析问题 、解决问题的 实际能力，并 达到轻松学习 、自主学习的目的。 讲解每个章节的 知识点，均选择合 适案例进行驱动 教学，使知识点 易于掌握和 理解。 在实践教学中， 不仅注重培养学 生的操作技能 ，也注重培养 学生团队协作 素 质，同时通过 分组活动便于 学生之间进行技 术交流和监督 学习。 操作性课程最忌 单向灌输式教学 ，在教学过程中 ，力求从实际应用 的需要出发，尽 量减 少枯燥、实 用性不强的理论 概念，加强应用 性和实际操作性 强的内容，将 企业生产实际 项目、任务相联 系，激发学生 的探究心理，解 决问题，使学生 真正“从做中学”。 教学方法设计 教学重点、难点 教学重点 教学难点 01.HTML简介与基本标签（学时：讲授 8H） HTML常见的标签以及用法 HTML常见的标签以及用法 HTML的基本结构 教学重点、难点 教学重点 教学难点 02.表格和框架（学时：讲授 6H） 表格的美化修饰 表格的基本结构 定义表格的基本语法 表格的美化修饰 定义框架的基本语法 教学重点、难点 教学重点 教学难点 03.表单元素（学时：讲授 8H） 表单元素的定义以及用法 定义表单的基本语法 表单元素的定义以及用法 教学重点、难点 教学重点 教学难点 04.CSS简介，文字效果及排版（学时：讲授 8H） CSS的基本语法 CSS的基本概念 CSS的基本语法 CSS样式表的使用方式 使用CSS样式进行文字效果及排版 教学重点、难点 教学重点 教学难点 05.背景效果，边距效果，列表效果及超级链接效果（学时：讲授 6H） 伪类的概念，使用超级链接效果 使用CSS设置背景效果、边距效果、列表效果 伪类的概念，使用超级链接效果 教学重点、难点 教学重点 教学难点 06.定位与布局（学时：讲授 6H） CSS定位：静态定位、相对定位、绝对定位 浮动含义和相应属性值的用法 利用div进行页面布局 CSS定位：静态定位、相对定位、绝对定位 浮动含义和相应属性值的用法 利用div进行页面布局 教学重点、难点 教学重点 教学