论坛: 网站建设 标题: 基本问题1 复制本贴地址    
作者: bluecolor [bluecolor]    论坛用户   登录
本人想作个网站,但不知道从何入手,如何构思
我想马上就做,但真的又不知道怎么作
请老鸟指教


地主 发表时间: 04-03-16 22:03

回复: Aoming [aoming]   版主   登录
这是精华区的一个帖子:

标题: 网站设计的基本要求 [原创] 返回


作者: 咖啡╃泡面[aoming]  [ 邮箱: aoming@20cn.org 主页: www.20cn.org/~aoming ] 发表日期: 2003-03-29  浏览次数: 313 
                          网站设计的基本要求                            网站设计是一个复杂的系统工程。所以经常说网站“设计”而不是网站“制作”,就因为设计是一个策划和思考的复杂过程,而制作只是将其表现出来而已,是设计的一部分。设计是网站的核心和灵魂,网站设计包含的内容特别多。大体分为两个方面,一方面是纯网站本身的设计,比如文字排版,图片制作和平面设计等。另一方面是网站的延伸设计,包括网站的主题定位和浏览群的定位,智能交互,制作策划等。当今网络技术的飞速发展,使得在网站设计方面不可能有一个权威统一的标准。打算内可以参考一些普通的使用原则完成网站的设计过程。网站的目标==========    一个网站要有明确的目标定位,这才是在网站设计之前必须要考虑和解决的首要问题。只有定位准确,目标鲜明,才可能做出切实可行的计划,按部就班地进行设计。网站的目标定位可以从三个方面考虑。        题材和内容    ----------    主题要小而精,突出个性和特色。定位要小,内容要精。题材应该是自己所擅长或者喜爱的内容,且不要太滥或者目标太高。“太滥”是指到处可见,人人都有的题材。“目标太高”是指在这一题材上已经存在非常优秀,知名度很高的站点。如果想超过它是很困难的,除非有决心有实力竞争。    网站域名    --------    记住,一定要申请一个好记的域名,这虽然不是至关重要的,但却是不可忽略的。    网站名称    --------    网站名称也是网站设计中的一部分,而且是很关键的一个要素。网站名称是否响亮、易记,对网站的形象和宣传推广也有很大的影响。网站名称最好用中文,字数应该控制在6个字(最好4个字)以内。如可能的话,也要有一定的内涵。网站的风格==========    风格指的是站点的整体形象给浏览者的综合感受,这个整体形象包括许多方面,如版面布局、浏览方式、交互性和文字等诸多因素。一个网站的风格要独树一帜,通过网站的某一点,或者文字、或者色彩、或者技术,能让浏览者明确分辨出此部分就是网站所独有的。    可以从以下几个方面来树立网站的风格:    1、确信风格建立在有价值的内容上    一个网站有风格而无内容,就好比一个傲慢自大但却又目不识丁的人。所以首先必须保证内容和价值性,这是最基本的。    2、要清楚自己希望站点留给浏览者的印象    在开始设计站点前,要彻底搞清楚自己的站点留给别人一种什么样的印象。这一步骤可以通过自己所希望的印象及别人感受到的印象加以对比,最终来确定该网站的印象。    3、着手建立和加强站点印象    确定着眼点印象后,还需要进一步找出其中最有特色的内容,就是最能体现网站风格的内容,并以作为网站的特色加以重点强化和宣传。网站的CI形象============    所谓CI(Corporateidentity)是借用的广告术语,意思是通过视觉来统一企业的形象。一个网站的CI包括标志、色彩、字体和标语等。准确的讲,有创意的CI设计,对网站的宣传推广有事半功倍的效果。当一个网站的主题和风格确定后,就需要根据她们设计相应的网站CI形象。    设计网站的标志    --------------    标志(logo)是一个网站的特色和内涵的集中体现,所以必须设计并制作网站的标志。标志的设计、创意来自该网站的名称和内容,能让浏览者一看到标志就联想到这个网站。    设计网站的标准色彩    ------------------    网站给人的第一印象来自视觉冲击,确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪。“标准色彩”是指能体现网站形象和延伸内涵的色彩。标准色彩要用于网站的标志、标题、主菜单和主色块,给人以整体统一的感觉。一般来说,适合于网页标准色的颜色有蓝色、黄/橙色、黑/灰/白色 3大系列色。    设计网站的标准字体    ------------------    和标准色彩一样,标准字体是用于标志、标题和主菜单的特有字体。为了体现站点的特有风格,可以根据需要选择一些特别字体。值得注意的是不同的操作系统中可能会支持不同的字体。    设计网站的宣传标语    ------------------    网站的宣传标语也可以说是网站的精神,网站的目标,最好是用一句话甚至是一个词来高度概括。    以上介绍的4个方面:标志、色彩、字体和标语,是一个网站树立CI形象的关键。确切的说是网站的表面文章,设计并完成这几步,就一能提高网站整体的形象。网站的栏目和版块================    在动手制作网页前,一定要先规划好,确定合理的栏目和版块。栏目实质上是一个突出显示网站主体的大纲索引。    紧扣网站的主题    --------------    一般的做法是将网站的主题按照一定的分类并将其作为网站的主栏目,且主题栏目个数在总数上要占绝对优势。这样的饿网站显得专业,主题突出,容易给人留下深刻的印象。    设计一个最近更新或网站指南栏目    ------------------------------    如果首页没有安排版面放置最近更新内容信息,就要设立一个“最近更新”的栏目,这样做可使主页更有人性化。如果是主页层次较多,而又没有站内的搜索引擎,建议设置一个本站“指南栏目”,这样可以帮助访问者快速找到他们想要的内容。    设定一个可以双向交流的栏目    --------------------------    设定一个可以双向交流的栏目,比如论坛,留言本或邮件列表等,可以让浏览者留下他们的信息。这远比留一个E_mail地址更具有吸引力。    版块的概念要比栏目大一些,每一个版块口有自己的栏目。例如搜狐的站点分为新闻、体育、频道、道琼斯和汽车等版块,而每一个版块下都有自己的主栏目。在设置版块时,注意各版块要相对独立,相互关联,且版块的内容要围绕站点的主题。网站目录和链接结构==================    网站的目录是指建立网站时创建的目录,网站目录结构的好坏对浏览者没有太大的影响。但是对于站点本身的上传维护,将来内容的扩充和移植有着重要的影响。下面是建立目录结构的一些建议:    1、不要将所有的文件存放在根目录下,这样会造成文件管理混乱,上传速度慢等诸多不便,所以要尽可能减少根目录中的文件数。    2、按栏目内容建立子目录    子目录的建立首先应基于主菜单栏目,像一些需要经常更新的栏目,可以建立独立的子目录。而一些相关性强,不需要经常更新的栏目,可以合并放在一个统一的目录下。    3、在每个主目录下都建立独立的Images目录    一个站点根目录下都默认有一个Images目录,如果把站点的所有图片都放在这个目录下,以后将带来许多麻烦。最好的方法是为每个主栏目都建立一个独立的Images目录,用来存放该栏目下的所有图片。而根目录下的Images目录只用来存放首页的图片。    4、目录的层次不要太深    为了维护的方便,目录的层次最好不要超过3层。    除以上所将的几点外,还需要注意不要使用中文目录,不要使用太长的目录,要尽量使用意义明确的目录等。 

