动态网页制作教案

《动态网页制作教案》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、动态网页制作教师授课教案12多媒体1班动态网页制作课程使用教材：动态网页设计与制作-HTML+CSS+JavaSc「ipt2014・2015学年第1学期第1周星期3第3、4节2014年9月17日第1章html基础教案内容：一，本次课的教学目标；二，内容及课时分配；三，重点，难点及处理方法;-四，教学过程（也可另用备课纸）；五，教具，课件及挂图；六，作业及辅导；七，课后小结。二、教学目标1、了解HTML常见元素包含哪些2、HTML简介，区分网页与HTML,标签元素和属性二、内容1、HTML简介2、HTML常见元素三、重点，难点及处理方法重点：运用HTML常见元素

2、难点：一些特殊元素的运用四、教学过程1、引入打开网页设计作品，让学生们欣赏评价同学们，大家觉得刚刚展示的网页设计作品怎么样呢？运用了什么软件制作的呢？采用了哪些技巧呢？可以从哪些方面做得更好呢？（学生们随机回答）2、讲授新课（1）HTML基础a.网页与HTMLHTML是HyperTextMarkupLanguage的缩写，中文翻译为"超文本标记语言”，是制作网页的最基本语言。b.编写及显示HTML文件使用任何一种文本编辑器来编写，如记事本、写字板等，也可使用任何一种编辑HTML文件的工具软件，如DW和FrontPageoa.标签、元素和属性HTML标签是由一对

3、尖括号v>和标签名称组成。标签分为“起始标签”和“结束标签”两种，二者的标签名称是相同的，只是结束标签多了一个斜杠“/”。HTML元素是组成HTML文档的最基本的部件，它是用标签来表现的，一般“起始标签”表示元素的开始，“结束标签”表示元素的结束。在元素的起始标签中，还可以包含“属性”来表示元素的其他特性，它的格式是：v标签名称属性名二“属性值”>（2）HTML常见元素基本结构元素：｛HTML元素、head元素、body元素｝常用块元素：1、标题类2、段落类•P（段落）元素•pre（原样显示文字）元素•div（通用块）元素3、通用属性常用的段落块元素:•id（

4、元素标识）属性•title（提示）属性•style（CSS样式）属性•class（CSS分类）属性（3）常用列表元素ul>ol>li3、巩固练习操练课本1.1-1.3案例五、教具，课件及挂图所用的教室为多媒体实验室，因此所要板书的内容及使用的工具均在计算机上用PPT课件进行演示。六、作业及辅导完成案例1.1-1.3七、课后小结：本节比较重要，学生掌握情况良好2014・2015学年第1学期第1周星期4第3、4节2014年9月18日第1章html基础及实训1教案内容：一，本次课的教学目标；二，内容及课时分配；三，重点，难点及处理方法；四，教学过程（也可另用备课纸）

5、；五，教具，课件及挂图；六，作业及辅导；七，课后小结。一、教学目标1、了解常见表格、行、表单、特殊元素等2、通过基础知识的学习完成实训项目1二、内容（1）常见表格元素table、tr>td>th（表头）（2）常用行元素（3）表单元素（4）一些特殊元素三、重点，难点及处理方法重点：表格、行、表单、特殊元素难点：实训项目1四、教学过程1、引入（1）上节课已经学习了表格的一部分元素，相信同学们都掌握啦，这节课我们接着学习常见的元素和一些特殊元素。2、讲授新课（1）常见表格元素table、tr>td>th（表头）（2）常用行元素•img（图像）元素•a（链接）元素•s

6、pan（通用行）元素•sub（下标）•sup（上标）元素•b（粗体）•i（斜体）br（换行）元素行元素总是与其前后其他元素保持在同一行中（3）表单元素表单控件元素用于收集用户输入信息•input（输入框）元素•select（下拉框）元素•textarea（多行文本输入框）元素label（表单控件名称）元素fieldset（表单控件组）元素（4）一些特殊元素注释元素meta（描述网页信息）元素doctype（文档类型的定义）与HTML文档的检验特殊字符3、巩固练习完成实训1五、教具，课件及挂图所用的教室为多媒体实验室，因此所要板书的内容及使用的工具均在计算机上用

7、PPT课件进行演示。六、作业及辅导根据实训1的完成情况，课上辅导项口七、课后小结：本节比较重要，学生掌握情况良好2014・2015学年第1学期第2周星期3第3、4节2014年9月24tl第2章CSS基础教案内容：一，本次课的教学目标；二，内容及课吋分配；三，重点，难点及处理方法；四，教学过程（也可另用备课纸）；五，教具，课件及挂图；六，作业及辅导；七，课后小结。一、教学目标1、掌握css基本语法2、了解css特点二、内容1•图解CSS2.CSS定义3.CSS的特点4.css基本语法三、重点，难点及处理方法重点：CSS基本语法和CSS基本特点难点：样式表的应用五

8、.教学过程1、引入通过实例导入css应