主题

　　经过以上过程，我主页制作也基本完成了。但页面的背景图、导航栏、颜色选择，边框等都不太令我满意，而这些都是模板自动设计的，而且不能修改。这个时候，就要使用主题了。

　　主题，就是FrontPage针对页面中的背景、导航栏、横幅、按钮、各种边框自动进行设置，主题的内容有几十种，操作者可以根据自己的喜好选择，这样，就可以省去自己分别对这些页面元素的设置。

　　操作　为网页指定主题：打开主页，选择“格式/主题”，弹出主题窗口。在主题窗口的左边，列出了可以选择的主题，默认的是“直边”，点击这些主题，可以在右面窗口查看该主体的风格，如横幅是什么样、是什么样的颜色、标题的样式、超链接的显示样式，导航条的样式等等。另外，还可以设置是否需要背景图片，是否使用鲜艳的颜色等。选择“渐蓝”主题，单击确定，即可在网页窗口看到效果了。

　　主题都是事先设计好的，如果你有什么特殊要求，而FrontPage又不允许你在网页编辑时修改，这个时候，可以自定义主题。

　　操作　测试网页和网站：现在，我的主页基本完成了，要实地测验一下主页和整个网站的情况，看页面显示是否正常，各个超链接是否正确，设计上还有什么缺陷。打开要预览的主页，然后选择“文件/在浏览器中预览主页”，这样，我就看到了我精心设计的主页的真正模样了。测试的时候，要仔细看页面的各种元素，看是不是有不正确的地方。多改变一下浏览器的一些相关设置，如字体大小、全屏、缩放窗口。点击页面上的超链接，看是否能跳转到正确的页面。另外，最好将整个网站文件夹复制到其他机器上，看是否正确，特别是字体显示是否正确。

　　操作　查看网站报表情况：在视图窗口选择“报表”图标，打开报表窗口，在这个窗口，可以看到整个网站的一些统计数据。仔细查看这些数据，看看有没有什么问题，如无效的超链接等。如果一切没有问题，就可以发布了。

　　进一步学习的建议：网页的美化是一个经验和修养的问题，一方面多实践，另一方面多看优秀的网页。另外，网站的测试很重要，要摸索和掌握这方面的经验和技巧。

　　乐有五音，善用五音而成乐师。食有五味，善用五味而成庖厨。我用什么来建家？水木金火土。

　　文　　字

　　通过模板建立的站点和网页只是一个结构雏形，现在来打开这些网页，添加各种元素，开始建设自己的家。我们首先从主页面（index.htm）开始，这可是家的大门。

　　操作　认识模板页面：打开主页文件，在“网页”视图窗口可以看到该主页的大致结构。页面分成了三个部分，上面的部分主要放置标题图片（图片元素为主），左面的部分主要放置链接到其他网页的目录（链接元素为主），而中间的大部分放置该主页的主要内容（文字元素为主）。

　　一般模板主页，通常由横幅、目录、正文等几个部分组成，只是数量和排列方式不一样罢了，或者多一些特殊的元素。当然，也有完全是有一些特殊元素构成的页面，如多重嵌套表格、组件等。但这些对于我这样的个人筑巢者，一般都用不到，用起来也麻烦费事，不如多用这一简单而简洁的页面。

　　操作　粘贴和输入文字：复制一段开场白的文字到剪贴板，然后在网页窗口中点击鼠标到要插入的位置，然后复制，就可以看到该文字在页面中出现了。也可以直接输入一段文字。将网页中不要的文字删除。

　　粘贴和输入这项操作很简单，和一般的文本编辑程序没有区别。实际上，很多的文字编辑操作都跟Word程序相似。包括输入、复制、粘贴、撤销、查找、样式、字体、颜色、间距、符号、边框、段落格式等。

　　尽管FrontPage的大多数文字修饰的操作方法都和Word相类似，但还是有很多细小的差别，不过这些差别并不会对使用者造成很大的困扰，但还是要注意一些差别。

　　在网页中，段落和换行的差别很大，一般段落和段落的间距很大，因此常常注意到要用换行（按“Shift＋Enter”）。如果要在网页中显示换行符和段落符，则可以点击工具栏中的“全部显示”按钮（在第一排工具按钮的后面）。

　　进一步学习的建议：文字编辑的技巧性很强，而且操作的功能也很多，要熟练掌握必须要多练习，多用。一般使用Word排版熟练的人就很容易上手。

　　图　　片