摘自:

《新世纪Dreamweaver 4.0 应用培训教程》.《电子工业出版社》,P14~P17


B1层 发表时间: 04-03-17 02:19

回复: Aoming [aoming]   版主   登录
作者: 沙加II [newmyth21]    论坛用户 回复  收藏  修改  删除  转移  锁定 


--------------------------------------------------------------------------------

第八军团
 

  预早筹划
  设计主页未必很艰难。但这一工作与编制传统的宣传品一样,都需要我们谨慎处理和筹划。换言之,我们必须首先确定自己需要传达的主要信息,然后细意斟酌、把所有意念合情合理地组织起来;之后是设计一个页面式样,试用于有代表性的用户,接着重复修订,务求尽善尽美。
  
  尽量精简
  主页的作用好比一本书的封面,是为了吸引用户测览你的网址内容。因此,主页的设汁应以醒目为上、令人一目了然。切勿堆砌太多不必要的细节,或使画面过于复杂。在主页上清楚列出三项要点,例如机构名称、提供的产品或服务、以及主页内容(亦即你的其他页面还载有什么资料)。应切记页面给人的第一观感最为重要。在网上到处浏览的人很多。如果你的主页真没有吸引力,很难今他们深入观赏。
  

  尽量简朴
  现今大部分用户那是用调制解调器接驳万维网,所以他们一般都要花很多时间等待主页传送到自己的系统。切勿令他们加倍望穿秋水。主页上的图形应力求简朴,避免耽搁用户的时间。图像愈大、颜色愈深,传送页面的时间愈长。
  这并不是说你要完全略去图像不用,只是提醒你要注注意使用图像所引起的效果。
  主页上的颜色最好不超过六十四种,页顶图像最好保持在大约10KB(千字节)以下。切勿禁不住诱惑。觉得非要放入大幅的图画不可;应考虑只用三两幅短小精悍的图像。主页整体上要能够迅速传送。如果载入的时间超过十至十五秒,很多用户就会等得不耐烦。如果情况许可,最好先测试一中你的主页在稍差的条件下的传送速率,14.4千波特的调制解调器,或透过 Prodigy等网上服务接驳万维网等。
  此外、还须注意配合最低档的设备,例如标准的小型显示器,不要假设人人都用高解像度的大荧幕。运用先进测览软件所提供的一些尖端功能是可以的、但应确保你的主页在次一级的浏览软件上(例如某些网上服务所提供的专用浏览软件)仍可畅顺地显现。
  

  善用图像
  用户在网上四处漫游,你必须设法吸引和维护他们对你的主页的注意力。万维网的其中一个最重大资源是其多媒体能力,所以我们无论如何要善加利用。主页上最好有醒目的图像、新颖的画面、美观的字款,使其别具特色,令人过目不忘。图像的内容应有一定的实际作用,切忌虚饰浮夸。最佳的图像足集美观与传讯于一身。
  注意图画可以弥补文字之不足,但并不能够完全取代文字。
  很多用户把浏览软件设定为略去图像,以求节省时间他们只看文字。因此,制作主页时,必须注意将图像所戴的重要信息或联接其他页面的指示用文字重复表达?次。
  用纯文本模式测试已制成的主页,确保其传达到所有信息。
  

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

  提网协领
  主页一般须载有以下事项:
  ★标题
  此标题须清楚无误地标示你的网站。标题可以是名称、标语徽号或图像。
  ★电子邮件地址(例如你的 Webmaster)
  以便用户有问题时,可以通知你。
  ★版权资料
  这是适用于主页内容的版权规定。
  你可以在主页上标示一句简短的版权声明,用联接方法带出另?个载有详细使用条款的页面。这样可以避免主页显得乱糟糟。
  ★联络资料
  列出通讯地址、公关或营业部门的电话号码等。
  

  循环利用现有信息
  制作主页(或其他主页)时,通常都毋须从头做起,因为有许多现成的文字、图画等资料可供我们重用,例如宣传小册、公关文件、技术手册、资料库等。很多情况下,只要用少许功夫、就可把这些材料转到网页上使用。
  

  保持新鲜感
  万维网上不断有新事物出现、每天都有新花样。如果你的主页从不改变,用户很快会厌倦。在主页上预告即将有新资料推出,可吸引用户再来测览。不妨在页头以大字标题宣布新消息。可以定期改变主页上的图像、或更改主页的式样。
  趣味性的事项可以持续或自动更新、例如列出会测览你的网站的人次。
  同样,为保持新鲜感,应时刻确保主页提供的是最新信息。
  将更新主页信息的工作纳入既定的公关及资料编制计划内,亦即当你使用传统方法(例如新闻稿)传递的新信息、会问时出现在你的主页上。确保连接项目运作畅顺,以免用户在荧幕上收到?无法查阅所需档案?的信息而大感没趣。
  

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

  吸引用户测览
  既然绞尽脑汁把主页弄得美观实用,没有人来欣赏就太可惜了。为吸引所有网中人来浏览,必须使主页易于寻找。
  通知其他网站(例如题材相关的网站),他们可能想联通你的主页。安排将自己的网址列在所有相关的网址目录、索引、查找程序和?What? s new?页面上。尽量将网址传播开去,使之出现在 Internet和所有传统煤体上、例如书刊广告、公关文件、宣传品等。
  在网站上,于每个页面设置home按键,方便用户随时返回主页。
  万维网充满生命力、正在不断演进,所以一些现时适用的经验,将来未必合用。举例来说,将来家居用户有高速线路接驳Internet,就可以消除数据传输目前的所受的限制、使主页的篇幅可以更长,页面更华丽。新的浏览功能、例如Sun的 HotJava测览软件所提供的先进功能、将使万维网更强劲和更方便沟通。 HotJava将主页由静态的文件转为动态的实体,提供诸如即时制作动画、背景音乐、即时存入资料(例如不断更新股票价格)、话音广播等功能、为网上用户带来更多乐趣。
  有好的主页,还须有精良的设备支持。网站服务器不断推陈出新,使建设网站的工作愈来愈容易。以 S u n的NetraInternet Server为例、全套设备包括上网所需的软硬件、以及建立完善的高效能网站所需购各种软硬件设施。
  这些发展为万维网及其用户开拓了壮阔的前景。建设网站的上作,从未如此容易过



B2层 发表时间: 04-03-17 02:58

回复: bluecolor [bluecolor]   论坛用户   登录
十分感谢
继续支持20cn
:)
谢谢版主

B3层 发表时间: 04-03-17 10:04

论坛: 网站建设

20CN网络安全小组版权所有
Copyright © 2000-2010 20CN Security Group. All Rights Reserved.
论坛程序编写:NetDemon

粤ICP备05087286号