页面优化方法

1、减少使用定位的服务和APP第一步，在“设置”应用中，点击“隐私”选项中的“定位服务”。第二步，在“定位服务”页面，可以选择关闭一些App应用的定位服务功能。第三步，在定位服务页面，点击进入“系统服务”页面，用户可以选择关闭不必要的选项，如“蜂窝移动网搜索”、“交通状况”、“设置时区”等。2、减少后台刷新的应用程序第一步，在设置应用中，点击进入“通用”选项。第二步，在“通用”选项页面，点击进入“后台应用程序刷新”选项。第三步，在“后台应用程序刷新”选项页面，可以选择关闭一些不需要后台刷新的应用。3、减少在通知中心显示项目第一步，在通知中心界面，点击下方“编辑”按钮，即可进入通知栏目设置页面。第二步，在通知栏目设置页面，点击需要添加栏目前面的“ ”按钮，即可让该栏目在通知中心显示。4、减少耗电应用的使用：第一步，在设置应用中，通用选项页面，点击进入“用量”选项。第二步，在用量设置页面，点击“电池用量”。第三步，在电池用量页面，可以查看各应用的耗电情况，如可以查看过去24小时和过去7天应用耗电详情，耗电最多的应用可谓一目了然。5、设置手动检查新邮件第一步，在“设置”应用页面，点击“邮件、通讯录、日历”。第二步，在“邮件、通讯录、日历”选项页面，点击“获取新数据”选项。第三步，在“获取新数据”页面，点击开启“推送”功能。在页面最下方，有每15分钟、30分钟、每小时等自动让iPhone检查一次新邮件的设置，但为了省电，用户可以设置为手动来检查新邮件。6、把手机放置信号较强的位置在iOS8系统中，手机网络信号一般采用圆点来表示，信号较强时会显示五个实心圆点，较弱时实心圆点较少空心圆点变多，但是效果不够直观。下面，给大家介绍一种用数字来显示手机网络信号强度的方法。一般情况下-40至-50之间为在基站附近;-50至-60之间信号属于非常好;-60至-70之间信号属于良好;-70至-80之间属于信号稍弱;-80-90之间属于信号弱;-90以内为基本能通讯状态。-100的话，说明信号非常差了，基本没什么信号了。信号越弱，越容易耗电，可以将手机放置到信号较强的地方，这样也容易省电。　　第一步，在电话应用界面，进入拨号键盘，输入*3001#12345#*，然后点击拨号。第二步，稍后会显示“Field Test”界面，界面下方会显示更新时间，上面手机信号就会显示数字了。7、适当减少后台运行的应用具体操作方法：第一步，连续按两次Home键，就会显示后台正在运行的应用界面，还会显示最近常用的联系人，方便用户快速联系他们。第二步，向左或向右滑动界面，可以查看运行中的应用界面，选择需要关闭的应用，向上滑动其应用界面，即可关闭。8、不要将屏幕设置太亮。第一步，在设置应用中，点击进入“显示与亮度”选项。第二步，在“显示与亮度”选项页面，关闭“自动亮度调节”，并可以根据需要调节屏幕亮度，不要太亮就好。另外，用户也可以在控制面板中拉动亮度调节按钮，直接调节屏幕亮度。

