Firefox是一款越来越热的Web浏览器,多种多样的扩展,主题,插件,是它快速流行的重要原因. Mozilla的网站上提供了许多扩展和插件的下载,由于众多开发者的支持,这些扩展和插件的数量也在随着需求日益增长,下面列举13款比较优秀的可以辅 助网页设计工作的扩展.其实下面许多扩展大家都是知道的，大部分现在都升级至支持firefox3，下面简单总结一下。
1、IE Tab
   浏览器兼容是所有Web开发者都要考虑的问题,IE Tab能够让您再Firefox中以IE的渲染方式来呈现页面,并且可以方便的在两者之间切换。
2、Style Sheet Chooser II
   Style Sheet Chooser II 允许浏览者或开发者迅速的在为同一页面编写的不同样式之间来回的切换,甚至能够保证被选择样式应用到该站点的全部页面上. Style Sheet Chooser II 会覆盖Firefox内置的样式表切换器[style-sheet-switcher].
你可以用多种方式来调用它:
a. 通过”查看”[View]->”页面样式”[Page Style]下面的选项;
b. 通过工具栏[Toolbar]的一键切换;
c. 通过状态栏[Status Bar]的图标按钮;
小提示: 是否在状态栏和工具栏中显示图标,可以在扩展偏好[Extension Preference]中设置
3、CSSViewer
   一款小巧的CSS属性查看器,随着鼠标的移动显示当前所指示元素的CSS样式信息,其中包括了所有从父级元素继承而来,用户自定义以及浏览器自定义的样式信息. 同Style Sheet Chooser II 一样,你也可以通过在工具栏添加该扩展的图标按钮来激活/禁用该扩展。
4、CSS validator
   用W3C的CSS标准来校检页面,在新页面中显示校检结果,不过只对包含了CSS样式文件的页面起作用,例如http://www.w3.org/
其快捷按钮既可添加在右键菜单中也可添在工具栏上.
5、ColorZilla 2.0
   ColorZilla的主要功能有:
   将浏览器页面内的任何一点转换为16进制的颜色字符串,方便您快速的将其粘贴到其他的CSS样式中;通过缩放页面来测量其上任何两点之间的距离;从内置的调色板中选择预置的颜色,并把最常使用的颜色添加到自定义的调色板中.
6、FireShot 0.59
   FireShot能够方便的创建页面的截图[略缩图],相比于其他的扩展,FireShot提供了一系列的编辑和注释工具,方便你快速的修改所捕获 图像或者添加文本,图像注释. 这些功能对于网页设计者,测试者,和浏览者都很有用, 此外用户还可以自己定制所要捕获的范围,是页面全部还是屏幕的可见部分.
7、LinkChecker 0.6.3
   LinkChecker用于检查页面上超级连接的有效性,验证其是否已经损坏
8、Font Finder 0.5c
   选择一段文本或一个元素,单击右键并在菜单中选择”Font Finder”,就能看到所选取对象的字体信息
9、LiveHTTPHeaders
   这个项目的目的是通过以下两种途径实时显示页面的HTTP请求信息:a. 在”查看页面信息”[View Page Info]中添加”头部信息”[Hearders]选项卡;b. 添加”工具”->”Web设计”[Tools->Web Development]菜单项;此外用户还能利用它修改HTTP Headers并发起新请求!
10、SearchStatus 1.26
   再你的浏览器中显示Google的PageRank,Alexa排名,竞争力排名,高速关键字密度分析器,关键字高亮显示,后退/相关链接,Alexa的信息和其他的[SEO]搜索引擎优化工具.
11、FireFTP
   FireFTP,一款免费,高效,跨平台的FTP客户端,让你快速直观的访问FTP Server
12、MeasureIt 0.3.8
   通过可以绘制在页面任何地方的刻度尺来显示以像素(px)计算的宽度,高度,元素缩进量
13、Html Validator 0.8.5.2
   HTML Validator,一款为Mozilla和Firefox添加HTML验证的扩展,能够在状态栏的图标上标注当前页面的HTML语法错误数量,不仅会校检服务器发送来的HTML文件,也会校检内存中的HTML代码(通常为执行Ajax请求后的返回值)。 

