frontpage 2003 网页设计制作步骤

1、frontpage 2003 网页设计制作步骤 单击“开始”“所有程序”“Microsoft Office”“Microsoft Office FrontPage 2003”，启动FrontPage 2003，进入网页编辑窗口; 在网页编辑窗口，单击“文件”“保存”，弹出Windows保存窗口，指定目标文件夹为“我的文档”，指定文件名称“index.htm”; 单击“保存”，则index.htm文件建立完毕。 网页制作步骤 添加标题图片 单击菜单“插入”“图片”“来自文件”，弹出打开图片对话框，选择所要插入的图片; 单击“插入”，标题图片插入完成。网页制作步骤 在标题图片下添加滚动文字 单击回

2、车键，使光标位于标题图片下最左端; 单击“插入”“Web组件”，在“组件类型”栏中选择“动态效果”，在“选择一种效果”栏中选择“字幕”; 单击“完成”; 在文本栏内输入比如“你好!欢迎访问我的个人网页”，单击“样式”“格式”，弹出格式菜单。单击“字体”，弹出“字体”对话框。在“字体”栏内选择文本字体，在“大小”栏内改大小，在“颜色栏”内选择颜色，单击“字符间距”选项卡，显示字符间距栏，在“间距”栏内选择间距，在“间距大小”栏内填入大小; 单击“确定”关闭所有对话框，添加字幕完毕。 网页制作步骤 在网页中添加四条横线 光标移到字幕末尾，敲击键盘上回车键，使光标位于字幕的下一行左侧; 单击“插入”

3、“水平线”，插入一条水平线;双击该水平线，弹出“水平线属性”对话框;在“颜色”栏内选择颜色，在“高度”栏内填写高度;单击“确定”，退出“水平线属性”对话框; 单击菜单“格式”“边框和底纹”，弹出“边框和底纹”对话框;在“样式”栏内选择样式，然后单击“确定”，退出“边框和底纹”对话框。 复制水平线;单击菜单“编辑”“复制”;重复三次：单击菜单“编辑”“粘贴”，绘制水平线。 网页制作步骤 插入表格 在第一条水平线下添加一个表格，边框粗细为0，编辑表格文字的文本和大小，居中;分别填写你自己需要的内容; 移动光标至第二条水平线首;敲击回车键，使第一条水平线与第二条水平线之间留出空行; 插入表格：单击菜

4、单“表格”“插入”“表格”，弹出“插入表格”对话框;在“大小”栏内分别填写：行数和列数;在“边框”栏的“粗细”栏中输入0;在“布局”栏内的“对齐方式”栏中选择方式; 表格字体设置：选定表格;在格式工具栏内选定字体，字号 填写文字：分别选定表格单元格，依次填写：你所需要的内容。 在第四条水平线下添加一个的表格，表格文字居中;并在表格中分别填写内容。 移动光标至第四条线末尾，敲击回车键; 插入表格：单击菜单“表格”“插入”“表格”，弹出“插入表格”对话框;在“大小”栏内分别填写：行数列数;在“边框”栏的“粗细”栏中输入0;在“布局”栏内的“对齐方式”栏中选择方式; 填写文字：分别选定表格单元格，依

5、次填写。 添加文字：移动光标至第四条线末尾;敲击回车键，留出空行;输入文字。 网页制作步骤 “我的学校”制作 在第二条水平线下添加文字：“我的学校”，另起一行添加学校介绍并设置字体。 移动光标至第三条线首;敲击回车键，使第二条线与第三条线之间留出空行;输入文字“我的学校”，回车另起一行; 输入或复制所需要的文字。光标定位到网页文件“我的学校”下一行行首;粘贴学校说明文字。 调整文字对齐方式;调整文字字体、字号。 网页制作步骤 “所有城市”制作 在第三条水平线下添加文字：“所有城市”，另起一行，添加两张图片。 移动光标至第四条线首;敲击回车键，使第三条线与第四条线之间留出空行;输入文字“所在城市

6、”，回车另起一行; 插入图片：单击菜单“插入”“图片”来自文件”，弹出打开图片对话框;选定所要的图片然后单击“打开”; 重复以上步骤 网页制作步骤 添加链接 添加本网页内链接 指定书签：选定第一条水平线下的文字“我的学校”;单击菜单“插入”“书签”，弹出“书签”对话框;单击“确定”，第一个书签设置完成。 选定第二条水平线下的文字“所在城市”;单击菜单“插入”“书签”，弹出“书签”对话框;单击“确定”，第二个书签设置完成。 选定第四条水平线下的文字“友情链接”;单击菜单“插入”“书签”，弹出“书签”对话框;单击“确定”，第三个书签设置完成。 添加网页内第一个链接。选定第一个表中的文字“我的学校”

7、;单击菜单“插入”“超链接”，弹出的“插入超链接”对话框;在“链接到”内单击“本文档中的位置”;在书签中选择“我的学校”标签; 添加网页内第二个和第三个链接，参照第一个链接进行设置。 添加Internet链接。 添加第一个链接：选定第四条水平线下表中的文字“百度”;单击菜单“插入”“超链接”，弹出的“插入超链接”对话框;在“链接到”内单击“原有文件或网页”;在“地址”栏内填写如：。 添加第二个、第三个、第四个和第五个链接，参照第一个链接进行设置。链接设置完成。 网页制作步骤 添加背景颜色 单击菜单“格式”“背景”，弹出“网页属性”对话框; 单击“格式”选项卡; 单击“颜色一背景”“其他颜色”，