　　主页中的主要文字编辑好后，若需要在其中添加一幅小照和几幅示意图，让页面更传神。小照图片已经事先? 好，并用图像编辑工具进行适当的编辑，如将图片缩放到合适的大小，图片内容修饰，并根据图片的内容将图片保存为GIF格式。注意，如果图片颜色丰富，或者是风景、人物照片，则一般保存为JPEG格式。而示意图则在程序内置的剪贴画库中找。

　　操作　添加剪贴图片：在FrontPage中，内置了很多剪贴画，可以很方便地添加。在网页将鼠标移动到要添加的位置，然后“插入/图片/剪贴画”，打开剪贴画选择窗口，这里面的剪贴画非常丰富，并分类存放，查找非常方便。找到需要的剪贴画后，点击该剪贴画，在弹出的菜单中点击“插入图片”按钮。然后就可以在网页编辑窗口看到该图片了）。

　　操作　保存图片：现在保存网页，则程序提示将保存图片到站点所在的文件夹，选择图片保存的目录、文件名和文件格式（也可以按照默认设置），就将该图片保存到站点中了。建议将图片保存在站点文件夹中设立的专门保存图片的文件夹“image”。

　　图片添加后，可能要重新调整图片在网页中的位置，添加各种图片的效果和设置图片的属性。

　　操作　编辑图片：在网页编辑窗口中，选择图片，然后拖动图片边框可改变大小。拖动图片可改变在网页中的位置。另外，当选择图片后，在界面窗口的下面将显示图片编辑工具栏，包含各种图片编辑工具，如在图片中添加文字、调整位置。要注意的是，当调整了图片大小，程序将会以新的图片大小来保存图片。

　　操作　设置图片的属性：图片的属性一般指图片的一些内部性质，如源文件、格式参数、显示方式、对齐方式、边框和留白等等。鼠标右键点击图片，在弹出菜单中选择“图片属性”，即可在弹出的图片属性窗口中设置图片属性了。

　　操作　插入图片文件：先将要插入图片拷贝到站点文件夹中，选择菜单“插入/图片/来自文件”，在弹出窗口选择要插入的图片文件。然后，按照上面的方法调整和修改图片。

　　进一步学习的建议：深入了解各种网页图片格式，深入学习各种图片效果的编辑，掌握图片位置的调整，学习使用背景图片等。

　　超 链 接

　　网页的强大之处就在它的超链接，在浏览器中通过点击网页中的超链接，可以很方便地打开另外一个网页，或者是图片、文件、邮件地址。一个网页中的链接分成两个部分：链接的载体和链接的目标地址。

　　链接的载体就是在网页中文字和图片，凡是包含链接的文字和图片都称为超链接。

　　操作　设置文字的超链接：打开主页文件，用鼠标反白选择要超链接的文字——“欢迎光临站点名称”，然后按鼠标右键。在弹出菜单中选择“超链接”。弹出超链接设置窗口，然后在列表中选择要超连接网页文件——“Photo.htm”，确定后，就可以看到超级链接已建立好了。注意，在网页编辑窗口，可以按住“Ctrl”键，点击超链接就可以打开超链接指向的网页。

　　操作　设置图片的超链接：鼠标右键点击要设置超链接的图片，在右键菜单中选择“超链接属性”，然后设置要链接的文件，也可以链接图片、E－Mail地址等。

　　操作　管理超链接：一个网站的超链接就像一张网一样，网住了网站的所有文件。在“视图”窗口中点击“超链接”，打开超链接的管理窗口，在这个窗口中，我们可以看到各个文件相互间的链接情况，例如，要看“photo.htm”文件中链接了哪些文件，又被哪些文件链接，可以在旁边的文件夹窗口中选择该文件，然后即可在链接示意窗口中查看了。也可以在超链接的示意窗口直接展开某个文件的上、下超链接。

　　进一步学习的建议：掌握各种超链接的设置、书签，学习使用导航条，学习使用图形热点。学习使用图片的热区。

　　规划网站

　　规划网站，其实就是网站的整体定位。说得时髦一点就有点像CI（corporate identity），意思是通过视觉来统一企业的形象。算了，还是不要这么复杂吧，我只是一个小家碧玉者。

1.确定主题和内容

　　主题和内容说白一点就是做网站的目的。看了不少个人网站，感觉就是：你抄我抄大家一起抄，黄沙淘尽不见金。我绝对不能这样，否则就成了网络垃圾了。经过冥思苦想，我决定做一个真正意义上的“个人”网站，做一个个人的家，一个在网络上宣传自己、结交朋友的“家”。

　　这样一来，主要内容就应该是介绍自己。个人简历？不，那样也太没有意思了。就当是做一个图文并茂的自我小传吧!应该有简历的一部分内容，但还应该多说说自己的兴趣爱好。此外，还少不了应该适当介绍一下和自己相关的东西啊!

