学习网页制作:网站建设的12大误区

 更新时间:2016年9月20日 19:04  点击:2043

  误区之一、仅仅停留在发布企业形象和产品信息上

  许多公司在网站建设过程,最早想到的就是把公司产品、业务简介、公司促销活动等信息贴在公司网站上。这样的做法充其量只是多个电子公告板而已,根本没有发挥网络的互动功能。由于传统产业经营者大多生性保守,因此对于主动出击的建议大多会瞻前顾后。其实,网站架设应由网络营销角度出发。换句话说,是否可以透过网络,在现有营销通路以外,提供一个企业与消费者之间直接接触与沟通的渠道,提供企业另一种销售模式机会。因此,传统产业要的网站,应该由营销主管角度优先思索。第二个角度就是从管理角度去思索,例如公司在全省拥有许多营业网点或分公司,各种网点之间的公文传递或资源分配是否可以透过网站,以提高经营绩效。
  
  误区之二、在页面中塞满图片、Java程序、Flash、音乐等

  其实就目前上网速度来看,网页如果加上太多的FLASH或FLAME,或挂上太多图片,势必影响传输速度,这样对普遍缺乏信心的客户而言,很容易就因为不愿耐心等候下载完毕,而选择中途跳开。如此一来,再漂亮的网页也不会有人看!依照我们的网站建设的经验,愈来愈多客户选择实用网站,不愿选择太花哨的网站。因为实在没有耐心等待像SHOCKWAVE程序那么长的下载时间;另外一个干干净净、条理分明的网页比较容易阅读,客户可以在很短时间找到他要的信息,不必被太多视觉污染所干扰。所以企业的网页不需要太多美工,因为要看漂亮的图片,客户自然有合适网站可以上,不必浪费客户下载的时间与金钱。

  如果你在经营自己的在线商务,你的网站最重要的任务就是销售你的产品或服务,其他任何脱离这个基本原则的东西都是垃圾。

  如果你还不同意我的观点,请你先去看看任何前100名的网站吧。就拿网上最著名的Yahoo(雅虎)来说,你见到Yahoo的网站上有Java程序、插件,或者听到过音乐吗?用不着多解释了吧?

  误区之三、很长时间都不更新一次

  如果一个网站的资料一个月才更新一次,请问谁会有兴趣上这个网站?当然资料更新与维护需要成本,因为我们不是在做一个入口网站或专业网站,不需要每天更新;如果能做到每周更新或每两周更新,并在网站上注明更新时间或预告下次更新时间,将有助于告知客户何时可以上网来取得最新资讯。另外所谓活网站的“活”,也是指需具备与客户互动机制,例如邮件列表系统、留言板或客服系统等,当然不需样样功能都具备。必须针对网站的定位,选择适死机制;同时对于客户所提意见的处理,也需及时,不能让客户对网站失去信心!
  
  误区之四、人家有什么我也要有的观念

  许多企业老板常说你看我的竞争对手XXX的网站建设多棒,什么功能都有,网页又漂亮,赶快帮我搞个更漂亮的网站来跟他拼一拼!这样想法真是可悲,网站不是做来好看的,也绝对不是在比谁的网站漂亮!真正关键在于你希望网站,能提供哪些实用的功能?只要做出来的网站能够满足当初设计构想,能帮企业缩短作业流程的时间或提高工作效率,这就是一个有用的网站。尤其是如果你自己的想法一变再变,不管你的网站是委外制作或由公司IT人员自行建置,碰到这样的老板,这个网站想要成功的机会将微乎其微。
  
  误区之五、不重视收集反馈信息,不依照反馈信息作出相应的调整

  一些人往往忽略了网站建设很重要的一点,那就是网站前途是由网站的访问者决定的,让他们满意往往是你的首要任务。我就曾经有过这样的经验。网站建设初期,时常有读者抱怨页面中有乱码且中文折行有问题,后来经过研究,改变了页面的设定,基本上解决了这个问题,从而使我们的访问量更上一层楼。特别重要的一点是,如果我们没有积极地去寻求读者的反馈,我们可能永远也意识不到我们的失误。

  所以说一定要重视访问者的反馈,因为那些将要购买你的产品或服务的客户就在这些访问者中间,只有了解他们的感受,才能使你获得成功。

  误区之六、将宝贵的时间浪费在无益的工作上

  对一名互联网市场推广人员来说,最宝贵的财产就是时间,有时候时间比金钱更重要。而时间又是很有限的资源,所以你必需分出轻重缓急。如果你不知道什么是重要的市场活动、什么不是,那你就是在浪费宝贵的时间。

  有人将搜索引擎奉为法宝,甚至有人想只要在搜索引擎搜索结果中排到前10名,就能一夜成名。这只是个神话罢了,别将你的宝贵时间浪费在那上面。

  你应该特别注意的一件事情是尽量使你每天的工作尽可能自动化,包括履行订单。要想在网上取得成功,你还必须将你大部分时间花在做广告及做市场营销上面。

  误区之七、不能高效率地管理电子邮件

  你与客户及潜在客户之间的电子邮件交流既能让你成功,也能让你失败。你很难有机会单独与他们交流并给他们留下印象,抓住这种机会很重要。

  我们每天都会收到人们发来的商务电子邮件,许多邮件写得就象10岁小孩的作品:错别字连篇,语法错误,格式混乱,难以阅读…… 每个人都会犯错误,所谓人无完人嘛,但这并不是你犯错误的借口。  一、写篇文章

  写篇文章的程序并不复杂,先确定个主题,再拟订个纲目,然后编写内容,最后润色一番,大抵如此。不过由于我不是天才,因此在写作过程中,从来无法一口气写完。确定主题还比较容易,但从拟订纲目开始,就很难避免反复了。我的想法是在编写的过程中使用迭代的方式,这是从敏捷软件开发中借过来的,而且绝大多数人写文章都在用这种手法,只是还不系统。

  迭代方式非常简单,就是写文章时,若写到某个地方没有思路,就像写注释一样,用一两句话,把该写什么内容记录到这里;如果不是没有思路,只是思路不清晰,则在后边快速的把想法记录下来,以待使用。

  其实迭代在运用的过程中不必太拘泥,即不用一次迭代必须两周时间,也不必考虑必须应用于软件开发。反正我觉得自己在写文章时应用的手法就是迭代。

  二、一篇文章,多个版本

  一篇文章写成后,由于种种原因,很可能在当时被认为比较完善了,但经过一段时间,却发现了很多问题。例如我当初写《JUnit学习笔记》时,虽然也知道fail()这个方法,但由于很多资料上都没有详细介绍,我也就以为没有用,而未做介绍,但现在看,这个方法还是有用的。又如当时不知道JBuilder的测试使用的也是JUnit,所以也没介绍。这是由于知识局限而造成的问题,其实想不到的东西很多。

  再一个,是技术发展造成的,还以写作《JUnit学习笔记》为例,当时使用的工具是JBuilder X和Eclipse 3.0.1,而现在这两个软件都升级了,分别是JBuilder 2006和Eclipse 3.2M4,而且当时也不知道NetBeans和IDEA这两款优秀的IDE,而现在却都会用了。再比如写《NUnit学习笔记之Mono篇》时,使用的版本是1.1.8,而现在却已经是1.1.13.1了,那时候输出的中文是乱码,而现在却完全能正常输出。

  我认为一篇文章最好半年到一年更新一次,以保证内容的新鲜。除非你打算写完就拉倒,那我也无话可说。

  三、解决方案

  为了更好的编写文章,最好给自己制定一套解决方案,虽然总感觉这么说有点大,不过我确实很希望把这种理念应用此中。

  我所面临的问题:上网浏览信息、发布文章;编写文章;记录并查看需要进行的任务;技术尝试及积累;统计相关信息,比如文章的查看率,这对我可是很重要的哦。

  问题的解决:

  1.上网浏览信息、发布文章,关键是浏览器,我现在主要使用两款,一款是Maxthon,使用比较方便,一款是Firefox,浏览CSDN博客很快。

  2.编写文章,其实就是需要一个使用方便的编辑器,以前使用的是Word,而现在使用的是OpenOffice.org,本文就是用OpenOffice.org中的Writer写的。

  3.记录并查看需要进行的任务,其实用记事本就可以,我用的是UltraEdit,但有一点很重要,相关文件一定要放在一个查看方便的地方,我通常扔在桌面;此外,我在单位偶尔也会灵光一闪,这些东西都需要记录下来并通过mail发给自己,所以也会需要个邮箱工具,我用的是Foxmail。

  4.技术尝试及积累,主要有两块,一块是新技术的尝试,主要是用到的开发工具,比如前边提到的Eclipse、JBuilder、NetBeans、IDEA,还有数据库,像MySQL、PostgreSQL、Firebird等,服务器,像Tomcat、JBoss、Resin等,涉及的很多,这里不细说了。另一块是技术的积累,应通过文档的形式记录下来,或者是以注释的方式写在代码文件中,或者用记事本、Writer记录到文档中。

  5.统计相关信息,我以前用的是Excel,现在用的是OpenOffice.org Calc。

  整合:以上解决办法看起来还比较混乱,需要整合起来:操作系统为Windows XP SP2;浏览器为Maxthon和Firefox;邮箱工具为Foxmail;办公为OpenOffice.org和UltraEdit;开发工具比较繁多,这里不列举。整合之后,就是一套我所需要的解决方案了。

  此外,以后可能还会有其他需求,比如版本控制,至时可能会使用CVS。



