分享

如何做好一个网站

 sun317 2012-12-31

要做一个网站太简单了,但把网站做好并不简单:
1. 首先看看美工方面:真正的强悍的美工在中国是很难找到了,即使找到那工资也高的吓人,一般点的美工都基本模仿别人的网站然后改点颜色或结构这样的就变成自己的网站了。
2. 第二看看切图方面:切图是很讲究的一项工作,图片切好了能提高网站的访问速度,所以这个是一个细活。如果仔细的话一个首页一天的时间才能完全的切完,如果马虎点的话那就是几分钟的事情,这其中的差别不懂网站的人是很难区分。前段时间我朋友给我看了一个网站,第一眼看上去效果还真不错,韩国风格,不过和韩国网站的区别就是别人别人做了很好看的动画配套着整个网站,他这个没有,不过这也没关系了,毕竟中国的网速没韩国的快,能不用大文件的尽量不用。但是我打开原文件一看,靠!这什么人啊。网站是一个大背景做的,然后用Table控制内容显示的地方。我也真佩服这个程序,能想到这样好的点子,多省事啊。但是网站主就命苦了,花钱请别人做一个网站,浏览需要两三分钟。还有的是好多网站里面全是table,仔细点数的话可以数到第十层。
3. 第三我们看看后台程序吧:现在网上好多开源的程序能提供给我们使用,还有CMS(文章管理系统),对程序不了解的人通过简单的培训都能完成。哈哈,但是开源程序有好多内容是我们不需要的,也就是垃圾文件,没有几个会注意这点,所以做出来的网站信噪比就不怎么符合要求,搜索引擎给的评价就不会很高。以为你没洗脸就出来逛街呢。
4. 我们最后优化方面:现在搜索引擎对关键字和标题都比较重视,一些人根本就不管这项,特别是给别人做外包的,只要客户不说明这项基本就是空的,最多就是一个公司的名字,里面的每个页面标题都一样。网站描述关注的人更少了,这就像一篇文章的概要,好的描述能吸引更多的读者。

二.工具介绍
现在我们介绍制作网站的常用工具:
1. Photoshop(PS):制作网站效果图和处理图片的软件,通常情况下都是先用PS来做好效果图然后让客户确认效果图后再继续其他操作。
2. fireworks(FW):和PS功能差不多,但这个有个优点就是能定位图片上某一个位置的坐标,这个功能很有用,以后我们会介绍到。
3. Dreamweaver(DW):HTMLJS,CSS,还有asp程序的编写工具,我们之后会介绍到他的用法。
4. Flash(FL):当页面需要动画的时候一般就通过这个工具来处理的。网页三剑客指的是(FW,DW,FL),如果有说网页四剑客那么就是PS了,不过很少有人这么说的。
5. Access属于桌面数据库,优点是购买空间的时候免费使用的。如果数据量很小这是个很不错的选择
6. sql :分为mssqlmysql,其中MySQL一般和php配合着使用,其他语言都使用msSql的多,还有一个处理大量数据的Oracle数据库,这个无论从哪方面讲性能有由于前面三种,XML作为留言和论坛的存储数据的介质,文本也可以存,但这不能称为数据库。
7. 其他辅助工具:
i. SWFDecompiler:此工具是将swf格式转化为fla格式。在网上看到有好的flash动画,下载下来后通过此工具转换成源文件然后改动一下变成自己的作品了,一般都能转换。
ii. SWFText:文字flash制作软件。简单方便
iii. ftp:文件上传下载工具,将制作好的网站程序传送到服务器上,一般使用flashFTP和CuteFTP的多。
iv. ImageReady:和Photoshop一起安装的,主要是制作gif动画。
v.  其他开发工具:如果开发语言非asp,那么就需要其他相关开发环境了。如.net需要安装Microsoft Visual Studio .net 。好多人觉得asp过时了?真的过时了吗?你就说说其他语言能开发出来的asp有不能的吗?微软之所以不再更新asp是因为asp已经没有更新的了,如果你的网站不稳定那请不要怪asp,只能怪程序员不精通而已。语言没有好坏之分,主要看使用语言的是什么什么人了。