8、打开Windows颜色对话框;选择淡黄色后单击“确定”，背景颜色插入完毕。 网页制作步骤 保存网页 单击菜单“文件”“保存”，保存以上修改内容。退出FrontPage 2003。 网页制作步骤 使用IE查看建立的网页 单击桌面上IE图标; 单击菜单“文件”“打开”，弹出打开对话框;选择“我的文档”下文件“index.htm”， 单击打开，即可查看浏览效果在Frontpage中用框架实现网页布局· 框架(Frame)在网页上的应用很普遍,因为它可以同时显示出多个独立网页也可以将使用者常用的连结一直显示在画面上,减少上一页下一页的切换频率· 框架的基本操作1.先看我们要做到的成

9、品->可以看出该网站共分3个框架->上、左、右，如下图：2.请开启frontpage->左上角的档案->选开新档案->网页，如下图：3.会跳出如下视窗：选择框架页(如图1指示位置)->选择底下要的框架款式(如图2指示位置)-> 在右下可以看到样式预览(如图3指示位置)->接着按确定即可。4.之后出现如下画面,可设定各框架网页内容：开新网页的意思是要自己做一个全新的网页,而设定起始网页是去连结一个已经做好的网页o 请将上框与左框设定->开新网页o 右框设定->设定起始网页->§ 可选择在电脑中已做好的网页or网路上的某个

10、网页§ 此例我们连结到之前做好的个人档案（myself.htm），请点选浏览档案的图示，如下图：5.步骤4完成后，会出现如下图：6.此时可以先存档->此时会有视窗引导存档o 第一个是问您上框架的网页要存成什么档名，如图（可自己取名，如top.htm）o 接下来会问您左方框架的档案要存什么档名，如图（可自己取名，如left.htm）o 最后跳一个视窗->问您整个框架要存成什么档名，如图（可自己取名，如index.htm，一般主框页会拿来当做首页，通常网站的首页会命名为index.htm）o 为什么没有问到，右框的网页要存成什么档名? 这是因为我们当初设定右框是连结到一个已经

11、做好的网页（myself.htm），既然是已经做好的网页，自然就没有存不存档的问题7.框架内容的设定（取消框架线）：在网页的任一处按右键，选框架内容，如下图：选框架页->将显示框线的勾勾去掉，即可取消框架线。8.最后按照范例，我们在上方网页插图，左方网页先用做一选单。选单在设定连结时,必须指定两项资讯（与超连结的观念相同） (责任编辑：大宝库)在Frontpage中用框架实现网页布局目前实现网页布局的基本方法无外乎表格和框架。 上面表格大家已经初步理解了，下面就要说说框架了，也即所说的Frame。其实用框架来规划网页本身有很大的缺点，首先不利于网友更好的利用网页资源，因为大家总不能在线把

12、所有的东西看一遍了，而保存起来框架的缺点就出来了，你将不得不每次多余的保存同样的两个页。 我们花一些时间来说说这个问题或许对大家更好的使用框架有好处。 在用框架布局时：以一个最简单的上下框架为例，整个网页包含两个独立的网页，将被分别保存或是调入使用，另外整个框架网页也将被作为一个也保存一次，而我们用框架时，无非是想利用他的很好的内容的切换性，这时如果保存起来本来一个网页的内容就要同时保存3个，是不是很不划算的。 1在编辑器里： File/new(或是直接按CTRL+N)，在弹出的窗口中选Frame标签，然后在下面的列表里。选择相应的框架类型。 2OK以后，这时网页已经变成了框架的结构，通过各自

13、框架Frames你可以选择新建网页或是导入已经存在的网页。 setinitalpages(导入一个存在页) newpage(点击后新建一个页面) 3基本的框架结构已经建立了： 这时应该看看如何实现框架中的切换连接了，因为在使用框架时最具代表性的就是三分框架，而这三部分都有各自的名称。 最上面为banners：网页的头部分。 左边为contents部分。 右边是主体显示部分。main 4那么如何实现点击连接时在main窗口中打开那，在左边的contents窗口中作连接CTRL+K或是用Edit/hyperlink来完成，这时你可以在窗口中的图示中选择连接打开的目标位置。 如：main。当然你同时

14、还可以设定目标Target属性。 不过这时多少显得就没必要了，当各自Frame内容超出一屏幕时，滚动条会自动添加进来。你也可以设定从不显示滚动条。 大部分的属性可以右击： 在Frameproperties中找到了。 如果你注意的话除了一些个人网站，商业性的正规网站很少用框架的。 不过在某些时候框架还是有它自己的优势。Frontpage教程：制作网页中的书签书签 书签的功能是使用在同一面网页资料过长时使用,能够使使用者迅速的移动到所要的位置上。适合用在教学进度表、小文章集锦等教学网页。书签的基本操作范例：做法：1.先将教学进度做成网页。2.在最上头列出选单。3.在目的位置（第一周）插入标签：将游