这两个月来,因为工作的需要,对 Web 相关的技术做了一点研究,经过在自己的 站点 上一点实践。觉得自己还算略有心得[实际上是刚刚入门的啦:)]。

本着学以致用的原则,写这篇 Blog 有针对性的做个小小的分析。例子就选择易趣(ebay中国)淘宝这对竞争对手吧。这里对两个公司的称呼排名按照字母表顺序。以下的"易趣"与"淘宝"如无特殊说明则分别指代双方的 Web 页面。

要说明的是,我这里所说的"Web技术"是个比较狭义的概念,内容将限制在 HTML、XHTML、CSS、Web Design、搜索引擎友好等几个方面上。

用 IE 打开各自的站点,从头向下看,乍一看两个站点格局类似--毕竟是竞争对手嘛,连主色调都有些雷同。先引起我注意的是淘宝首页的主导航条,居然是图片做的(分别是“我要买”、“我要卖”、“我的淘宝”、“社区”这四个),而且,那几个图片看起来也不是很漂亮,尤为严重的是,鼠标移到图片上看看,哦,很不好,没有用到 "Alt" 这个对图片非常重要的HTML 标记。这对搜索引擎来说,不是很“友好”。看看易趣主导航条处理的还算不错,看上去舒服一些,当然了,也是用图片做的(有趣的是,易趣的导航条如果不用图片也能做出来一样效果的),不过鼠标移过去可以看到图片的说明(导航条的图片用了 "Alt" 标记)。从这一点来说,易趣的页面设计似乎稍稍强那么一点点。