　　1 关于UI设计
　　UI=User Interface,用户界面的意思。很多设计公司把UI单纯理解为界面设计，其实这里面网站构架的东西反而更重要一点，让用户花最少的时间找到自己需要的东西，同时还要兼顾、突出企业形象，这才是UI设计的根本目标。商业设计最重要的就是注重用户的使用习惯和资料的排列有序。
　　2 关于分辨率
　　很多不完善的设计方案中会有意避开这个问题。因为无论是打印出来的方案还是在电脑上演示的方案基本上都是看不出这个问题的，但真正到了国外客户那里，去往往会出问题。现在较流行的显示器一般都能达到1280，但用户在设置的时候往往有自己的偏好，一般是800x600,1024x768的设置多一点，也有用1152和1280的，特别是国外的客户，他们往往会用到液晶显示器，时下的液晶显示器默认分辨率就是1024以上的了。所以在设计的时候一定要考虑到不同分辨率下的状况，争取都能做到好的效果。
　　3 关于浏览器
　　在中国，ie浏览器已经成为事实上的标准，但国外市场上其它类型的浏览器还有着比较大的市场份额，这就出现了一个问题，如果考虑到其它的浏览器，网站的动态特性或者功能上就会受到很大的限制，因为很多新出现的功能支持都是微软提出的，其它浏览器并不支持。所以从这个角度考虑，功能还是以实用为主，不要有太多的特效，免得在其它浏览器中看起来乱七八糟。即使需要特效，最好也是选择flash这样的大家都支持的通行标准，不要选择java，因为ie6.0对java支持非常差。这个问题实际上牵扯到微软和其他浏览器厂家之间的竞争问题，从我们企业的形象和根本利益出发，特效尽量少用。
　　4 关于搜索引擎和关键字
　　网站建好后登陆搜索引擎有助于客户找到您的网站，这是网络营销中非常重要的一环。搜索引擎的机制各不相同，但其中大部分都是支持关键字的。您需要把与自己公司相关的关键字找出来，在制作网站时就加进去。但这又出现一个问题，如果您的网站是纯flash的，那么一般情况下，关键字就很难加进去了。所以一定要避免制作全flash的站，最好是混合设计。既有效果，也有速度，同时还能加入大量的关键字。
　　5 flash的问题
　　现在有越来越多的企业选择用flash来制作公司网站，喜欢那种绚丽的效果。但有些问题还是需要注意的：比如flash不易维护，如果有需要更新的部分非常不方便；flash的运算都要靠客户机，要求比较高，如果您在自己的电脑上或在设计公司的电脑上看的效果非常流畅，并不代表所有人都能看到这样的效果；flash中如果需要插入大量的文字，最好用动态输入文字，这样体积小，而且看起来更清晰，千万别打成shape，切记！切记！
　　6 网站后台技术
　　网站后台一般分两大阵营：linux+apache+php +mysql 和 nt+iis+ asp+ sqlserver。除非您对自己公司的技术实力非常有信心，否则还是选择后一种吧，这样在开发和后期维护上都比较方便。技术人员也比较容易找到。但如果您的网站功能要求非常强大，用户数量众多，可能后一种就力不从心了，这时可以考虑前一种方案。
　　7 关于网络安全和数据备份
　　现在有越来越多的有实力的公司买一台服务器自己用，这是就要格外注意网络安全的问题了。因为很多公司前面都有一些租用空间的经验，但那时由专业公司来负责网络安全，现在自己买服务器，要面临这样的问题，很多公司都注意不到它的严重性。如果您有自己的服务器，最好由专业的公司或网管来负责网络安全和数据备份这样的事情，否则一旦碰上黑客或者病毒之类的就傻了——辛辛苦苦累积起来的客户数据或者网站内容就丢了。 

     网站的良好运营靠的是什么？靠技术，肯定不是，因为技术的发展是一个相对的概念，不具有耐久性，缺乏凝聚力，如果仅仅靠这个，是不能维系整个网站发展的。网站其实就是企业，只不过它是提供给自己的客户以不同的产品，即以网页的形式展现给他们浏览、以交互的方式让他们参与等等，既然网站是一个企业就不能回避一个问题，就是盈利的问题，如果只顾向网站投钱，作亏本生意，是那个网站都不愿意做的事情。所以网络如果要给自己带来回报，就必须以高标准来要求，这样就不得不提升到网站文化的高度。还是先来看一下企业文化的定义吧！