从最基本的开始学，最简单的就是HTML的网页，直接把图弄上去，然后把边距边框，按钮之类的设置下就差不多了，最后自己去各个浏览器调试下，修改参数就好了！怎样设计网页 在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了…… 在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了。 其实网页设计是一个感性思考与理性分析相结合的复杂的过程，它的方向取决于设计的任务，它的实现依赖于网页的制作。正所谓“功夫在诗外”，网页设计中最重要的东西，并非在软件的应用上，而是在我们对网页设计的理解以及设计制作的水平上，在于我们自身的美感以及对页面的把握上。 首先，我们要弄清楚网页设计的任务。 一、设计的任务 设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。 网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。 第一类是资讯类站点，像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息，而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。 第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状上来看，这类网站有粗制滥造的嫌疑。 第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。 当然，这只是从整体上来看，具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点，那就是客户的要求，它也属于设计的任务。 明确了设计的任务之后，接下来要想的就是如何完成这个任务了。 二、设计的实现 设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制，这一部分可以在纸上完成。第二部分为网页的制作，这一过程是在计算机上完成的。 设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。 除了要有一台配置不错的计算机外，软件也是必需的。不能简单地说一个软件的好坏，只要是设计者使用起来觉得方便而且能得心应手的，就可以称为好软件。当然，它应该能满足设计者的要求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，这些都是很不错的软件。 接下来我们要做的就是通过软件的使用，将设计的蓝图变为现实，最终的集成一般是在Dreamweaver里完成的。虽然在草图上，我们定出了页面的大体轮廓，但是灵感一般都是在制作过程中产生的。设计作品一定要有创意，这是最基本的要求，没有创意的设计是失败的。在制作的过程中，我们会碰到许多问题，其中最敏感的莫过于页面的颜色了。 三、色彩的运用 色彩是一种奇怪的东西，它是美丽而丰富的，它能唤起人类的心灵感知。一般来说，红色是火的颜色，热情、奔放；也是血的颜色，可以象征生命。黄色是明度最高的颜色，显得华丽、高贵、明快。绿色是大自然草木的颜色，意味着纯自然和生长，象征安宁和平与安全，如绿色食品。紫色是高贵的象征，有庄重感。白色能给人以纯洁与清白的感觉，表示和平与圣洁。 我们知道，颜色是光的折射产生的，红、黄、蓝是三原色，其它的色彩都可以用这三种色彩调和而成。换一种思路，我们可以用颜色的变化来表现光影效果，这无疑将使我们的作品更贴近现实。 色彩代表了不同的情感，有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题，它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。 单纯的颜色并没有实际的意义，和不同的颜色搭配，它所表现出来的效果也不同。比如绿色和金黄、淡白搭配，可以产生优雅，舒适的气氛。蓝色和白色混合，能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同，配色方案也随之不同。考虑到网页的适应性，应尽量使用网页安全色。 但颜色的使用并没有一定的法则，如果一定要用某个法则去套，效果只会适得其反。经验上我们可先确定一种能表现主题的主体色，然后根据具体的需要，应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体，以达到和谐、悦目的视觉效果。 四、造型的组合 在网页设计中，我们主要通过视觉传达来表现主题。在视觉传达中，造型是很重要的一个元素。抛去是图还是文字的问题，画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里，是需要点、线、面的共同组合与搭配来构造整个页面的。 通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交*、节奏、韵律、归纳、变异、特写、反射等等，它们都有各自的特点。在设计中应根据具体情况，选择最适合的表现手法，这样有利于主题的表现。 通过点、线、面的组合，可以突出页面上的重要元素，突出设计的主题，增强美感，让观者在感受美的过程中领会设计的主题，从而实现设计的任务。 造型的巧妙运用不仅能带来极大的美感，而且能较好地突出企业形象，而且能将网页上的各种元素有机的组织起来，它甚至还可以引导观者的视线。 五、设计的原则 设计是有原则的，无论使用何种手法对画面中的元素进行组合，都一定要遵循五个大的原则：统一、连贯、分割、对比及和谐。 统一，是指设计作品的整体性，一致性。设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。 连贯，是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽，犹如一气呵成。 分割，是指将页面分成若干小块，小块之间有视觉上的不同，这样可以使观者一目了然。在信息量很多时为使观者能够看清楚，就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲，分割也可以被视为对于页面内容的一种分类归纳。 对比就是通过矛盾和冲突，使设计更加富有生气。对比手法很多，例如：多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重，对比过强容易破坏美感，影响统一。 和谐是指整个页面符合美的法则，浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么作品将不但没有“生命感”，而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。这是设计能否成功的关键。 六、网页的优化 在网页设计中，网页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性，影响观者对网站的印象。 在资讯类网站中，文字是页面中最大的构成元素，因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。在白色的背景上，我们一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时间地浏览网页。 图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其size降至最低，这样可以成倍地提高网页的下载速度。利用Photoshop6或Fireworks4可以将图片切成小块，分别进行优化。输出的格式可以为gif或jpeg，要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg，而把那种只有单纯色块的卡通画式的小块优化为gif，这是由这两种格式的特点决定的。 表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候，我们将表格的边框设为0，以此来定位页面中的元素，或者籍此确定页面中各元素的相对位置。我们知道：浏览器在读取网页html原代码时，是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格，必须等大表格读完，才能将子表格一起显示出来。我们在访问一些站点时，等待多时无结果，按"停止"按钮却一下显示出页面就是这个原因。因此，我们在设计页面表格的时候，应该尽量避免将所有元素嵌套在一个表格里，而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时，会自动在每一个td内添加一个空字符“ ”。如果单元格内没有填充其它元素，这个空字符会保留，在指定td的宽度或高度后，可以在源代码内将其删去。 网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。一般我们在800*600下制作网页，最佳浏览效果也是在800*600分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。 说了这么多，只是希望能对做“网页设计”的人有所帮助，希望他们在做网页的时候能够从整体着眼，无愧于“设计”这两个字。 ★建设自己的网站较好的步骤☆ 必须注意的是：建立自己的网站是一件浩大的工程，一般比较麻烦。所以应当按照一定的步骤一步步来。 我觉得建站可以按照以下步骤进行： 1、先在本地设一个文件夹，作为网站存储的地方。名字最好取“My Sites”。 2、在网站文件夹里面建立一些文件夹，包括“images”等（存储图片、文件等），并且按照网页内容，再建立几个文件夹。（也可以把存储图片、文件的文件夹在每个内容文件夹里面各搞一些） 3、打开你的网页编辑程序（例如FP、Dreamwear等），新建网页，保存为“index”（主页），重复以上步骤，在网站文件夹里面建立“search”（查找）、“map”（站点地图）、“index02”（网站简介等）。 4、按照上面步骤，再在网站分类文件夹里面建立许多网页（接着还要把内容输入网页） 5、已经做到了这么多，我们该准备内容了吧。在硬盘上面再建立一个文件夹“File”，把准备好的文档、图片、程式、文件和网页特效等放进去。（可以加入一些动态网页） 6、慢慢把这些文件一个不漏的放进网页里面（要掌握技巧） 7、把网站充实了，就差不多了。这时应该申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。 8、把网站上传至空间里面，删了准备文件，就OK了！ 不过也可以这样使用FP建站： 1、在FP里面选择新建站点。 2、然后在【导航】里面设置网页名称以及标题。 3、准备好文档、图片、程式、文件和网页特效等，把它们都充实进网站里面。 4、申请一个域名（免费空间、附费都可以）。并且把自己的网站放入搜索引擎，而且在各种留言版上面宣传。 5、把网站上传至空间里面，删了准备文件。完毕。 如果使用Dreamwear来建站，那就更加高级啦！Dreamwear的功能很强大，安装了它的朋友们可以研究研究。 在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。静态网页的网址形式通常为：www.example.com/eg/eg.htm，也就是以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。 ??在《网络营销基础与实践》第二版第3章“网络营销导向的企业网站建设”中，提出了采用静态网页对搜索引擎的影响，书中对于静态网页本身的介绍比较少，尤其对于静态网页的特点没有做专门的介绍。 网络营销教学网站(www.wm23.com)将静态网页的特点简要归纳如下： ??（1）静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”； ??（2）网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件； ??（3）静态网页的内容相对稳定，因此容易被搜索引擎检索； ??（4）静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难； ??（5）静态网页的交互性交叉，在功能方面有较大的限制。 网页制作软件的选择 u 选择一个适合自己的网页编辑工具 了解了网页的类型及相关技术之后，下一步，就是要选择一个适合自己的网页编辑工具。 Frontpage Frontpage 是 Microsoft 出品的，可能是最简单、最容易，却又功能强大的网页编辑工具。采用典型的 Word 界面设计，只要你懂得使用 Word，就差不多等于已经会使用 Frontpage。就算你不懂 Word 也没关系，"所见即所得"的操作方式会让你很快上手，而且你无须学习 HTML 语法。 但 Frontpage 的也有其不足之处：首先是浏览器兼容性不好，做出来的网页，用 Netscape 往往不能正常显示；其次，生成的垃圾代码多，也会自动修改代码，导致在某些情况下极为不便；再次，对DHTML的支持不好。但不管怎么说，Frontpage 的确是最好的入门级网页编辑工具。 常见的版本为 Frontpage98 和 Frontpage2000。 Dreamweaver Dreamweaver 是 Macromedia 公司的产品的另一款"所见即所得"的网页编辑工具,或称网页排版软件。与 Frontpage 不同，Deamweaver 采用的是 Mac 机浮动面版的设计风格，对于初学者来说可能会感到不适应。但当你习惯了其操作方式后，就会发现 Dreamweaver 的直观性与高效性是 Frontpage 所无法比拟的。 Dreamweaver 对于 DHTML 的支持特别好，可以轻而易举地做出很多眩目的页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamweaver 与 Flash、Firework 并称为 Macromedia 的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非常紧密的结合。而最新推出的 Dreamweaver UltraDev 更支持 Asp，Jsp。因此，说Dreamweaver 是高级网页制作的首选并不为过。 常见的版本为 Dreamweaver4.0 和 Dreamweaver UltraDev 1.0 flash flash也是 Macromedia 公司的产品，Flash 是交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。相信凡是见过 Flash 技术的人，没有一个不想掌握它的。它不但易学、易用，而且可以做出有很多动画的网站，并且声色结合，是一种很有前途的网页制作技术。 firework firework也是 Macromedia 公司的产品，是真正的网页作图软件。Fireworks 与 Dreamweaver 结合很紧密，只要将 Dreamweaver 的默认图像编辑器设为 Fireworks ，那么在 Fireworks 里修改的文件将立即在 Dreamweaver 里更新。另一个功能是可以在同一文本框里改变单个字的颜色。当然，Fireworks 可以引用所有的 Photoshop的滤镜，并且可以直接将 PSD 格式图片导入。它是用来画图用的，它相当于结合了Photoshop ( 点阵图处理 ) 以及CorelDRAW (绘制向量图)的功能。网页上很流行的阴影、立体按钮...等等的效果，也只需用鼠标点一下，不必再靠什么KPT 之类的外挂滤镜。而且 Fireworks很完整的支持网页16进制的色彩模式，提供安全色盘的使用和转换，要切割图形、做影像对应(Image Map)、背景透明，要图又小又漂亮，在Fireworks 中做起来都非常方便，修改图形也是很容易的 。不需要再同时打开Photoshop和CorelDRAW...等等各类软件，切换来切换去的了。 Dreamweaver、Flash、Firework称为网页制作三剑客，将三个软件配合起来使用，会制作出非常精美的网页 gifanimator Ulead GIF Animator 4.0 是目前最快和最易使用的 GIF 动画工具，它在一个软件包中提供了顶级的功能，用于动画 编排、编辑、特效和优化。 GIF Animator 差不多支持每个主要的文件格式，包括视频文件，并允许输出为 Windows AVI、QuickTime 电影、Autodesk 动画或图像序列。用户可以生成适当的 HTML 代码，以便将动画嵌入到网页中，并且可以将动画打包成独立的 EXE 文件，以便通过电子邮件发布和在任何地方来查看。 u 制作主页 ??制作主页无非是添加文字、添加图片、添加链接，跟用word没什么区别，经过简单的学习后，你就会制作主页了！但是，要作出高水平的主页那要学的东西就太多了，不过总结起来就是html，图形制作，动画制作，页面特效制作和后台程序制作几个部分。 u 申请的主页空间，把你制作的主页传上去 ??我们制作的页面放在我们自己的计算机上，别人是不能看见的。为了让别人看见我们制作的页面，我们必须将他们放到一台和internet一直连接的计算机（服务器）上。你可以到提供空间服务的站点申请主页空间。有空间以后就可以利用响应的FTP（文件传输协议）工具软件将我们制作的页面传上去。这样，就可以让大家来分享我的精彩页面了。 常见的FTP工具软件有cuteFTP、leapFTP等，其功能和使用方法都比较类似，具体使用方法可参见本站想应的文章。 可能你开始的主页只是非常简单， 但是这是你的第一步，也是良好的开端，然后再一步步学习：如何把网页制作漂亮一些？如何制作动画？对于新手，千万不要一下子就想：我看到某某某网页这么漂亮，它是怎样做出来的？我很想马上做出来，于是马上就去研究复杂的网页，这样你会发现网页制作很难，学两下就放弃了，这样永远学不会制作主页。想当初，我对于我的网页能产生链接也高兴了半天，于是产生了更大的兴趣。记住：一步一步来，不要一下子想成为高手，否则很难成为高手。

