授课周次 | 第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。 二、创建网页 流程: 一个网站的第一个页面即网站的首页,一般默认将首页命名为index或default。 普通网页命名一般遵循以下规则: 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、格式 2、ID 3、类 4、粗体、斜体 5、格式控制(项目列表、编号列表、文本突出和缩进) 6、链接 (二)CSS分类 1、目标规则 2、字体 3、大小 4、字体颜 5、对齐方式 三、特殊文本元素 四、特殊字符表达方式 1、数字参考:“&#D;”,其中D为一个数值,不同的数值表示不同的字符,如“©”为版权符号“©”。 2、实体参考:前缀“&”和后缀“;”,中间为表示字符地名称,不同的字符有不同的名字,如“®”表示注册商标“®”。 每一个特殊字符都有对应的数字参考和实体参考。 第三步,课堂实践(35分钟) 1、利用dreamweaver软件制作如下图所示的网页。 2、利用dreamweaver软件制作如下图所示的网页。 第四步,教师总结(10分钟) 总结本次课内容,强调美观的网页是通过对网页文本进行属性设置,插入特殊字符,对文本进行编排,使网页更加合理,便于浏览。 | ||
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论