在易趣站点导航条的上方,我看到了站点地图(Sitemap),找遍了淘宝的页面,我没有发现这个比较重要的站点内容。一个精心制作的站点地图对来访的用户和来访的搜索引擎机器人来说,都是很有参考性的。

既然前面说到了 Alt 标记,不妨接着看看这两个站点整个页面对图片的标记情况。通过 Mozilla Firefox 的 Pageinfo 工具,淘宝的页面内共有图片 80 个(会有一点点误差),不过只有 4 处用到了 Alt 标记。易趣呢,61幅图片,设置了 14 个 Alt 标记,但有内容的只有 7 个。另外一半的标记内是空的。这里所说的两个页面时间以 2004年12月13日22:00 为参考。检测工具是 Firefox 1.0。

上一步的比较我用了 Firefox ,需要说明一下各自在 Firefox 里的显示情况 的是,易趣在页面在 Firefox 中有了不好的表现:无法正常显示。页面出现了变形。估计是设计的时候没有针对不同的浏览器进行测试,也反映了页面代码设计的结构不太好。而淘宝的页面在 Firefox 浏览器中显示良好。得了一分。

通过 Pageinfo 工具我们了解到,淘宝的页面编码是 "GB2312",而易趣用的是 "UTF8",从这一点上如果要说个谁优谁劣有点牵强,但是要肯定的是 UTF8 的扩展性更好一些,这一点应该也和易趣(ebay中国)前一段时间和 ebay.com 总站进行整合有关。

