Microsoft Office FrontPage 2003最新版

frontpage2003官方免费完整版是非常好用的网页制作软件，小编为大家带来的是完整版本，页面简洁，非常适合初学者进行网页设计，窗口工具多多，支持数据库查询，能够添加文件表格等，编辑快捷，还能预览制作的效果！

FrontPage2003安装教程

1、在本站下载安装frontpage2003并解压后，点击.exe文件进行安装FrontPage 2003。

2、进入FrontPage 2003用户许可协议界面中，您可以先阅读一下用户协议中的条款，阅读完后您需要勾选“我接受《许可协议》中的条款”，勾选完成后点击【下一步】。

3、输入FrontPage 2003产品秘钥，输入完后点击下一步

4、选择FrontPage 2003安装类型，选择“典型安装”就可以了。您可以点击下一步，软件会默认安装。或者您可以点击【浏览】选项，自己选择FrontPage 2003安装位置，选择完后点击【下一步】即可。

5、准备安装FrontPage 2003，如果确认没有错误点击【安装】即可，如果有误，点击【上一步】进行修改。

6、FrontPage 2003软件正在安装中，您需要耐心等待软件安装完成即可。

7、FrontPage 2003安装完成，您可以点击【完成】退出软件安装

frontpage2003免费版特色

自定义浏览器分辨率预览检查 

在设计网页时，可实时调节当前页面为在客户端显示的分辨率，以便预览当前效果。大家查看FrontPage 2003界面右下端状态上显示网页大小的区域，默认为792×533，右键单击后，弹出菜单，在此可设置任意分辨率方便进行预览。

插入交互式按钮

点击菜单栏上的“插入→交互式按钮”，弹出对话框，在“按钮”标签页中，设置按钮的显示文字、样式以及链接。在“字体”标签页中设置其相关选项。最后，我们再切换到“图像”标签页，设置悬停图像及鼠标键按下时的图像等。

描摹图像

大家在学习书法的时候，都接触过临摹吧，描摹图像的功用与其类似，就是通过创建一个图像（一般为网页的效果图）为参照物，以便于网页的设计制作。在dreamweaver软件的各个版本中基本上都有这个功能，现在高傲的微软也开始学习这个优点了。点击菜单栏上的“视图→描摹图像→设置”，在弹出对话框中，选择指定图像，再设置其坐标（即在设计页面上显示的位置）。最后，设置透明度，再确认即可。这个描摹图像只是显示在FrontPage 2003的设计视图中，不会在你制作完毕的页面中显示出来。

层功能

过去，FrontPage最欠缺的功能之一就是无法像Macromedia Dreamweaver那样使用层。而层的应用在网页制作中已经是不可或缺了。好在FrontPage 2003终于支持了此项功能。

点击菜单栏上的“插入→层”，将在当前页面中显示一个默认为“layer1”的层。用鼠标在各节点上拖曳，调节其大小，然后把光标插入点置于层中，输入所需的文字。另外，将光标定位于该层内，在其右键弹出菜单中选择“层属性”，就可在界面右侧的任务窗格上设置该层的ID，边框和底纹的样式、边距，以及定位样式与位置等参数。

检查网页错误

点击菜单栏上的“工具→辅助功能”，在弹出对话框中设置检查范围、内容及显示对象，接着点击“检查”按钮即可。利用此项功能，就可快速找出指定网页是否有错误，并可查看问题之所在。

优化HTML代码

FrontPage系列过去在代码效率方面做得相当不好，经常产生大量的垃圾代码。而在FrontPage 2003中，点击菜单栏上的“工具→优化HTML”，在其中可酌情选择删除对象，包括注释性内容及空白信息等，从而删除大量垃圾代码，提高网页代码执行的效率，为网页“减肥”。

行为的应用

行为一直是Dreamweaver的强项，而FrontPage2003现在也有这个功能了。

点击菜单栏上的“格式→行为”，查看界面右侧的“行为”窗格，点击“插入”向下箭头按钮，在弹出菜单中可选择播放声音、弹出消息、调用脚本及弹出菜单等事件。在选择指定的插入对象后，将弹出相应的设置对话框，在其中按需操作。所有添加的行为事件，均会显示在列表中。

小知识：行为是事件和由该事件触发的动作的组合。由于行为代码是客户端的javascript代码，因此它无需服务器的支持就可触发事件。

使用网页重定向

在FrontPage 2003中，点击菜单栏上的“工具→中文简繁转换→插入重定向代码”，在弹出对话框中，设置简体页面网址及繁体页面网址。而后，插入的代码将通过浏览器对支持语言的检测，实现自动转向。

规划页面布局

一个成功的设计作品，大都需要事先为其规划设计布局，以便于宏观控制其内容。在Dreamweaver中，从其4.0版本开始就加入了页面规划视图来方便设计者对页面布局进行设计，如今FrontPage 2003也具有这个功能了。

