本人多年来一直从事网站建设,并从事网页制作课程的教学,现总结出几条网站建设应遵循的一般性原则和网站推广的常用方法,供大家参考,希望能让同行们少走弯路、提高工作效率。当然大家还可以在此基础上再进行一些修正、补充,使之更加完善,更具有指导性。网站开发与其他软件的开发性质上一致的,因此本人认为以软件工程的方法来进行网站建设,在网站建设过程中应遵循一定的规范并形成一系列文档。为名称开设目录,将客户陆续提供的资料进行归类整理。文件按一定的规则命名,如:栏目名称~提供时间满拱者址内容说明。
       除非有特殊情况,目录、文件的名称全部用小写英文字母、数字、下划线的组合,其中不应包含汉字、空格和特殊字符;目录的命名请尽量以英文为指导,不到万不得已不要以拼音作为目录和文件的名称,经验证明,用拼音命名的目录往往连一个月后的自己都看不懂并且栏目多了以后容易导致重名。
网站目录规划原则
      (1)在网站根目录中应开设img, common, source三个子目录,根据需要再开设media子目录。11119目录用于存放页面用到的图片,例如公司的标志、banner条、菜单、按钮等等;Com'二子目录用于存放css,js以及include等公用文件,如asp,php,JSP中公用的数据库连接文件等可以放在include目录中;source子目录用于存放客户提供的各种文字图片等原始资料;media子目录用于存放flash, avi, quick time等多媒体文件。
      (2)在根目录中原则上应该按照首页的栏目结构,给每一个栏目开设一个目录,根据需要在每一个栏目的目录下开设一个img和media的子目录用以放置此栏目专用的图片和多媒体文件,如果这个栏目的内容特别多,又分出很二级栏目、三级栏目……,可以为相应栏目再开设子目录。
      (3) source目录中的文件会逐渐增多,建议以首页一级栏目2代码编写原则
       编写网页代码时,我们应尽可能保持一个相对不变的风格,这样方便日后自己或他人维护网站或进行改版。一个大型的网站可能由多人合作,这时这个工作组中不同的开发人员编写的代码风格也应保持一致。在站点开发初期应制作一个主页框架并建立一个与主页颜色、格调和谐的HT ML通用模板、一个CSS样式表并确定一个合理的代码编写风格。还可以创建基于通用模板二级或三级栏目的模板。C SS和SCRIPT代码最好保存成独立的文件(如style. css, head. is),并存放在。ommon目录下供其他页面调用。
2.1 Html文件的通用模板
    下面是-一个简单的H I 'ML.模板,读者可以对其进行充实。
    <html>
    <!一一Generator: Center of Modern Education Tech-
                  nology, Quzhou College一一>
<head>
<title;)文档标题<八itle>
<meta http一equlv二”content一type" content=”text/
            html; charset=gb2312">
<meta name= "author" content= "babara">
<!一一链接样式表文件一一>
<link rel="stylesheet" type= "text/css" href="com-
        mon/style. css">
< script language ="JavaScript" src=”common/head.
                js">
</script></head>
<body>
    </body>
    </html>
    另外,为了使Internet上的搜索引擎能够有效检索,网页的html的<head></head>之间应该加人Keywords和De-
scription元标记,以便提高网页被搜索引擎收录几率更好地宣传和推广网站,例如:
    <meta name= "keywords"content=”浙江,街州,衙州学院”>
    <meta name= "description"content="街州学院">
2. 2 HTML代码编写注意事项
    为了保证网站能够与下一代的web语言xml标准兼容,所有的HTML标签的属性都要用单引号或者双引号括起,
