1、八年级下册信息技术第 2 课 设计网站首页教学目的：1、掌握在网页中添加多种要素2、掌握网页的版面格式教学重点：1、在网页中输入文字。2、在网页中插入图片和水平线教学难点：文字和图片的调整教学方法：站点辅导与多媒体教室教学过程:下面以制作网页“我的情感小屋”为例来学习网页中的文本编辑。一、添加文本 1、选择“文件”菜单“打开站点”命令打开站点，双击“我的情感小屋”网页文件名（例如网页文件 index.htm）即可打开站点中的“我的情感小屋”空白网页；2、在网页编辑区，直接输入“我的情感小屋”网页的标题及内容（也可到网页设计素材页复制） 。 二、设置文字格式 在网页编辑区，输入文本后，可利用格式
2、工具栏上的命令按钮来改变文字的字体、大小、样式、颜色等，也可选择“格式”菜单中的“字体”命令，更精细地设置字体格式。 三、文本修饰 1、添加边框首先选取某个文本段落，再选择“格式”菜单中“边框与阴影”命令，然后在弹出的“边框与阴影”对话框中，设置边框的样式、宽度、颜色及定位等属性，最后单击“确定”按钮即给文本添加了边框。2、添加背景首先选取某个要被添加背景的文本段落，再选用“格式”菜单中“边框与阴影”命令，在弹出的“边框与阴影”对话框中，选择“阴影”选项卡，若只以某种颜色作为背景，则只要设置背景颜色即可；若以某个图片为背景，则只要设置好背景图片选项即可。 四、段落格式 选用“格式”菜单中“段落
3、”命令，弹出“段落” 对话框后可在其中设置段落缩进、段落间距、单字间距等。 五、插入水平分隔线 选用“插入”菜单中“水平线”命令，即可光标处插入水平线。若对插入的水平线不满意，可双击水平线弹出“水平线属性”对话框，可修改水平线的宽度、高度、颜色、有无阴影、对齐方式等属性。 六、保存网页 选择“文件”菜单中“保存”命令或单击常用工具栏中的“保存”按钮，即可保存网页文件。 七、预览网页 设计好的页面，应该检查它在浏览器中是否显示正常。方法一： 一般只要切换到预览模式就可以了。单击“预览”选项卡（位于网页编辑区左下角处） ，在这个预览模式下的网页显示和在浏览器中的网页显示是一样的。方法二：单击常用工
4、具栏中的“用浏览器预览”按钮，即可在浏览器中预览网页。或者选择“文件”菜单的“在浏览器中预览”选项，在浏览器列表框中选择不同的浏览器。单击“确定”按钮。就可以看到新建页面在浏览器中的效果了。(可用此法选择测试在不同浏览器中显示网页效果)方法三：网页存盘后可在浏览器地址栏中输入网页所在的路径文件名，回车即可在浏览器中预览网页。 七、 操作任务： 制作“我的情感小屋”网页1、首先输入文本内容2、编排文本：.将标题“我的情感小屋” 字号(14)，颜色(红色)，字间距(加宽 7pt)，边框(设置：方框；样式：凸线；宽度：2px；颜色：阴影(用作背景的图片见素材网页)。.“首页” 、 “我的父母” 、 “我的学校” 、 “我就是我” 、 “左邻右舍” 、 “雁过留声” 字体，颜色.加入水平线高度(1), 颜色(灰色).第一段、第二段、 段落行间距(1.5 倍行距)