　　只要问一问任何一家一流的高科技企业，什么使这些企业引以自豪，十家有八家或许会告诉你，它们引以自豪的是自己的产品或服务。剩下的两家则会举出一系列的东西，如它们的业务流程、它们的业务伙伴关系、它们的员工等等。总之，概括起来就是：企业文化。 什么是企业文化呢？Terence E. Deal（特伦斯）和Allan A. Kennedy（阿伦）合著了一部颇具影响的专著，《企业文化》（Corporate Culture）。书中给企业文化的定义是，"用以规范企业人多数情况下行为的一个强有力的不成文规则体系。"
　　其实企业文化指的是一个企业中所有员工共有的一套观念、信念、价值和行为准则，以及由此导致的行为模式。企业文化是以人为本的管理哲学，是把精神文明建设同企业特点和市场对企业发展的要求结合起来的一个重要形式，是借助文化力量的管理方式，良好的企业文化能为企业保持数十年的竞争优势。
　　可以说企业文化是企业的灵魂。一个没有自己企业文化的企业其经营往往是随波逐流的，其员工也没有主人翁意识，这样的企业是长不了的。纵观国内外现代化企业管理已经从以物为中心的管理转向以人为中心的管理，从而越来越突出人在企业生存和发展中的作用和力量。企业最重要的资源是知识，而知识是人的资源，所以重视人就是重视企业最重要的资源。IBM这样一个老牌的大公司为什么经历如此多的风风雨雨至今仍然是蓝色巨人？HP公司为什么能保持20多年持续稳定的发展？其答案都很简单：重视人的建设是他们立于不败之地的保证。
　　虽然现在的网站赖以竞争的本钱并不是靠的自己的文化，而是一些比如机遇、技术、条件等，但是现在并不能代表以后，随着社会经济和网络技术的发展，外部条件都不是问题，如果仅靠这些，网站之间的差别将变得很小，这样网站生存的价值就会变小。所以要能够在竞争中立于不败之地，就应该坚持以人为本，挖掘网站人的潜力，让他们发挥自己的才能，使他们能够不断的超越自我，更好的凸现自己的价值。从而形成一种合力，使网站的发展形成一种良好的机制。
　　 在这样的情况下，网页设计就被赋予了新的内容，要求也随之提高，主要表现在几个方面：
　　首先就是网站的整体形象，一个网站给人的第一印象就是主页，但是绝不是说，只要主页做好了，网站的整体形象就好，因为在用户对整个网站的浏览的过程中，会自然而然的形成一种对网站的看法，这种看法是附带有感情色彩的，比如喜欢、不喜欢、没有什么感觉等，这就是整体形象的体现，这是靠主页和其它的页面相配合来完成的，所以在制作网页的时候要考虑怎么将自己网站好的一面体现给自己的用户，又要考虑体现的方式，侧重点，不能一锅端，都放在主页上，造成杂乱的形象。而要给人以好的可以信赖的形象就必须从许多细节上入手，同时规范整个网站的外在表现，具体在于标志的设计、标准色彩的表达以及标准字体的设计。这些都是很重要的，有一个统一的、标准的形象是赢得自己用户信赖的条件。
　　其次是如何在网页设计中将整个网站的员工的精神风貌体现出来，每个企业的员工其实是一分宝贵的财富，所以能够充分的将员工的精神风貌体现出来一方面可以激励他们努力的工作，热爱自己的工作，也是加强企业凝聚力的一个手段；同时也可以通过这样的方法来赢得自己的客户的支持，在网站林立的今天，赢得自己的用户就是赢得了市场，就是获得了生存的基本条件。
　　再次，在网页设计的时候，需要结合网站本身的特点，提炼出自己的经营理念，摆脱低层次的网站运行模式，网站作为一个企业就必须在不断的发展壮大的时候，结合自身的文化特色，提炼出一些深层次的东西，而这些东西就是企业的灵魂，很多世界知名品牌都有自己的独特的经营理念，比如微软是"成功诀窍 = 人才 + 创新，管理 = 合适的时间 + 应做的事"，惠普是"财富= 人才 = 资本 + 知识"，飞利普是"新产品 = 技术内涵 + 观念创新"，东芝是"企业活力 = 智力×（毅力 + 体力 + 速度）"，麦当劳是"企业的活力 = 原材料×设备×人力资源人力资源 = 人数×能力×态度"。这样就给网页设计师提出了更高的要求，要求他们能够深入的了解网站，同时将自己融入的到网站中，不断的发掘具有闪光性的东西，同时找到合适的表达方式来加以强化。这样才能够使网站靠自身的优势获得用户的好感。从而奠定良性运行的基础。 