三.美工篇
美,一个很模糊的概念,在网站方面更显然。你觉得自己做的页面看上去很漂亮,给客户看了总是有那么多地方要修改的。还有的是今天做好了觉得好看的过段时间来看怎么觉得不那么好看了?应该所有做美工的都会这样吧,这个可以根据客户的审美观点来确定网站风格,多沟通几次就能发现客户喜欢什么类型的网站和什么样的颜色。这样改是肯定的,但是改的少。不同的人有不同的审美观,同一个人在不同时期和不同的环境下审美观也不一样。所以具体怎么做网站好看并不能说清楚,但一定要细腻,怎么才算细腻?我们现在说说:
1. 网站的宽度是没有规定的,主流的有几个宽度,778px  这个在800*600下面是全屏的,不过现在已经淘汰了,因为现在大部分显示屏都是超大液晶,所以看776px的时候感觉边上太空了,当时流行的时候是因为在17’显示屏上看边上刚好有一点空白,还能在加点广告在边上挂着,第二种宽度是1002px 这个在1024*768上面显示刚好满屏,现在流行的是960px或950px;还有910px的,这些能流行主要也更显示器的换代有关,把800*600先显示器淘汰了,而960px的网站在其他显示上看上去都那么的好看。

2. 网站模块之间的距离必须统一。具体来说就是 栏目与栏目之间的距离统一,文字和文字之间的距离统一,图片和图片见得距离统一。上下的距离统一。有时候为了美化也可以设置其个别的不统一,但要你要是每个地方的距离都不一样那就不好了。
3. 图片的处理,图片当然是越小越好了,但是前提是图片保持清晰的情况下。做透明的图片最好用png格式的,IE6下面并不支持图片透明,但可以通过js代码来处理。用gif的透明图片会产生锯齿。
4. 做效果图的时候建议使用辅助线,把每条线都定位到一个刻度上,这样切图的时候就不会产生多切点少切点的毛病了。
5. 网站的颜色一般不要太多,一个主色,一个辅助色,一个点缀色,然后用白色和灰色做过渡色。如果你觉得你有能力驾驭多种色那可以试试。取色的时候最好用Web色,因为只有Web色在液晶屏上和普通纯屏上显示的色彩看上去没多大误差,能保证你的网站在什么显示器上显示都好看。
6. 不同行业的网站使用的配色方案也不一样,这个建议做之前先寻找个配色方案。

效果图做好后就是做切图了,切图要考虑的最多的是当内容比预计的要多的时候网站不要变形。这个的解决办法就是把能做背景的做背景,图片上颜色一样的就不要图片了直接加背景色。背景图尽量要小。这个多切点图就能慢慢明白,要说好的方法的话真不太好说,但做HTML的时候要记住Table最好别多过三层,那样里面的table搜索引擎就不认了,那么里面的内容就可能没有被收录,再说那样显示内容的速度也慢。

四.HTML代码优化
HTML(超文本标记语言)这里的代码优化主要就是网页的标题,关键词的设置,关键词的描述,链接的Title属性,图片的Alt和Title属性
1. 网站标题:网站标题不能所有页面都一个标题,标题的字数在25个左右最合适,里面用很通俗的话把重要的几个关键词包含进去。
2. 网站关键字:这里列出所有的关键字,其中用半角的逗号或空格区分,虽然好多搜索引擎对这个已经不关注了,但是能在一定程度上提示搜索引擎。
3. 网站描述:这里对搜索引擎没什么用,但对浏览者用户非常大,好的描述能吸引更多的浏览者。
4. 网站图片:如果网站定位为门户型的网站,那访问的人应该不会少,那要尽量减少对服务器的请求次数,所以我推荐使用一张大的透明背景做背景,如果你用多张小的图片做背景图,那下载图片的总大小和下载一张大背景图差不多,但对服务器的请求次数增加了,如果访问一次增加了30次,那么10000人访问是不是要增加30*10000次?如果再多点那么你再好的服务器那也承受不了。现在好多门户网都使用这种方法。