15、标在第一周的地方点一下->选功能列插入->书签->为此位置取一个书签名称如w1 ,该位置前会出现如的小图示。4.依此类推,将所有目的位置（第五周、第九周、第十三周、第十七周）都插入书签名称如w2 , w3 , w4 , w5.注意书签名称绝对不能重复5.为选单作相对应的超连结：例如我们希望滑鼠按下14周时,整个画面能移动到w1段落,做法如下->选取文字14周->按右键->选超连结->跳出一个设定超连结的视窗->左下角设定要连到哪个书签的区域点选下拉式选单,选择要连结的书签名称即可6.重覆步骤5，完成所有的选单设定。FrontPage 2003创建

16、可折叠列表创建可折叠列表 1.在 设计 视图中, 将您希望创建大纲插入点置于。2.on Format menu，click Bullets and Numbering 。3.在 编号 选项卡上, 选择的数字或字母开始所需，样式然后单击 确定 。4.要在大纲中的每一项，无论种级别它将占用已完成的列表中，键入该项目然后按 ENTER 键。5.当您键入最后一项时, 按两次 ENTER 键结束该列表。6.若要将每一项置于正确级别，执行下列操作： 若要将某项移动到下一个编号级别向下，单击该项目，单击格式设置工具条，并再单击 增加缩进量 两次。 若要设置的项的格式，并将其作为一个段落在当前级别 （不带项目

17、符号或编号） 上，单击该项目，然后单击 增加缩进量 一次。若要 to up to previous level move item，click item，and then as many times as must so that to that want level move item click Decrease Indent 。 7.若要应用编号，应用字母，或将项目符号样式应用于不同级别的项，用鼠标右键单击一个项目，然后单击 列表属性 。8.单击 图片项目符号 选项卡，则 无格式项目列表 选项卡或 数字 选项卡，单击想要使用，样式，然后单击 确定 。将整个列表设置为 Collapsibl

18、e 若要 to make list collapsible，follow these steps: 1.用鼠标右键单击在列表的最高级别的项目，然后单击 列表属性 。2.单击以选中 启用可折叠大纲 复选框。3.如果您希望在 Web 浏览器中首次打开页时折叠列表，单击以选择 时折叠 复选框，然后单击 确定 。 注意 如果您的列表包含相同的级别上的多个项目，每个将可折叠的并且低于第一个级别的所有级别也都将可折叠的。若要设置为可折叠列表中只有一个级别，请按照下列步骤操作： 1.用鼠标右键单击第一个项目在您希望可折叠，在列表的级别，然后单击 列表属性 。2.单击以选中 启用可折叠大纲 复选框。 注意 如

19、果您的列表包含相同的级别上的多个项目，每个将可折叠的并且低于第一个级别的所有级别也都将可折叠的。疑难解答 若要 to test your collapsible list，save your Web Page，click Preview ，and then click in collapsible list first item。 可折叠列表支持 Microsoft Internet Explorer 4.0，更高版本和其他 Web 浏览器的支持动态 HTML。FrontPage2003初级教程-基础教程详细图解一、新建网站 打开FrontPage2003 点击新建菜单命令会弹出一个对话框，有

20、不同的模板供选择。选择你想要的一个，然后确定，会自动生成一个网站。 二、新建一个空白网页 你也可选择新建空白网页，或点新建工具按钮。当然，这上面的内容你要自己编辑。 三、打开一个网站 点击打开网站四、浏览网页 “文件”“浏览”有几个选项（不同分辨率）五、编辑方式 有“设计”“拆分”“代码”“浏览”六、插入WEB组件 WEB组件中有很多常用的功能，你自己去试各项。七、插入图片 有两种情况:1、插单个图片，可在菜单上直接用；2、插入图片库，也可插入WEB组件中，可插队入图片库。有三种形式（自己试一下，因为有预浏）。八、插入“互动按钮”，互动按钮可以有三种形式，鼠标经过，按过，没按。 可选形式，在文

21、本的文本框中将按钮文本换成你要的文本。如：首页 还可改变文本的属性，字体颜色，等。有初始颜色，经过颜色，按下颜色九、在网页中插入已有的网页 如果新建的网页，内容想用现存的，只须插入已有的网页就行了。比较简便。十、书签链接 有时的链接，不是和另一个网页链接，而是和页面中某一段链接，或另一页面的一段链接。这种方法用在“标题和内容”之间链接最方便。 1、选择：菜单、插入、书签（被链接的内容）（一般自动生成名字，你也可以自己指定名字）2、制作到书签的链接（标题）(责任编辑：大宝库)3、选择右边的“书签”4、找到书签名十一、创建一个超链接 1、选中要建立超链接的文字或图片。 2、右键，弹出菜单，点击“超