布局

　　CSS至关重要的作用, CSS的设计初衷.

　　CSS布局和几年前table横行时的布局又不太一样, 在结构化语义化的HTML文档后面, CSS在格式化文档的渲染效果, 把结构化文档用表现化语言来描述. 简而言之, 就是CSS不需要表现性标签!

　　CSS布局技术依赖于三个基本概念: 定位, 浮动, margin操纵. 布局技术之间没有本质的区别, 相同一种布局让100个前端开发工程师来做, 可能就有100种方法.

　　居中

　　在table时代, align和Valign相当的好用, 而在CSS中却没有简单实现的方法,所以在标准化刚刚开始推广的时候, 很多重构项目中居中问题变成了阻碍标准化进步的绊脚石.

于Google排名,很多人都会有一肚子的话要说。Google排名有很多的排名因素，大家把关键字排上去的手法各不同。于是乎，公说公有理，婆说婆有理。于是“seo江湖”也就会出现各大派系，比如“链接流”、“原创流”、“页面流”，各显峥嵘，各自为王。
是一家专业的Google排名优化公司。在近四年多市场运营过程中，服务过近千家企业网站，也从中积累了厚实的的一套“Google排名”理论。在这里，并不想揭示这些流派的长短。而是依据长期为企业网站优化的经验说出自己的心得。
企业网站的出路在于通过在线营销，也就是通过网络卖出产品，就目前来说，搜索引擎营销是在线营销的有力手段，因此Google排名、百度排名历来是“兵家必争之地”。既然知道在线营销是出路，必然它也就是做企业网站的最终目的，也就是Google排名的最终目的。分清主次，你就会做到井然有序，而不是纯粹为了Google排名而排名。
而做Google排名，必然需要谈到网页设计，因为网页设计是一切Google排名的基础。然而网页设计的标准是什么?怎么样的网页设计对Google排名有利，代码简洁?尽量少JS?多文字，少图片?……
于是我们回到了几年前的话题：企业网页设计。网页设计市场已经到了只能用一个字来形容：“乱”。为什么“乱”?原因大概有以下几点：
1、网页设计门槛低，现在很多高中生，甚至初中生也懂得一点网页设计，有些“活跃的”甚至能够与网络公司“抢”着汤喝。
2、网页设计行业竞争激烈。因为这是互联网的起门业务，基本任何一家网络公司都会做的业务，所以竞争可以用“白热化”“蒸汽化”来形容。
3、企业主的不识与偏见。很多传统行业的企业主认为做网站跟菜市场卖菜没什么区别。在他们眼里，网页设计特简单。因为连初中生都可以做的事。能难到哪里去?但是一分钱一分货。很多这样的企业主，也因此为他们自己的偏见而“埋单”。
…… 

他们用Photoshop ，玩着Dreamweaver，辛苦地敲着代码……为什么一些有艺术感、热爱电脑的人如此渴望做网页设计？本文总结了十大理由，如果你已经在从事网页设计了，那么本文将帮助你认识这份工作的“亮点”。
10.新时代最酷的工作之一

       现在是2007年，编程大红大紫的时代！所有的人甚至动物都涌向电脑和网络。网页设计是一新兴行业，正在增长和逐渐确定它的位置。而且，只要互联网不消失，你就有饭吃。

在一般的留言本，论坛等地方都要用到文本输入框，也就是html语言中的textarea,textare包含有众多的参数，学会运用这些参数，就可以随意修改文本输入框的大小和外观，达到你想要的效果，下面就来介绍这些参数，以及如何使用这些参数。
 