即我们应该写<a href="url">而不是<a href=url>o
    表格在页面的布局中使用相当广泛,< table>标记互相嵌套时,严格按照常规进行缩进,对于单独的一个<table>来说,<table><tr>对齐,<td>缩进两个半角空格,< td>中如果还有嵌套的表格,<table>也缩进两个半角空格,如果<td>中没有任何嵌套的表格,</td>结束标记应该与<td>处于同一行,不要换行,注意在源代码中不应有这样的代码:
    <td><img src=“二/images/sample. gif ">
    </td>
    而应该是这样:
    <td><img src=“二/images/sample. gif"></td>
    这是因为浏览器认为换行相当于一个半角空格,以上不规范的写法相当于无意中增加一个半角空格,如果确实有必要增加一个半角空格,也应该这样写:
    <td><img src=“二/images/ sample. gif"></记>
    属于同一个级别的<table>一定是左首对齐的,另外不允许没有任何内容的空的单元格存在,高度大于等于12px的
单元格应该在<td>和<八d>之间写一个“.”,如果高度小于12px,则应该在<td>和<八d>之间插人一个1X1大小
的透明的gif图片,这是因为某些浏览器认为空单元格非法而不会予以解释。如果代码顺序较乱,在Dreamweaver中可以通过command->apply soucre formatting进行重新整理。
    width和height的写法也有统一的规范,一般情况下只有一列的表格,width写在<table>的标签内,只有一行的表
格,height写在<table>的标签内,多行多列的表格,width和 height写在第一行或者第一列的<td>标签内。总之遵
循一条原则:不出现多于一个的控制同一个单元格大小的height和width,保证任何一个width和height都是有效的,
也就是你改动代码中任何一个width和height的数值,都应该在浏览器中看到变化。做到这一条不容易,需要较长时间的练习和思考。
2. 3 (SS代码编写注意事项
    下面是一个较规范的CSS样式文件:
    <style type="text/css0>
      <!一
    p{text-indent: gem;}
    body{font-family:”宋体”;font-size: 9pt; color:#
          000000; margin-top: Opx; margin-right: Opx;
          margin-bottom: Opx; margin-left: Opx}
    table t font一family:”宋体”;font一size: 9pt; line一
          height: 20px; color:#000000}
    a: link{font-size: 9pt; color:#FFFFFF; text-deco-
            ration: none}
    a:visited {font-size: 9pt; color:#99FFFF; text-dec-
              oration: none}
    a: hover{font-size: 9pt; color:#FF9900; text-dec-
              oration: none}
    a: active{font-size: 9pt; color:#FF9900; text一dec-
              oration: none}
    menu: link{font一size: 9pt; color:#3366cc; text一
                  decoration: none}
    menu: visited{font-size: 9pt; color:#3366cc; text-
                  decoration: none}
    menu: hover{font-size: 9pt; color:并FF9900; text-
                  decoration: none}
    menu: active{font-size: 9pt; color:#FF9922; text-
                  decoration: none}
    .blue{font- family:”宋体’‘;font一size: 10.5pt; line
          一height: 20px; color: 4$ 0099FF; letter-spac-
          ing: 5em}
      一一>
    </style>

这里尤其要注意的是a: link a: visited a: hover a: actived的排列顺序一定要严格按照上面的样例代码,否则或多或少会出问题。另外我们规定重定义的最先,伪类其次,自定义最后,便于自己和他人阅读。
    为了保证不同浏览器上字号保持一致,字号建议用点数pt和像素px来定义,pt一般使用中文宋体的9pt和l lpt, px一般使用中文宋体12px和14. 7px这是经过优化的字号,黑体字或宋体字加粗时,一般选用llpt和14. 7px的字号比较合适。

3文件命名原则
    (1)每一个目录中应该包含一个缺省的html文件,文件名统一用index htm或default. htmo
    (2)文件名称统一用小写的英文字母、数字和下划线的组合。实践证明,中文文件名非常容易出问题。
    (3)命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义,二是当我们在文件夹中使用“按名称排列”的命令时,同一种大类的文件能够排列在一起,以便我们查找、修改、替换、计算负载量等操作。
    (4)图片的命名原则遵循以下几条规范:①名称分为头尾两两部分,用下划线隔开。②头部分表示此图片的大类性
质,例如广告、标志、菜单、按钮等等。一般来说有如下规范:
    放置在页面顶部的广告、装饰图案等长方形的图片我们
取名:banner;标志性的图片我们取名为:logo;
    在页面上位置不固定并且带有链接的小图片我们取名为button;
    在页面上某一个位置连续出现,性质相同的链接栏目的图片我们取名:menu;
    装饰用的照片我们取名:pic;
    不带链接表示标题的图片我们取名:title;
    ③尾部分用来表示图片的具体含义。
4其他原则
    (1)在用表格布局之前,请大家一定要好好思考一个最佳的方案,表格的嵌套尽量控制在三层以内,并且应该尽量避免Gcolspan> <rowspan>两个标记,经验表明,这两个标记会带来许多麻烦。
    (2)一个网页要尽量避免用整个一张大表格,所有的内容都嵌套在这个大表格之内,因为浏览器在解释页面的元素时,是以表格为单位逐一显示,如果一张网页是嵌套在一个大表格之内,那么很可能造成的后果就是,当浏览者敲人网址,他要先面对一片空白很长时间,然后所有的网页内容同时出现。如果必须这样做,请使用<tbody>标记,以便能够使这个大表格分块显示。
    (3)排版中我们经常会遇到需要进行首行缩进的处理,尽可能不要使用半角或全角空格来达到效果,规范的做法是在样式表中定义p{text-indent: gem;}然后给每一段加上<p>标记,注意,一般情况下,请不要省略</p>结束标记。
    (4)原则上,我们禁止用<img width=? height=?>来人为干预图片显示的尺寸,而且建议<img>标签中不要带
上width和height两个属性,这是因为制作过程中,图片往往需要反复的修改,这样可以避免人为干预图片显示的尺寸,尽可能的发挥浏览器自身的功能;但是这样的一个副作用是当网页还未加载图片时,不会留出图片的站位大小,可能会造成网页在加载过程中抖动(如果图片是插在一个固定大小的表格里的,不会有这个现象),尤其是当图片的尺寸较大时,这种现象会很明显,所以当预料到这种会明显导致网页抖动的情况会发生时,请大家务必在最后给<img>附上width和height属性。
    (5)为了最大限度地发挥浏览器自动排版的功能,在一段完整的文字中请尽量不要使用<br::}》来人工干预分段。
    (6)不同语种的文字之间应该有一个半角空格,除外汉字之间的标点要用全角标点,英文字母和数字周围的括号应该使用半角括号。
    (7)所有的字号都应该用样式表来实现,禁止在页面中出现<font size=?>标记。
    (8)请尽量不要在网页中连续出现多于一个的半角空格和全角空格也尽量少使用全角空格(英文字符集下,全角空格会变成乱码),空白应该尽量使用text - indent, padding,margin, hspace, vspace以及透明的gif图片来实现。
    (9)中英文混排时,我们尽可能的将英文和数字定义为