22、链接”3、在弹出的对话框中选中被链接的网页或图片或其他（注：如是下载软件选中它） 4、当然，最后是点击“确定”(责任编辑：大宝库)十二、插入表格 1、点击菜单中“表格”再“插入”再移到“表格”单击“表格”2、在弹出的对话框中有几项值是要注意的： a、表格的“行数”和“列数” b、“指定宽度”和“指定高度”如果是用固定宽和高填写数字，如果是页面随屏幕变化的选100% c、“使用背景图片”点击“浏览”找到图片 d、“对齐方式”用“默认” e、“浮动”方式用“默认” f、“边框”是表格宽度如果选“零”则不显示表格否则显示你选或填的数字的宽度。 g、“单元格间距”是表格线本身的衬距，如：3时，表格线两

23、根之间距为3。 h、“单元格间距”是表格中文字到框的距离。 i、当然还有颜色。十三、建立网站链接 这个功能和共享边框一起使用。 1、在编辑区下方有一个选项“链接”点击它。 此主题相关图片如下：进入建立链接面页 2、修改“新建网页”为“主页”3、添加“新建网页”新建一个网页或“已有的网页”已存在的网页，点击找到被链接的网页。 还可修改新建网页为你想要的中文名。(责任编辑：大宝库十四、新建自定义链接 默认链接有时不够用，可以建自定义链接，独立于默认。在插入链接时有两个选项：一个是默认，另一个是自定义链接。 自定义链接可以放在主页下面，也可以放在独立的地方。下图一中的“娱乐”就是放在主页下的。图二中

24、的新建成链接栏是独立的。 当然你还可以在自定义下面添加下层链接。 十五、共享边框 1、启用 “工具”“网页选项”“创作”选中“共享边框” 2、“格式”中选中“共享边框”在对话框中（注：若想损事，选：所有网页）设置选项“上、左、右、下”（可以自定） 3、在自动出现的共享边框中编辑链接栏属性5、和上一讲的链接栏配合使用，当你每添加一个网页在链接栏中会自动生成上面的效果十六、在网页中插入“链接栏” 1、光标在要插入链接栏的地方或选中共享边框 2、点击“插入”（或是编辑“链接栏”属性），Web组件，找到“链接栏”，有两个选项：基于导航结构的链接栏；自定义链接栏 3、点下一步4、选择“样式”，有多种，自

25、定。可以选中“使用鲜艳颜色”和“使用动态图形”6、点“完成”进入“属性”可以选中“主页”最后点确定。 7、最后效果8、请注意：链接栏的属性文件夹在_borders中，下面的几个文件就是，你还可以对不满意的重新进行编辑。top.htm是顶上的，left.htm是左边的，bottom.htm是下面的，right.htm上右边的 (责任编辑：大宝库)十七、插入“动态文字” 1、WEB组件中 2、在文字栏中写入你的文本3、还可以修改“样式” 十八、插入媒体插件 1、插入“WEB组件”到高级控件到插件 2、找到数据源，编辑相关 3、注：会自动识别媒体的，有两种RM和微软的 到此为止，frontpage2

26、003的初级基础课程全部给大家演示完毕，当然这只是最简单的讲解，在你的实际制作过程中，你可以发挥自己的能力，做出你最喜欢的网页了。别忘了常来网页制作大宝库（)看看，这里一定有你想要的教程，需要的素材。FrontPage2003建站全攻略(一)在浩瀚的Internet建设自己的家园，这是我们的需求，无论是个人、还是组织。在创建网站之前我们事先在我们的硬盘中建立一个存放站点所有文件的目录。模板建站FrontPage可以适合不同个人和组织的需要，自动建立网“巢”站点。操作打开站点建立窗口：点击“文件->>新建”，在打开的窗口中可以看到自动建立站点的各种向导和模板。向导特点：选择向导程序列

27、出的条件元素，创建某类有个性的站点和网页模板特点：直接采用已经设计好的条件元素，创建某类统一的站点和网页在FrontPage中，使用向导创建的一般是比较复杂的商业和大型站点，不适合个人在网上安家筑巢。我的网上小家就使用模板建立站点就够了。操作选择模板：在新建站点窗口，选择“个人站点”模板。在右面的选项栏中设置站点文件的存放地址。建议新建一个有意义的存放地址，如“e:webcom”，点击“确定”。操作查看站点结构：点击程序界面的“视图”窗口中的“导航”按钮，可以看到建立的站点由哪些文件组成以及站点的结构。我们看到，个人站点模板的结构是主页下面有五个子页，分别是“自序”、“兴趣”、“收藏夹”、“图

28、片库”、“反馈”，而在文件夹列表栏中列出了站点中的文件，其中“image”文件夹专门存放图片，另外还有五个HTML文件，其中的myfav3.html是备用的子网页文件。其他四个HTML文件分别对应主页和三个子网页。操作查看站点中的网页：在导航视图窗口的网站结构示意图中点击某个网页结构图标，如“主页”结构图标，可以打开该网页，我们就可以在窗口中看到这个预先定制的网页大概结构。点击文件夹列表中的文件也可打开。注意，打开网页后，我们可以看到导航视图窗口切换到了网页视图窗口。操作保存和打开站点：保存站点的工作很简单，当关闭FrontPage的时候，按照提示就可以保存站点。实际上，保存站点主要就是保存网