在一般的留言本，论坛等地方都要用到文本输入框，也就是html语言中的textarea,textare包含有众多的参数，学会运用这些参数，就可以随意修改文本输入框的大小和外观，达到你想要的效果，下面就来介绍这些参数，以及如何使用这些参数。
　　1、cols，垂直列。在没有做样式表设置的情况下，它表示一行中可容纳下的字节数。例如cols=60，表示一行中最多可容纳60个字节，也就是30个汉字。另外要注意的是，文本框的宽度就是通过这个来调整，输入好cols的数值，然后再定义输入文字字体的大小（不定义的话，会采用默认值），那么文本框的宽度就确定了。
　　2、rows，水平列。表示可显示的行数，例如rows=10，表示可显示10行。超过10行，则需要拖动滚动条来浏览了。（同上，文本框的高度就是通过这个来控制的。）
　　3、name，文本框的名称，这项必不可省，因为存储文本的时候必须用到。
　　4、warp，当warp="off"表示该文本区域中不自动换行，当然不写默认是自动换行的。这个参数一般用得比较少。
　　5、style，这是个非常实用的参数，可以用来设置文本框的背景色，滚动条颜色及形式，边框色，输入字体的大小颜色等等。
　　6、class,一般用来调用外部css里边的设置。 

网站主题规划
注意不要让你的网站主题过于分散。因为网站主题越集中，一般情况下网站所有者在这方面投入的精力会更多，因此所提供信息的质量也会越高。我们知道，搜索引擎一直致力于向用户提供高质量的信息搜索服务，所以它会将那些提供有价值信息的网站排名提前，优先返回给用户。
 
如果网站内容覆盖范围很广，而且确实又需要保留众多的主题，这种情况下怎么办？还是同样的原则，只要你将网站信息分门别类进行合理的组织，自然就会形成一个个相对集中的主题，那么搜索引擎自然会给你一个靠前的网站排名。
 
丰富网站内容与网站受欢迎程度
这两者是相辅相成的，有着丰富内容的网站通常也会受访问者的欢迎。请注意这里的内容丰富并不是指内容的繁杂，而是指内容的深度。
 
搜索引擎在排名网站时，不仅要看网页的信息相关度，同时也会考虑网站的声望如何，比如外部链接有多少，网页的点击率有多高等等。因此一个内容充实的网站肯定会排在内容贫乏的网站前面。
 
由于不同的搜索引擎在网页支持方面存在差异，因此在设计网页时不要只注意外观漂亮，许多平常设计网页时常用到的元素到了搜索引擎那里会产生问题。
框架结构（Frame Sets）
有些搜索引擎（如FAST）是不支持框架结构的，他们的“蜘蛛”程序无法阅读这样的网页。
 
图象区块（Image Maps）
除AltaVista、Google和Northern Light（现已停止公共搜索服务）明确支持图像区块链接外，其他引擎是不支持它的。当“蜘蛛”程序遇到这种结构时，往往会感到茫然不知所措。因此尽量不要设置Image Map链接。
 
特效链接
我们经常看到有些网站为导航链接加上了特效，如点击某个项目会展开下层链接等。这些效果一般通过Java Script实现，视觉上非常新颖，但在“蜘蛛”程序的眼里则没那么诱人，相反它无法解读这种链接。为了让搜索引擎顺利检索到你的网页，建议还是牺牲掉一些花哨的东西。
 
FLASH
虽然FLASH制作的网页视觉效果较好，但搜索引擎对此却不太感冒，个案表明这一类的网站很难被百度搜索引擎索引。明智的做法是提供FLASH和非FLASH网页两种选择，这样即增加了网页的观赏性，又照顾到了搜索引擎的情绪。
 
动态网页（Dynamic Pages）
任何地址中带“？”号、“&”号（及其他类似符号）的网页都会把“蜘蛛”程序挡在门外。这些网页通常由CGI、PHP、ASP等程序产生，技术上较先进，但不适合搜索引擎的“蜘蛛”程序。虽然目前有的大型搜索引擎（如Google）已具备检索动态网页的能力，但相当一部分数引擎还是不支持它的。而且即使是能够索引动态网页的Google，也在多个场合中明确表示不保证检索全部的动态网页
 
因此，除非是超大型网站，为方便起见不得不采用动态网页生成技术，否则还是尽量使用静态网页为好。 