5. 网站的css样式表:把所有的样式表放在一个css文件中可以提高搜索引擎的友好度,但网页解析这个文件需要一定的时间,反过来一样,前期都是写一个单独的样式表文件,想qq,taobao,sina这样的网站注重的是浏览速度,所以都直接写在网页里。
6. Js文件:和Css一样,但是搜索引擎都不认js文件,所以别把关键词放在js文件里面。
7. 连接的Title属性:这主要是给关键词加权重而已。
8. 图片的Alt和Title属性: 和链接的Title一样,可以放心大胆的使用,不用担心网站被K,因为这是W3C标准规定的,百度,谷歌都要遵守的规范。
9. <h1>标记对:搜索引擎对这个给的评价很高。所以关键词可以用<h1>标记,文章的标题也是一样。
10. table和div的区别:搜索引擎给table的评价要比div的高,但是div给浏览者带来的浏览速度是很显然的。所以制作的时候主要以div为主,某些重要信息可以用table。
11.网站地图:是一盏明灯,给黑夜里摸索道路的人指明道路。当蜘蛛爬到你的网站的时候他就像一个瞎子,到处乱转,说不转什么时候不小心就跑出了你的网站,而你用网站地图给他带路,让他跟着你走。

五.动态语言优化(asp C# Jsp PHP 等)
动态语言优化主要就是算法,结构,对数据库的操作。
1. 算法:算法要尽量让服务器解释时间减少,有的时候宁愿多写点代码。比如request这个类,我们知道直接写的时候可以获得表单提交的内容,网页地址带的参数,和缓存里面的内容等。但是服务器解释的时候需要寻找这个类所有函数来查看是否和你的需求匹配,所以你使用Request.Form,Request.QueryString这个的引用方法就好的多。
2. 结构:结构不好的网站也是你打开网站慢的原因之一,当访问人多的时候这个问题就会很突出。写代码的时候要避免一段Asp语言一段HTML语言,如:
<%
if Request.Form(“UserName”)=”” then
%>
你的用户名不能为空
<%
        else
%>
这个是判断的内容
<%end if%>
这样是很不好的一种写法,不要以为服务器资源是无限的。规范的写法是:
<%
If Request.Form(“UserName”)=”” then
        Response.Write(“你的用户名不能为空”)
                Else
                Response.Write(“这个是判断的内容”)
End If        
%>
当然我这是举个例子,因为判断用户名都是在客户端用js判断,如果在服务器判断那不是要累死服务器么。
第二点是少用<!--#Include 文件,因为服务器解释这个需要花费大量的时间,我看了好多人写的代码里面好像是想表现他的技术好吧,Include还有Include,里面还有Include。这个是不推荐的,有写情况下是没有办法才这么做的。
3. 对数据库的操作:数据库中字段设计都使用对应的数据类型,别总一个劲的用文本类型,因为数字类型占的空间比文本类型要小的多。数据库打开后要及时关闭,最好的办法是在top文件加上conn.open  在end文件里面加conn.close set conn=nothing,查询数据库的时候别用select * from [User] 这样的通配符,要使用 select UserName,PassWord,Level from [User],即使你表里面也只有这三个字段,当查询出来的结果又多条记录的时候才使用 set rs=server.createObject(“Adodb.Recordset”) ,如果只返回一行数据的时候用 set rs=conn.execute(“select UserName,PassWord,Level from User”)  因为conn.execute 执行速度别recordset 方式快得多,记得要及时关闭rs。

六.关于搜索引擎
搜索引擎在中国使用最多的是百度,其次就是谷歌,但一般优化的时候都是针对google来优化的,因为百度做的竞价排名很不厚道,前十位基本都是花钱的,也就是及时能做到第一位那也排在第二页了,所以程序员都不喜欢百度,其次是百度的算法确实没有谷歌的好,但是百度对中文的分词要比谷歌好,这就是谷歌在中国的市场占有率没有百度的高,不过现在百度的竞价在改版,具体以后改版得怎么样还在等待中。
网站的优化就两个目的:第一是把网站的关键词排到搜索引擎的前面,第二就是提高网站的收录效果,让更多的关键词上去,一个属于深度,一个属于广度,所以两者都要做好,他们之间存在着依赖关系。
1.关键词优化:关键词优化主要看搜索引擎对你网站的评分,谷歌的PR值就提供一个参考,但这不是绝对的,优化PR值小的排在PR值大的前面,这还有看你自己的网页对这个关键词的权重大小,这就需要其他网站给你的网站的评分,所谓的反向链接,其次是你自己的网页的标题,网页的关键词以及内容中的Title,Alt,<H1>来给关键词的权重了。
2.关键词的选择:选择关键词最好选用长关键词,并且要符合人们搜索习惯,这样关键词很容易就上首页了,当长关键字上去了短关键字也上去了,具体的怎样命名可以参看“关键词的定位技巧和分类

3.网站描述:网站描述是用非常通俗的话描述一下网站的主要信息,但是在通俗中求精,当浏览者搜索某个关键词的时候显示格式是 标题+网站描述(没有描述的就获取网页的部分内容)+连接地址,所以浏览者是否会点击你的网站很多情况下是看描述。
4.网站的提交sitemap:网站提交文件时sitemap  文件名全是小写,对不同的搜索引擎提交不同的的sitemap ,因为要求的格式不一样,好一点的Cms都支持不同的sitemap生成,还有放在本站上的网站地图最好自己设计一个清晰的导航,不要把所有的地址都生成在一个文件里面,多做几个分页无所谓,蜘蛛会跟着连接地址去抓取,如果全在一个页面上蜘蛛抓了一部分就放弃了,可能是因为厌烦了吧。
5. robots.txt文件:这里设置需要抓取的文件和不需要抓取的文件,不要因为你想让蜘蛛全部抓取你就不写这个文件。下面是基本格式
a) User-agent: *
b) Disallow: /Admin
c) Disallow: /AD
d) Disallow: /API
g) 其中 User_agent * 意思是全部允许,Disallow:不允许  其他的是连接,蜘蛛爬行网站的时候第一件事就是查找这个文件是否存在而不是查找你的网站首页,通过这个地址把网站地图连接上去,蜘蛛就优先爬行网站地图,因为网站地图里面的链接不首页的要全得多。
6. 网站静态处理:搜索引擎最喜欢htm的后缀,所以生成静态页的时候尽量选用htm,别选html,而并不是搜索引擎不喜欢其他后缀,只是W3C标准定义的就是htm,所以先查找它然后再找其他扩展的。但能肯定的一点是他绝对不喜欢后面带参数的,如果参数有3个以上那可能就不会收录了。我的网站没有做静态转化时因为我想更进一步证明一下具体是几个参数不收录,俗话说我不如地域谁入地狱。 网站静态处理的方法一般有两种,一是生成静态文件,二是重写软件(ISAPI_Rewrite)两个的区别是:生成静态文件的需要编写复杂的代码,生成文件的时候对硬盘的损伤大,占用空间大,但访问速度快,因为他不需要服务器解释就能直接发送个客户端,重写方式必须要自己对服务器有操作权限,因为要安装软件,优点是他不用写复杂的代码就能转换成静态页面,对网站内容的更新及时,而生成方法有更新了必须手动更新才能显示,对搜索引擎的友好度和静态页面的一样。.net可以自定义静态页面的,这个我没有深入了解过。
7. 网站的推广:做好网站后不管是什么目的都是想要更多人看到,最多的是金钱目的,那就需要推广自己的网站了,方法当然是多种的了,其中做百度竞价是最直接的效果,不过投入太大,并且现在百度竞价也正改版,还不知道以后出来的效果是什么样的。其次就是做广告,这里的广告包括所有媒体上的,不只限于某个网站或某个电视节目。但这些都是有钱人干的事,这就是用钱赚钱的方法。对我们没钱的人来说只能用劳动力赚钱了,那就是发帖,写软文,发帖是个累活,我是做不了的,整天要和其他站的站长打拉锯战,你睡觉我发帖,你起来删帖我就睡觉。写软文是推广的最好途径,但前提是要写的好,别人觉得好了就会转帖,这样无形中就成为你的推广会员了。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多