江苏省中等专业学校-苏州工业园区服务外包职业学院.doc

苏州工业园区服务外包职业学院 教 案 课程名称前端技术开发授课班级测试131教师姓名朱麟授课日期2013年10月10日授课形式讲授（√）、实验/实训（ ）、习题（ ）、其它（ ）授课章节或项目名称 （含课程实验、实训）HTML、CSS、JavaScript基础介绍任 务 目 标对如何制作和设计网页有一个全面的了解，作为一个全局性的认识为下面各章的学习打下基础。重 点 难 点重点：了解HTML、CSS、JavaScript各自的代码特点；了解HTML、CSS、JavaScript在网页设计中所扮演的角色。 难点：了解HTML、CSS、JavaScript的代码结构。 更 新 内 容无课 外 作 业无教 学 后 记 教学安排与设计 课程介绍（时间10分钟）： 本课程在本专业中的地位和作用， 本课程在以后学生的职业规划中的重要作用， 本门课主要教授的内容和重要知识点 本门课的评分机制和考试形式 2、讲授内容（时间35分钟） 1. HTML、CSS、JavaScrpt的代码片段举例（10分钟） 2. HTML、CSS、JavaScript各自的角色（10分钟） 3.如何学习HTML、CSS、JavaScript以及dreamweaver工具学习（10分钟） 4. 小实例--HTML、CSS、JavaScript的综合运用的分析（5分钟） 3、任务实施 (时间30分钟) ? 1、使用HTML、CSS、JavaScript设计一个简单的网页（10-15分钟） 2、课后习题的练习和解答（看网页制作的任务的完成情况定课内练习还是课外作业） 4、小结（时间5 分钟） 通过本节课，需要 1.了解HTML、CSS、JavaScript的概念和作用； 2.了解HTML、CSS、JavaScript的语法结构； 3. 熟悉使用HTML、CSS、JavaScript进行网页制作的软件环境，掌握一些有用的学习工具。  苏州工业园区服务外包职业学院 教 案 课程名称前端技术开发授课班级测试131教师姓名朱麟授课日期2013年10月12日授课形式讲授（）、实验/实训（√ ）、习题（ ）、其它（ ）授课章节或项目名称 （含课程实验、实训）实验1：HTML文件的编写 任 务 目 标熟悉HTML文档的结构 HTML基本语法和 HTML文件的命名重 点 难 点重点：HTML基本语法 编写HTML文件的注意事项更 新 内 容无课 外 作 业无教 学 后 记 教学安排与设计 复习（时间10分钟）： HTML Hyper text mark up language 超文本标记语言 它是超文本语言，在HTML中插入各种类型的数据，不仅仅是纯粹的文本，如图片（image）、 表格（table，属于结构化的数据）、flash、css、一些脚本语言。 它又是标记语言，告知浏览器以怎样的方式或结构来显示 CSS Cascading style sheets 层叠样式表 所谓“样式”，就是对网页上元素的外观修饰和排版定位 所谓“层叠”，在一个HTML文件中有多个样式表时，它体现了当不用CSS文件中定义的样式不一致时浏览器依照层叠顺序处理的方式。 举例说明 网页页面排版样式标准。所谓“标准”就是在不同浏览器中都能以相同的样式来来显示。 JavaScript 它是一种脚本语言，如何理解Javascript脚本语言。 它可以嵌在网页中或是在网页中引入js的文件。 它可以像程序语言一样比如C定义变量、函数等，同时可以操纵网页中的元素（图片、表格等），实现一些功能。 它弥补了HTML+CSS这样的网页的不足，可以实现网页的动态性、交互性。 HTML+CSS+JavaScript 通过这三部分的配合来制作样式美观、功能比较强大的网页。 2、讲授内容（时间40分钟） 1. HTML文档的结构 2. HTML基本语法 3. HTML文件的命名 4. 编写HTML文件的注意事项 3、任务实施 (时间25分钟) ? 练习P22 三.(6) 4、小结（时间5 分钟） 通过本节课的学习，要求掌握： 1. HTML文档的结构 2. HTML基本语法 3. HTML文件的命名 4. 编写HTML文件的注意事项  苏州工业园区服务外包职业学院 教 案 课程名称前端技术开发授课班级测试131教师姓名朱麟授课日期2013年10月14日授课形式讲授（）、实验/实训（√）、习题（ ）、其它（ ）授课章节或项目名称 （含课程实验、实训）实验2：HTML文件的整体结构