第12课 插入水平线和预览新建页面[宝典]
第十二课 插入水平线和预览新建页面
备课日期:2014年5月1日
授课日期:2014年5月5-9日
【教学目的与要求】
(1) 掌握插入中水平线的方法;
(2) 并能在视图中预览;
(3) 初步学习制作网页;
【课时安排】
1课时。
【教学重点与难点】
(1)重点:插入水平线 。
【教学过程】(边讲边做)
在网页中适时的插入水平线可以使层次分明。最简单的方法是插入水平线使需要分隔的部分分开。把插入点调整到插入水平线的位置,选择“插入”菜单的“水平线”命令。
改变线条颜色,双击插入的线条,在弹出的“水平线属性”对话框里单击“颜色”下拉列表[图一], 选择相应的颜色,单击“确定”按钮。
在对话框中有“窗口宽度百分比”和“像素”选项[图一],它们的作用是通过调整宽度数值设置线条的宽度,但是这个数值的单位却是由它后面的选择决定。比如现在选择的是窗口宽度百分比,就表示线条的宽度就是由它占所在浏览器窗口的宽度的百分比来决定的。如果我们选择像素就表示线条宽度是100像素。单击水平线,选中它。按ALT+ENTER键,直接进入水平线对话框,调整“线条高度”为5个象素,单击“确定”按钮。线条高度就变高了。
水平线变化有限,装饰性不强。我们还可以插入更丰富的线条来修饰页面,那就是线条图像。 线条图像就是一个特别狭长的图像。将水平线选中,按DEL键,将水平线删除,选择“插入”菜单的“图片”命令,单击“剪贴画”选项。选择“图片”选项卡,这里把FRONTPAGE
提供的剪贴画按类别放在了下面的列表框中,选择“WEB框架”[图二],选择小石头图像,单击“插入剪辑”按钮。由小石头构成的线条就插入完成了。
如果想把线条缩短一点,可以在线条上单击鼠标右键,选择“图像属性”命令,打开“图片属性”对话框,选择“外观”选项卡[],选择“指定大小”,将宽度的单位设置为百分图三
比,将宽度调整为80,单击“确定”按钮。
预览新建页面
方法是,一般只要切换到预览模式就可以了。单击“预览”选项卡,在这个预览模式下的显示和在浏览器中的显示是一样的。但这并不意味着我们就不必用浏览器来检查编辑的网页了。因为即使是同一个页面,可能在不同的浏览器中显示会不太一样。比如在INTERNET EXPLORER中是这样显示的,但是在NETSCAPE中又是那样显示的。所以,我们要在自己的机器上多装几个浏览器,用来检查网页的兼容性。 怎么用不同的浏览器来检查呢,选择“文件”菜单的“在浏览器中预览”选项,在浏览器列
表框中选择不同的浏览器[图三]。(以INTERNET EXPLORER 5.0为例)单击“确定”按钮。就可以看到新建页面在浏览器中的效果了。
小结:这一部分内容很简单,但是这些内容在制作网页的过程中几乎每次都会用到,“万丈高楼平地起”,不要小看这些最基本的操作呀。
本文档为【第12课 插入水平线和预览新建页面[宝典]】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑,
图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。