开始看看这个两个站点的 HTML 的源代码。易趣的站点源代码,哦,居然有好大一段 CSS 在那里,复制并粘贴到写字板中,居然有 1,693 字节之多。对于一个大型电子商务站点来说,这个是大忌!想想看,每个页面如果能省下来 1,693 字节,那么一天要节省多少流量? 而如果每个页面都要多解析 1,693 字节,无形中会浪费多少金钱呢? 淘宝在这一点上处理的还算可以,页面中没有看到单独的 CSS 段落。

第一, 预早筹划 设计主页未必很艰难。但是这一工作和编制传统的宣传品一样,都需要我们谨慎处理和筹划。也就是说,我们必须首先确定自己需要传达的主要信息,然后仔细斟酌,把所有意念合理地组织起来;然后是设计一个页面样式,接着重复修订。

第二, 尽量精简 主页的作用好比一本书的封面,是为了吸引用户浏览你的网站内容。因此主页的设计应该醒目,切勿堆砌太多不必要的细节,或是画面过于复杂。在主页上清楚列出3项要点,包括机构名称、提供的产品或服务、以及主页内容(其他页面还有什么资料)。切记页面给你的第一印象最为重要。

第三, 尽量简朴 除非是艺术性网站,否则主页的图形力求简朴。避免使用大图片,耽搁用户的等待时间。主页上的颜色最好不超过64种,页顶图象最好保持在大约10KB以下。主页整体要能够迅速传递。如果载入时间超过10-15秒,很多用户就会不耐烦。同时保证你的主页能在次一级浏览器上正常显示。

第四, 善用图像 要设法吸引用户的眼球,主页就要有醒目,新颖的画面、美观的字体。图象内容应该有一定的实际作用,切忌虚饰浮夸,注意合适的图象可以弥补文字的不足。

第五, 使主页易于漫游 主页的其中一个主要功能是作为漫游工具,指引用户查阅你存储在网址或其他地点的信息,因此应该尽量使漫游过程不费吹灰之力。基于清晰和速度的考虑,主页上的链接项目应只限于几个高级的类别,例如公司、产品、服务、支援等,用6至8个链接项目最为理想。此外,提供的信息不应埋藏在重重叠叠的页面之下,穿越5个以上的链接项目已足以令人厌烦。因此,必须在广度和深度之间求取平衡。如果网站上有太多信息,你可能要编制较长的页面或使用更多联接项目,甚至可能要建立多个主页,使每个主页载有不同的信息。如果能够让用户在主页上以关键字或词语查找所需的信息,肯定受用户欢迎。假若有充足的资源,便应找一位专家来评估设计的主页是否方便易用。并且设法找一些对主页陌生的用户,来试用你的初步制成品。

第六, 提纲挈领 主页一般必须包括以下项目:

标题。此标题必须清楚无误地标示年的网站,标题可以是名称、标语徽号或图象。

电子邮件地址。以便用户及时反馈信息。

版权资料。这是适用于主页内容的版权规定,可以是在主页上标示一句简短的版权声明,用链接方法带出另外几个载有详细使用条款的页面,这样可以避免主页显示得乱糟糟。

联络资料。列出通讯地址、公关或营业部门的电话号码等。

第七, 循环利用现有信息 制作首页时,通常都毋须从头做起,因为有许多现成的文字、图画等资料可供我们重复使用。很多情况下,只要用少许功夫,就可把这些材料转到网页上使用。