29、页，因此在修改编辑网页的时候，要时刻注意到保存。保存的方法和在文字编辑程序中保存文件类似。打开站点要复杂些，选择菜单“文件打开站点”，找到站点所在的目录，找到站点文件夹（是一个带有小圆球的文件夹图标，是FrontPage建立的站点管理文件操作删除站点：删除站点很简单，直接在Windows中删除站点所在的文件夹即可。也可在程序中删除。进一步学习的建议：熟练使用各种视图和窗口，使用向导创建复杂的商业和项目站点。使用导入向导，将别人已经建立的站点导入，成为自己可以利用的站点。模板建网页 目前，我的网“巢”还只有一个主页，三个子页，我想再添加一个“我的简历”的子页。 使用模板创建站点，站点中有几个网页

30、都是事先设计好的，大多数情况下，都需要添加网页，或者用新设计的网页替换掉事先设计的网页。建立新的网页，使用向导和模板是最方便不过的了，因为FrontPage提供的网页模板非常丰富，可以满足大多数情况的需要。 操作打开网页模板窗口：在视图窗口中点击“网页”按钮，切换到网页视图。选择菜单“文件新建网页”，打开新建网页的模板选择窗口。注意，不同的视图窗口，使用“文件新建网页”菜单命令的结果不同，后面我们将会提到。 在网页模板选择窗口中，有三个标签页，在“常规”标签页中有三十多个模板供选择，一般个人网“巢”中的网页使用“常规”标签页中的模板就足够了。根据我新建网页的内容和预想的设计，我选择了“带有标题

31、的宽行正文”模板。 操作选择模板：点击“带有标题的宽行正文”模板项，然后点击“确定”，程序即开始按模板新建网页。 回到主窗口，就可以看到一个有大概结构的网页，这个网页以很清晰的方式提示我在哪里放标题，哪里放正文，网页段落结构也排得很好，我只要按照提示添加内容就可以了。 新建立的网页还没有保存在硬盘中，由于这个网页是要添加到刚才新建立的网站中去的，因此，我们将它保存到网站文件所在的目录（e:webjxcom）中。操作保存新建的网页文件：选择“文件保存文件”，在弹出的保存文件窗口中选择“e:webjxcom”目录，并命名文件名为“Mytravel.htm”。点击“确定”。 操作预览网页：建立了网页

32、后，就可以通过浏览器来观看该网页了。在FrontPage中可以直接调用系统集成的IE浏览器来查看。方法是在网页视图窗口打开某网页，然后选择“文件预览网页”即可。我们在编辑修改的时候，大都是通过FrontPage内置的预览功能来查看网页的制作效果，方法是在网页视图的主窗口下面选择“预览”标签项即可。 操作查看文件列表：点击“视图”窗口中的“文件”标签按钮，在主窗口中列出了站点文件夹和所选文件夹中的文件。在文件窗口中，我们看到刚才保存的新网页文件已经位于其中，并可以看到该文件的一些属性。双击这些文件时可以在网页视图窗口中打开编辑。 网页标题就是网页在浏览的时候，显示在浏览器窗口左上角的标题文字。这

33、个标题可以让访问者了解该页的内容。 操作修改网页主标题：打开“文件”视图窗口，在文件列表窗口找到Mytravel.htm文件，点击“这是主标题”文字，然后输入“我的游历”。另外，可以将“主页”文件的标题改为“豆豆之家”。注意，主页的标题也就是站点的标题。进一步学习的建议：了解各种网页模板的结构和适用方向。学习使用向导创建有复杂表单的网页。学习创建带框架和样式表的网页。修改站点和网页 基础的站点和网页建立好后，我就需要在这个基础上按照我的梦想修改了。首先，我要在第二级网页中增加一个“我的简历”网页，其次，要在“我的兴趣”二级网页下增加三个三级网页。 操作将已有网页添加到站点：在视图窗口点击“导航

34、”按钮，切换到导航视图。在文件夹窗口中将Mytravel.htm文件拖动到“导航”窗口，仔细选择停放的位置，让示意图标和其他二级图标在一个线上，然后就看到Mytravel.htm文件成为站点的一部分了。 注意，在站点中添加了网页后，站点中的某些网页将自动发生改变，当Mytravel.htm文件（“我的游历”网页）成为index.htm(主页)的下级网页后，我们在网页视图窗口查看主页页面的时候，会发现该页面已经将“我的游历”这样的字样添加进去了。 操作添加新网页到站点：切换到导航视图，选择“兴趣”网页示意图标，然后选择“文件新建网页”（或者工具栏中的“新建”按钮），在“兴趣”网页图标下就看到一个

35、新的网页图标，这个网页是属于“兴趣”网页下的子网页，但是一个虚拟的网页，并没有对应的文件。双击新网页的示意图标，即可在站点文件夹中生成一个简单的模板网页。重复以上操作三次，就可在站点中添加三个网页。 操作在站点中打开和关闭网页：打开站点的网页非常简单，在导航视图窗口或者文件视图窗口双击要打开的网页即可。打开网页时程序将自动切换到网页视图窗口。不过注意关闭站点中暂时不编辑的网页，以使系统节约资源。 操作修改网页的文件名：新建的网页我们可以改成自己需要的文件名和主标题。这个工作既可以在“文件”视图窗口中进行，也可以在“导航”视图窗口中进行。 操作站点的调整和删除：站点的调整很简单，直接在导航视图窗