什么是优化的网页设计?由于不同的搜索引擎在网页支持方面存在差异，因此在设计网页时不要只注意外观漂亮，许多平常设计网页时常用到的元素到了搜索引擎那里会产生问题。
　　由于不同的搜索引擎在网页支持方面存在差异，因此在设计网页时不要只注意外观漂亮，许多平常设计网页时常用到的元素到了搜索引擎那里会产生问题。
　　■ 框架结构(Frame Sets)
　　有些搜索引擎(如FAST)是不支持框架结构的，他们的“蜘蛛”程序无法阅读这样的网页。
　　■ 图象区块(Image Maps)
　　除AltaVista、Google和Northern Light(现已停止公共搜索服务)明确支持图像区块链接外，其他引擎是不支持它的。当“蜘蛛”程序遇到这种结构时，往往会感到茫然不知所措。因此尽量不要设置Image Map链接。
　　■ 特效链接
　　我们经常看到有些网站为导航链接加上了特效，如点击某个项目会展开下层链接等。这些效果一般通过Java Script实现，视觉上非常新颖，但在“蜘蛛”程序的眼里则没那么诱人，相反它无法解读这种链接。为了让搜索引擎顺利检索到你的网页，建议还是牺牲掉一些花哨的东西。
　　■ FLASH
　　虽然FLASH制作的网页视觉效果较好，但搜索引擎对此却不太感冒，个案表明这一类的网站很难被百度搜索引擎索引。明智的做法是提供FLASH和非FLASH网页两种选择，这样即增加了网页的观赏性，又照顾到了搜索引擎的情绪。
　　■ 动态网页(Dynamic Pages)
　　任何地址中带“?”号、“&”号(及其他类似符号)的网页都会把“蜘蛛”程序挡在门外。这些网页通常由CGI、PHP、ASP等程序产生，技术上较先进，但不适合搜索引擎的“蜘蛛”程序。虽然目前有的大型搜索引擎(如Google)已具备检索动态网页的能力，但相当一部分数引擎还是不支持它的。而且即使是能够索引动态网页的Google，也在多个场合中明确表示不保证检索全部的动态网页。
　　因此，除非是超大型网站，为方便起见不得不采用动态网页生成技术，否则还是尽量使用静态网页为好。
　　■ 加密网页
　　除非你不希望搜索引擎检索你的网页，否则不要给你的网页加密。
　　■ 网页容量
　　包括图像在内的网页字节数最好不要超过50K。体型庞大的网页下载速度慢，不仅会让普通访问者等得心急如焚，有时也会使“蜘蛛”程序感到不耐烦。
　　■ 独立域名与付费虚拟主机
　　目前搜索引擎都不愿收录位于免费主页空间上的网站。其理由是，既然你认为自己的网站如此重要，以至于需要登录搜索引擎让天下人都知道，那么你没有理由还将它放在免费服务器上。更何况免费主页通常速度较慢，会影响大家搜索信息的效率。
　　当然凡事都有例外，如果你的网站确实优秀，也有可能被搜索引擎接受，不过在条件相当的情况下，你的排名会永远跟在那些拥有独立域名的网站后面。 

数月来学习web标准，并遵循标准设计和制作web页面。一直想写点什么，整理一下自己的心得体会。写这篇文章，主要是针对中文排版设计，英文排版因为很少做，所以不涉及。

先介绍如何设定字体、颜色、大小、段落空白等比较简单的应用，后面再介绍下比如首字下沉、首行缩进。最后讲一些常用的web页面中文排版，比如中文字的截断、固定宽度词内折行（word-wrap和word-break）等等。因为只是写一些应用方面的心得，如果需要完整的CSS属性介绍，请参考CSS手册。

1、如何设定文字字体、颜色、大小 —— 使用font

网站链接对于很多人来说并不陌生，但是对于多种连接的含义和用法却是模糊不清，其中结构链接就是非常困扰的一点，我们一般的网页是通过静态链接打开的，但是在一些特殊情况下，我们也能遇到结构链接，详情如下。
为用户提供结构链接网站地图，列出指向结构链接网站重要部分的结构链接。如果结构链接网站地图上的结构链接超过或大约为100个，则需要将结构链接网站地图拆分为多个结构链接网页。
结构链接网站应实用且信息丰富，结构链接网页文字应清晰、准确地表述要传达的结构链接内容。
要考虑到结构链接用户会使用哪些字词来查找您的结构链接网页，确保结构链接网站上确实包含了这些结构链接文字。
尽量使用结构链接文字而不是结构链接图形来显示重要的结构链接名称、结构链接内容或结构链接。谷歌抓取工具无法识别结构链接图形中所含的结构链接文字。特别是结构链接友情链接时，如果你是为了提供结构链接和排名，则用结构链接文字链接是重要的。
确保对结构链接和结构链接标记属性的结构链接描述和表达准确无误。切记为结构链接网页的结构链接图片加上结构链接描述，这里是你放结构链接关键词的好地方。
检查结构链接链接是否损坏，并确保结构链接格式正确。请使用谷歌网站管理员工具时刻检查自己结构链接网站的结构链接，如结构链接有损坏，注意删除或修正。
如果您决定采用结构链接动态页面(即网址中包含结构链接字符)，请注意并非所有结构链接搜索引擎的抓取工具都能像抓取结构链接静态网页一样抓取结构链接态网页。缩短结构链接参数长度并减少结构链接参数数目对结构链接动态页面是有帮助的。建议采用结构链接重写技术进行结构链接动态链接静态化。 