verdana和arial两种字体。
    (10)行距建议用百分比来定义,常用的两个行距的值是Iine- height: 120 Yo八5000.
    (11)网站中的路径全部采用相对路径,一般链接到某一目录下的缺省文件的链接路径不必写全名,如我们不必这样:<a href="aboutus八ndeac, htm">而应该这样:< a href二”aboutus/">
    (12)建议不要在图形中包括文本。
    <13)“网页大小”定义为网页的所有文件大小的总和,包括HTML文件和所有的嵌人的对象。用户喜欢快的而不是新奇的站点。对于解调器用户,网页大小保持在34K以下为合适。
5网站推广的常用方法
    众所周知建好一个网站不是目的,目的是要能吸引众多的访问者。Internet网上的WEB站点多如牛毛,如果一个网站做好之后不做一定的推广,那网站建设得再好就不会有多
少人来访问,如同锦衣夜行。
    (1)登录知名网站或搜索引擎。推广网站的方法有很多,其中对网站进行搜索引擎推广是必不可少的。为了提升在搜索引擎上的排名,可用<meta>标签设置keyword和de-script,关键字的选择需要一定的技巧。要仔细揣摩你的潜在用户的心理,绞尽脑汁设想他们在查询与你有关的信息时最可能使用的关键词,不用提心关键词会太多,关键词越多,用户覆盖面也越大。
    (2)与尽可能多的网站链接。在相关网站或门户站点上进行链接也是一条推广网站的捷径。如在本地的电信公司、