36、口中拖动要调整的网页就可以了，删除站点的网页也很简单，选择网页文件或者网页示意图标后按“Del”键即可。修改后的站点结构如图10所示。我“家”的雏形已经基本建立起来了。 进一步学习的建议：设置网页的高级属性，自定义网页模板，进一步修改站点结构，建立复杂的网站，站点和文件夹的管理和相互转换。竹篱围青瓦，芍药伴鹤眠。苔痕上阶绿，簌影落窗前。咦，谁与我家比美？ 页面修整 通过模板建立的网页，常常预先置放了些标题栏、目录栏（一般叫导航栏），导航栏都是用很多元素组成的，结构上稍稍复杂一些。一般情况下我们不必要对这些东西进行低层次的修改，FrontPage也不允许操作者修改，但在某些项目上，我们还是可以根

37、据自己页面的要求来修改。操作修改页面的主标题：在主页（index.htm）的页面上部，模板预置了一个名为“主页”的横幅标题，这个横幅标题和整个主页格格不入。点击横幅，按“Del”键删除，然后在同样位置插入一个事先准备好的横幅图片为主页标题。 操作修改导航条的链接：在主页的左边，有一个导航条（目录栏），在建立站点的时候，导航条就建立了几个网站的链接。这些链接不能在网页窗口中修改，只能在站点管理的“导航”视图窗口中修改。但可以在网页视图窗口中给导航条添加链接。在导航条中点击鼠标，然后选择输入文字“给我写信”，设置文字的超链接，这里的链接地址设置的是我的邮箱地址“mailto:web”。 操作删除页

38、面元素：在主页的右下，程序放置了一个LOG图片，这个图片和我的主页不符，选择该图片，按“Del”删除。 操作给页面添加水平线：水平线对于规划页面有很大的作用，可以让页面清楚，简洁。在要插入水平线的位置点击鼠标，选择“插入/水平线”，水平线就出现了。注意，一般模板网页的水平线由程序自动设置外观属性。而其他情况下，将由操作者自己设置水平线的颜色，粗细等。 进一步学习的建议：页面长期编辑后，可能会留下垃圾（无效代码），如果想做得更专业一点，可以在HTML标签窗口修改源代码，或者使用其他网页制作工具休整。表格 表格实际和文字、图片一样，是一个网页的基本元素，但表格在网页中，更大的用途是来规划页面。实际

39、上，在网页编辑中，通过空格、段落、缩进等是很不容易规划好一个有很多元素的页面的，特别是图文混排的页面。 在FrontPage中添加常用的数据表格，和在Word中添加表格一样的方便，直接使用插入表格命令，然后填写数据就可以了。甚至还可以将Word文件中的? 粘贴进来。 操作添加一个简单表格：在要插入表格的位置点击鼠标，选择“表格/插入/表格”，在弹出的对话框中设置表格的属性，然后选择表格的行数2，选择表格的列数1，然后指定表格的宽度，可以设置表格的宽度占网页宽度的百分比，或者直接设置表格的绝对宽度像素。其他设置表格边框线的宽度为1，设置单元格间距为2。确定即可。 操作在表格中添入文字：在表格中输

40、入文字和在普通编辑页面中输入文字没有什么区别，另外，在生成主页模板的时候，程序在网页中添加了一个高级控件，可以自动显示网页的更新时间。将这个控件拖入到表格中。这样，一个显示网页制作者的表格就制作好了。 操作设置表格的属性：表格的属性比较复杂，分成单元格属性和表格属性。选择表格，然后选择菜单“表格/属性/表格”，在弹出的窗口中可以设置表格的边框、背景、颜色等等。特别要说明的是表格的浮动，表格的浮动是设置整个表格的对齐方式，而一般的对齐方式是设置表格内的元素的对齐。 操作图文混排：在需要的位置加入一个只有一个单元格的表格，并设置好其他属性。在表格中添加图片，并设置好表格的大小。再设置表格为“左浮动

41、”，调整文字，让文字在表格的右边。这样，图文相配的混排就得到了。 FrontPage 2003教程 FrontPage2003建站全攻略(二)主题 经过以上过程，我主页制作也基本完成了。但页面的背景图、导航栏、颜色选择，边框等都不太令我满意，而这些都是模板自动设计的，而且不能修改。这个时候，就要使用主题了。 主题，就是FrontPage针对页面中的背景、导航栏、横幅、按钮、各种边框自动进行设置，主题的内容有几十种，操作者可以根据自己的喜好选择，这样，就可以省去自己分别对这些页面元素的设置。 操作为网页指定主题：打开主页，选择“格式/主题”，弹出主题窗口。在主题窗口的左边，列出了可以选择的主题，

42、默认的是“直边”，点击这些主题，可以在右面窗口查看该主体的风格，如横幅是什么样、是什么样的颜色、标题的样式、超链接的显示样式，导航条的样式等等。另外，还可以设置是否需要背景图片，是否使用鲜艳的颜色等。选择“渐蓝”主题，单击确定，即可在网页窗口看到效果了。 主题都是事先设计好的，如果你有什么特殊要求，而FrontPage又不允许你在网页编辑时修改，这个时候，可以自定义主题。 操作测试网页和网站：现在，我的主页基本完成了，要实地测验一下主页和整个网站的情况，看页面显示是否正常，各个超链接是否正确，设计上还有什么缺陷。打开要预览的主页，然后选择“文件/在浏览器中预览主页”，这样，我就看到了我精心设计

