第12课插入水平线和预览新建页面
第十二课 插入水平线和预览新建页面
备课日期:2014年5月1日
授课日期:2014年5月5-9日
【教学目的与要求】
(1) 掌握插入中水平线的方法;
(2) 并能在视图中预览;
(3) 初步学习制作网页;
【课时安排】
1课时。
【教学重点与难点】
(1)重点:插入水平线 。
【教学过程】(边讲边做)
在网页中适时的插入水平线可以使层次分明。最简单的方法是插入水平线使需要分隔的部分
分开。把插入点调整到插入水平线的位置,选择“插入”菜单的“水平线”命令。 改变线条颜色,双击插入的线条,在弹出的“水平线属性”对话框里单击“颜色”下拉列
表
关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf
[图一], 选择相应的颜色,单击“确定”按钮。
在对话框中有“窗口宽度百分比”和“像素”选项[图一],它们的作用是通过调整宽度数值设置线条的宽度,但是这个数值的单位却是由它后面的选择决定。比如现在选择的是窗口宽度百分比,就表示线条的宽度就是由它占所在浏览器窗口的宽度的百分比来决定的。如果我们选择像素就表示线条宽度是100像素。单击水平线,选中它。按ALT+ENTER键,直接进入水平线对话框,调整“线条高度”为5个象素,单击“确定”按钮。线条高度就变高了。
水平线变化有限,装饰性不强。我们还可以插入更丰富的线条来修饰页面,那就是线条图像。 线条图像就是一个特别狭长的图像。将水平线选中,按DEL键,将水平线删除,选择“插入”菜单的“图片”命令,单击“剪贴画”选项。选择“图片”选项卡,这里把FRONTPAGE提供的剪贴画按类别放在了下面的列表框中,选择“WEB框架”[图二],选择小石头图像,单击“插入剪辑”按钮。由小石头构成的线条就插入完成了。
如果想把线条缩短一点,可以在线条上单击鼠标右键,选择“图像属性”命令,打开“图片属性”对话框,选择“外观”选项卡[图三],选择“指定大小”,将宽度的单位设置为百分比,将宽度调整为80,单击“确定”按钮。
预览新建页面
方法是,一般只要切换到预览模式就可以了。单击“预览”选项卡,在这个预览模式下的显示和在浏览器中的显示是一样的。但这并不意味着我们就不必用浏览器来检查编辑的网页了。因为即使是同一个页面,可能在不同的浏览器中显示会不太一样。比如在INTERNET EXPLORER中是这样显示的,但是在NETSCAPE中又是那样显示的。所以,我们要在自己的机器上多装几个浏览器,用来检查网页的兼容性。
怎么用不同的浏览器来检查呢,选择“文件”菜单的“在浏览器中预览”选项,在浏览器列表框中选择不同的浏览器[图三]。(以INTERNET EXPLORER 5.0为例)单击“确定”按钮。就可以看到新建页面在浏览器中的效果了。
小结:这一部分内容很简单,但是这些内容在制作网页的过程中几乎每次都会用到,“万丈高楼平地起”,不要小看这些最基本的操作呀。
授后小结:插入水平线看上去很简单,但难点在于水平线属性的设置中,效果可以更多,其中包括文字、图片以及静态图片和动态图片等。因此,本节课看似简单其实也有一定的难度。学生还需要多练习。