红色调的网页设计
红色是一种鲜艳、热烈、瑰丽的颜色。它因为充满热情动感而给人勇气、信念和活力，与热情奔放相联系，红色表示爱情、憎恨和勇气。红色具有如此的影响力，因此在室内装修中应小心应用，如果运用适量，红色温暖而热情，如果运用过度，就会感到过于刺激而难受。
绿色调的网页设计
绿色:是植物是色彩，象征着平静与安全，带灰褐绿的色则象征着衰老和终止。绿色和蓝色配合显得柔和宁静，和黄色配合显得明快清新。由于绿色的视认性不高，多为陪衬的中型色彩运用。
灰色调的网页设计
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中却没有简单实现的方法,所以在标准化刚刚开始推广的时候, 很多重构项目中居中问题变成了阻碍标准化进步的绊脚石.