43、的主页的真正模样了。测试的时候，要仔细看页面的各种元素，看是不是有不正确的地方。多改变一下浏览器的一些相关设置，如字体大小、全屏、缩放窗口。点击页面上的超链接，看是否能跳转到正确的页面。另外，最好将整个网站文件夹复制到其他机器上，看是否正确，特别是字体显示是否正确。 操作查看网站报表情况：在视图窗口选择“报表”图标，打开报表窗口，在这个窗口，可以看到整个网站的一些统计数据。仔细查看这些数据，看看有没有什么问题，如无效的超链接等。如果一切没有问题，就可以发布了。 进一步学习的建议：网页的美化是一个经验和修养的问题，一方面多实践，另一方面多看优秀的网页。另外，网站的测试很重要，要摸索和掌握这方面的

44、经验和技巧。 乐有五音，善用五音而成乐师。食有五味，善用五味而成庖厨。我用什么来建家？水木金火土。文字 通过模板建立的站点和网页只是一个结构雏形，现在来打开这些网页，添加各种元素，开始建设自己的家。我们首先从主页面（index.htm）开始，这可是家的大门。 操作认识模板页面：打开主页文件，在“网页”视图窗口可以看到该主页的大致结构。页面分成了三个部分，上面的部分主要放置标题图片（图片元素为主），左面的部分主要放置链接到其他网页的目录（链接元素为主），而中间的大部分放置该主页的主要内容（文字元素为主）。 一般模板主页，通常由横幅、目录、正文等几个部分组成，只是数量和排列方式不一样罢了，或者多一

45、些特殊的元素。当然，也有完全是有一些特殊元素构成的页面，如多重嵌套表格、组件等。但这些对于我这样的个人筑巢者，一般都用不到，用起来也麻烦费事，不如多用这一简单而简洁的页面。 操作粘贴和输入文字：复制一段开场白的文字到剪贴板，然后在网页窗口中点击鼠标到要插入的位置，然后复制，就可以看到该文字在页面中出现了。也可以直接输入一段文字。将网页中不要的文字删除。 粘贴和输入这项操作很简单，和一般的文本编辑程序没有区别。实际上，很多的文字编辑操作都跟Word程序相似。包括输入、复制、粘贴、撤销、查找、样式、字体、颜色、间距、符号、边框、段落格式等。 尽管FrontPage的大多数文字修饰的操作方法都和Wo

46、rd相类似，但还是有很多细小的差别，不过这些差别并不会对使用者造成很大的困扰，但还是要注意一些差别。 在网页中，段落和换行的差别很大，一般段落和段落的间距很大，因此常常注意到要用换行（按“ShiftEnter”）。如果要在网页中显示换行符和段落符，则可以点击工具栏中的“全部显示”按钮（在第一排工具按钮的后面）。进一步学习的建议：文字编辑的技巧性很强，而且操作的功能也很多，要熟练掌握必须要多练习，多用。一般使用Word排版熟练的人就很容易上手。图片 主页中的主要文字编辑好后，若需要在其中添加一幅小照和几幅示意图，让页面更传神。小照图片已经事先? 好，并用图像编辑工具进行适当的编辑，如将图片缩放到

47、合适的大小，图片内容修饰，并根据图片的内容将图片保存为GIF格式。注意，如果图片颜色丰富，或者是风景、人物照片，则一般保存为JPEG格式。而示意图则在程序内置的剪贴画库中找。 操作添加剪贴图片：在FrontPage中，内置了很多剪贴画，可以很方便地添加。在网页将鼠标移动到要添加的位置，然后“插入/图片/剪贴画”，打开剪贴画选择窗口，这里面的剪贴画非常丰富，并分类存放，查找非常方便。找到需要的剪贴画后，点击该剪贴画，在弹出的菜单中点击“插入图片”按钮。然后就可以在网页编辑窗口看到该图片了）。 操作保存图片：现在保存网页，则程序提示将保存图片到站点所在的文件夹，选择图片保存的目录、文件名和文件格式

48、（也可以按照默认设置），就将该图片保存到站点中了。建议将图片保存在站点文件夹中设立的专门保存图片的文件夹“image”。 图片添加后，可能要重新调整图片在网页中的位置，添加各种图片的效果和设置图片的属性。 操作编辑图片：在网页编辑窗口中，选择图片，然后拖动图片边框可改变大小。拖动图片可改变在网页中的位置。另外，当选择图片后，在界面窗口的下面将显示图片编辑工具栏，包含各种图片编辑工具，如在图片中添加文字、调整位置。要注意的是，当调整了图片大小，程序将会以新的图片大小来保存图片。 操作设置图片的属性：图片的属性一般指图片的一些内部性质，如源文件、格式参数、显示方式、对齐方式、边框和留白等等。鼠标右