网页中的标点符号经常会被很多人忽视，其实无论是英文还是中文网站，短句还是长句，标点符号的应用在一定程度上也影响着网站用户的体验。包括我们在设计页面时，不仅要注重网页的布局，颜色，设计等，另外对于文字的标点符号也要引起足够的重视，具体标点符号会起到什么作用在下文中我们一一解说：
　　标点符号的作用
　　标点符号大致来说有三种作用：表停顿；表语气；表词语的性质。
　　1、表停顿，用来表明句子的结构。
　　2、表语气。通常交谈的语气有三种：陈述预期，告诉别人一件事情；疑问预期，向别人提出一个问题；祈使预期，要别人做一件事情。这几种语气在交谈中用语调来表示，在书面上用标点符号表示。
　　3、表词语的性质。某些词语加上某种标点，词语的性质就会发生变化。如“高兴”指的是一个形容词；而《高兴》就表示一部电影或书籍或文章的名字。
　　中英文标点符号的差异
　　1、汉语中某些英文中所没有的标点符号。
　　a) 顿号（、），英文中分割居中的并列成分多用都好。
　　b) 书名号（《》），英文中没有书名号，书名、报刊名用斜体或下划线表示。在英文中文章、诗歌、乐曲、电影、绘画等名称和一些专有名词也常用斜体表示。
　　c) 间隔号（·），英文中需要间隔时多用逗号。
　　2、英文中某些汉语中所没有的标点符号
　　a) 撇号（’）
　　b) 连字号（-）
　　c) 斜线（/）
　　用户界面文本中标点符号的使用
　　在用户界面文本中何时使用标点符合主要遵循以下依据
　　而针对具体的标点符号，也有一些规范。
　　句号
　　1、控件标签或主要标题说明后不使用；
　　2、辅助说明、辅助解释或其他包含完整句子的静态文本后使用。
　　这里的区分主要是看文本内容的性质，是主要文本还是辅助性的文本，这两种文本的区别在后面的是否使用英文标点符号中也会用到。
　　问号
　　可以在所有的问句后使用，问号应用于所有类型的文本，如下图：
　　感叹号
　　带有强烈的感情色彩，应尽量避免使用，只有在一些特殊情况下可以使用，如任务完成等。
冒号
　　1、在外部控件标签的末尾使用；
　　2、用冒号来引导一组并列项。
　　省略号
　　表示不完整或未完成，在以下情况中使用省略号，
　　1、表示该命令需要额外的信息。不是所有显示其他窗口的操作都加省略号，只是那些需要额外的信息来完成的操作的情况需要。
　　菜单项不需要额外的信息来完成。
　　菜单项是一个命令或者隐含着命令，需要额外的信息来完成。
　　2、表示文本被截断。
　　3、表示任务正在进行中。
　　中文界面里使用英文标点的情况
　　与普通的书面表达不同，在界面设计中会出现混杂了英文标点符号的现象，这不是设计师的疏忽而是英文标点将有助于提高无障碍访问特性，所以在一些重要信息中应该使用英文标点，如标签尾部的冒号和在命令、数据、标签中表示不完整的省略号，主要标题后面的问号。
　　粗略的总结了一些常用标点的用法和用户界面文本中的特例，其中难免有疏漏之处，欢迎大家指出疏漏之处予以斧正。 