联通公司的主页上进行链接,在本地的推广效果颇佳,而且这通常都是免费的。
    (3)在热门BB S上发信息。最好选择一些人气旺盛的BBS发布你的信息。BIS的时效性强,因此一般要定期发布。
    (4)加人免费互换广告。
    (5)发送电子邮件。采用这种方式时,注意不能不顾社会
公德,发垃圾邮件,而应针对你潜在的客户群做适量的宣传。
    (6)借助网上和传统媒体进行推广。如把公司网址印到你的产品包装、使用说明书以及各种宣传资料上。资金允许
的话还可利用广播、电视等等传统媒体做一些广告。还可以在一些知名网站上做一些广告。
蒸网关服务器网卡故障应急方案的研究当局域网的代理服务器的网卡发生故障时,我们可以配置服务器的另一块好的网卡来支持多IP地址,让一块网卡完成两块网卡的工作,维持网络工作正常。
    在Windows系列平台下,W1nNT4.0,W1ndOWS 2000,Windows XP都可以为单个网络接口分配任意多的IP地址,而Win-dows9X系列则需要手动的修改注册表来实现。
    (1) Windows 2000和Windows XP下的解决方案。我们以Windows XP为例来加以说明(Windows 2000类似)。
    在Windows XP中选择【开始1,再选择【设置],进入【控制面板],打开[网络连接l,选择本地连接,单击右键,从弹出的菜单中选择[属性】,从[属性]窗口的列表中选择[Internet协议(TCP/IP),再点击【属性l按钮,再单击[高级],打开l高级TCP/IP设置】对话框。点击【添加】,添加对应的IP地址即可。
    (2)Windows 9x系列下的解决方案。在Windows 9x系列下需要手动的修改注册表来实现多IP地址的绑定。选择【开始l,选择l运行】,敲人Regedit. exe,运行。找到:
    HKEY_LOCAL_MACHINE\System\CurrentControlSet\Services\Class\NetTrans
    在此目录下能找到多个名为。000,0001,0002…的目录。此目录用于记录协议的安装的情况。在它们中间找到Driver-Desc。为其中的“TCP/IP”目录修改其中的IPAddress和IPMask。其中的IPAddress和IPMask分别用逗号隔开多个地址。
    如:原来的IPAddress为“192. 268. 0. 1", IPMask为“255. 255. 255.0"0
    现在添加一个新的IP地址192. 168.2. 1,地址掩码为“255. 255. 255.0" o
    则修该后的IPAddress为“192. 268. 0.1,192. 168.2.1" , IPMask为,"255. 255. 255.0, 255. 255. 255.0" o
    修改后保存,重新启动系统即可。
    在Linux下为单个网络接口分配任意多的IP地址,需要通过修改设置配置文件来实现。
    在//etc/sysconfig/network-scripts里面,对于以太网的第一个网络设备,配置文件名一般为ifcfg-eth0。如果需要为第一个网络设备分配一个IP地址。只需要在目录里面创建一个名为ifc坛-eth0:0的文件。此文件的内容为
    DEVICE="eth0: 0" NETMASK="255. 255. 235.0"
    IPADDR二“192.268.0.1" ONBOOT="yes"
    其中,DEVICE为此设备的名称,II'ADDR为设备的IP地址,NE'TMAN<为地址掩码,ONIIOOT表示系统重起时自动的启用。
    如果需要再为此设备在添加一个LP地址,只需要创建一个名为ifc馆-eth0:1的文件。内容改为相应的内容。如:
    DEVICE="eth0:1" IN ETMASK="255. 255. 255.0"
    IPADDR="192.168.2.1 " ONBOOT="yes"
    注意:DEVICE中的内容必须和文件名称相同。
    修改后保存,重新启动系统,登陆即可。最大支持的数目为255个。

下面是一位从事网站推广工作人员对一般网站推广的基本流程的总结,拿来和大家分享一下。

1、知己知彼:不管那个行业都会存在着竞争对手,我们不应该把他们当作敌人,应该当作一个能够促进自己成功的朋友,因为有了竞争你才会有进步,我们应该利用他,去分析对手,分析对手的网站内部页面的设计、程序、目录、一些特殊的标识、关键词的分布,分析他们的外部链接的建设的情况,去其长处,完善自己!超越他们!

2、优化自己:我做的站有很多个了,除了一些更新比较频繁的网站之外,我把网站的关键词密度都严格按着关键词密度值2%-8%之间,有的甚至我把关键词的密度值增加到了17%,但强调一些,关键词必须与网站内容相关,要不你就完蛋了!关键词在网页内加粗显示,图片加alt标识,大图片我会把他分割成好多小图片,这样加速的速度就会快一些!

站内添加网站地图文件,网上可以下载到sitemap生产文件;定期检查网站内部是否有死链,及时做出处理;对一些js文件、javascript脚本等应该把代码重新放到一个文件里,然后在相关页面内调用!

3、网址推广:现在我的电脑里存放了注册过的300多个友情链接平台,420个免费提交网址的网址站,50个目录类网站,40个网络收藏夹,加入这些我都用过了,而且百度也都抓取了,加起来就有近一千的单项导入连接了!相当有效果的!

4、问答推广:现在在问答平台里自问自答的的审核力度加大了,在提问和回答的时候都需要一些小技巧,这些平台有,百度知道,天涯问答,新浪爱问,搜搜问问,等等,像我现在经常会这样问一些问题:www.xxxx.net这里的商品怎么样啊?

5、无聊推广:呵呵,为什么这么说呢,相当好的方法,给我的感觉却很无聊,拿论坛推广来说吧,把网址加在自己的个性签名了,做网址签名档,然后在贴吧里肆意的发帖,顶帖,留下连接!无聊!贴吧也是一样,个人博客要稍微的好一点,我猜每个人都在养着自己的博客吧,的确博客的权重真的很高,时常更新总会给你带来意想不到的惊喜!我是无聊的时候才做这些工作的!

6、历史痕迹:站长工具类网站我这里也有一个专门的文档,每天我都会去一些网站去查询网站,然后留下历史痕迹,获得导入连接!

7、友情连接:友情连接交换不仅可以增加自己的网站权重,而且可以来一定的流量,获得一定的知名度,友情连接的形式有文字连接,图片连接,还有就是互换广告的文字连接/图片连接等!

8、软文推广:软文推广是我感觉最好的一种方法,但是文采有限,经验有限,没有那么多的东西要写,所以只有少数的网站享受到我软文推广的待遇!

9、观察统计:添加流量统计代码,观察流量情况,来源、关键词、浏览深度、回头客情况,来确定自己网站那些是比较受欢迎的,那些是有潜力被做上来的,通过观察流量,分析流量来完善自己的网站,获得更多的流量,更大的客户量!

10、后期维护:定期观察自己的网站流量、排名情况、收录情况、遇到意外及时解决问题!一般情况下,到了这部就不用担心太多了!

网站建设的一般原则及网站推广技巧相关推荐

  1. 网站建设初学者一定要清楚网站建设基本因素和流程

    如今互联网技术发展十分迅速,人们的生活早已离不开网络,就连消费购物也可以通过互联网来实现,这让很多商家企业找到创业商机,想要通过自己建立网站实现网站基本建设.可网站建设不是说说而已,需要有一定的专业知 ...

  2. 网站建设运营SEO优化的几个技巧

    网站建设运营SEO优化的几个技巧 SEO对于所有网站来说都不例外 域名的选择与投资 内容的质量度 建设高质量外链 网站建设只要和网站运营结合在以前的时候这个动作的价值性才能有效的体现出来,网站建设就像 ...

  3. php网站建设实训引言_网站建设实训心得

    1 / 11 网站建设实训心得 前期我们通过发送电子邮件,进行网上商务的接 洽. 由于没有做好工作--了解商务邮件的格式, 导致邮件发了很长 一段时间,双方还仅仅停留在认识阶段,确实说来很失败. 在拟 ...

  4. 网站建设如何选择专业的网站建设公司

    对于广大用户而言,在纷纷扰扰的市场环境中选择一家真正专业的网站建设公司,走进网络世界,从网络世界中获得属于自己的市场份额和竞争力. 现在沈阳提供网站建设服务的公司很多,在沈阳提供网站建设服务的用&qu ...

  5. 网站建设技术方案_企业网站建设解决方案

    企业网站作为一个公司的网络名片,最主要的作用是展示公司形象和宣传公司的服务或产品,所以做一个企业网站,关键在于如何更好地展示公司形象和宣传公司服务或产品,做好这点,需要做好网站的页面设计.方便的内容后 ...

  6. 快速提高网站流量的外部链接发布与推广技巧

    众所周知,SEO优化最基础的就是要做好站内优化与站外推广,而外链是站外SEO优化推广的重要手段之一.高质量的外部链接能够为网站提高网站的流量和提高网站的知名度.那么如何有效的做好SEO外链建设呢? 一 ...

  7. 营销型网站建设怎么做? 营销型网站建设的制作技巧

    营销型平台网站建设怎么做?怎样做营销型网站?教你3个技巧!下面就来看看吧! 1,关键词定位 对于营销型平台网站建设来说,网站优化推广至关重要.流量是潜在的消费力,要获得流量,一种有效而又经济的方法就是 ...

  8. 在网站建设方案中如何做好网站需求分析?

    如今网站建设很方便,而要想做一个优质的网站不是容易的.我们做网站是为了满足用户需求,但建设一个靠谱的.成功的网站之前一定要站在用户角度考虑,对网站进行用户需求分析.那么如何在网站建设方案中做好网站需求 ...

  9. php网站建设实训引言_网站建设实训报告

    实训要求 5 个人一组,每个组员分工合作完成一个公司的网站,例如 组员 1 负责:网站总设计,公共文件,设计公司 LOGO, 图片 组员 2 负责:用户浏览模块 组员 3 负责:系统管理模块 组员 4 ...

  10. 外贸网站建设如何打造优质外贸网站?

    外贸网站的早期建立是为了建立一个网站.因为其他公司有网站,而他们自己的公司没有网站,他们在竞争中处于劣势!但是如果你现在做一个网站,你不能只是建立一个网站来建立一个网站. 该网站应该是公司的一个很好的 ...

最新文章

  1. PHPNow升级PHP版本为5.3.5的方法
  2. 第7章——狄克特斯拉算法
  3. Java并发机制的底层实现原理
  4. php集成阿里MNS消息服务
  5. vue中axios设置表单头_VUE项目axios请求头更改Content-Type操作
  6. Spring注解大全(更新中)
  7. Mysql 简介和创建新的数据库
  8. 《设计模式详解》行为型模式 - 职责链模式
  9. Altium designer 原理图转换为pcb时出现的 unknown pin 和 failed to add class member
  10. 量子化学计算机程序,量子化学
  11. vue-router的参数的传递、懒加载以及嵌套路由的使用
  12. 信息系统项目管理师-业务流程管理知识点
  13. 泪奔,我再一次愿意相信地久天长
  14. vuejs 项目生成二维码工具 vue-qr
  15. 浏览器自动转到外国服务器,通过HSTS实现浏览器自动跳转https(非服务器响应跳转)...
  16. 谁动了妙可蓝多的奶酪?
  17. 百度搜索有广告?不存在的。
  18. 沟通新法则:请不要一个人吃饭
  19. 使用 IndexedDB 进行大数据存储
  20. 《假如生活欺骗了你》-2020年终再读有感

热门文章

  1. Axure RP 9基础教程(2)——交互样式
  2. LaTeX入门学习(6)(字体)
  3. 搭建最简单的Drool框架
  4. 关于锐捷校园网断网的解决办法
  5. 撞库、脱库和洗库是什么意思
  6. 大学英语综合教程四 Unit 6 课文内容英译中 中英翻译
  7. dbvis连接mysql_Dbvis连接Mysql驱动问题
  8. 2021 泰迪杯 C 思路
  9. xmp文件格式怎么导入ps?ACR预设安装方法
  10. (2019.12.21已解决)pdf有密码如何打印