49、键点击图片，在弹出菜单中选择“图片属性”，即可在弹出的图片属性窗口中设置图片属性了。 (责任编辑：大宝库)操作插入图片文件：先将要插入图片拷贝到站点文件夹中，选择菜单“插入/图片/来自文件”，在弹出窗口选择要插入的图片文件。然后，按照上面的方法调整和修改图片。 进一步学习的建议：深入了解各种网页图片格式，深入学习各种图片效果的编辑，掌握图片位置的调整，学习使用背景图片等。超 链 接 网页的强大之处就在它的超链接，在浏览器中通过点击网页中的超链接，可以很方便地打开另外一个网页，或者是图片、文件、邮件地址。一个网页中的链接分成两个部分：链接的载体和链接的目标地址。 链接的载体就是在网页中文字和图片

50、，凡是包含链接的文字和图片都称为超链接。 操作设置文字的超链接：打开主页文件，用鼠标反白选择要超链接的文字“欢迎光临站点名称”，然后按鼠标右键。在弹出菜单中选择“超链接”。弹出超链接设置窗口，然后在列表中选择要超连接网页文件“Photo.htm”，确定后，就可以看到超级链接已建立好了。注意，在网页编辑窗口，可以按住“Ctrl”键，点击超链接就可以打开超链接指向的网页。 操作设置图片的超链接：鼠标右键点击要设置超链接的图片，在右键菜单中选择“超链接属性”，然后设置要链接的文件，也可以链接图片、EMail地址等。 操作管理超链接：一个网站的超链接就像一张网一样，网住了网站的所有文件。在“视图”窗口

51、中点击“超链接”，打开超链接的管理窗口，在这个窗口中，我们可以看到各个文件相互间的链接情况，例如，要看“photo.htm”文件中链接了哪些文件，又被哪些文件链接，可以在旁边的文件夹窗口中选择该文件，然后即可在链接示意窗口中查看了。也可以在超链接的示意窗口直接展开某个文件的上、下超链接。 进一步学习的建议：掌握各种超链接的设置、书签，学习使用导航条，学习使用图形热点。学习使用图片的热区。规划网站 规划网站，其实就是网站的整体定位。说得时髦一点就有点像CI（corporate identity），意思是通过视觉来统一企业的形象。算了，还是不要这么复杂吧，我只是一个小家碧玉者。 1.确定主题和内容

52、 主题和内容说白一点就是做网站的目的。看了不少个人网站，感觉就是：你抄我抄大家一起抄，黄沙淘尽不见金。我绝对不能这样，否则就成了网络垃圾了。经过冥思苦想，我决定做一个真正意义上的“个人”网站，做一个个人的家，一个在网络上宣传自己、结交朋友的“家”。 这样一来，主要内容就应该是介绍自己。个人简历？不，那样也太没有意思了。就当是做一个图文并茂的自我小传吧!应该有简历的一部分内容，但还应该多说说自己的兴趣爱好。此外，还少不了应该适当介绍一下和自己相关的东西啊! 内容确定了，那是不是应该给我的网站取个好名字了？前辈说：网站名称也是网站设计的一部分，而且是很关键的一个要素。很有道理，就像每个人都想取个好

53、名字一样，家也应该有个好名字! 看看网上的名字，“海阔天空”有点虚，“XX的个人主页”有点俗。还是平实一点，就以我的名字叫“豆豆之家”吧。 2.网站结构 参考了一下其他的个人网站，再看看前辈长篇大论，我也稀里糊涂地明白了一些名词。 网页就是你看到浏览器内的一个页面，由图片和文字组成。通常有一级页面、二级页面之说。当你输入网址看到的第一个页面叫做首页，通常的名字是index.htm。 网站简单地说就是很多相关网页文件、图片文件? 他文件的组合。一个网站由相关网页组成一个关系网，通过页面上的链接在不同的网页之间跳转。 网站的结构和内容好像还有一些不成文的规定（当然都是前辈们唠叨的）： 1. 网站一

54、定要紧扣主题。 2. 设定一个交互式的栏目，例如留言薄。 3. 页面简洁，尽可能方便访问者的浏览和查询。 4. 网站的层次不要太复杂，小网站由3层网页构成是比较合适的。 5. 整体的页面设计风格要保持一致。 3.风格的选择 网站的风格，是不是有点像人的气质呀？“家”当然是有气质的，或者活泼、或者严肃、或者精美、或者朴素、或者粗犷豪放、或者小家碧玉等。我们应该根据自己的主题和内容给它选择一种合适的风格类型，以求内容和形式的完美结合，突出自己的特色和个性。可惜我不是学美术的，只是简单地知道一些冷暖色，看来还得在实践中多比较。 4.页面设计 网站是由一个个页面组成的，所以每个页面的制作就显得极其重要。说来说去又是一个美术设计方面的问题。我先找几张白纸勾画我的页面草图。 这是网络上常见的几种网页布局。虽然都是在排列目录、题目、正文，但真正要做到结构清晰、一目了然还得看具体制作的功夫。 当然可以选择更活泼一点的样式，只是需要自己去发挥了，或者到网络上去学习各种漂亮的页面设计。选择制作工具 古人说得好：工欲善其事，必先利其器。