授课周次
6
授课时间
    日至       
课程章节
1次课:新建页面、录入文字
2次课:设置文本格式、插入特殊字符
教学目的
1次课:    掌握新建网页和录入文字的方法
2次课:了解表单的概念;了解常用的表单标记(控件)
内容提要                及板书设计
1次课:
1.网页的概念和分类
2.文本的作用;
3.网页新建的方法;
4.页面属性的基本设置;
5.网页中文字的录入方式。
2次课:
1.文本的属性设置;
2.网页中的特殊元素的插入(空格、水平线、特殊字符等);
重点、难点              及解决方案
1次课:
重点:网页的新建方式。
难点:文字录入的不同方式。html网页设计实验总结
解决方案:学做合一,实践任务
2次课:
重点:文本属性设置的方式;特殊字符的插入。
难点:文本的css样式设置;特殊字符地表达方式。
解决方案:学做合一,实践任务
教学内容                  时间分配
序号 
                 
学时分配
1
新建页面、录入文字
90
2
设置文本格式
45
3
插入特殊字符
45
4
5
教学手段
1次课:多媒体教学
2次课:多媒体教学
教学形式
(在右栏勾选)
理实一体(√)理论教学(
实验( )实训(   上机(√)
作业
作业完成方式
书面( )电子(√)
教学后记
1次课:
2次课:
附页:
序号
具体内容(课堂组织和教学过程设计)
授课改进意见及实时教学效果记录
第一次课  新建页面、录入文字
第一步:问题导入(10分钟)
提问“一个网站会由许多网页组成,同学们对网页的了解有多少?”,让学生讨论自己的看法。通过引导学生回答问题引出本节课的教学内容。
第二步,知识讲解(35分钟)
知识讲解要点如下:
一、网页的分类
1静态网页.html.htm.shtml等;
2动态网页.asp.jsp.php
二、创建网页
流程:
一个网站的第一个页面即网站的首页,一般默认将首页命名为indexdefault
普通网页命名一般遵循以下规则:
1、 使用小写;
2、 尽量使用英文;
3、 不加中间横杠和下划线;
4、 尽量不使用缩写
三、页面属性设置
四、文字录入
    在输入文字的过程中,我们可能会给文字进行换行操作,让不同内容的文字显示在不同段落。在Dreamweaver中,有分段和分行两种换行的方式:
1.分段:按Enter键输入,在代码界面产生<p>标签,也称段落标签,将文本彻底的分开,成为两个段落。
2.分行:按Enter+shift输入,在代码界面产生<br>标签,也称换行符,这时文字也会落到下一行去,但行与行中间不会产生空白行,上下的文本也依旧在同一个段落中。
第三步,课堂实践(35分钟)
1、创建一个属于自己的网站首页,要求页面类型为“HTML,页面名称为“index”,并在网页中输入简单文字。并按要求设置成黑背景、白文字。
2、使用DW软件,结合页面设置操作,完成一个类似下图的自我介绍网页。
第四步,教师总结(10分钟)
总结本次课的内容,要求掌握新建网页的方法,并掌握页面属性的设置。
第二次课 设置文本格式、插入特殊字符
第一步,问题导入(10分钟)
现在,我们输入的文字都堆砌在网页中,不够美观,访问者看到大片的文字会感觉乏味,从而离开网站,不再停留,那么该如何留住浏览者呢?
第二步,知识讲解(35分钟)
知识讲解要点如下:
一、 设置网页中文本格式的方法。
1、当用光标选中文本时,在“属性”面板中会显示文本的各项属性,通过修改这些数值对文本进行设置。
2、通过创建CSS样式。
二、文本属性栏
(一)HTML分类
1、格式
2ID
3、类
4、粗体、斜体
5、格式控制(项目列表、编号列表、文本突出和缩进)
6、链接
(二)CSS分类
1、目标规则
2、字体
3、大小
4、字体颜
5、对齐方式
三、特殊文本元素
四、特殊字符表达方式
  1、数字参考:“&#D;”,其中D为一个数值,不同的数值表示不同的字符,如“©”为版权符号“©”。
  2、实体参考:前缀“&”和后缀“;”,中间为表示字符地名称,不同的字符有不同的名字,如“®”表示注册商标“®”。
每一个特殊字符都有对应的数字参考和实体参考。
第三步,课堂实践(35分钟)
1、利用dreamweaver软件制作如下图所示的网页。
2、利用dreamweaver软件制作如下图所示的网页。
第四步,教师总结(10分钟)
总结本次课内容,强调美观的网页是通过对网页文本进行属性设置,插入特殊字符,对文本进行编排,使网页更加合理,便于浏览。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。