WEB开发网
开发学院网页设计FrontPage Frontpage2000中文教程:第三章 制作你的第一个主... 阅读

Frontpage2000中文教程:第三章 制作你的第一个主页(1)

 2004-01-30 20:34:27 来源:WEB开发网   
核心提示:知道了一个网站的结构之后,你是否很想马上动手制作网站里面的网页?那好,Frontpage2000中文教程:第三章 制作你的第一个主页(1),我们本章就来学习如何制作,首先我们运行Frontpage2000, 要点:1修改文字的属性时必须把需要修改的文字用鼠标左键括起来,2网站内所有文件都必须保存在网站文件夹内,并且打开
 知道了一个网站的结构之后,你是否很想马上动手制作网站里面的网页?那好,我们本章就来学习如何制作。

首先我们运行Frontpage2000,并且打开一个站点。在打开站点之后我们就要在制作窗的编辑区里面开始工作了。如果你忘记了什么是制作窗或者什么是编辑区的话,你可以复习一下本教程的第一章。

如笔者在第一章所比喻的一样,网页就象一张白纸,该如何让它显得美观,华丽,关键是要看网页设计者自己。网页中少不了文字和图象,把文字和图象摆在自己希望的位置,一个网页就出来了。其实制作网页就这么简单,你也不想笔者浪费口水了吧?那我们马上开始。

我们新建一个网页,你可以点击控制窗按纽栏的来新建一个网页。

网页上的文字如何制作你该不会不知道吧?在编辑区打字,你打出来的文字就会出现在光标闪动的地方(如图1)。我们在编辑区打上“你好,欢迎你光临我的主页。”



(图1)



(图2)



(图3)

你可能不希望网页上的文字都一样,只是黑色的吧。你可能希望它是红色,也可能希望它是蓝色。又或者你希望某些文字比较大,而且还有一些特殊效果。如何才能做到更改文字?很简单。我们用按住鼠标的左键,把你想改变颜色的字括起来(如图2),括起来之后按鼠标右键,选择弹出菜单中的“文字”(如图3)。接下来会弹出窗口中选择你想要改变的方式(如图4)。



(图4)



(图5)

字体菜单可选择你希望的字体,字型可以改变文字的形状,可以是粗体也可以是倾斜体,大小就是改变文字的大小,还可以改变颜色和增加一些文字的效果。更改好了可以在预览区预览一下,不满意可以再改。

我们这样来修改:把字体定置为宋体,在字体菜单中选择宋体。字型为粗体,在字型菜单中选粗体。文字大小为6,即是24磅。颜色为红色,文字效果为下划线。按确定,你就会发现刚才打在编辑区的文字起了变化(如图5)。

当然你也可以随意更改成自己喜欢的样式。
网页中最主要的元素除了文字,就是图片。如果网页中只有文字,而没有图片的搭配或者装饰,一定会显的很呆板。那么在Frontpage2000制作网页中如何为网页加上图片呢?很简单。

我们把编辑区上的鼠标光标移动到编辑区希望出现图片的地方,然后按控制窗的按纽栏里面的插入图片按纽,在弹出的窗口中选择你希望放在网页上的图片(如图6),按确定就行了。

大家记住,插入网页中的图片格式必须是“JPG”或者是“GIF”格式的,读者如何区分这两种格式呢与其他格式的不同呢?如果你安装了ACDsee这个著名的看图软件的话,你可以看一下图7就能分清楚了。



(图6)



(图7)

这里要提醒一下大家:在第二章笔者已经跟大家提过网站中图片的保存位置了,大家必须把网页中使用到的图片保存在网站文件夹的“images”文件夹中。要是你插入的图片不是保存在网站文件夹里的话,那你做好网页浏览的时候就看不到网页中你插入的图片了。所以大家要紧记,网站中所有的文件,包括网页,图片等等都必须保存在这个网站的文件夹中,还必须用英文名字。

还要注意的一点就是:已经插入网页中的图片,你就不能再修改那张图片的文件名了,否则在浏览时同样会出现看不见图片的后果。

笔者插入一张“Welcome”字样的图片,如果你没有的话可以插如其他自己喜欢的图片。

到目前为止,一个简单的网页就算制作成功了,点击制作窗的切换按纽中的“预览”按纽预览一下(如图8)。



(图8)

对于这个网页嘛,有些读者会大骂:“什么破玩意,怎么见得了人呢!”可能另一些读者会说:“哦,小宝贝,这是我做的第一个主页,要好好保存起来。”哈哈,具体你会怎么样做笔者可猜不着了。怎么说也是第一个,也只能做到这种水平了:)如果你想学习把网页做的更好看一点的话,欢迎你继续阅读本章的第二小节。

要点:

1修改文字的属性时必须把需要修改的文字用鼠标左键括起来。
2网站内所有文件都必须保存在网站文件夹内。
3已经插入到网页中的图片不能再修改它的文件名。

Tags:Frontpage 教程

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接