1、减少使用定位的服务和APP第一步，在“设置”应用中，点击“隐私”选项中的“定位服务”。第二步，在“定位服务”页面，可以选择关闭一些App应用的定位服务功能。第三步，在定位服务页面，点击进入“系统服务”页面，用户可以选择关闭不必要的选项，如“蜂窝移动网搜索”、“交通状况”、“设置时区”等。2、减少后台刷新的应用程序第一步，在设置应用中，点击进入“通用”选项。第二步，在“通用”选项页面，点击进入“后台应用程序刷新”选项。第三步，在“后台应用程序刷新”选项页面，可以选择关闭一些不需要后台刷新的应用。3、减少在通知中心显示项目第一步，在通知中心界面，点击下方“编辑”按钮，即可进入通知栏目设置页面。第二步，在通知栏目设置页面，点击需要添加栏目前面的“ ”按钮，即可让该栏目在通知中心显示。4、减少耗电应用的使用：第一步，在设置应用中，通用选项页面，点击进入“用量”选项。第二步，在用量设置页面，点击“电池用量”。第三步，在电池用量页面，可以查看各应用的耗电情况，如可以查看过去24小时和过去7天应用耗电详情，耗电最多的应用可谓一目了然。5、设置手动检查新邮件第一步，在“设置”应用页面，点击“邮件、通讯录、日历”。第二步，在“邮件、通讯录、日历”选项页面，点击“获取新数据”选项。第三步，在“获取新数据”页面，点击开启“推送”功能。在页面最下方，有每15分钟、30分钟、每小时等自动让iPhone检查一次新邮件的设置，但为了省电，用户可以设置为手动来检查新邮件。6、把手机放置信号较强的位置在iOS8系统中，手机网络信号一般采用圆点来表示，信号较强时会显示五个实心圆点，较弱时实心圆点较少空心圆点变多，但是效果不够直观。下面，给大家介绍一种用数字来显示手机网络信号强度的方法。一般情况下-40至-50之间为在基站附近;-50至-60之间信号属于非常好;-60至-70之间信号属于良好;-70至-80之间属于信号稍弱;-80-90之间属于信号弱;-90以内为基本能通讯状态。-100的话，说明信号非常差了，基本没什么信号了。信号越弱，越容易耗电，可以将手机放置到信号较强的地方，这样也容易省电。　　第一步，在电话应用界面，进入拨号键盘，输入*3001#12345#*，然后点击拨号。第二步，稍后会显示“Field Test”界面，界面下方会显示更新时间，上面手机信号就会显示数字了。7、适当减少后台运行的应用具体操作方法：第一步，连续按两次Home键，就会显示后台正在运行的应用界面，还会显示最近常用的联系人，方便用户快速联系他们。第二步，向左或向右滑动界面，可以查看运行中的应用界面，选择需要关闭的应用，向上滑动其应用界面，即可关闭。8、不要将屏幕设置太亮。第一步，在设置应用中，点击进入“显示与亮度”选项。第二步，在“显示与亮度”选项页面，关闭“自动亮度调节”，并可以根据需要调节屏幕亮度，不要太亮就好。另外，用户也可以在控制面板中拉动亮度调节按钮，直接调节屏幕亮度。

