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

作者: 网络整理 分类: 随心杂谈 发布时间: 2019-11-27 10:10

你可能实在是很厌恶上一节中所做的那个网页,因为实在是太“次”了!
那好,趣分类,我们接着学,争取更专业:)
上一节当中我们做的网页(如图8),给人的第一感觉除了是“次”的要死以外就是凌乱。

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

(图8)

网页就是这样,要想给人一种视觉上的冲击或是享受,你就必须会搭配文字与图片等等元素。
就图8上面的这个网页来说吧,如果把文字和图片摆在中间的话,感觉还会好一些。但是我们要怎么样做才能更方便地把网页上的元素整齐地摆放好呢?这就要用到表格了。
表格在网页中是用的最广泛,也是用处最大的一个元素。
怎么样在网页中使用表格呢?我们点击Frontpage2000控制窗菜单栏的“表格→插入→表格”(如图9),在弹出的窗口中选择要插入表格的要求(如图10)。选择好之后按确定,就在你的网页上插了表格了。

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

(图9)

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

(图10)

我们新建一个网页,选择插入表格,在弹出的窗口中的“大小”栏里选择行数为2,列数为1,边框粗细,单元格边距和单元格间距为0,指定宽度为100,并且是指百分比(如图10)。然后按确定,我们就在网页里插入了两行的表格(如图11)。

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

(图11)

接下来我们在第一行的表格里面打上自己喜欢的文字,并定义它的属性。在第二行的表格里面插入一张图片(如图12)。

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

(图12)

到这里有些读者又要大骂了:“什么鬼东西,还不是和刚才一样次!”哈哈,好戏这才开始呢。
刚才说了,如果把文字和图片移到网页的中间就会比较好看,那我们现在就移动它。
具体怎么样移呢?难道要我们可爱的读者不停地在文字或者前面狂按空格键?不是的,很简单就可以做到了。
我们用鼠标左键把表格括起来使里面的文字和图片被选中,把鼠标依到表格的顶端的边缘线上上按左键,把它括起来(如图13)

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

(图13)

括好之后我们按控制窗的按纽栏里面的居中按纽

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

,使选中的内容居中(如图14)。以后有需要你也可以使用按纽栏里面的做对齐,右对齐按纽。

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

(图14)

怎么样?放在中间是不是好看了一点?
接下来我们继续编辑网页里面的内容,依旧使用表格和居中按纽,添加一些自己喜欢的内容。

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

(图15)


 

[下一页]


 

笔者在原先“Welcome”的图片下面再插入一张小叮当的图片,在小叮当的图片下面再添加了一些内容。这样整个页面就做好了:)是不是很不错了?够专业了吧:)什么?还不专业?哦,对对…… 的确还不专业,因为这个网页上缺少了超级连接。
超级连接是一个网站的灵魂。可以这么说,超级连接就象人体内的血管。人们的手如果缺少血管的话,那血液就不能流到手上,那手就不能运动了。网站也一样,如果你的子文件做的非常非常好,但是没有超级连接,浏览者就只能看到网站的主页了,而不能看到后面的子文件了。所以,超级连接在网页中起了很重要的作用。
不要以为很重要就很难学了,不是的。在Frontpage2000里做超级连接就象是打字一样简单:)
我们先不要管刚才做好的网页,先把它保存起来。点按纽栏的保存按纽

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

保存刚才做的网页,由于是主页,所以保存时的应该把它命名为“index.htm”或者是“index.html”(如图16)。

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

(图16)

我们再新建一个网页,在编辑区编辑你自己的自我介绍,然后保存,记住用英文名保存,比如用“ziwojieshao.htm”,不能用中文
保存好了,我们重新打开刚才保存的主页(index.htm),为主页上的“自我介绍:做超级连接。
用鼠标左键括起主页上的“自我介绍”四个字,然后点击按纽栏的超级连接按纽

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

,在弹出的窗口中选择刚才保存的“ziwojieshao.htm”(如图17)。

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

(图17)

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

(图18)

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!