文档介绍：《HTML+CSS网页设计与布局》课程教案
授课教师：授课班级：地点：周课时：5课时
早下内容
网页设计基础知识
Dreamweaver软件介绍及其基础操作
HTMLg础知识及常用标记
教学目标
使学生了解网页设计的相关基础知sup><sub>下标</sub>
64、学生实训及辅导；
65、字体标记：
（1）字体大小：<fontsize="1">字体大小</font>
（2）字体颜色：<fontcolor="">字体颜色</font>
（3）设置标题字体：<h#>主题义字</h#>
（4）物理字体：
<B>…</B>,将字符设置成粗体。
<I>•••</I>,将字符设置成斜体。
<U>…</U>,给字符增加下划线。
<S>'••</S>,给字符增加删除线。
<TT>…</TT>,将字符设置成打字机字体。
<SUP>…</SUP>,将字符设置成上标字体。
<SUB>…</SUB>,将字符设置成下标字体。
（5）逻辑字体：
<EM>…</EM>强调文字。
<STRONG>一〈/STRONG字体力口重。
<CODE>-TCODE湿示编程代码。
<SAMP>-y/SAMP塌腐例文字。
<KBD>…</KBD>显示键盘按键文字。
<SMALL>…</SMALL>缩小文字。
<BIG>•</BIG>放大文字。
85、字体标记实例讲解；
86、学生实训及辅导；
四、课外作业
五、第3章上机实践。
六、
七、课堂小结
本次课主要内容：
1、网页设计基础知识；
2、Dreamweaver基本使用方法；
3、HTMLS础知识及常用标记；
后记
《HTML+CSSJ页设计与布局》课程教案
授课教师：授课班级：地点：周课时：5课时
.、
Fh"
文字布局
早IJ内容
插入图像超级链接
教学
3)使学生熟练掌握HTML常用标记的基本使用方法；
目标
4)使学生掌握HTML常用标记各种属性的含义和设置方法。
重点
3)掌握各种HTML常用标记的基本使用方法；
难点
4)熟记各种HTML常用标记的含义。
教学方法
课堂讲授、案例讲解与指导
教学环境
计算机机房
教学过程及内容提要
时间分配
备注
八、
引入
约10分钟
学生理解
4、回顾上周所学内容：上周主要介绍了网页设计和HTML相关基础知识及
约30分钟
学生实践
Dreamweaver软件基础操作，重点介绍了HTML!础知识及常用标记；
约30分钟
学生实践
5、提出问题：网页中文字如何布局？如何在网页中插入图像？如何运用
约40分钟
学生实践
超级链接？
约20分钟
学生实践
6、
约20分钟
总结
九、告
知学生课堂任务
约30分钟
约30分钟
本次保所字****WJ土要内谷是HTML乂子伟局和插入囹保、趋级键按H'、J
标记应用。
约20分钟
十、逐步演示讲解分析教学内容
约30分钟
教学过程设计
87、换行控制：文字一＜p＞、文字二＜br/＞
约30分钟
88、不换行控制：＜nobr＞＜/nobr＞
89、文字对齐：align="#"、＜center＞居中＜/center＞
90、设置段落：＜p＞段落一＜/p＞、＜p＞段落二＜/p＞
91、学生实训及辅导；
92、上周课外作业点评；
93、无序列表：
94、＜ul＞
约30分钟
95、
<li>表项一</li>
96、<li>表项…</li>
97、</ul>
98、有序列表：
99、<ol>
100、
<li>表项一</li>
101、
<li>表项…</li>
102、
</ol>
103、
欲格式化文本：＜pre＞文子＜/pre＞、＜xmp＞文本＜/xmp＞
计算机输出格式：
<code>代码样式小型固te优度子体显示的文本</code>
<kbd>代码样式固定宽度字体渲染</kbd>
<tt>代码样式固定宽度字体渲染文本</tt>
<var>代码样式斜体字渲染</var>
学生实训及辅导；
在网页中插入图像：<imgsrc="">
图像无法显示时的提示信息：<imgsrc=""alt="风景">
控制图像的大小：
<imgsrc=""alt="风景"width="400px"height="300px">
设置边框：
<imgsrc=""alt=