您的位置:首页网页设计FrontPage  → Frontpage2000中文教程:第三章 制作你的第一个主页(1)

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

时间:2004/11/7 2:44:00来源:本站整理作者:蓝点我要评论(0)

 

知道了一个网站的结构之后,你是否很想马上动手制作网站里面的网页?那好,我们本章就来学习如何制作。

首先我们运行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已经插入到网页中的图片不能再修改它的文件名

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 没有查询到任何记录。 轻松制作自己的信息反馈WEB页Javascript实例教程16 使用Javascript的数学认识FrontPage 2002扩充插件之四认识FrontPage 2002扩充插件之三

人气排行 msxml3.dll 错误80070005解决办法用FrontPage在一张图片上制作多个超级链接Frontpage2000实务高级网站管理使用 Photoshop 画笔做撕边效果轻松制作自己的信息反馈WEB页认识FrontPage 2002扩充插件之三用FrontPage 2000做样式表Frontpage2000中文教程:第一章 认识Frontp