1、简单

大量信息的处理是比较困难的，因此，设计需要尽可能简单又能解决很多问题。选择上应选干净的元素。有目的的组织和有效的隔绝元素。避免页脚看起来很乱，在逻辑上要考虑每个元素的目的，是否为页脚增加了价值。

2、对相似链接或信息进行分组

页脚组织的第一件事情就是对链接和信息进行分组，可以创建多个相关信息列，服务、联系人、连接和社交媒体，每个部分还应该添加标题，这样用户就清楚在哪里能看到特定细节。此外，每个部分的标题应该要突出，吸引访问者的注意力。可以为一些元素使用有创意的图标。

3、个性化

“联系我们”“关于我们”一般是被发现在页脚部分。多数的用户访问网站是为了找到您公司的品牌介绍及****。“联系我们”必须要包括：公司地址、电话号码、地点、社交媒体地址及其他相关信息。在“关于我们”中可以包括公司目标、当前项目及策略等。这的目标是方便访问者更容易找到所需求的信息。

4、添加操作按钮

一旦用户游览了主页并导航到页脚，应该给用户更多的事情去做，这会让网站更吸引用户。可以通过添加操作按钮，允许用户订阅时事通讯或者告诉客户在平台上如何进行联系。

5、使用比较吸引人的图形

多数人并不理解页脚中图形的重要性。为页脚设计了一个基本，但并没有吸引到客户。应该添加图形元素或者标志，在页脚增加视觉兴趣。但要确保在小空间不要加载太多的细节。可以通过包含不同操作的相关来做到。

本文介绍一篇制作网页页脚的PS教程，这个页脚的设计很有层次感，同时用网格空格背景纹理修饰，是一个十分漂亮的网页页脚。

自从Web20冲击互联网以来，页脚就变得比以前任何时候都显得重要了，出现了许多非常漂亮的页脚设计。在这个教程中，我将会教给你如何在Photoshop中创建一个简洁、光滑的网站页脚。

页脚

这就是我们将要创建的页脚。点击下面的截图查看原图。

第1步

和液体感的页首和页脚一样，渐变通常是web20设计风格的标志。在这个教程中我们将使用到一组模拟3D材质的渐变文件包。你可以从excellent Deziner Folio得到这个文件包。点击这里下载渐变文件包。

第2步

在Photoshop中创建新文档。我自己创建了一个大的文件，1440像素X900像素大小(以适应我的17英寸显示屏的笔记本)。当然，实际上你的页脚不应该这么大，虽然它可以很好的模拟出当你的浏览器窗口被拖拽后的情况。

选择一个背景颜色，在我的这个例子中，背景色是一个简单的从#b0b0b0到#e1e1e1的渐变色。按住Shift键，创建一个垂直的从上到下的渐变。

第3步

你将要创建什么样的布局在网页设计中是非常重要的。也就是在流式布局(可以自适应浏览器大小的布局)和固定宽度布局(在web20风格的网站中固定宽度布局经常会是居中的)之中作出选择。我们的这个页脚将会是一个固定宽度布局的页脚，大小为760像素X420像素。这个尺寸会保证即使在800像素X600像素大小的屏幕上，也叫也会正确的显示出来。

如下所示使用网格来你的网站的大小。注意如果你想创建一个适合于1024像素x768像素屏幕大小的布局，那么将你的网格定义在955像素X600像素的区域。

第4步

虽然我们的页脚是固定宽度，我们仍然希望页脚能够填满整个页面。为了实现这个目的，我们会用到我在Photoshop中制作的仿金属材质的图案。点击这里下载此图案。在Photoshop中打开这个，选择编辑定义图案，为图案命名。

现在创建一个新的文档，1440像素宽，86像素高，选择编辑填充命令，选择我们刚才创建的图案。全选(Ctrl+A)，然后将剪切、粘贴到我们的第一个文档的底端，我们将会得到如下的结果。

第5步

现在是时候使用第1步中那漂亮的渐变文件包了。创建一个新的图层，使用矩形选区工具(M)创建一个100%文档宽度的，21像素高的选区。选择渐变工具(G),然后选择一个漂亮的渐变，我选择的是”Black 5-Gloss”，现在按住Shift键在矩形选区内画一条垂直的线，创建这个渐变。

将创建好的形状移动到第4步中创建的形状的上方。你应当得到和下图显示的类似的结果。

第6步

现在我们给第5步创建的图层添加上阴影效果。

第7步

将前景色设置为#545557，背景色设置为#1e211f。在第4步创建的图层下创建一个新的图层。使用选区工具选取第4步图层的内容。选择渐变工具，选择第一个渐变(前景和背景色的结合)，按住shift键，在选区上画出一个垂直的渐变。现在选择第4步的图层，将图层混合模式更改为正片叠底。

第8步

在所有图层上方创建一个新的图层，在参考线中间画一个颜色为#dfdfdf的圆角矩形。在图层上右击，点击混合选项，给矩形创建一个投影效果。然后在效果图层上右击，选择创建图层，这样会将投影效果分离为一个单独的图层。

现在你已经有了矩形图层和阴影图层，移动并且改变阴影的大小直到得到如下图的效果。你可以按下Ctrl+T来调出变换工具，然后右击，选择透视，向内拖拽顶部的两个手柄。也可以将阴影向下方移动，使用柔软画笔的橡皮擦工具将上方边缘的阴影擦掉。