　　内容确定了，那是不是应该给我的网站取个好名字了？前辈说：网站名称也是网站设计的一部分，而且是很关键的一个要素。很有道理，就像每个人都想取个好名字一样，家也应该有个好名字!

　　看看网上的名字，“海阔天空”有点虚，“XX的个人主页”有点俗。还是平实一点，就以我的名字叫“豆豆之家”吧。

　　2.网站结构

　　参考了一下其他的个人网站，再看看前辈长篇大论，我也稀里糊涂地明白了一些名词。

　　●网页——就是你看到浏览器内的一个页面，由图片和文字组成。通常有一级页面、二级页面之说。当你输入网址看到的第一个页面叫做首页，通常的名字是index.htm。

　　●网站——简单地说就是很多相关网页文件、图片文件? 他文件的组合。一个网站由相关网页组成一个关系网，通过页面上的链接在不同的网页之间跳转。

　　网站的结构和内容好像还有一些不成文的规定（当然都是前辈们唠叨的）：
　　1. 网站一定要紧扣主题。
　　2. 设定一个交互式的栏目，例如留言薄。
　　3. 页面简洁，尽可能方便访问者的浏览和查询。
　　4. 网站的层次不要太复杂，小网站由3层网页构成是比较合适的。
　　5. 整体的页面设计风格要保持一致。
　　
　　3.风格的选择

　　网站的风格，是不是有点像人的气质呀？“家”当然是有气质的，或者活泼、或者严肃、或者精美、或者朴素、或者粗犷豪放、或者小家碧玉等。我们应该根据自己的主题和内容给它选择一种合适的风格类型，以求内容和形式的完美结合，突出自己的特色和个性。可惜我不是学美术的，只是简单地知道一些冷暖色，看来还得在实践中多比较。

　　4.页面设计

　　网站是由一个个页面组成的，所以每个页面的制作就显得极其重要。说来说去又是一个美术设计方面的问题。我先找几张白纸勾画我的页面草图。

　　这是网络上常见的几种网页布局。虽然都是在排列目录、题目、正文，但真正要做到结构清晰、一目了然还得看具体制作的功夫。

　　当然可以选择更活泼一点的样式，只是需要自己去发挥了，或者到网络上去学习各种漂亮的页面设计。

　　选择制作工具

　　古人说得好：工欲善其事，必先利其器。网上建家总是要工具的，制作网页和网站的工具很多，甚至用记事本也可以（就像泥瓦匠起房子一样，是写网页的源代码）。但也有很多工具，可以直接将房子的框架搭好，剩下的工作就是确定要多少房间和如何布置房间。FrontPage2000就是这样的工具。

　　Dreamweaver3和FrontPage2000都是当前的主流站点和网页编辑器。Dreamweaver3更加专业，其代码的简洁、兼容性和整体功能都要比Frontpage2000强。但是FrontPage2000是微软的产品，是Office2000中的一个组件，和大家经常使用的Word有类似的界面和操作。用FrontPage编写网页就像用Word写文章一样简单，很适合于我这样业余建小“家”的人上手。

　　找来FrontPage2003的书籍一看，它的功能真是强大，至少是够我用了，而且操作真方便，会用Word就可快速学会FrontPage2003。

　　1.安装程序

　　FrontPage2003已经集成在Office2003中，成为Office家族中的一员。如果你购买了Office2003，在安装时你只须选择安装FrnotPage2003就行了。另外，也可以购买单独的FrontPage2003光盘进行安装。

　　FrnotPage2003的安装过程非常简单，我使用的是单独发行的FrnotPage2003光盘。双击光盘中setup.exe的文件，安装程序即开始自动安装。

　　首先出现一个用户信息窗口，要求你正确的输入用户名、单位和密码。然后单击“下一步”按钮，出现用户许可协议画面，选中“我接受《许可协议》中的条款”。单击“下一步”按钮，出现安装选择界面。单击上面的“开始安装”按钮，FrontPage2003就按照默认的方式进行安装，若单击下面的“自定义”按钮，可以选择安装的路径。

　　在安装过程中，系统会重新启动一次，然后才能继续安装，安装完毕，会出现一个站点服务器账号设置窗口，输入用户名和密码，安装全部结束。

　　2.启用

　　启动FrontPage2003后，简直就和Word是一个样子，上部是菜单栏、工具栏，像我这样熟悉Word的人就不用学习了；下面左边是视图区窗口，里面有六个按钮，代表六种不同的功能，它大大地方便了我们对站点和网页的制作和管理。占屏幕大部分空间的是我们的工作区，所有的页面编辑都在其中完成。