第三章网页文本的设计.doc

《HTML网页设计》教案 章节课题 第三章 网页文本的设计 授课日期 2015年3月16日 第二周 授课时数 4学时 教学目的 1.掌握HTML中文本的排版方法 2.熟悉HTML中特殊文本的添加； .掌握HTML文字列表的建立方法； 4.熟悉 教学方法 多媒体网络教室，采用“演播”教学法。 教学重点 本阶段的重点是让学生掌握HTML文档添加文本的方法及其对于文本排版修饰的手段。 教学难点 1.HTML特殊字符文本添加 2.网页文本排版 3.无序列表、有序列表 教具、挂图 见课前准备工作 作业题号 见教案：附加题 教学过程及时间分配 主　要　教　学　内　容　及　步　骤 课前准备工作 图样 演示素材 1.《第三章网页文本的设计》PPT演示文稿； 2.实时网站登陆 3.HTML代码书写 《HTML网页设计》教案（续页）　　 第 2 页 教学过程及时间分配 教学内容 一、1.通过键盘直接输入 示例1： html head title无标题文档/title /head body /body /html 2.通过复制粘贴的方式 （注意的DW中选择性粘贴的方法） 1．特殊符号以开头 示例3： 在网页中展示“1”代码：lt；1gt； 半角大空白：ensp； 全角大的空白：emsp； 不断行的空白：nbsp； 小于：lt； 大于：gt； 符号amp； 双引号：quot； 版权：copy； 已注册商标：reg； 乘号：times； 除号：divides； 加减号：plusmn； 千分比：permil； 双向箭头：harr； 2．特殊公式标记 （1）sup/sup为上标标记，用于 （2）sub/sub为下标标记，用于 练习1：写出[(63+36)÷2]±1=?结果以千分比表示 《HTML网页设计》教案（续页）　　 第 3 页 教学过程及时间分配 教学内容 练习2：H2+O2=H2O html head title运算式/title /head body [(6sup3/sup+3sup6/sup)divide;2]plusmn;1=?br 结果以permil；表示/body /html html head title运算式/title /head body Hsub2/sub+Osub2/subharr;Hsub2/subO /body /html 二、 1.重要文本 （1）b/b; （2）em/em; （3）strong/strong 2.倾斜文本 i倾斜文本/i 3.设置文本 small/small 4.设置已删除文本 del已删除文本/del 5.设置bdo/bdo标签 （1）ltr” （2）rtl” 二、 1.实现段落与段内换行（pbr）不管都将 《HTML网页设计》教案（续页）　　 第 4 页 教学过程及时间分配 教学内容 被视为一个空格。按如果需要换行 示例4： 段落标记p/p.用来定义网页中的一段文本，文本在 换行标记br是一个单个使用的标记，“break”的缩写，作用是 2.设置标题（h1~h6） （3）center） （4）blockquote） 正文 （5）hr）该标记 四、设置文字列表 ）ul） ul/ul,其中每一个列表项使用li/li 结构如下： ul li第一项 li第二项 li第三项 /ul （2） 类似于word中的自动编号功能，使用ol/ol标记，每一个li/li 结构： ol li第一项/li li第二项/li li第三项/li /ol （3） 前面的标记符号的变化 Disc项目符号列表 结构： 《HTML网页设计》教案（续页）　　 第 5 页 教学过程及时间分配 教学内容 ul type=”disc” li项目1/li li项目2/li li项目3/li /ul Circle项目符号列表 结构： ul type=”circle” li项目1/li li项目2/li li项目3/li /ul square项目符号列表 结构： ul type=”square” li项目1/li li项目2/li li项目3/li /ul （4） 数字列表 结构： ol li项目1/li li项目2/li li项目3/li /ol 字母列表 结构： ol type=“A” li项目1/li li项目2/li li项目3/li /ol （5） 《HTML网页设计》教案（续页）　　 第 6 页 教学过程及时间分配 教学内容 示例： ul li第一章 ul li第一节/li li第二节 ul li知识点