第9步

最后添加文字、版权信息和你的logo完成设计。

第10步

为了在html文件中使用页脚，只需将文字移除(文字将会在html中添加)，如下图所示剪切背景，然后将其粘贴到一个新的文件中。就像在Photoshop中那样，这个图案将会在CSS文件中使用背景属性来实现。这就是为什么我们要将剪切到这么小，为的是以小的文件得到更好的效果。

要剪切页脚只需要在参考线内选择的内容，然后将其剪切并粘贴到一个新的文件中。

选择存储存储为网页和设备命令来保存这两张。然后选择JPG格式和合适的品质。JPG格式和PNG格式都是存储的很好的格式，他们可以保存很多的颜色。GIF格式最好用于颜色简单的。这种不同的用法是由于不同的算法得来的。

最终的页脚

问题一：页脚的页码如何设置？ 先去掉页码

光标移植第四页的第一行,在菜单栏选择“插入”-“分隔符”-“分节符鸡型”选择下一页-确定

然后，光标在这一页位置，在菜单栏选择“插入”-“页码“-选择你要的页码类型。

OK了

问题二：如何取消页脚页码设置 在视图选项的下拉菜单有个页眉和页脚，点击，光标会停在字那里，然后按退格键，就会取消页脚页码，你想要的“从第4页正文开始！！显示从第1页开始！！”类似这样就好完成了，自己琢磨下，

问题三：word中如何改变页码（页脚）的数字？ 插入页码，格式（对话框上的，不是菜单上的） ，数字格式

问题四：office自定义页脚怎样设置页码图 第一步，如果正文的第一页是文档的左页，双击页脚打开“页眉和页脚工具设计”选项卡。选中“奇偶页不同”之后单击“页码”，选择“页面底端”子菜单下的“普通数字1”。

第二步，“1”插入页脚以后在其右边输入“《制度汇编》”，得到“1《制度汇编》”样式的页码。

第三步，按相同方法将光标插入正文第二页的页脚，单击“页码”选择“页面底端”子菜单下的“普通数字3”。之后在数字的左边输入“2007年9月”，得到“2007年9月2”样式的页码。单击“页眉和页脚工具设计”选项卡中的“关闭页眉和页脚”，或者页面左下角的“C第x节-”字样，就可以退出页脚编辑状态了。

对称页码巧设置

由于《制度汇编》需要双面打印，因此必须像正规印刷品那样设置页码，左页码在页面左下角，右页码在页面右下角。

第一步，单击“页面布局→页边距→自定义边距”（见图3），在“页码范围”下的“多页”下拉列表中选择“对称页边距”，确定。

第二步，将光标插入某一奇数页目录的页脚，回到“页眉和页脚工具设计”选项卡，选中“选项”区域中的“奇偶页不同”。

第三步，如果目录的页码需要放置在页脚，双击目录第一页的页脚，打开“页眉和页脚工具设计”选项卡，单击“页码”，选择“页面底端”打开如图4的子菜单。如果第1页的页码需要放置在页面左下角，选择“镶嵌图案1”等位于页面左下角的页码。

问题五：word页脚页码怎么设置成1-11-2 操作方法：

1、在页脚处双击鼠标，进入页脚编辑状态；

2、单击插入---->页码---->页面底端---->普通数字1，如图所示；

3、效果如图所示；

4、将光标放在页码前面，输入1-即可。

问题六：WPS怎么设置设置页脚的页码 在封面页下面插入分节符，把一整篇论文分成2节就可以了

问题七：word设置页码怎么从前言开始 在前言的前面插入订节符，再插入页码，在页码格式设置中，设置页码起始值为1。记得断开“链接到上一节页眉”选项。这样页码就从前言开始了。如果前三页还有页码可以直接删除就OK了。

问题八：WORD里的页码怎么设置成从“01”开始？ 在第10页页首插入-分隔符-连续-确定

双击插入页码福页眉或页脚处-激活后,点页眉页脚工具栏上的链接到前一个按钮,将10前边的0删除即可

问题九：在word中怎么设置在中间某一页插入页码1开始的。 插入指定页的页码前，要先把指定页以前的页与指定页以后页用分节符分开。

依次这样操作：如想要从第4页开始插入页码号为“1”，那么把光标放到第3页文档的最后点“福面布置”－－“分隔符”下拉菜单下的“下一页”。这就分成了两节了。然后再把光标移动到第4页上。点“插入”－－“页码”－－“页面底端”－－（随便选一个）OK,已经插入了页码。

但有时页码可能还是会从第一页开始编号，实际上我们是想让第4页开始从“1”开始。，这时就要先选中第4页的页码，把“设计”菜单下的“链接到前一条页眉”取消勾选。鼠标选中并指向页码右键菜单下“设置页码格式”－－选中“起始页码”并手动填入“1”（根据你的需要：如要从几开始就填入几）－－确定，就可以。当然，前面三页的页码，你可以选中后删除即可，不用胆心后面会受到影响。因为他们已经用“分节符”分开了。

其实关键是掌握“分节符”用法，“分节符”与“分页符”可不一样哦。