Frontpage2000中文教程：第三章制作你的第一个主页（2）_网页制作_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

Frontpage2000中文教程：第三章制作你的第一个主页（2）

作者：闵涛文章来源：闵涛的学习笔记点击数：689 更新时间：2009/4/23 13:42:10

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

（图8）

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

（图9）

（图10）

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

（图11）

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

（图12）

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

（图13）

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

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

（图14）

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

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

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

（图16）

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

，在弹出的窗口中选择刚才保存的“ziwojieshao.htm”（如图17）。

（图17）

（图18）

按确定。如果你发现“自我介绍”四个字下面多了一条横线，说明你的超级连接就做成功了：）
依次把“我的收藏”“我的爱好”等几个网页做好，并依次为它们做上连接。
当做“给我写信”的连接的时候，要注意一下它的做法稍有不同。由于是给你写信的连接，点击这个连接之后系统就会自动运行电子邮件程序给你发邮件。所以这个连接的地址应该是你的电子邮箱地址。在点超级连接按纽弹出的窗口中点图18中画着圈圈的按纽，在另一个弹出的小窗口中填写你的邮箱地址，就行了。
竟然文字可以做连接，那图片可以给它做个连接吗？当然可以啊，点击你想要做连接的图片，并按按纽栏的超级连接按纽，跟做文字连接的做法完全一样。
这里还有最后的补充：每个网页都应该有标题嘛，如何定置网页的标题呢？在网页的空白处点击鼠标右键，选择“网页属性”，弹出另一个窗口（如图19）。

（图19）

在“标题”栏填写你想要的标题，按确定就行了。你也可以为你的网页使用背景图案，那样网页看起来就更好了。点击“网页属性”窗口的“背景”按纽，或是使用背景色，或是使用背景图案，一切由你决定。你还可以在这里定置超级连接的颜色呢，真是太棒了！
到此为止，你的第一个网站诞生了：）为了纪念又一位专业级的网页设计师诞生，笔者号召全家人为他鼓掌三秒钟：）
什么？还不专业？！够专业的了！什么？网易，新浪才算专业？！*_* 你这是什么道理？专业就是这样的了，只不过你认为的专业就是象网易，新浪那样的专业。其实它们之所以会让你觉得专业，是因为他们内容齐全，分类详细，而且还是商业公司，每天同时有几百个员工在更新它的网站的。如果你愿意勤劳一点，每天更新一下你的网站，放一点更好的内容，这样就专业了。什么？！…… 你想做成网易，新浪那样？！
网站是做好了，但是你是不是还觉得平平淡淡呢？有兴趣学做更漂亮一点的网页吗？那你可要留意下一章的教程了，精彩！

要点：
1学会善于运用表格，是整个网页页面看起来更整洁。
2多使用“左对齐”“居中”“右对齐”按纽配合表格的使用。
3保存网页时记住不能使用中文保存。
4做超级连接时要细心，不然很容易出现连接错误。
5不谈专业与否，一个出色的网站关键在于创意。