点击菜单栏上的“表格→布局表格和单元格”，在程序右侧窗格中将显示相应的属性设置。我们着重查看“表格布局”下拉列表，在其中有若干布局样式可供选择。当我们选择一种合适的应用于当前页面上后，可随时在设计视图中按需自行调节其布局样式。Frontpage2003是Microsoft公司推出的。

FrontPage2003操作教程

新建网页文件

首页以外的网页可以通过新建网页命令来添加。

（1）建立空白网页

单击菜单栏中的“文件”--“新建”--“新建网页”--“空白网页”命令，将出现一个新的空白网页，其名称为“new-page-1.htm”

（2）输入文本

在新建空白网页中输入网页所需的文本，文本可以直接输入，也可以将其他文件中的文本复制过来。这里我们来输入“耕读传家”文章。

（3）编辑文本

FrontPage中字体及段落的设置方法与Word类似，可以利用“格式”菜单下的“字体及段落”等命令打开相应的对话框进行设置。“段落”对话框中的首行缩进，其单位“pt”与Word中的“字符”不同，要根据文本字号大小来确定磅值的大小。比如，正文文本字号用14磅，首行缩进两个字符，那磅值就要设置成“28pt",如图。

（4）查看文本网页

在网页视图的视图栏上分别选择“设计””拆分““代码”和“预览”，观察编辑区中显示的内容。

网站设计

首先，我们选择一个合适的主题。例如福建的神奇山区民居——土楼。建造它的椒汉族客家人。我们可以通过一个展示客家精神的网站“客家魂”带大家一起走进客家。

然后，规划网页内容及网站结构层次。例如，在“客家魂”首页下，设立五个相对独立的二级网页，分别提炼标题，在每一个二级网页下，再进一步展开具体的介绍。

再次，思考各级网页的布局。如网页是常用的“同”字型，拐角型，左右框架型，还是个性的封面型，Flash型等。具体的布局元素如logo图标、导航、内容等放置在哪。

最后，选择可能要用的制作技术。比如进行网页布局时是使用框架还是表格等。

打开软件

启动FrontPage 2003，打开FrontPage窗口，。

标记栏：当我们选择了网页中的某个对象时，该栏会自动显示这个对象相关的HTML标记。

任务窗格：将多种命令集成在这个统一的窗格中，方便操作。

打开模板列表

单击菜单栏中的“文件”——“新建”——“新建网站”——其他网站模板"命令,打开“网站模板”对话框。

选择模板

在“网站模板”对话框的“常规”选项卡中，选择“只有一个网页的网站”，并在“指定新网站的位置”下方的文本框输入站点文件夹的路径，如：“E：\kejiahun”。

保存模板

单击“确定”按钮

设置网页标题

网页标题就是显示在浏览器窗口标题栏中的文字，通常是网页内容的提示。

（1）单击菜单栏中的“文件”——“属性”命令，打开”网页属性“对话框。

（2）在“网页属性”对话框的“常规”选项卡的“标题”文本框中输入网页标题。

（3）单击“确定”按钮。

保存网页文件

单击菜单栏中的“文件”——“保存”命令，打开“另存为”对话框。

（2）在”另存为“对话框”的“保存位置”下拉列表框中，指定网页文件保存位置。

单击“保存”按钮。

常见问题

问：我的主页用frontpage做好后传上去，但是图形却有大部分打不开，也不知是怎么回事?

答： 原因在于“相对路径”和“绝对路径”的错误,就是说 比如你的html文件在根目录下，图片在c:\\images下 ，就是说要用相对路径，不能用绝对路径

问：如何导入网上网站？

1、打开FrontPage 2003桌面快捷方式，打开软件后，点击菜单栏的“文件”选项，选择“导入”在弹出的二级菜单中点击“文件”。

2、在导入窗口中点击“来自网站”按钮。

3、您可以从现有网站中导入文件，也可以从电脑或网络上的文件夹中导入文件。选择哪一种方式获得文件，（小编选择的是HTTP，具体情况具体分析），选择网站位置，点击【浏览】找到你要导入的网站即可。

4、耐心等待导入完成即可。

问：我用frontpage做主页，但有一个疑问一直困扰：如何使每段落首行空两格?我用空格键或TAB键空格，但IE与NC显示均不相同，请问如何解决?

答：用汉字输入，并设为全角，然后空格，就可以了：)

问：我刚刚开始自学制作主页,有几个问题想请教一下,使用frontpage在一个页面中编辑好的表格,连接到另一页面后,因为页面尺寸变化,表格大小也跟着变化,请问怎样使表格内的文字能够自适应表格的变化,

答： 在输入文字的时候不要硬回车，需要换行的时候， 按住shift,再回车，就行了。 去除图像不雅外框 经常看见一些网页里的图像周围会有一个不雅的外框, 其实是由于为图像生成联接时,NN自动将其solid border设为了2, 只要将其改为0就OK了(Solid border 在image properties的右下方.)