Microsoft Frontpage 2017(网页设计软件) 官方免费版 附教程

Frontpage2017免费版是由微软推出的一款网页设计软件，可以进行网页的快速编辑，可视化的界面，代码功能十分强大，是您进行网页设计的首选。Frontpage 2017版本的表单任务、图像定位、网页样式、框线菜单功能都有所改善，使用起来更方便，需要的朋友快快下载吧！

Frontpage2017功能

网页样式

许多主页都采用了一种简洁的文本超链接形式，而当鼠标点上这些链接的时候，这些文字链接的字体、大小发生一些动态变化，这小小的变化会使整个页面 看起来动感奇佳。FrontPage 2002可以让您用风格表(style sheet)轻松地实现这个功能。步骤如下：

打开格式菜单中的风格表选项，在文本框中的HTML代码中插入“a:hover”，结果如下示“”，“hover”意为“停悬”，即指光标停悬在超级链接上。然后 ，打开“style”菜单，你就可以选择当鼠标箭头移到文本超链接时文字的变化啦!可选的选项有很多，这里我们简单地设置字体为楷体，颜色为红色，字体 风格为斜体，文本修饰为下划线(执行Text/Decoration/Underline)，单击“OK”按钮，大功告成——看!当鼠标箭头移到有超链接的文字上时，文字的字体 变为楷体，颜色为红色，字体风格为斜体，文字下面还会出现一条下划线呢。

图像定位

以前设计网页时，即使使用表格，要想把图像精确地显示在某一个位置也是一件不容易的事情。但在FrontPage 2002中，大家可以使用绝对定位法来轻松实 现图像的精确定位操作：首先用鼠标选中需要定位的图像，然后在菜单栏中单击“格式”菜单项，并从弹出的下拉菜单中选择“定位”命令，在随后弹出的 设置对话框中选择“定位样式”下的“绝对”，这样我们就可以在“位置与大小”设置栏处任意设置自己的图像大小和位置了。更简捷的方法，是在“定位 样式”下选中“绝对”后，用鼠标任意拖动图像到指定的位置处就可以了。

表单任务

动态交互网页是人们在设计网页时的一种追求，这个功能的实现需要设计者利用脚本编辑语言来执行表单提交和应答功能。但是，利用语言来开发程序对我 们普通设计者来说要求可能是太高了一点。不过不用怕，经过实践，笔者发现FrontPage 2002可以完成一些最简单的提交和处理表单计算结果的设置，例如 通过电子邮件就可以轻松来完成。

框线菜单

以前，如果要给指定的图像或文字周围加上框线，通常的做法是利用表格来间接实现。但这种方法的缺点是很不灵活，而且很难做到所见即所得。针对这种 缺陷，FrontPage 2002为用户提供了一种框线下拉选单工具，利用这个功能，用户在给指定图像或者文字进行加框操作时，会变得就像在Word或者Excel里面 那样容易，而且还能快速地把各种不同样式的框线套用到文字或者图片上。在具体使用该项功能时，先在FrontPage 2002编辑界面中选中指定的对象，然后 用鼠标直接在“格式”工具栏上选择“框线”图标，并在随后弹出的界面中选择一种自己需要的框线格式就可以了。看过了这篇文章，你是不是已经跃跃欲 试了呢?对于初学者，我的推荐也是FrontPage，它很好地秉承了Office亲和的界面和方便的操作方式，很容易上手哦!

Frontpage使用教程

Frontpage框架制作教程

1.先看我们要做到的成品-->可以看出该网站共分3个框架-->上、左、 右，如下图：

2.请开启frontpage-->左上角的「档案」-->选「开新档案」-->网页，如下图：

3.会跳出如下视窗：

选择框架页(如图1指示位置)-->选择底下要的框架款式(如图2指示位置)--> 在右下可以看到样式预览(如图3指示位置)-->接着按「确定」即可。

4.之后出现如下画面 , 可设定各框架网页内容：

开新网页的意思是要自己做一个全新的网页 , 而设定起始网页是去连结一个已经做好的网页

请将上框与左框设定-->开新网页

右框设定-->设定起始网页-->

可选择在电脑中已做好的网页or网路上的某个网页

此例我们连结到之前做好的个人档案(myself.htm)，请点选浏览档案的图示，如下图：

5.步骤4完成后，会出现如下图：

6.此时可以先存档 -->此时会有视窗引导存档

第一个是问您上框架的网页要存成什么档名，如图(可自己取名，如top.htm)

接下来会问您左方框架的档案要存什么档名，如图(可自己取名，如left.htm)

最后跳一个视窗-->问您整个框架要存成什么档名，如图

(可自己取名，如index.htm，一般主框页会拿来当做首页，通常网站的首页会命名为index.htm)

为什么没有问到，右框的网页要存成什么档名 ?

这是因为我们当初设定右框是连结到一个已经做好的网页(myself.htm)，既然是已经做好的网页，

自然就没有存不存档的问题

7.框架内容的设定(取消框架线)：

在网页的任一处按右键，选「框架内容」，如下图：

选「框架页」-->

将「显示框线」的勾勾去掉，即可取消框架线。

8.最后按照範例，我们在上方网页插图，左方网页先用做一选单。

选单在设定连结时 , 必须指定两项资讯(与超连结的观念相同)

此连结要连到哪个网页或网址

所指定的连结内容要出现在哪个框架中(如图)

Frontpage怎么隐藏框架的边框?

用Frongpage做好的页面中，如果使用了框架，如果想要框架的边界不显示，能够用下面的途径。

单击“框架网页”按钮，选择“框架”选项卡，把“显示边界”复选框中的对钩去掉，单击“确定”返回。

这时再用浏览器浏览此页面，就看不到框架的边界了。