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

frontpage|教程|中文

 你可能实在是很厌恶上一节中所做的那个网页,因为实在是太“次”了!
那好,我们接着学,争取更专业:)
上一节当中我们做的网页(如图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不谈专业与否,一个出色的网站关键在于创意。

时间: 2024-08-31 15:36:10

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

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

frontpage|教程|中文  上一节我们已经学会了如何制作一个普通的网页,这一节我们来学习如何制作使用了框架的网页.首先我们要知道使用框架的好处.善于使用框架,网页不仅可以使得页面更加,而且还可以使浏览者更加方便的浏览你的网页.那么学习制作使用了框架的网页难不难呢?老实说,其实这一点都不难.运行你的Frontpage2000,我们马上学习如何制作框架网页.我们新建一个网页,注意这次新建不是点击按钮栏的按钮噢,我们点击"文件"菜单的"新建→网页",在弹出的窗口中选

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

frontpage|教程|中文  知道了一个网站的结构之后,你是否很想马上动手制作网站里面的网页?那好,我们本章就来学习如何制作. 首先我们运行Frontpage2000,并且打开一个站点.在打开站点之后我们就要在制作窗的编辑区里面开始工作了.如果你忘记了什么是制作窗或者什么是编辑区的话,你可以复习一下本教程的第一章. 如笔者在第一章所比喻的一样,网页就象一张白纸,该如何让它显得美观,华丽,关键是要看网页设计者自己.网页中少不了文字和图象,把文字和图象摆在自己希望的位置,一个网页就出来了.其实制

Frontpage2000中文教程:第二章 创建一个站点并管理它

frontpage|创建|教程|站点|中文 从本章开始,我们来学习制作你的第一个主页:) 首先我们要知道,我们说的个人主页,说专业一点,应该说是个人网站.怎么说呢,因为一个网站,是由许许多多的网页,图片等等组成的,我们说的主页,其实是指这个网站的第一页.打个比方,回到家里,首先你会进入客厅(客厅等于主页),客厅里面有许多的装饰物(装饰物等于主页的内容),在客厅里休息了以后,你就会干其他事情,比如进厨房煮饭(厨房等于你的网站中的第二个网页),而厨房里就会有很多用具(厨房用具等于网站中第二个网页的内

Frontpage2000中文教程:第五章(最后的启示)

frontpage|教程|中文 第五章 最后的启示 启示(1)定置表格 表格可以定置它的长宽,具体怎么做的?我们新建一个网页,插入一个一行一列的表格.在表格内点击鼠标右键,选择表格属性.在弹出的窗口中设置(如图1). (图1) 启示(2)设置图片热点连接 有时你可能不希望一张图片都做上连接,只想为图片的某部分做上连接,这就叫做提片热点连接.如何做到呢?我们点击一下想要做热点连接的图片,你会看到Frontpage2000会自动在编辑区下面弹出一个工具栏(如图2). (图2) 你可以使用这些工具加工

Frontpage2000中文教程:第一章 认识Frontpage2000

frontpage|教程|中文  你是否紧跟时代的潮流上了网?你在聊天室里是否听过别人聊起自己的个人主页,你会不会觉得自己没有个人主页就落伍了?有没有想过自己也要做一个主页?想过?那你还瞎呆在那里干什么?赶快阅读本教程,你就该学会制作自己的主页了. 本教程教你学会使用微软公司的Frontpage2000,学会干什么?当然是做你的个人主页啦.或许你认为制作主页是一门很深奥的工作,需要懂得大量的计算机知识.我现在要告诉你,你错了.在这个流行图形操作系统的今天,制作主页不再需要你去学习复杂,烦躁的HT

Frontpage2000中文教程:第四章 Frontpage2000也疯狂(2)

frontpage|教程|中文 接下来我们学习制作动态的按纽.什么是动态按纽?你有没有看过别人的网页上有一种按纽,把鼠标移上去的时候它就会变色的的那种,那就是动态按纽了.它在Frontpage2000中的做法也很简单.我们点击菜单栏的"插入→组件→悬停按纽"(如图3).接下来又弹出一个窗口(如图4). (图3) (图4) 我们在"悬停按纽属性"的窗口中设置一下.在"按纽文本"中填写想要在按纽上显示的文字,还给以给那个按纽做连接.接下来你可以设置按

Frontpage2000中文教程:第四章 Frontpage2000也疯狂(留言本)

frontpage|教程|中文 你有没有想过为自己的网页做一个简易的留言本?这样的话浏览者浏览过你的网页之后就可以给你一些意见和建议了. 我们点击菜单栏的"插入→表单→单行文本框"(如图5) (图5) (图6) 接着你会看到编辑区内多了虚线方框,里面包括了一个长方形的文本框和两个按纽.你肯定填写过一些网上的表单吧?虚线以内的东西就称为表单了.我们来设置一下表单里面的内容.先来设置长方形的文本框的属性,对长方形的属性框点击右键,选择"表单域属性",在弹出的窗口中你可以

Frontpage2000中文教程:第四章 Frontpage2000也疯狂(1)

frontpage|教程|中文 想为你的网页添加一些花哨的东西吗?想的话就跟我学吧:) 你一定看过别人的网页上会有一种文字会左右移动的,是不是觉得挺可爱的呢?它的做法很简单,我们点击菜单栏的"插入→组件→字幕"(如图1). (图1) (图2) 在弹出的一个"字幕属性"窗口中设置一下就行了(如图2).我们在"文字"栏填上自己想要的文字,比如"欢迎你来到我的主页".再设置一下其它选项,比如"方向"你选择了&qu

MVC4制作网站教程第三章 删除用户组操作3.4_实用技巧

一.用户 二.用户组 2.1浏览用户组  2.2添加用户组  2.3修改用户组  2.4删除用户组  删除用户组相对简单些,不用单独的页面,直接在浏览页面点击删除时,弹出确认删除对话框,点击确认,用jquery post删除.  打开[UserGroupController],删掉public ActionResult Delele(int GroupId) { return View(); }  修改删除处理Action[Delete(int Id)],修改后的代码  /// <summary