404页面是网站优化中必不可少的基础优化之一，随着网站运营时间的不断延长，网站上原来的网页内容可能会被删除，但是该网页的链接地址往往会以各种内链、外链形式存在，如果使用的是一些锚文本链接，这些文字内容可能会吸引到用户点击，而对应的页面却已经删除，此时如果没有设置404页面，那么用户获得的页面就是一个错误的页面，而搜索引擎 获得的路径则变成了死路。正因如此又将这类链接称之为死链。做网站的都知道网站优化要从站内和站外优化两方面来进行，那么站内优化你是不是忘记了你的404页面呢?今天武汉肥猫科技就来谈谈404页面的设置方法和注意事项。一、什么是404页面404页面404页面是客户端在浏览网页时，服务器无法正常提供信息，或是服务器无法回应，且不知道原因所返回的页面。当用户输入了错误的链接时，返回的页面，它会告诉浏览者其所请求的页面不存在或链接错误，同时引导用户使用网站其他页面而不是关闭窗口离开，自定义404错误页面是增强用户体验的很好的做法。二、404页面作用404页面是网站必备的一个页面，它承载着用户体验与SEO优化的重任。404页面通常为用户访问了网站上不存在或已删除的页面，服务器返回的404错误。如果站长没有设置404页面 ，会出现死链接，蜘蛛爬行这类网址时，不利于搜索引擎收录。404页面作用三、404页面错误提示是WWW网站访问比较经常出现的错误。最常见的出错提示：404 NOT FOUND。404页面就是当用户输入了错误的链接时，返回的页面。四、404页面对seo的影响自定义404错误页面是增强用户体验的很好的做法，但在应用过程中往往并未注意到404页面对搜索引擎的影响，譬如：错误的服务器端配置导致返回状态码“200”或自定义404错误页面使用Meta Refresh导致返回“302”状态码。五、404页面设置的好处1、引导用户不要关闭网站，增强用户体验。2、防止网站出现死链接。六、404页面设置方法方法一：下载404页面模板1、下载后，解压文件，里面有一个404文件夹和404.php两个文件；如下图；需要注意的是404文件里面有一张图片，图片和404文件夹请不要重命名，以免影响显示效果。2、用Dreamweaver软件，打开404.php这个文件，如下图所示，将双引号之间的“http://www.feimao666.com”修改成你自己的网址，修改完成后，点击“文件”-“保存”。3、打开FTP上传工具，将404文件夹和404.php上传到网站的根目录的主题文件夹，如果提示覆盖的话直接覆盖。（若你不知道你的网站根目录是哪个文件夹，可以咨询你的空间服务商）。4、上传完成后，登陆空间控制面板，找到出错页面（一般空间的名称可能有所不同，要是没找到的话就咨询一下空间服务商看看），在“出错页面”中进行设置。5、最后我们打开浏览器，输入我们的网址，在网址后面随意敲打一些字母或数字，然后回车，就能看到如下404页面效果图了，当我们点击“返回网站首页”时，就会回到我们网站的首页，这样一个简单的404页面就设置好了！