第八, 保持新鲜感 网上的新事物层出不穷,每天都有新花样。如果你的主页从不改变,用户很快就会厌倦。在主页上预告即将有新资料的推出,可以吸引用户再来访问。不妨在页头用大字标题宣布新消息。可以定期更改主页的图象,和主页的式样。趣味性的事项可以持续更新。同时,为保持新鲜感,应该时刻确保主页提供的是最新信息,将更新主页信息的工作纳入既定的公关及资料编制计划内。确保链接运作正常。

第九, 贯彻诺言 做不到的事情,千万不要轻易承诺。切勿随便叫用户作出回应行动,例如要求用户填交订货表格,除非你已制定好处理这些订单的方法和交货程序。如果在网上列出联络电话,就要确保能够迅速解决来电者的问题。

第十, 吸引用户浏览 为吸引用户来访问,必须使主页易于寻找。通知其他网站(题材相关的网站),做链接。安排自己的网址列在所有相关网址目录、索引、查找程序页面中。尽量将网址传播出去。




<

回想自己从事Web方面的开发已经有6-7年,对于各种Web技术都已经非常熟悉.可是,身为程序员的我对于制作Web表单界面的事着实心痛。

心痛1:很多后端代码和逻辑要写,可我还不得不费力的在各种网页制作工具中拖放控件放到美工提供的美术模板中。再配上css写上javascript。表单大一点够我弄上一整天。

心痛2:表单这东西,不是老手还干不了,又要漂亮又要有功能所以要和各种各样的table,td,div,javascript,css打交道。稍微不注意,显示效果就和所想的不一样,最后这种事情全成了老手门的活了。新手反只能在旁边看着。

心痛3:……哎不写了。今天不全是来抱怨的。

今天和大家分享一下我所了解的各种语言和平台中表单制作比较好的方式:

基本方式:在平台如ASP.NET中可以使用Visual Studio .NET工具制作表单,在java平台下的jsp中的表单可以使用JBuilder或是Eclipse制作表单,这些工具都提供了可视化的,即见即所得的编辑方式,但此类工具都常偏重于给程序设计,所以要制作一个漂亮的界面,基本上都需要使用工具中的原码编辑来制作。程序编码效率虽然很高,可是很难达到一个美化效果。

Visual Studio .NET工具界面

Eclipse工具界面

推荐方式一:借助DW工具

  DW也就是由macromedia出品的Dreamweaver。Dreamweaver家族一直是Web美工的最爱,也是目前最强大的网页制作工具之一。DW其实对程序人员有一个好处,无论希望制作任何语言和平台下的表单,DW中都可以做到,更重要的是DW能满足任何美术要求下的表单制作。

  DW工具界面

[!--infotagslink--]

