第二讲 创建一个简单的网页

在上一讲中,我们熟悉了FrontPage的操作界面。下面我们先开始制作简单的网页,以熟悉FrontPage的操作,等初步熟悉网页制作后再考虑整个网站的规划与建立。
一、新建网页
  Frontpage打开以后,会自动建立一个名为“new_page_1.htm”的新网页,该文件名仅仅是临时的,保存后,文件名会被其他的名字代替。
  若某种原因关闭了Frontpage的文档窗口,使其工作区变成一片灰色。或者在编好一个网页以后需要再编另一个新网页,可以再新建一个网页。具体做法是:
  单击“文件”菜单,在“新建”子菜单中,选择“网页”,如下图所示,

  系统自动打开如下图所示的“新建”对话框,。在打开的 “新建”对话框中,可以发现许多网页的模板。我们在这里选择“普通网页”,然后单击“确 定”按钮。


“新建”对话框

  就可建立一个名为“new_page_n.htm”的新网页(其中n代表数字1、2、…)。
  单击“常用”工具栏上的“新建”按钮,也可以新建一个网页,但它只能建立一个空的网页,而不能使用模板。
  像在Word中一样,我们可以在新网页的白色编辑区中输入文字,当输入的文字长度超过窗口宽度,Frontage会对文字自动分行。
  和Word中输入文字有点不一样,当文章要另起一段而打回车键时,大家会发现段与段之间的距离过大。若在击回车键时先按住Shift(换档)键可以使间距与原来一样。
  了解了HTML语言后可以知道,在网页文件中只打回车键输入的是段落标记(P),而击Shift加回车键输入的为强制换行标记(BR)。所有的段落特性设置(行间距、段间距、对齐方式及首行缩进)都必须在段落标记后才能改变。因此要改变前后文字的对齐方式时必须只打回车键。
  在以后的学习中我们还会学习如何改变段间距默认值过大的问题。
  【例】在一个新建的网页中输入唐诗“登鹳雀楼”
  如下图所示,其中第一行(标题)后面及第三行后面插入的是一个段落标记(回车),而第二、三行之间插入的是一个强制换行标记(Shift加回车)。


在主页中输入文字

二、对网页文字的修改与编排
  在Frontpage中对网页文字的修改与编排与在Word中的操作是一样的,我们这里作简单的复习介绍。
  1、网页文字的修改
  用拖动鼠标选定文字块后,对文字块进行剪切或复制,并在新的地方粘贴。可以实现对网页文字的移动和复制。这个方法同样可以用于将其它应用软件窗口(例如Word、IE和记事本)中的好的大段文字(甚至整篇文章复制到你的网页中。
  同样,可以用鼠标拖动的方法将选定的文字块移动和复制(在拖动时要按住Ctrl键)到新的地方。
  在选定文字块后,直接从键盘输入新文字或粘贴原来在剪贴板上的文字,可以对网页文字的替换。而在选定文字后,按删除键(Delete)则可删除大段文字。
  同样要记住:编辑标记(段落标记、强制换行标记与空格)也是字符,也可以和其它可见字符一样插入、删除和移动。 
  2、改变文字的字体、字号、字型与颜色
  在Frontpage中的默认的中文字体为“宋体”,字号为“3(12磅),颜色为黑色。改变文字的字体、字号、字型与颜色的操作方法与Word完全一样。常用的操作可以通过格式工具栏的相应按钮解决,其它则可从“格式”菜单中的“字体”命令对话框中完成。但在改变前必须先选中要设置的文字。
  在选中要设置的文字以后,单击格式工具栏上字体框右端的下拉按钮,在字体下拉列表中可选择字体;单击字号框右边的下拉按钮,在下拉列表中可选择字号;单击“字体颜色”按钮右边的下拉按钮,在下拉的颜色列表中可选择文字的颜色;同样单击格式工具栏上的“粗体”按钮B、“倾斜”按钮I、“下划线”按钮U,可将文字变成粗体、倾斜、下划线三种字型风格,也可以对三种风格任意组合,形成新的风格样式。
  FrontPage提供的字号没有Word那么丰富,只有(1)8磅~(7)36磅七档,其中磅是英文“Point”的译音,即“点”的意思,点数越多,字体越大。
  【例】将网页“迎春接福”的标题改成“24磅”的“隶书”,正文改成“18磅”的“楷体”。
  拖动鼠标选定标题“迎春接福”几个字,然后,单击格式工具栏上字体框右端的下拉按钮,弹出如下图所示的字体下拉列表,单击其中的“隶书”,将“迎春接福”这几个字设置为隶书。


选择字体

  接着,单击格式工具栏上的字号框右边的下拉按钮 ,在下拉列表中选择“6(24磅)”,使“迎春接福”这几个字设置为24磅。应用同样的方法将诗词正文改成“18磅”的“楷体”。如下图


改变字体字号

  3、文字的对齐方式
  FrontPage提供了三种对齐方式,分别是左对齐、居中和右对齐。将光标置与某一段,单击格式工具栏上的三个对齐方式按钮(如右图)中的一个,就可将这一段文字设置成相应的方式。

  若要将相邻几段的文字设置成相同的对齐方式,可以将它们同时选中后,一次性设置。
  【注意】只有回车符才是真正的分段标记,即回车符的前后文字才可以有不同的对齐方式。而强制换行标记(Shift+回车)前后的文字属于同一段,它们必须有相同的对齐方式。
  【例】将网页“迎春接福”的标题改成居中显示,并将“迎春接福”四字改成红色粗体字
  选定全部文字,单击格式工具栏上的“居中”按钮,使全部文字居中显示。
  选定“迎春接福”几个字,然后单击格式工具栏上的“加粗”按钮B,使这几个字变成粗体。再单击格式工具栏上“字体颜色”按钮右边的下拉按钮,在下拉的颜色列表中可选择红色,将这几个字改成红色。最后结果如下图。


标题居中后的效果

  3、段落缩进
  我们知道在Word中有段落缩进功能,使用它可以方便地实现段首空两个字等功能,FrontPage也有类似的功能。
  首先选中需设置段落缩进的所有文字段,若只设一段则只要将光标放到此段。单击“格式”菜单,在菜单中单击“段落”命令,在“段落”对话框的“首行缩进”空框中填入缩进值。注意此处的缩进值为磅值即点数),设置的效果与字号的大小和字间距有关。在不同的情况下,数值略有不同。最后单击“确定”按钮结束。
  若用强制换行代替段落标记情况下,所有的文字都属于同一段。除了第一段以外,后面的形式“段”都不能用此方法设置“首行缩进”,可以用打空格的方法实现。最好用中文输入状态下的“全角”空格(即中文空格)代替“半角”(英文)空格。因为在HTML中,英文空格要占6个字节,即3个汉字位置,而中文空格只占一个汉字位置。而且Frontpage有时还会将超过一个的多余英文空格删掉,用中文空格则不会有此问题。
  【例】将网页“迎春接福”中每段正文的首行缩进约二个字。
  首先选中除标题外的所有文字,单击“格式”菜单,在菜单中单击“段落”命令,如下图:


“格式”菜单

打开如下图所示的“段落”对话框:


“段落”对话框

  在“段落”对话框中,更改“首行缩进”的值为40,单击“确定”按钮,完成设置,结果下图:


首行缩进

  4、段落间距
  在默认情况下,网页中行与行之间的距离为单倍行距,而段与段之间空一行。可以通过更改段落间距和行间距来调整这些设置。
  间距调整也是在“段落”对话框中进行,行间距通过对话框中“行距大小”下面的下拉列表来选择。段落间距则在对话框中“段前”和“段后”后面的空框中设置。当然,设置前当然首先要选中需设置的所有文字段或将光标放到要设置的段。
  【例】将网页“迎春接福”中每段正文的行间距改为1.5倍行距,段间距为0。
  选中除标题外的所有文字,通过单击“格式”菜单下的“段落”命令,打开“段落”对话框。


更改行、段间距

  在“段落间距”区中,单击段前(B)及段后(E)输入框右边的上调按钮(小三角尖),将段前值和段前值均设为0。
  然后,单击“行距大小”框上的,在下拉菜单中选择“1.5倍行距”,如图2.18所示,单击“确定”按钮,结果如下:


更改段落间距后的结果

三、保存网页
  下面以将网页“迎春接福”保存到D盘的“网页练习”文件夹中为例介绍保存网页的具体步骤。
  1、单击工具栏上的“保存”按钮,弹出如下图所示的“另存为”对话框。
  2、将“保存位置”选择为D盘的“网页练习”文件夹。


“另存为”对话框

  3、将“文件名”框中的“New_Page_1.htm'’删除,输入“ycjf”作为文件名。保持保存类型为“Web页”不变,单击“保存”按钮,网页就被保存到D盘的“网页练习”文件夹中了。
   【注意】因为网页文件将来要上传到服务器中才能在因特网中浏览,而服务器一般不支持中文文件名,所以网页文件名必须用英文或拼音字母。
   在“另存为”对话框中还有 “网页标题”一项。FrontPage自动将网页的第一句话“迎春接福 乙麓”设为网页标题,这几个字将显示在浏览器窗口的标题栏中。如果要更改网页标题,可以通过单击“更改”按钮来实现。


保存后的网页

   【注意】这是第一次保存,比较麻烦。若保存过的网页修改以后再保存,单击“保存”按钮后,系统会自动保存而不出现任何对话框。除非你使用“另存为”命令(单击“文件”菜单中的“另存为”)将网页保存成一个新的副本文件。
四、预览网页
  预览网页有两种方式:一种是单击FrontPage的“预览”标签,利用FrontPage内嵌的浏览器观察效果;另一种就是直接用IE浏览器将网页打开。我们一般用后一种方法。下面,我们用浏览器将网页打开,看一下网页在浏览器中的样子。
  (1)在FrontPage操作窗口中,单击“文件”菜单,在下拉菜单中选择“在浏览器中预览”:


选择“在浏览器中预览”

  (2)在“在浏览器中预览”对话框中单击“预览”按钮,网页被浏览器打开,结果如下。


“在浏览器中预览”对话框
 
网页在浏览器中的结果

练一练
  创建一个网页,网页内容根据你自己的爱好确定,也可以将自己的原有文章内容复制到FrontPage中,将网页编排后保存到文件夹“网页练习” 中。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值