图6-10 FrontPage网页模板
也可使用常用工具栏上的“新建”按钮来建立一个空白的新网页。
FrontPage中可以保存的文件格式有5种,分别是:网页文件(*.htm)、模板文件(*.tem)、Active Server Pages文件(*.asp)、超文本模板文件(*.htt)和超文本样式文件(*.css)。其中较常用的是网页文件(*.htm)和Active Server Pages文件(*.asp)。 1.文本的操作
启动FrontPage后,系统自动创建一个空白网页(名为new_page_1.htm),并在文本编辑区中出现一个闪烁的插入点,此时,用户可直接在文本编辑区中输入文本或插入网页元素。 文本输入过程中,FrontPage会自动换行,使文本一直保持在页边界内,所以在行末不用按回车键。另外,由于微软IE浏览器的版本人为规定和HTML规则的原因,空格键有时会不起作用,所以在设置文本水平位置时,还可以使用制表符、缩进、表格或段落对齐方式等功能进行设置。
FrontPage中文本的删除、撤消和恢复、移动和复制等操作都与WORD中的相应操作一致。在FrontPage中还可进行“选择性粘贴”,可选择粘贴时的轮换的格式。在执行“编辑”菜单下的“选择性粘贴”命令时,可打开“转换文本”对话框,如图6-11所示,可按要求选择相应的选项。
图6-11 “转换文本”窗口
如果要在网页中插入一些特殊的无法用键盘输入的网页元素,可通过插入菜单提供的相应命令来完成,如要插入水平线,则可选择“插入”菜单下的“水平线”命令。 2.字体格式设置
在FrontPage 中,设置字体的格式时可使用“格式”工具栏上的按钮,也可使用“格式”菜单下的“字体”命令(或右键快捷菜单),打开“字体”对话框来进行字体的设置,设置方法与WORD的设置方法相同,这里不再叙述。 3.段落格式设置
段落的格式化包括段落中文字的对齐方式、文字的缩进、段落中第一个字符的设置、段落中行与行之间的间距设置等。
对段落格式的设置可通过“格式”工具栏,也可执行“格式”菜单下“段落”命令(或右键快捷菜单),打开“段落”对话框来完成,设置方法与WORD的设置方法基本相同。 在FrontPage 中,段落的划分也是按回车键来进行的,不是按换行符,一个段落中可有多个换行符,但只有一个回车符。 4.网页属性设置
网页属性指网页标题、网页背景等基本选项。
设置方法:在网页编辑区域中单击右键,在弹出的快捷菜单中选择“网页属性”命令或者“文件”菜单下的“属性”命令
可打开“网页属性”对话框(如图6-12),再进行设置(如背景音乐、背景图片、超链接的颜色等)。
图6-12 “网页属性”对话框
5.设计整体风格
“格式”菜单下的“主题”命令或右键快捷菜单中的“主题”命令,打开“主题”对话框,如图6-13所示,在列表框中选择好需要的主题和相应的选项(如动态图形等),确定后即可把此主题应用到所选定的网页或所有网页中(如果是在同一站点中),使网页有一致的外观。
选择主题
图6-13 “主题”对话框
如需对主题中的颜色、图形或文本进行更改,可按“修改”按钮,再选择相应按钮来完成。
1..18 在网页中使用图形
在网页的页面中,图像与文字相比具有其显著的优点:一是直观,人眼观看图像时接受信息的速度远远超过观看文字时接受信息的速度;二是能更清楚地表达细节内容。正是由于这些优点,所以在进行网页设计时图像很受欢迎。如果网页做得像一幅风景画,浏览者一定会流连忘返(如果图片很大,效果会适得其反)。
图像文件的格式有几十种,如GIF、JPEG、BMP、EPS、PCX、PNG、FAS、TGA、TIFF、WMF等,现在Internet Explorer和Netscape支持的、最常用的图像格式是GIF、JPEG和BMP。 1.在网页中插入图像
利用FrontPage可以方便地在网页中插入图像,还可以设置图像边框、大小、和位置,并且可以直接对图像进行编辑。
在网页中加入图像的操作非常简单:
1)新建一个空白网页,把光标定位在网页的开始位置。
2)打开“插入”菜单,选择“图片”菜单项,在子菜单中选择“来自文件”菜单项,或者单击工具栏中的图片工具图标,弹出一个“图片”对话框。如图6-14所示。
3)在此对话框中单击“浏览”按钮,出现一个“选择文件”对话框。
4)在“选择文件”对话框的文件列表中选择某个图像文件,然后单击“确定”按钮,或直接双击该图像文件,该图像即被加入到网页中。
图6-14 插入像文件
在网页中插入图像后我们就可以对图像的各种属性进行设置了。
1)选中所插入的图片,单击鼠标右键,弹出一个快捷菜单,在菜单中选择“图片属性”菜单项,出现一个“图片属性”对话框。
2)打开“外观”选项卡。如图6-15所示。
图6-15 图片属性的设置
(1)设定图像边框粗细:在“外观”选项卡的“布局”栏里可以根据需要定义图像的边框,也可以定义边框值为“0”,即无边框。
(2)设置图像环绕方式:一般情况下一幅图像只能与一行文字处在同一高度,但有时需要将图像和文字分开,且两者互不影响。比如在网页左边插入一幅图像,要求右边的文字就像没有图像时可以多行输入,这就要通过设置图像的环绕方式来实现。
在网页中图像的环绕方式有两种:
? 左环绕:图像在左边,文本在图像的右边进行环绕。 ? 右环绕:图像在右边,文本在图像的左边进行环绕。
在“外观”选项卡的“布局”栏中打开“对齐方式”下拉列表框,选择“左”选项,并单击“确定”按钮,图像就被设置为左环绕方式,同样,如果选“右”,图像就被设置为右环绕方式。
(3)编辑图像大小:在FrontPage中,当在网页中加入一幅图像后,图像大小默认设置为其原来的大小,如果加入的图像太大或太小,或有其他特别需要,就得调整图像的大小。调整图像大小非常简单灵活,只要你选中加入的图像,用鼠标左键拖动图像边框,就可以任意调整图像的宽度和高度直到达到你满意的尺寸。
(4)设置图像缩放比例:网页设计的一个重要原则就是网页的兼容性,对于不同的浏览器或者不同的分辨率,不管是800×600的窗口,还是1024×768的窗口,网页都要能正常的显示。设置图像缩放比例就是将图像设置为大小可以按比例变化,与浏览器的大小成一固定比例,这样在不同大小的浏览器窗口里图像都能正常的显示外观。
设置图像缩放比例的步骤如下:
? 选中网页中的图像,单击鼠标右键,在弹出的快捷菜单里,选择“图像属性”菜单
项,弹出一个“图像属性”对话框。