相关文章

  • php漏洞之跨网站请求伪造与防止伪造方法

    今天我来给大家介绍在php中跨网站请求伪造的实现方法与最后我们些常用的防止伪造的具体操作方法,有需要了解的朋友可进入参考。 伪造跨站请求介绍 伪造跨站请求...2016-11-25
  • 如何获取网站icon有哪些可行的方法

    获取网站icon,常用最简单的方法就是通过website/favicon.ico来获取,不过由于很多网站都是在页面里面设置favicon,所以此方法很多情况都不可用。 更好的办法是通过google提供的服务来实现:http://www.google.com/s2/favi...2014-06-07
  • mac下Apache + MySql + PHP搭建网站开发环境

    首先为什不自己分别搭建Apache,PHP和MySql的环境呢?这样自己可以了解更多知识,说起来也更酷。可也许因为我懒吧,我是那种“既然有现成的,用就是了”的人。君子生非异也,善假于物也。两千年前的荀子就教导我们,要善于利用工具...2014-06-07
  • php根据用户语言跳转相应网页

    当来访者浏览器语言是中文就进入中文版面,国外的用户默认浏览器不是中文的就跳转英文页面。 <&#63;php $lan = substr(&#8194;$HTTP_ACCEPT_LANGUAGE,0,5); if ($lan == "zh-cn") print("<meta http-equiv='refresh' c...2015-11-08
  • 腾讯视频怎么放到自己的网页上?

    腾讯视频怎么放到自己的网页上?这个问题是一个基本的问题,要把腾讯视频放到自己的网页有许多的办法,当然一般情况就是直接使用它们的网页代码了,如果你要下载资源再放到...2016-09-20
  • php实现网站留言板功能

    我要实现的就是下图的这种样式,可参考下面这两个网站的留言板,他们的实现原理都是一样的畅言留言板样式:网易跟帖样式:原理 需要在评论表添加两个主要字段 id 和 pid ,其他字段随意添加,比如文章id、回复时间、回复内容、...2015-11-08
  • 网站广告怎么投放最好?首屏广告投放类型优化和广告位布局优化的案例

    网站广告怎么投放最好?一个网站中广告位置最好的是哪几个地方呢,许多的朋友都不知道如何让自己的网站广告收效最好了,今天我们就一起来看看吧。 在说到联盟优化前,...2016-10-10
  • 基于JavaScript实现网页倒计时自动跳转代码

    这篇文章主要介绍了基于JavaScript实现网页倒计时自动跳转代码 的相关资料,需要的朋友可以参考下...2015-12-29
  • 网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别

    我们现在使用的软件都会自动在前面加一个申明了,那么在网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别是什么呢?下面我们就一起来看看吧. 单...2016-09-20
  • 解析C#自定义控件的制作与使用实例的详解

    本篇文章是对C#中自定义控件的制作与使用实例进行了详细的分析介绍,需要的朋友参考下...2020-06-25
  • ps怎么制作人物影子效果

    ps软件是现在很多人比较喜欢的,通过ps软件可以制作很不错的图片效果。这次文章就给大家介绍下使用ps怎么制作任务影子,具体制作方法下面一起来看看。 ps人物影子效...2017-07-06
  • 用ps制作二寸证件照

    有没有觉得外面拍的证件照都很丑。那么本文就教大家制作二寸证件照的方法,学会了就能做自己美美的证件照了哈哈! 步骤 双击打开php,首先教大家制作两寸照片的大小。...2016-12-21
  • 个人站长做网站应该考虑的一些问题

    个人网站建设应该考虑哪些问题呢?这个问题我们先在这里不说,下文会一一列出来,希望这些建义能帮助到各位同学哦。 我相信VIP成员里面有很多站长,每个人几乎都拥有一个...2016-10-10
  • 分享利用论坛签名提升网站权重

    分享一篇利用论坛签名提升网站权重的方法,在推广中论坛签名也是一种不错的外链推荐的方法,但现在权重越来越低了,有需要的朋友可以看看。 话说有一天在站长网上面看...2016-10-10
  • C#实现Winform中打开网页页面的方法

    这篇文章主要介绍了C#实现Winform中打开网页页面的方法,涉及WinForm中WebBrowser的相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25
  • 如何提高网站pv 吸引力

    关于如何提高网站的吸引呢,下面我们列出了5点,让你的网站pv大大的提升哦   1、建立一个清晰的网站地图   一个清晰的网站地图可以给你的用户提供一个简介明了的...2017-07-06
  • 网站排名提升后稳定排名方法

    一、靠前排名成搜索关注的对象   从搜索引擎的角度考虑一下,就不难理解为什么搜索引擎对排名在首页的网站那么慎重,甚至对新进排名在首页的一些网站进行为期一个多月的...2016-10-10
  • 如何有效提高网站的用户回头率

    第一,网站的内容;请各位站长朋友不要一天到晚只想着出什么好的绝招来推广网站,却忽略了网站的内容;其实网站的内容是极为重要的,因为这是你的本,你的根!网站的内容只有不断...2017-07-06
  • ps怎么制作宣传单

    ps软件使用对很多人来说是非常重要的,很多人还不知道使用ps怎么制作宣传单,下面文章就给大家介绍下ps怎么制作宣传单,喜欢次效果的一起来看看。。 首先,我们新建一个2...2017-07-06
  • 教大家制作简单的php日历

    最近的一个项目中,需要将数据用日历方式显示,网上有很多的JS插件,后面为了自己能有更大的控制权,决定自己制作一个日历显示。如下图所示:一、计算数据 1、new一个Calendar类2、初始化两个下拉框中的数据,年份与月份3、初始...2015-11-24