　　主要步骤：精简代码;头部优化，权重标签使用及图片优化。在这四个环节中，精简代码是最基础、最根本。 　　1.精简代码是指清除或者简化页面中的代码，从而达到降低页面体积、提高页面的用户体验及搜索引擎优化性的目的。 　　精简代码又分五个小步骤：1.清理垃圾代码;2.html标签转换;3.css优化;4js优化以及表格优化。 　　1.1 垃圾代码是指那些在删除的情况下也不会影响页面正常显示的非必要代码。不要小看这些代码，他占据了很大的空间，不仅影响性能还影响搜索引擎的计算时间，所以代码最好是手写，如果用frontpage，word，dreamweaver，等工具写的话，产生的垃圾代码会非常多，所以手动清理掉。 　　1.2 html标签转换，主要是指使用短标签替换在网页中实现同样效果的长标签。例如与，两周都是对字体加粗，但是比多出五个字符，如果页面很多的话，就会产生很多冗余代码。 　　1.3 css优化。css优化主要是改变css的调用方式，以及避免使用css为重要内容定义样式。 　　使用div+css方式制作页面，一方面防止垃圾代码，另一方面可以减少重复代码。这种方式对搜索引擎非常友好。 　　1.4 js优化。js对搜素引擎极不友好。目前搜索引擎不能解析javascript生成的页面或者内容。所以重要的内容不能用js脚本生成; 　　1.5表格优化，传统的页面基本都是用table。但是这种方式对搜索引擎非常不友好，所以不建议用table 　　实战：我的网站gsm alarm system所有的页面都是手写，几乎没有任何的冗余代码，就是标签的转换，尽量避免了长便签。 　　还有就是css优化，所有的样式我放在外部页面，只需在头部添加引用即可，这样大大减少了页面的体积。 　　还有就是我采用了div+css的方式写了每个页面。 　　还有js优化，所有的重要内容都没有使用js，用js只是显示一些特效，但是js的代码也是写在外部页面，而要在页面的底部添加引用，千万不要再头部，如果在头部也会影响页面的性能的 　　而我的网站gsm alarm system所有的页面都遵守了上面所述规则。以上小弟如果有错的地方，各位大哥，可以给予指点，小弟不胜感激。好了今天就到此了，下节继续。

