1.规划：不管是乔客，还是用动易、风讯，我们都应该考虑两个问题：
a、版面要分出头、中、底三个部分。
b、中间部分要考虑两种情况，一是两栏（乔客左窄右宽，动易左宽右窄），二是一栏，两种情况显示不能变形。有些朋友想每个板块的头部不一样，这也是可以的，你可以在程序代码中做文章，那是编程的问题，按下不表。
如果我看到别人的版面想拿下来，那就做个截图，建立一个photoshop文件，把截图放在最底层，作为最初的草图。
2、制作。
a、即使不用别人的版面，最好也还是找一个同类系统的网站截一个图，放在最底层。拉三根垂直辅助线：左边线，中间虚线位置，右边线。
b、建立头、中、底三个图层组。有些人用photoshop不喜欢建立图层组，这不是好习惯，一个版面，少则几十层，多则上百层，不分开图层组管理就很乱，影响工作效率，更影响多人合作。
c、制作的时候最好尽量把文字内容也放上去，可以更接近实际效果，等切图的时候隐藏这些图层。
d、标题样式。一个版面除了头、底要特别制作外，中间部分应该考虑制作三种标题样式：左栏、右栏、通栏，也可以统一风格。还要考虑表头背景、一些常用到的边框等。我自己把许多喜欢的边框样式用js作了一个样式包，随时调用，而标题样式我是使用flash来做的一个样式，使用不同的参数调用，就可以有不同的样式和颜色，改版的时候就改一个js文件和flash文件，做版面的时候会节省一些时间。
e、常用的按钮样式。常用的按钮其实不用在版面制作的时候做的，可以找回原来的按钮图片一个一个修改。
f、特殊字体的使用。不管是链接还是内容，我都主张尽量使用样式表来控制字体样式，但有些地方要用到不常用的字体，为了使所有的浏览者都能看到自己的设计原意，就要把文字制作成图片，这一类的图片要适当使用，因为使用了图片，对搜索引擎的访问是无益的。
g、像素图。尽量使用像素处理，例如一些边框、小图标，会使图片的字节数大大减少，显示快，容易透明处理。
3、切图切图要在imageready中完成，先要把完稿的作品保存，最好还要做一个备份，然后跳转到imageready工作。
a、有朋友切图时要合并图层，这是没有必要的，图层合并了，以后修改和编辑都麻烦，而且有时候切图还要按一些图层的大小定位来做，例如要切出一个468x60的广告横标，你可以把这个横标的图层载入选定区域（load selection），然后从菜单select把选定区域转换成切片（create slices from selection）。
b、不要把整个版面同时切图。一般来说，头部的色彩很丰富，而中间和底部的色彩比较少。例如一个版面头部的切片，调色板可能要256种颜色，而中间和底部只要18色就能搞定，如果同时切片，就变成同一个调色板，中间的部分也使用了256色，就会使文件大小增加，但如果折中，让头部256色减少为128色或32色，又会影响效果。所以要分别处理，方法是在ps中分别选择头部、中间（中间有时候还可以分出几个板块）、底部，裁切，另存为几个不同文件，然后切图。
c、切图要考虑清楚，你准备使?
来定位还是使用定位，不同的html图片分割是不同的。例如新阳江网站的两边灰色框，如果使用来做，背景图只要切一个高1像素宽791像素的背景图，而如果使用，就要切出左边背景和右边背景。
d、gif和jpg。在同一个文件中切图，photoshop是允许不同的切片使用不同的文件格式的，但gif格式和jpg格式结合的地方，有时候肉眼都能可能看出颜色的差别，所以同一部分的切图最好使用同样的格式。颜色较少、较单纯的图片，文字图片，从矢量图转过来的小图标、边框背景等图片，一般用gif格式比较好，文件小，颜色不失真。摄影图片、三维软件做出来的彩色立体文字，一般用jpg格式。如果切片是准备做flash用的，文字部分和矢量图标等就不用了，在flash中使用字体和矢量图比做成位图占用的字节小，动画效果更流畅。
e、有链接的图片。有链接的图片处理方法很多，你可以每个链接切一个图片，也可以切一个大图，在网页编辑器里面编辑的时候添加链接热区。现在更好的做法是使用文本链接，把图片变成背景就行了。
图片链接还可以用flash来做，可以有很酷的动态效果，切一个大图，倒入flash文件中作为背景层，上面添加透明按钮就可以了。要注意的是flash里面的图片，可能会与页面其他图片的色调有些差异，位置也有一个像素的位移，一定要小心处理。
使用了图片或flash作链接，对搜索引擎支持都不大好，作为补救措施，你可以在页面其他内容使用一些文本链接引导搜索引擎找到这些页面。
网站访问速度可以直接影响到网站的流量，而网站的访问量几乎与网站的利益直接挂钩，因此网站的速度问题成为企业及站长十分关注的问题。现在网站越来越多，不少朋友的网站打开速度很不理想。也许自己打开网站速度很快，别人打开自己网站却反映速度满。这有可能是因为网通和电信等线路问题造成的，但大部分是由于大家网站自身的问题影响了速度。如何提高网站访问速度呢?下面谈一下一些关键的问题和解决方法。
很多人都用虚拟主机来做网站，将网页文件存放在虚拟空间上，但是页面内容一多，网站打开的速度就显得特别慢，如果您碰到这种情况，与其寻求更好的空间，不如通过优化网页代码来取得满意的速度。下面总结了一些切实可行的方法，制作主页时，以下的方法可以令网页速度大大提高。
一、记得帮页面减肥
浏览网页实际上是将虚拟主机中的网页内容下载到本地硬盘，再用浏览器解释查看的。下载网页的快慢在显示速度上占了很大比重，所以，网页本身所占的空间越小，那么浏览速度就会越快。这就要求在做网页的时候遵循一切从简的原则，如：不要使用太大的Flash动画、图片等资源。干净、简洁的页面会给人一种思路明朗的感觉。
二、如没必要，尽量使用静态HTML页面
众所周知，ASP、PHP、JSP等程序实现了网页信息的动态交互，运行起来的确非常方便，因为它们的数据交互性好，能很方便地存取、更改数据库的内容，使网站“动”起来，如：论坛、留言板等。但是这类程序必须先由服务器执行处理后，生成HTML页面，然后再“送”往客户端浏览，这就不得不耗费一定的服务器资源。如果在虚拟主机上过多地使用这类程序，网页显示速度肯定会慢，所以没有必要，请尽量使用静态的HTML页面。
三、不要将整个页面内容塞到一个Table中
这是网页设计的问题了，很多站长为了追求页面统一对齐，将整个页面的内容都塞进了一个Table(表格)里，然后再由单元格td来划分各个“块”的布局，这种网站的显示速度是绝对慢的。因为Table要等里面所有的内容都加载完毕后才显示出来的，如果某些内容无法访问，就会拖延整个页面的访问速度。正确的做法是：将内容分割到几个具有相同格局的Table中去，不要全都塞到一个Table里。
四、将ASP、ASPX、PHP等文件的访问改为.js引用
这在ASP、ASPX、PHP等程序设计时应该注意的，如果要在静态的HTML页面里嵌入动态的数据，而这些动态的数据是由ASP、PHP等程序来提供的话，会使用以下的语句引用：，这样的话，每次有一个人访问你的网站，服务器就要执行并处理一次tongji.asp文件，从数据库抽取相应的数据，再输出给网页显示，如果有几万个人同时访问，就要执行几万次，后果就可想而知。建议在这些程序中将数据动态生成到一个1.js文件中去，然后在首页通过 < SCRIPT src=../../" http://www.aaa.com/ 您的js文件具体名">< /SCRIPT> 这样的代码来引用该js文件。这样，数据显示的任务就交给客户端的浏览器去做，不会耗费服务器的资源，显示速度自然就很快!
五、使用iframe嵌套另一页面
比如你要在网站首页上插入一些广告代码，又不想让这些广告网站影响速度的话，那么，使用iframe最合适不过了。例如在http://www.aaa.com/首页上插入一些广告代码方法：将这些广告代码放到一个独立的页面去，然后在首页用如下的代码将该页面嵌入即可，这样就不会因为广告页面的延迟而拖了整个首页的显示，代码如下：
< IFRAME marginWidth=0 marginHeight=0 src="http://www.aaa.com/ServerPart.asp" frameBorder=0 width=468 scrolling=no height=60 leftmargin="0" topmargin="0">< /IFRAME>
其中http://www.aaa.com/ServerPart.asp是被引用文件的路径。
六、讲究网站计数器代码放置的技巧
在网页里放置计数器可以统计网站的访问流量，为站长和广告商家提供访问依据，但是，不管功能有多强大的网站统计系统，都会有出故障的时候。如果直接把统计代码放到页面内容的前面，或者放在一个Table或者div标签里，那么在计数器不能访问的时候，你的页面上那个Table或者div就会产生几十秒钟的延迟，导致页面很长时间才能访问。所以，要提高网站的速度，就要讲究统计代码放置的位置，正确的方法是：把统计代码放到页面的最下面，并且不要和页面内容同在一个Table或者div标签里。可以在页面代码的最下方直接放置统计代码，或者在最下方单独做一个Table或者div来放置计数器。这样，在计数器不能访问的时候，你的网站速度也不会受到丝毫影响。
七、友情链接的学问
网站之间互相做链接可以增加网站的宣传效果，做LOGO图片链接更能准确地描述网站的主题和定位，宣传效果会大大的增强，但图片链接做得太多，必然会影响网页的显示速度。很多站长都喜欢直接引用友情网站上的图片URL，这样图片要先经过加载才能显示的，各个友情网站的访问速度不一样，整个表格都要等图片都下载完了才能显示出来，这样大大降低了网页的速度。因此，做友情链接时应尽量做到：
1. 只做文字链接：做文字链接是不会延迟网页速度的。
2. 将所有链接放到一个独立的分页去，然后在首页链接上该页。
3. 如果友情链接一定要出现在首页，请将链接所在的整个Table放到页面的最下方，因为页面是由上到下逐行显示的，将其放到页面的最下方，不会延迟其他内容的显示。
4. 友情链接的LOGO图片先下载后再传到自己的网页空间，这样，速度由自己的网站空间决定而不受友情网站的影响。
八、网站空间的选择
如果以上方法都使用了，空间访问速度还不理想的话，那么就可能是您网站空间速度问题了。选择网站空间时，建议大家用双线空间，这样可以避免网站其他用户访问时候由于网络问题造成的延迟。
一、内容
1、让读者有理由逗留。要把网页作得趣味盎然，引人入胜。但首要的是要让它有用处。这样做的一个很简单的办法是提供相互参与——让读者做一些事情，如报名获取定期发送的通讯，并用某种方式报答他们的参与，如每周抽奖或给予下载一些东西的机会。
2、对访问者来说最具价值的站点是那些立刻就能让人明白哪些信息可以获取，怎样获取，以及可能还有怎样让读者来更正他自己认为有错误的地方或加上他自己的内容。
3、签上自己的名字，并展示得到的荣誉——但不要在这里弄上一个长长的签名。少许的自我宣传可能是中肯的，尤其是当你想让自己的网页具有个人特色时，但这可能会带来困窘和妨碍实质内容。你所要作的只是连接到关于作者的那一页，该页也是弃权、版权声明及类似说明的合适地方。
4、不要包括一些一般化的Web参考信息和人人都有的已不再是热点的连接。连接到Alta Vista和Yahoo可能就已足够了，否则你的外部连接应该是具有特殊意义和读者还没有遇到过的地方。
5、要是有以评论或读者意见的形式取得的肯定性的反馈，可考虑把它包括在主页之内——也许在开头的某个地方，或者作为到荣誉页的一个连接。如果做得恰到好处，可以鼓励新的访问者并使他们放心。相反，要是做得不合适，就会被认为是自我吹嘘，而真正的内容反而处于次要地位。
6、忘掉已学会的在纸上写作的大多数习惯。基于文字、面向纸张的写作所面临的任务是精心安排的叙述，在提供知识、愉悦心情或说服别人的过程当中要能保持读者的兴趣;但是文字并不是大多数Web版面的主要组成部分——即便是页面上的文字比其他元素多，也常常是其他组成部分(图像、超媒体连接)被认为比单纯的文字更重要。
7、结构至关重要。网页可能会看起来是二维的，但不应如此理解。印刷页面的原有结构在Web已不复存在;作者要着重于文件以可见的方式表现出来的结构，因为它可能已具有更微妙的交流功能。
8、Web的读者不会去读每一个词，他们的阅读方式更近似于快速阅读而不是象读呆板的树式文件那样的逐行阅读。通过计算机屏幕阅读并不是件格外舒服的事情，因此读者希望最好能尽快得到结果。
9、在Web页面创作中读者实际上是一个配合者。除了要注意在任何类型的写作中都要考虑的词汇、语调和其他事项外，网页作者还要意识和具体考虑到读者的身体运动——按鼠标键、滚动页面、写作邮件——也是交流过程的一部分。
二、页面设计
10、在开始编写文字、寻找图像和进行HTML标记之前应该先把基本的网页结构组织好。要是开始的时候在脑子里没有一个相当明确的结构，那几乎肯定会以一团糟而告终。卸载一些你喜欢的页面，核对HTML源文件，看它是怎样写的，把它全部或部分粘贴到一个试验文件进行检验。整页地拷贝别人的东西是剽窃行为，但是向别人学习则是研究过程。
11、人们第一次进入你的主页时，他们通常不是在寻找值得阅读的地方，他们可能正在寻找可供选择的东西，以超文本术语说即是可用鼠标点击的词句、图像、按钮等等，接下来是阅读文字，选定一个可选项，按鼠标键，下页出现后又重复此过程。这里的技巧是确定阅读时按键的适当比率。提供的可选项要是太少，访问者会觉得没意思，要是太多又会吓倒别人。
12、要是页面包含的内容信息量大，在开始设计页面之前就要先确定好读者对象。对新手或新的访问者来说用一种固定的文件结构并在开始的时候给予说明是有意义的。例如，关于内容的说明表格或某种类似结构。如果你要满足知识或经验不在同一个层次的读者，提供限制性的线索可以让某些读者跳过基本内容直达目标。提供链接时要考虑到各个层次的读者。
13、不要让读者不知所措。不必非要用声音和图像充斥网页，也不要把文件做得太长以至于在装载文件时让读者等得脚后跟发凉，因此使用图像时要谨慎:大的图像显然会降低页面建立的速度，但许多需要顺序装载的小图像也会如此。
三、布局
14、别轻易让文字居中和使用粗体或斜体字符。
15、利用短的段落，加点列示，适当的整块引用文字，用水平线分节，用影像地图指引主要链接，使你的页面能吸引人和容易阅读。
16、不要在每一页使用风格不同的图标。
17、不必在以页面上填满图像来增加视觉趣味。尽量使用彩色圆点——它们较小并能为列表项增加色彩活力(并能用于彩色列表)。彩色分隔条也能在不扰乱带宽的情况下增强图形感。
18、对用作背景的GIF要谨慎。它们可以使一个页面看起来很有趣，甚至很专业，但是装饰背景很容易使文字变得不可辨读。要把背景做得好，光有颜色对比是不够的。背景要么很亮(文字较暗)要么很暗(文字较亮)。如果背景含有图像，对比度要较低才不至于过于分散读者的注意力。
19、在 IMG 行加 ALT 标记。
20、也可以在分隔条上使用ALT标记，这样就使得使用基于文本的浏览器的读者能看到一些更有趣的东西，而不只是一条直线。
21、不要把重要的内容放到页尾——有些读者可能不会往下看那么远。
22、不要让什么东西看起来象是一个按钮却不起按钮的作用。
四、HTML格式
23、应避免使用交叉标记。不同的浏览器对交叉标记的反映会不同。
24、使用交织 GIF 和 Jpeg 。因为交织图像是分级显示出来的——首先以很低的分辨率显示，然后逐步提高分辨率，直至最后达到正常显示——这种方式有时候会使较大的图像看起来好象装载得快一些(实际上并非如此，但这是一种有益的错觉)。这样也便于读者在图像装载的过程中看到它的模样，如果他们不喜欢或不想看的话就有机会中断传输或转向别的地方。
25、可以在一个 HTML 元素内嵌入一个连接，但不能反其道而行之，把一个标题或其他HTML元素嵌入一个连接。
五、长文件
26、努力确保读者浏览长文件时浏览器滚动条小的移动不会在页面上产生大的跳跃。作为一条经验规则，按一次滚动条页面移动的范围要少于一页，这样就还看得见上一个窗口的部分内容。
27、要不然就把一个长文件分成几个子文件，在主页给予连接。不过要记住子页可能会成为死页——有时候命中率要低于10%。做得聪明一点，给读者一个很好的理由装入子页或给他们一个很好的理由浏览它。
28、如果页面很多，在主页给出一个内容列表或目录显然是个好办法。不要作成那种常规的、令人厌烦的、死板的树形布局，把它做得有趣一些，让读者有理由进入连接，帮助他们了解他们可能看不出来的内容。
29、要是你必须把所有的内容都放在一个文件里面，使用一个内容列表，从表的项目可直接跳到各部分的开头。或者做得更好，提供一个独立的文本文件用于下传——去掉所有的格式符——使下传的时间减到最少。
六、链接
30、尽管你已做了一个漂亮的首页作为入口，其他人可能会对你的杰作内的具体指针或子页给出链接。向这些新的访问者提供一些关于他们在什么地方以及为什么在这里的线索是有意义的。
31、从头至尾都要使用导航图标，尤其是要用“返回到首页”链接。比如在每页的顶端(或底部)都有一小串图标，第一个回到首页，第二个回到章，第三个回到节。
32、在页面上应该有一些链接帮助访问者来回跳转。总是以相同的格式把这些链接放到所有页面上，这样读者就总能知道到哪儿去找到它们以及怎样使用它们。
33、一般来说应该使用相对链接。
34、链接到不直接相关的文件时使用绝对路径。
35、确保可选择的链接清楚直观——用标题或明显相关的图像来表明它有什么内容。不要让链接的名称与链接的 URL 相同，这样会使读者要作的工作增加。
七、通则
36、鼓励读者通过填表或发邮件反馈意见。但要准备处理随之而来的事务——要尽快地回E-mail，增加连接，修改输入错误等等。给通过 E-mail 进行评论的人回感谢信。
37、在页内告诉读者如果他们在自己的主页内设置一个指向你的链接你不会介意，并表明你也同样会设置一个指向他的主页的链接。每个人都希望有人访问自己的网页，而这种相互支持会鼓励对见解类似的网点的访问。
38、想办法告诉读者下传要用的时间——告诉他们要出现的图像的大小或下传一个文本文件或二进制文件要用多久的时间
39、Web上好的写作就很突出。
40、为你的主页加一个描述性的标题。
如何建设具有营销价值的网站设计
据不完全统计，网站设计市场中70%以上的网站都缺乏网络营销价值。一个没有营销价值的网站，就算网站做得再漂亮，充其量也只是徒有其表，对企业的品牌宣传和品牌推广都起不到特别大的作用。那么，如何才能让网站设计的营销价值得到最充分的体现呢?
一、明确网站设计的目标
一个网站价值的体现，在于有没有很好的服务于其目标。比如，一个电子商务网站，它的营销价值可能在于获取更高额的订单利润;而一个政府网站，它的营销价值可能在于为其受众提供更好的服务和资讯;而对于品牌企业而言，它的营销价值可能更多的在于提升品牌的知名度和影响力。因此，针对不同的网站，首先需要明确最终的建站目的是什么。这样才能有的放矢，制定有针对性的策略。
二、确定营销策略的目标
制定网站的营销策略的时候，应当清楚知道这个策略到底能产生什么结果?是否能够有利于最终目标的实现?举个例子，对于电子商务网站来说，KPI就是实现其利润最大化的战略指标。平均订单金额数，用户二次购买的比率，产品交叉销售金额等，都可以作为电子商务网站的策略目标。
三、策略实施的有效性
对营销目标执行的力度将直接决定营销的结果，其中项目管理的流程和各部门的沟通协调能力至关重要。网络营销从来就不是个人能完成的事情，关系到前端的营销策划，网页设计及用户体验，营销广告的投放和网络运营等诸多部门间的合作。因此，对于策略的实施需要一支高效、专业的团队进行运作。
四、策略的评估和调整
基于网站分析和数据挖掘，我们可以从网站营销实际操作的结果中获取有价值的信息。例如用从户体验的满意度、整体广告的投放效果、用户在网站上的行为习惯模拟等数据分析中，可以得到许多有益的反馈，从而对营销策略不断做出相应的调整。
总之，要实现具有营销价值的网站设计，需要根据以上4点原则有计划有步骤的实施，才能最终达到网站期望的网络营销结果。
JSP(Java Server Page)与ASP(Active Server Page)两者都是常用的动态网页技术，也都是可以嵌入HTML中的程序，但两者是有着本质的不同，主要从以下几个方面对其进行比较：
1.Web服务器的支持：大多数通用的 Web服务器如：Apache、Netscape和Microsoft IIS都支持JSP页面，只有微软本身的Microsoft IIS和Personal Web Server可以支持ASP。
2.平台的支持：JSP具有平台独立性，只要是一般的Java程序可以运行的平台，都支持JSP程序。Windows平台可以很好的支持ASP,但ASP对于基于Win32逐渐模型的依赖，使得它难于移植到其它平台上。
3.组件模型：JSP是建立在可重用的、跨平台的组件（如：JavaBeans、Enterprises JavaBeans 和用户定制的标签库等组件）之上的，而ASP使用的是基于Win32的COM组件模型。
4.脚本语言：JSP可以使用Java编程语言或JavaScript作为脚本语言，而ASP使用VBScript或Jscript作为脚本语言。
5.安全性：JSP使用Java安全模型，而ASP使用Windows NT的安全结构。
6.与Access数据库的连接：JSP使用JDBC建立与Access数据库的连接，而ASP对Access数据库使用Data Active Objects。
7.用户定制的标签：JSP可以使用用户定制标签库进行扩充，而ASP中没有用户定制标签库，ASP是不能扩充的。
编辑本段
jsp运行时经常遇到的问题及解决方法
[2]1、如何显示目录列表：
我们在本机测试程序时，一般都习惯在浏览器中就能遍历到某个目录下都有哪些文件，这就需要web服务器支持目录列表：
打开文件conf/web.xml，找到以下代码：
<param-name>listings</param-name>
<param-value>false</param-value>
将其中的false改成true
2、配置[3]error-page：（指定处理错误的页面）
打开文件D:\demo\WEB-INF\web.xml：
在<web-app>…</web-app>中间加入：
<error-page>
<error-code>404</error-code>
<location>/NotFound.jsp</location>
</error-page>
（错误代码为404的错误导向到NotFound.jsp）
<error-page>
<error-code>500</error-code>
<location>/error.jsp</location>
</error-page>
（当系统发生500错误即服务器内部错误时，跳转到错误处理页面error.jsp）
<error-page>
<exception-type>java.lang.NullException</exception-type>
<location>/error.jsp</location>
</error-page>
（当系统发生java.lang.NullException（即空指针异常）时，跳转到错误处理页面error.jsp）
提醒：
以上页面都需要做大一点（>=2kB），否则不起作用。
原因：tomcat把这样的页面字节限制在不少于多少字节。
3、jsp页面出现乱码如何解决？
在页头加上：
<%@ page contentType=“text/html; charset=gb2312″%>