(中国电子商务研究中心讯)摘要：网站是由诸多的网页构成，网站存在的价值是被客户访问，客户的浏览率是网站广告收费的重要依据，也是评估网站价值的重要依据之一。网页是构成互联网的基本元素，是引导客户进入网络的大门。网页作为信息传达的载体，具有提高消费者对企业或商家新产品的了解，增强企业或商家的知名度，树立企业或商家形象，提高企业或商家信誉，促进销售等方面的功能。那么，如何使客户浏览后记住这个网站？企业或商家如何使自己的网站与众不同？这是设计师要认真思考的问题。
　　一、利用图像美化网页，提高点击率
　　网页设计中内容应当是第一位的，但是从商业的角度考虑，页面设计也是非常重要的。设计师除了利用互联网的特性和企业目标市场的准确定位外，还要把页面设计的趣味盎然，引人入胜，从众多的页面中脱颖而出，以吸引读者的眼球，从而增加页面的点击率。
　　网页是由文字、图像等元素构成的，各种设计手段与编排手法的运用，就是要让读者产生一种心理暗示，引导读者对目标网站产生兴趣和阅读欲望。
　　文字是网页中必不可少的设计元素，也是网页中主要信息描述的要素，所以网页中文字占据了很大的面积。但是页面上文字太多，就会显得沉闷，缺乏生气。图像是构成网页设计要素之一，它具有强烈的视觉效果，能使页面显得活泼生动，美观大方，图像的好坏直接影响阅读者的观赏兴趣。图像还能补充文字说明，给读者直观的表现。能给网页锦上添花，并能潜移默化地给读者思想情感上的启迪与感染，也能表达设计师个人的设计风格。
　　一个优秀的页面设计必定是形式与内容的完美结合。一方面，网页设计所追求的形式美，必须适合主题的需要，这是网页设计的前提。只讲究形式美感，过于强调独特的设计风格而脱离内容，或者只求内容而缺乏艺术的表现，页面设计都会变得空洞而乏味。另一方面要确保网页上的每一幅图像都有存在的必要性，不要为了炫耀而刻意装饰，了解企业或商家的经营策略，具有针对性地设计。因为图像是为页面而服务的。图像的大小、位置、数量、形式等因素，直接关系到网页的视觉传达。图像要与内容特性相吻合，不能相脱离，更不能相互冲突。 

从某种意义上来说，页面设计(web设计)也就是用户界面设计。有许多技巧可以帮助我们制作出漂亮、实用的界面，这里收集的5个小技巧就会对你有所帮助的。这些技巧并不依赖于特定的主题或模板，所以会适用于多数情况下的设计。不罗嗦了，我们开始吧！
　　1.改善链接体验
　　网页中的文字链接通常标有下划线，表示文字是可以点击的，但可点击区域不会超过字符的宽、高范围。设计类似这种带有超链接的可点击区域的时候，都可以通过一些小技巧来提高可用性，比如：增加间隔，有些情况下甚至可以把链接转换为块元素。如下图，用高亮来区别可点击区域。
　　显然，可点击的区域越大，用户点击就容易。在没有指定宽度的时候，将链接转换为块元素，可以使文字链接的可点击区域扩大到为整个容器的宽度，这样的设计尤其适用于侧边栏的链接。这个技巧可以通过如下CSS实现。
　　a {
　　　display: block;
　　　padding: 6px;
　　　} 　
　　注意：由于转换为块元素只对链接的宽度起作用，所以需要设置间隔(padding)来保证块在纵向的间距。
　　2.按钮也需要排版！
　　设计的每一个细节失误都有可能把完美的产品变成平庸，比如按钮、Tab这样简单的界面元素，由于用户每天都会点击无数次，也需要适当的进行排版。请看下面一些例子：
　　乍看起来上图没有什么问题，仔细观察可以发现，按钮和select的文字都偏上，原因就是将小写字母作为了排版的基准，小写字母居中时，整个文字的位置就会显得偏上。
　　就像上图中，如果按钮上的文字包含大写字母或一些较高的小写字母，如”t,d,f,h,k,l”的时候，文字就会显得偏上。所以，通常应该把大写字母作为定位的基准，或者在小写字母较多时，稍微将文字的位置向上移动。
　　上面的文字排版使按钮看起来更舒服，注重像这样的小细节对界面设计大有帮助。
　　大头：虽然中文没有大小写字母的问题，但也有很多页面设计时不注重按钮的文字排版，导致错位。