SEO方案写作一般包括以下五个部分：概述、网站结构、关键词检测分析、SEO计划和预测结果等。 一、概述 写作概述的目的是吸引方案的读者，使其对方案的实施产生兴趣。最好的书写感觉是含糊，但又显得真实。其写作内容一般包括以下三个方面： 1.实施SEO本身的好处 2.为什么某个（该方案的读者）网站要进行SEO？ 3.SEO实施后，该网站将会获得怎样的改变？ PS：（以下是我经常用的内容） 互联网走过了十多年，发展到今天，她有了一个最重要的发明或者说应用，那就是搜索引擎，而伴随着搜索引擎的发展，搜索引擎营销也成为网络营销的首选。 根据长期以来对搜索引擎的跟踪，我有如下定义：搜索引擎营销所做的就是全面而有效的利用搜索引擎来进行网络营销和推广。搜索引擎营销追求最高的性价比，以最小的投入，获得最大的来自搜索引擎的潜在客户访问量，并产生商业价值。 二、域名检测 为了了解网站目前的状态，需要检测各项指标对网站当前的状况进行综合评估，即域名检测。检测的内容一般包括网站当前的PR值、ALEXA排名、百度和谷歌等SE的收录情况、PV、IP、反向链接数等。 （1）域名注册时间： （2）域名PR值： （3）ALEXA排名： （4）百度收录： （5）谷歌收录： （6）PV数： （7）IP数： （8）反向链接： 三、网站结构 对当前网站结构的了解与评估主要从以下两个方面： 1.网站框架 按照网站的内容，网站页面一般可以分为：首页、频道页和文章页，主要考虑的问题有： ①各类页面的三要素（title、keyword、description）写作情况。其中，首页一般是人工写作，频道页与文章页可以是人工写作，也可以按照某种标准结构自动生成。 ②找出当前网站框架中存在的问题，考虑进行怎样的修改，达到怎样的效果。 ③建设最简单的网站结构。首页（一级域名）+频道页面（二级域名或是一级目录）+文章页面（各频道页面目录下简单路径） ④考虑是否启用二级域名。对于网站下属站点，二级域名的使用会使得用户更容易记住该站点的访问地址，从而留住用户。 2.网站代码 对网站代码的考虑，一般主要是技术SEO，基本内容是： ①从搜索引擎的角度来看，网站代码越简单越好； ②网页分动态与静态页面，页面中一般包括动态flash、图片等要素，应当从页面加载情况、用户体验等方面考虑SEO； ③网页所使用的技术、书写语言等； 四、关键词检测分析 关键词检测分析的对象主要是首页、频道页（列表页）和文章页所有当前使用的关键词，一般步骤是： 1.针对竞争对手网站，罗列出所有的关键词。 2.对罗列的关键词进行分析，主要是查看当前关键词的各种搜索引擎排名、收录页面数量和百度指数的情况。 3.针对当前分析情况，找出“目标关键词”和“相关关键词”，同时做出关键词优化列表。 五、SEO计划和预测结果 SEO计划主要包括最佳结构总结、页面写作、关键词优化、内容优化和效果预测，具体内容是： 1.最佳结构总结：当前结构的“健康性”，是否突出重点；页面外观设计上是否突出“焦点区域”（一般来说，对于图片焦点，人们更容易关注文字焦点）；频道是否启用二级域名（起码要是一级目录）； 2.页面三要素（title、keyword、description）写作：根据不同时期，人们关注的热点不同，适时调整相关页面的三要素（title、keyword、description）内容； 3.关键词优化：分阶段实现关键词的优化，目标关键词、相关关键词、长尾关键字； 4.内容优化：预测一些社会热点，丰富网站本身的内容。此时涉及最多的一般是文章页的标题与关键字密度情况； 5.效果预测：一般通过实际的指标数来进行效果预测，指标数主要包括：PR值、Alexa排名、PV、IP、百度和google等搜索引擎收录情况、反向链接等，还包括各阶段关键字排名情况。 一般来说，关键字排名有四种情况可以认为是达到了优化效果：出现在搜索结果的前三页、首页、首页的前三位、第一位，当然，出现在第一位是达到了最佳的优化效果。

（1） 减少http请求次数：CSS Sprites, JS、CSS源码压缩、图片大小控制合适；网页Gzip，CDN托管，data缓存 ，图片服务器。 （2） 前端模板 JS+数据，减少由于HTML标签导致的带宽浪费，前端用变量保存AJAX请求结果，每次操作本地变量，不用请求，减少请求次数 （3） 用innerHTML代替DOM操作，减少DOM操作次数，优化javascript性能。 （4） 当需要设置的样式很多时设置className而不是直接操作style。 （5） 少用全局变量、缓存DOM节点查找的结果。减少IO读取操作。 （6） 避免使用CSS Expression（css表达式)又称Dynamic properties(动态属性)。 （7） 图片预加载，将样式表放在顶部，将脚本放在底部 加上时间戳。 （8） 避免在页面的主体布局中使用table，table要等其中的内容完全下载之后才会显示出来，显示比div+css布局慢。

一、前端优化网站性能优化是一个很综合的话题，涉及到服务器的配置和网站前后端程序等各个方面，我只是从实际经历出发，分享一下自己所尝试过的网站性能优化方法。之所以在标题上挂一个web2.0，是因为本文更偏重于中小网站的性能优化，我所使用的系统也是典型web2.0的LAMP架构。首先讲讲前端的优化，用户访问网页的等待时间，有80%是发生在浏览器前端，特别是页面和页面中各种元素（图片、CSS、Javascript、 flash…）的下载之上。因此在很多情况下，相对于把大量的时间花在艰苦而繁杂的程序改进上，前端的优化往往能起到事半功倍的作用。雅虎最近将内部使用的性能测试工具yslow向第三方公开，并发布了著名的网站性能优化的十三条规则，建议你下载并安装yslow，并作为测评网站优化效果的工具。下面我挑其中特别有价值的具体说明一下优化的方法：对于第一次访问您网站，尚未在浏览器cache中缓存您网站内容的用户，我们可以做的事情包括：1）减少一个页面访问所产生的http连接次数对于第一次访问你网站的用户，页面所产生的http连接次数是影响性能的一个关键瓶颈。对策：- 尽量简洁的页面设计，最大程度减少图片的使用，通过放弃一些不必要的页面特效来减少javascript的使用。- 使用一些优化技巧，比如利用图片的背景位移减少图片的个数；image map技术；使用Inline images将css图片捆绑到网页中。- 尽量合并js和css文件，减少独立文件个数。2) 使用gzip压缩网页内容使用gzip来压缩网页中的静态内容，能够显著减少用户访问网页时的等待时间（据说可达到60%）。主流的web服务器都支持或提供gzip压缩，如果使用apache服务器，只需要在配置文件中开启 mod_gzip（apache1.x）或mod_deflate(apache2.x)即可。凡是静态的页面，使用gzip压缩都能够显著提高服务器效率并减少带宽支出，注意图片内容本身已经是压缩格式了，务必不要再进行压缩。3）将CSS放在页面顶端，JS文件放在页面底端CSS的引用要放在html的头部header中，JS文件引用尽量放在页面底端标签的后面，主要的思路是让核心的页面内容尽早显示出来。不过要注意，一些大量使用js的页面，可能有一些js文件放在底端会引起一些难以预料的问题，根据实际情况适当运用即可。4）使JS文件内容最小化具体来说就是使用一些javascript压缩工具对js脚本进行压缩，去除其中的空白字符、注释，最小化变量名等。在使用gzip压缩的基础上，对js内容的压缩能够将性能再提高5%。5）尽量减少外部脚本的使用，减少DNS查询时间不要在网页中引用太多的外部脚本，首先，一次dns的解析过程会消耗20-120毫秒的时间；其次，如果在页面中引用太多的外部文件（如各种广告、联盟等代码），可能会因为外部文件的响应速度而将你的网站拖得很慢。如果不得不用，那么就尽量将这些脚本放在页脚吧。不过有一点需要提及，就是浏览器一般只能并行处理同一域名下的两个请求，而对于不同子的域名则不受此限制，因此适当将本站静态内容（css,js）放在其他的子域名下（如 static.xxx.com）会有利于提高浏览器并行下载网页内容的能力。对于您网站的经常性访问用户，主要的优化思路就是最大限度利用用户浏览器的cache来减少服务器的开销。1）在header中添加过期时间(Expires Header)在header中给静态内容添加一个较长的过期时间，这样可以使用户今后访问只读取缓存中的文件，而不会与服务器产生任何的交互。不过这样做也存在一些问题，当图片、CSS和js文件更新时，用户如果不刷新浏览器，就无法获得此更新。这样，我们在对图片、css和js文件修改时，必须要进行重命名，才能保证用户访问到最新的内容。这可能会给开发造成不小的麻烦，因为这些文件可能被站点中的许多文件所引用。flickr提出的解决办法是通过url rewrite使不同版本号的URL事实上指向同一个文件，这是一个聪明的办法，因为url级别的操作效率是很高的，可以给开发过程提供不少便利。要理解为什么这样做，必须要了解浏览器访问url时的工作机制：a. 第一次访问url时，用户从服务器段获取页面内容，并把相关的文件（images,css,js…）放在高速缓存中，也会把文件头中的expired time,last modified, ETags等相关信息也一同保留下来。b. 用户重复访问url时，浏览器首先看高速缓存中是否有本站同名的文件，如果有，则检查文件的过期时间；如果尚未过期，则直接从缓存中读取文件，不再访问服务器。c. 如果缓存中文件的过期时间不存在或已超出，则浏览器会访问服务器获取文件的头信息，检查last modifed和ETags等信息，如果发现本地缓存中的文件在上次访问后没被修改，则使用本地缓存中的文件；如果修改过，则从服务器上获取最新版本。我的经验，如果可能，尽量遵循此原则给静态文件添加过期时间，这样可以大幅度减少用户对服务器资源的重复访问。2）将css和js文件放在独立外部文件中引用将css和js文件放在独立文件中，这样它们会被单独缓存起来，在访问其他页面时可以从浏览器的高速缓存中直接读取。一些网站的首页可能是例外的，这些首页的自身浏览可能并不大，但却是用户访问网站的第一印象以及导向到其他页面的起点，也可能这些页面本身使用了大量的ajax局部刷新及技术，这时可以将 css和js文件直接写在页面中。3）去掉重复的脚本在IE中，包含重复的js脚本会导致浏览器的缓存不被使用，仔细检查一下你的程序，去掉重复引用的脚本应该不是一件很难的事情。4）避免重定向的发生除了在header中人为的重定向之外，网页重定向常在不经意间发生，被重定向的内容将不会使用浏览器的缓存。比如用户在访问www.xxx.com，服务器会通过301转向到www.xxx.com/，在后面加了一个“/”。如果服务器的配置不好，这也会给服务器带来额外的负担。通过配置apache的 alias或使用mod_rewrite模块等方法，可以避免不必要的重定向。还有一些，比如使用CDN分发机制、避免CSS表达式等、避免使用ETags等，因为不太常用，这里就不再赘述了。做完了上述的优化，可以试着用yslow测试一下网页的性能评分，一般都可以达到70分以上了。当然，除了浏览器前端和静态内容的优化之外，还有针对程序脚本、服务器、数据库、负载的优化，这些更深层次的优化方法对技术有更高的要求。本文的后半部分将重点探讨后端的优化。二、后端优化上次写完web2.0网站前端优化篇之后，一直想写写后端优化的方法，今天终于有时间将思路整理了出来。前端优化可以避免我们造成无谓的服务器和带宽资源浪费，但随着网站访问量的增加，仅靠前端优化已经不能解决所有问题了，后端软件处理并行请求的能力、程序运 行的效率、硬件性能以及系统的可扩展性，将成为影响网站性能和稳定的关键瓶颈所在。优化系统和程序的性能可以从以下的方面来入手：1）apache、mysql等软件的配置的优化尽管apache和mysql等软件在安装后使用的默认设置足以使你的网站运行起来，但是通过调整mysql和apache的一些系统参数，还是可以追求更高的效率和稳定性。这个领域中有很多专业的文章和论坛（比如： http://www.mysqlperformanceblog.com/），要想掌握也需要进行深入的研究和实践，这里就不重点讨论了。2）应用程序环境加速这里仅以我最常应用的php开发环境为例，有一些工具软件可以通过优化PHP运行环境来达到提速的目的，其基本原理大致是将PHP代码预编译并缓存起来，而不需要改变任何代码，所以比较简单，可以将php的运行效率提升50%以上。比较常用的免费php加速工具有：APC( http: //pecl.php.net/package-info.php?package=APC)、Turck MMCache（ http://turck-mmcache.sourceforge.net）、php accelebrator(www.php-accelerator.co.uk)，还有收费的Zend Performance Suite3）将静态内容和动态内容分开处理apache是一个功能完善但比较庞大的web server，它的资源占用基本上和同时运行的进程数呈正比，对服务器内存的消耗比较大，处理并行任务的效率也一般。在一些情况下，我们可以用比较轻量级的web server来host静态的图片、样式表和javascript文件，这样可以大大提升静态文件的处理速度，还可以减少对内存占用。我使用的web server是来自俄罗斯的nginx，其他选择方案还包括lighttpd和thttpd等。4）基于反向代理的前端访问负载均衡当一台前端服务器不足以应付用户访问时，通过前端机实现web访问的负载均衡是最快速可行的方案。通过apache的mod_proxy可以实现基于反向代理的负载均衡，这里推荐使用nginx做代理服务器，处理速度较apache更快一些。5）应用缓存技术提高数据库效能，文件缓存和分布式缓存数据库访问处理并发访问的能力是很多网站应用的关键瓶颈，在想到使用主从结构和多farm的方式构建服务器集群之前，首先应该确保充分使用了数据库查询的缓存。一些数据库类型（如mysql的innoDB）自身内置对缓存的支持，此外，还可以利用程序方法将常用的查询通过文件或内存缓存起来。比如通过 php中的ob_start和文件读写函数可以很方便的实现文件形式的缓存，而如果你拥有多台服务器，可以通过memcache技术通过分布式共享内存来对数据库查询进行缓存，不仅效率高而且扩展性好，memcache技术在livejournal和Craigslist.org等知名网站应用中都得到了检验。6）服务器运行状态的检测，找到影响性能的瓶颈所在系统优化没有一劳永逸的方法，需要通过检测服务器的运行状态来及时发现影响性能的瓶颈，以及可能存在的潜在问题，因为网站的性能，永远取决于木桶中的短板。可以编写一些脚本来检测web服务的运行，也有一些开源的软件也提供了很好的功能7）良好的扩展架构是稳定和性能的基础一些技巧和窍门可以帮你度过眼前的难关，但要想使网站具备应付大规模访问的能力，则需要从系统架构上进行彻底的规划，好在很多前人无私的把他们架构网站的经验分享给我们，使我们可以少走甚多弯路。我最近读到的两篇有启发的文章：- 从LiveJournal后台发展看大规模网站性能优化方法 - Myspace的六次重构最后不得不提到程序编码和数据库结构对性能的影响，一系列糟糕的循环语句，一个不合理的查询语句、一张设计不佳的数据表或索引表，都足以会使应用程序运行的速度成倍的降低。培养全局思考的能力，养成良好的编程习惯，并对数据库运行机制有所了解，是提高编程质量的基础。