网站制作流程方案样本.doc

网站制作是一项很复杂工程，网站制作从大一方面讲可以称之为是生物学延续，是工程学集中体现。但网站制作，更是一种进一步浅出过程。网站制作一切以人为本，顾客体验始终放在第一位，不但仅注重外表美观，华而不实外壳。网页设计，网站架构，代码编写也不但仅是一种复制粘贴过程。网站制作要突出个性，注重浏览者综合感受，令其在众多网站中脱颖而出。网站制作目是通过网站达到开展网上营销，实现电子商务目。西安做网站-大国网络
目录
什么是网站制作
什么是网站制作师
第一步：拟定网站主题
第二步：做好网站规划
第三步：选取好域名
第四步：掌握建网工具
第五步：拟定网站界面
1. 1.栏目与板块编排
2. 2.目录构造与链接构造
3. 3.进行形象设计
第六步：拟定网站风格
第七步：有创意内容选取
第八步：选购网站空间
网站制作入门
LOGO知识简介
什么叫javascript？
网页设计是不是越华丽越好？
1. 网站制作必要要注意事项：
网页设计中HTML常范五个错误
1. 1. 增长对比
2. 2. 渐变
3. 3. 色彩
4. 4. 字符间距
5. 5. 大小写
6. 6. 消锯齿
网站制作后搜索引擎收录时间
网站制作环节　
选购网站空间
网站制作基本
1. 1.页面尺寸：
2. 2.整体造型：
3. 3.页头：
4. 4.文本：
5. 5.页脚：
6. 6.图片
7. 7.多媒体
网站制作专业规定
网站制作用到语言
网站制作用到情谊链接
网站制作前期准备工作
1. 1.网站框架频道
2. 2.网站风格规定
3. 3.网站针对对象
4. 4.网站预算
网站制作有关法律法规
网站制作分类
网站制作发展趋势
网站制作栏目
网站制作环节
网站制作详细流程
网站制作六大核心环节
什么是网站制作
什么是网站制作师
第一步：拟定网站主题
第二步：做好网站规划
第三步：选取好域名
第四步：掌握建网工具
第五步：拟定网站界面
1. 1.栏目与板块编排
2. 2.目录构造与链接构造
3. 3.进行形象设计
第六步：拟定网站风格
· 第七步：有创意内容选取
· 第八步：选购网站空间
· 网站制作入门
· LOGO知识简介
· 什么叫javascript？
· 网页设计是不是越华丽越好？
1. 网站制作必要要注意事项：
· 网页设计中HTML常范五个错误
1. 1. 增长对比
2. 2. 渐变
3. 3. 色彩
4. 4. 字符间距
5. 5. 大小写
6. 6. 消锯齿
· 网站制作后搜索引擎收录时间
· 网站制作环节　
· 选购网站空间
· 网站制作基本
1. 1.页面尺寸：
2. 2.整体造型：
3. 3.页头：
4. 4.文本：
5. 5.页脚：
6. 6.图片
7. 7.多媒体
· 网站制作专业规定
· 网站制作用到语言
· 网站制作用到情谊链接
· 网站制作前期准备工作
1. 1.网站框架频道
2. 2.网站风格规定
3. 3.网站针对对象
4. 4.网站预算
· 网站制作有关法律法规
· 网站制作分类
· 网站制作发展趋势
· 网站制作栏目
· 网站制作环节
· 网站制作详细流程
· 网站制作六大核心环节
展开
什么是做网站
什么是网站制作呢？通俗来说就是网站通过页面构造定位，合理布局，图片文字解决，程序设计，数据库设计等一系列工作总和。也是将网站设计师图片用HTML方式展示出来，属于前台工程师一项任务，前台工程师任务涉及 网站设计、网站顾客体验、网站JAVA效果、网站制作等工作。西安做网站

什么是网站制作师
　　是将网站设计师图片用HTML方式展示出来工程师，偏代码方向。
　　是当前网站制作方面一种职位，实现网站图片设计，代码编写等工作。

第一步：拟定网站主题
　　做网站，一方面必要要解决就是网站内容问题，即拟定网站主题。美国《个人电脑》杂志(PC Magazine)评出了99年度排名前100位全美知名网站十类题材：第1类：网上求职；第2类：网上聊天/即时信息/ICQ；第3类篬url]网上社区/讨论/邮件列表；第4类：计算机技术，如第5类：网页/网站开发；第6类：娱乐网站；第7类：旅行；第8类：参照/资讯；第9类：家庭/教诲；第10类：生活/潮流。咱们可以参看上面

网站制作
分类，继续细分。如果自己在某些方面有兴趣，或掌握资料较多，也可以做一种自己感兴趣东西，一者，你可以有自己看法，做出自己特色；两者，在制作网站时不会觉得无聊或者力不从心。兴趣是制作网站动力，没有创作热情，很难设计制作出先进作品。
　　对于内容主题选取，要做到小而精，主题定位要小，内容要精。不要去试图制作一种包罗万象站点，这往往会失去网站特色，也会带来高强度劳动，给网站及时更新带来困难。记住：在互联网上只有第一，没有第二！
　　有些网站设计都在网站上加入许多不有关内容，想以此吸引浏览者，但往往会适得其反。
编辑本段
第二步：做好网站规划
　　规划内容应当重要涉及但不局限于如下几项：
　　1、域名和主机选取（域名需要依托网站主题以及顾客范畴来选取，主机则依照网站在大小、安全、稳定上需求）
　　2、网站定位（如定位于获利 性 网站，还是公司网站，或是公益性……）
　　3、网站用途（是用来获利，还是做产品线上营销，或是做品牌推广和整合）
　　4、网站发展目的 （需要达到目的，需要为这个目的而努力）
　　5、网站拓扑图构画（网站涉及哪些栏目，采用什么样制作构造）
　　6、网站制作技术采用（用哪种语言开发，在什么平台上开发）
　　7、网站推广（需要做详细什么样工作去推广网站，与否需要在前期开发时候就考虑到后期推广，如SEO专家建议）
　　8、网站维护（是自主维护，还是外包维护，维护内容涉及哪些，后期改版时间间隔安排等）
　　9、网站安全 (网站定期进行安全检测及备份等安全操作)
　　10、网站主题颜色（网站颜色可以直接反映出公司行业所属）
第三步：选取好域名
　　域名

是网站在互联网上名字，是在互联网上互相联系网络地址。一种非产品推销纯信息服务网站，其所有建设价值，都凝结在其网站域名之上。失去这个域名，就将前功尽废。
　　当前，做个人网站诸多都依赖免费个人空间，其域名也是依赖免费域名指向，如网易虚拟域名服务，其实这对个人网站推广与发展很为不利，不光是它“适时”启动窗口妨碍了浏览者视线和好感，让人一看就懂得是个人网站，并且也妨碍了网页传播速度。因此，就我个人观点来讲，一方面花点钱去注册一种域名，独立域名就是个人网站第一笔财富，要把域名起得形象、简朴、易记。
第四步：掌握建网工具
　　网络技术发展带动了软件业发展，因此用于制作Web页面工具软件也越来越丰富。从最基本HTML编辑器到当前非常流行Flash互动网页制作工具，各种各样Web页面制作工具，下面是几款具备代表性网页制作器：
　　1.HTML编辑器。虽然HTML代码复杂，编辑和调试要耗费大量时间，但因HTML稳定性、广泛支持性及可创立复杂页面效果，仍受高档网页制作人员青睐。就当前来说，有众多编辑器供选取，这些编辑器广泛支持复杂页面创立及高档HTML规范，使用较为普遍有Hotdog等专业HTML编辑器。
　　2.所见即所得网页编辑器。其中以Microsoft Frontpage为代表，它具备如Word同样操作界面，熟知Word功能操作者，只要稍加培训就能轻松编制网页。并且，Frontpage还能解析网页HTML源代码，并提供了预览支持。但Frontpage某些特殊显示功能并不能在其他非IE浏览器下实现。因此Frontpage是一款非常适合初、中级网页制作人员使用工具软件。
　　3.当前非常流行 Macromedia公司(已被Adobe公司收购)出品Flash互动网页制作工具。这是是一款功能非常强大交互式矢量多媒体网页制作工具。可以轻松输出各种各样动画网页，它不需要特别繁杂操作，也比JAVA小巧精悍！但它动画效果、互动效果、多媒体效果十分出众。并且还可以在Flash动画中封装Mp3音乐、填写表单等；并且由于Flash编制网页文献比普通网页文献要小得多，因此大大加快了浏览速度。这是一款十分适合动态Web制作工具。
　　4.Dreamweaver：Dreamweaver是美国MACROMEDIA公司开发集网页制作和管理网站于一身所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展视觉化网页开发工具，运用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制布满动感网页。
　　此外，个人网站制作者还需理解W3CHTML4.0规范、CSS层叠样式表基本知识、javascript、VBScript基本知识。对于惯用某些脚本程序如ASP、CGI、PHP也要有恰当理解，还要纯熟使用图形解决工具和动画制作工具以及矢量绘图工具，并能某些理解各种图形图像动画工具基本用法，纯熟使用FTP工具以及拥有相应软硬件和网络知识也是必备。
　　固然，互联网还是一种免费资料库。编制网页需要各种各样按钮、背景尚有各种各样图形、图片。如果这些都要靠自己完毕，既挥霍时间又挥霍金钱，并且还需要强大图形、图片制作技术。因此，为了省却这些麻烦，网站制作者完全可以从网上下载各种精美实用图片、按钮、背景等网页素材。
第五步：拟定网站界面
　　界面就是网站给浏览者第一印象，往往决定着网站可看性，在拟定网站界面时要注意如下三点：
1.栏目与板块编排
　　构建一种网站就好比写一篇论文，一方面要列出提纲，才干主题明确、层次清晰。网站建设初学者，最容易出错误就是：拟定题材后立即开始制作，没有进行合理规划。从而导致网站构造不清晰，目录庞杂混乱，板块编排混乱等。成果不但浏览者看得糊里糊涂，制作者自己在扩充和维护网站也相称困难。因此，咱们在动手制作网页前，一定要考虑好栏目和板块编排问题。
　　网站题材拟定后，就要将收集到资料内容作一种合理编排。例如，将某些最吸引人内容放在最突出位置或者在版面分布上占优势地位。栏目实质为一种网站大纲索引，索引应当将网站主体明确显示出来。在制定栏目时候，要仔细考虑，合理安排。在栏目编排时需要注意是：
　　●尽量删除那些与主题无关栏目；
　　●尽量将网站内最有价值内容列在栏目上；
　　●尽量从访问者角度来编排栏目以以便访问者浏览和查询；辅助内容，如站点简介、版权信息、个人信息等大可不必放在主栏目里，以免冲淡主题。
　　此外，板块编排设立也要合理安排与划分。板块比栏目概念要大某些，每个板块均有自己栏目。举个例子：ENET硅谷动力站点分新闻、产品、游戏、学院等板块，每个板块下面又各有自己主栏目。普通来说，个人站点内容较少，只要分个栏目也就够了，不需要设立板块。如果有必要设立板块，应当注意：
　　●各板块要有相对独立性；
　　●各板块要有互有关联；
　　●各板块内容要环绕站点主题；
2.目录构造与链接构造
　　网站目录是指建立网站时创立目录。例如：在用Frontpage建立网站时都默认建立了根目录和Images子目录。目录构造是一种容易忽视问题，大多数站长都是未经规划，随意创立子目录。目录构造好坏，对浏览者来说并没有什么太大感觉，但是对于站点自身维护，后来内容扩充和移植有着重要影响。因此建立目录构造时也要仔细安排，例如：
　　●不要将所有文献都存储在根目录下。有网站制作者为了以便，将所有文献都放在根目录下。这样就很容易导致：文献管理混乱，搞不清哪些文献需要编辑和更新，哪些无用文献可以删除，哪些是有关联文献，影响工作效率；上传速度变慢，服务器普通都会为根目录建立一种文献索引，如果将所有文献都放在根目录下，那么虽然只上传更新一种文献，服务器也需要将所有文献再检索一遍，建立新索引文献，很明显，文献量越大，等待时间也将越长。
　　●按栏目内容建立子目录。子目录建立，一方面按主栏目建立。情谊连接内容较多，需要经常更新可以建立独立子目录。而某些有关性强，不需要经常更新栏目，例如：网站简介、站长状况等可以合并放在一种统一目录下。所有程序普通都存储在特定目录，例如：CGI程序放在cgi-bin目录，所有提供下载内容也最佳放在一种目录下，便于维护管理。
　　●在每个主目录下都建立独立Images目录。普通来说，一种站点根目录下均有一种默认地Images目录。将所有图片都存储在这个目录里很是不以便，例如在栏目删除时，图片管理相称麻烦。所觉得每个主栏目建立一种独立Images目录是以便管理。因素很简朴，就是以便维护与管理。
　　其他需要注意尚有：目录层次不要太深，不要超过3层；不要使用中文目录，使用中文目录也许对网址对的显示导致困难；不要使用过长目录，太长目录名不便于记忆；尽量使用意义明确目录，以便于记忆和管理。
　　网站链接构造是指页面之间互相链接拓扑构造。它建立在目录构造基本之上，但可以跨越目录。形象说：每个页面都是一种固定点，链接则是在两个固定点之间连线。一种点可以和一种点连接，也可以和各种点连接。更重要是，这些点并不是分布在一种平面上，而是存在于一种立体空间中。普通，建立网站链接构造有两种基本方式：
　　●树状链接构造（一对一），此类似DOS目录构造，首页链接指向一级页面，一级页面链接指向二级页面。这样链接构造浏览时，一级级进入，一级级退出，条理比较清晰，访问者明确懂得自己在什么位置，不会“不知身在何处”，但是浏览效率低，一种栏目下子页面到另一种栏目下子页面，必要回到首页再进行。
　　●星状链接构造（一对多），类似网络服务器链接，每个页面互相之间都建立有链接。这样浏览比较以便，随时可以到达自己喜欢页面。但是由于链接太多，容易使浏览者迷路，搞不清自己在什么位置，看了多少内容。
　　因而，在实际网站设计中，总是将这两种构造混合起来使用。网站但愿浏览者既可以以便迅速地达到自己需要页面，又可以清晰地懂得自己位置。因此，最佳办法是：首页和一级页面之间用星状链接构造，一级和二级页面之间用树状链接构造。关于链接构造设计，在实际网页制作中是非常重要一环，采用什么样链接构造直接影响到版面布局。
3.进行形象设计
　　网站设计可以从如下几点出发：
　　●设计网站标志(LOGO)。LOGO是指网站标志，标志可以是中文、英文字母，也可以是符号、图案等。标志设计创意应当来自网站名称和内容。例如：网站内有代表性人物、动物、植物，可以用它们作为设计蓝本，加以卡通化或者艺术化；专业网站可以以本专业有代表物品作为标志。最惯用和最简朴方式是用自己网站英文名称作标志，采用不同字体、字母变形、字母组合可以很容易制作好自己标志。
　　●设计网站色彩。网站给人第一印象来自视觉冲击，不同色彩搭配产生不同效果，并也许影响到访问者情绪。“原则色彩”是指能体现网站型象和延伸内涵色彩，要用于网站标志，标题，主菜单和主色块。给人以整体统一感觉。至于其他色彩也可以使用，但应当只是作为点缀和衬托，绝不能喧宾夺主。普通来说，一种网站原则色彩不超过3种，太多则让人眼花缭乱。适合于网页原则色颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。
　　●设计网站字体。和原则色彩同样，原则字体是指用于标志，标题，主菜单特有字体。普通网页默认字体是宋体。为了体现站点“与众不同”和特有风格，可以依照需要选取某些特别字体。制作者可以依照自己网站所表达内涵，选取更贴切字体。需要阐明是：使用非默认字体只能用图片形式，由于很也许浏览者计算机里没有安装特别字体，那么辛苦设计制作便也许付之东流了。
　　●设计网站宣传语。也可以说是网站精神、主题与中心，或者是网站目的，用一句话或者一种词来高度概括。用富有气势话或词语来概括网站，进行对外宣传，可以收到比较好成果。西安网络公司
第六步：拟定网站风格
　　“风格”是抽象，是指站点整体形象给浏览者综合感受。这个“整体形象”涉及站点CI（标志，色彩，字体，标语）、版面布局、浏览方式、交互性、文字、语调、内容价值等等诸多因素，网站可以是平易近人、生动活泼也可以是专业严肃。不论是色彩、技术、文字、布局，还是交互方式，只要你能由此让浏览者明确辨别出这是你网站独有，这就形成了网站“风格”。
　　风格是有人性，通过网站色彩、技术、文字、布局、交互方式可以概括出一种站点个性：是粗犷豪放，还是清新秀丽；是温文儒雅，还是执著热情；是活泼易变，还是墨守成规。
　　总之，有风格网站与普通网站区别在于：在普通网站上你看到只是堆砌在一起信息，你只能用理性感受来描述，例如信息量多少，浏览速度快慢等；在有风格网站上你可以获得除内容之外更感性结识，例如站点品位，对浏览者态度等。
　　在明确自己想给人以如何印象后，要找出网站中最有特色东西，就是最能体现网站风格东西。并以它作为网站特色加以重点强化、宣传。总之，风格形成不是一次定位，你可以在实践中不断强化、调节、改进。
第七步：有创意内容选取
　　好内容选取需要有好创意，作为网页设计制作者，最苦恼就是没有好内容创意。网络上最多创意即是来自于虚拟同现实结合。创意目是为了更好宣传与推广网站，如果创意较好，却对网站发展毫无意义，那么，网站设计制作者也应当放弃这个创意。此外，主页内容是网站主线之所在，如果内容空洞，虽然页面制作地再如何精美，依然不会有多少顾客。从主线上说，网站内容依然左右着网站流量，内容为王（Content Is King）依然是个人网站成功核心。
第八步：选购网站空间
　　这个一步应当是和选好域名时候已经拟定网站空间放在那里。在网络服务器上开辟出一定配额磁盘空间供顾客放置网站、文献等内容，最基本虚拟主机功能包括web访问和文献传播功能。
做网站入门
　　1、什么是首页?
　　首页是指一种网站主索引页，是令访客理解网站概貌并引导其调阅重点内容向导。首页设计规定在保障整体感前提下，依照大多数人阅读习惯以色彩、线条、图片等要素将导航条、各功能区以及内容区进行分隔。首页设计采用客户既定原则色，注重协调各区域主次关系，以营造高易用性与视觉舒服性人机交互界面为终极目的。
　　2、什么是形象页？
　　形象页是指一种网站欢迎页面，可引入元素大体有：公司名称、LOGO、形象图片、网址、宣传语、首页链接、其她语种页面链接等。将客户选定元素创造性地布局后进行整体化设计，建立亲和、亮丽视觉效果，达到提高公司形象，宣传公司理念功能。
　　3、什么是入口页？
　　入口页又称Coverpage，顾名思义如果把网站比作一本杂志，入口页(Coverpage)就是封面了。此页面元素普通只有公司名称，公司LOGO以及体现公司形象背景图片等。
　　合用于突出体现公司形象、公司理念或者为了让网站艺术型。但不合用于功能性强、交互频繁站点。
　　4、网页同Word页面是同样吗？
　　网页是由HTML（超文本标记语言）编写。过去制作网页都要有专门技术人员一行一行代码编写非常费事，而如今有了FrontPage 和DreamWeaver这样可视化编辑工具使得不再那么困难，同步也可以实现更多强大功能。
　　5、什么叫网站策划？
　　网站是公司发布信息、收集反馈、提供服务综合平台。信息构造设立能否符合访客使用习惯将在很大限度上影响网站实际功能。咱们将圈定客户网站重要目的访客群体后进行网站整体构造及栏目策划，出具详细各页页面布局图与细节阐明，并据此与客户讨论布局、设计风格、以及各页面间勾接关系等。
　　6、什么叫形象页设计？
　　形象页是指一种网站欢迎页面，可引入元素大体有：公司名称、LOGO、形象图片、网址、宣传语、首页链接、其她语种页面链接等。将客户选定元素创造性地布局后进行整体化设计，建立亲和、亮丽视觉效果，达到提高公司形象，宣传公司理念功能。
　　7、什么叫栏目页设计？
　　据网站构造及信息类别分类，拟定需要独立设计栏目页和内容页模板文献总数。设计中兼顾并继承首页设计风格，保障模板在各详细页面套用过程中合用性和灵活性。
　　8、什么叫动态效果？
　　在策划阶段依照不同页面需要，设立Javascript、DHTML特效若干。例如：走马灯、分时问好、弹出窗口等。各种特效不分难易，采用统一价格计算。
　　9、什么是Flash动画？
　　Flash动画是一种矢量动画格式，它是用Macromedia公司Flash4软件编辑而成，具备体积小、兼容性好、直观动感、互动性强大、支持MP3音乐等诸多长处，是当今最流行Web页面动画格式
　　10、什么是超文本
　　超文本是一种新文献形式，指一种文献内容可以无限地与有关资料链接。超文本是自然语言文本与计算机交互、转移和动态显示等能力结合，超文本系统容许顾客任意构造链接，通过Hyperlink来实现。
LOGO知识简介
　　一、什么是LOGO:翻开字典，咱们可以找到这样解释：“ logo：n.标记语 ”。在电脑领域而言，LOGO是标志、徽标意思。而本站重要所收集LOGO，是互联网上各个网站用来与其他网站链接图形标志。
　　二、LOGO作用:1.LOGO是与其他网站链接以及让其他网站链接标志和门户。
　　INTERNET之因此叫做“互联网”，在于各个网站之间可以联接。要让其她人走入你网站，必要提供一种让其进入门户。而LOGO图形化形式，特别是动态LOGO，比文字形式链接更能吸引人注意。在如今争夺眼球时代，这一点特别重要。
　　2.LOGO是网站形象重要体现。
　　试问一种衣冠楚楚人怎么能让自己名片污渍不堪？就一种网站来说，LOGO即是网站名片。而对于一种追求精美网站，LOGO更是它灵魂所在，即所谓“点睛”之处。
　　3.LOGO能使受众便于选取。
　　一种好LOGO往往会反映网站及制作者某些信息，特别是对一种商业网站来话，咱们可以从中基本理解到这个网站类型，或者内容。在一种布满各种LOGO链接页面中，这一点会突出体现出来。想一想，你受众要在大堆网站中寻找自己想要特定内容网站时，一种能让人容易看出它所代表网站类型和内容LOGO会有多重要。
　　三、LOGO国际原则规范：为了便于INTERNET上信息传播，一种统一国际原则是需要。事实上已有了这样一整套原则。其中关于网站LOGO，当前有三种规格：
　　1.88*31 这是互联网上最普遍LOGO规格，本站所收集均是这种大小。
　　2.120*60 这种规格用于普通大小LOGO。
　　3.120*90 这种规格用于大型LOGO。
　　四、LOGO制作工具和办法
　　好像当前并没有专门制作LOGO软件，其实也并不需要这样一种软件。咱们平时所使用图像解决软件或者还加上动画制作软件（如果你要做一种动画LOGO话）都可以较好地胜任这份工作，如PHOTOSHOP、FIREWORKS等。而LOGO制作办法也和制作普通图片及动画没什么两样，不同只是规定了它大小而已。
　　五、一种好LOGO应具备条件：Poorfish以为，一种好LOGO应具备如下几种条件，或者具备其中几种条件：
　　1.符合国际原则（废话）
　　2.精美、独特
　　3.与网站整体风格相融
　　4.可以体现网站类型、内容和风格
什么叫javascript？
　　JavaScript 是一种居于 Java 程序语言脚本语言。JavaScript 语言设计出来是用在居于 web 网页（涉及客户端和服务器端）上，这个文档里内容只涉及了客户端 JavaScript(它是被嵌入到网页中 HTML 代码中，并且由浏览器来执行脚本语言)。
　　JavaScript 语言可以设计和访问一种 web 页面中所有元素，如：图片元素（images）、表单元素（form elements）、链接（links）等等。 这些对象属性等在 JavaScript 程序运营中可以被复制、修改。JavaScript 还可以捕获客户端顾客对当前网页动作，如：鼠标点击动作或者键盘输入动作等等。JavaScript 这些功能使咱们可以对顾客输入等动作做出想相应反映动作，从而实现某些交互性,尚有某些寻常经惯用到 JavaScript 例子，如鼠标移动、表单过滤、动画等等。
网页设计是不是越华丽越好？
　　不是这样，对于大多数公司来讲设计网页目传达给来访者更多实际信息也就是内容，这样才干

网站制作
让来访者更好理解公司并发生互动也许。因此说网页形式是为内容而服务。设计精美网页可以吸引来访者视线，而过于华丽则有些喧宾夺主了。
　　就像有些创意独特时装手表，你已无法用它来判断时间。在公司网站策划中应当考虑设计精美同步，考虑网站线索清晰，使用以便，功能体现等因素。
做网站必要要注意事项：
　　你应当有一种很清晰网站简介，告诉访问者你网站可以提供些什么，以便访问者能找到想要东西。但是，许多设计者都没有这样做。有效导航条和搜索工具使人们很容易找到有用信息，这对访问者很重要。告诉访问者你所提供正是她们想要信息。
　　“网站一旦发布，网站设计长处和缺陷全都发布于世。没有什么办法使你可以比从自己错误、倾听其她人建议和顾客反馈意见中学到更多东西。” ——专家忠告
　　闪烁让人头痛
　　通过使用标记可以吸引访问者对你主页特殊某些注意，但这也让你访问者头痛。如果你想使访问者再次光顾你网站，就少用此办法。
　　背景颜色
　　背景颜色也会产生某些问题，也许会使网页难于阅读。你应当坚持使用白色背景和黑色文本，此外还应当坚持使用通用字体。
　　向前和向后按钮
　　应当避免逼迫顾客使用向前和向后按钮。你设计应当使顾客可以不久地找到她们所要东西。绝大多数好站点在每一页同样位置上均有相似导航条，使浏览者可以从每一页上访问网站任何某些。
　　“坚持你信念。严格遵守各种规则。避免想固然。绝不断止学习。” ——专家忠告
　　点击记数器
　　不要容易考虑在你网站上放置一种醒目点击记数器。你设计网站是为了给访问者提供服务，而不是推销你自己以为重要东西。大多数浏览者以为计数器毫无意义，它们很容易被做假，浏览者也不想看广告。如果你显示你网站是多么受欢迎，你最佳提供一种链接，显示访问日记。
　　不要用框架
　　与记数器同样，框架在网页上越来越流行。在大多数网站上，在屏幕左边有一种框架。但是设计者立即就发现，在使用框架时产生了许多问题。使用框架时如果没有17英寸显示屏几乎不也许显示整个网站。框架也使得网站内个人主页不可以成为书签。也许更重要是，搜索引擎经常被框架混淆，从而不能列出你网站。
　　去掉图像
　　在浏览器中虽然去掉了图像功能，也要保证访问者可以在你网站上获得满意效果。对于那些使用ISDN连接并且关掉了图像功能访问者，还能获得好网页加载性能。可以通过在网页底部提供此外链接和使用代替文字，而不是图像来满足访问者需要。
　　重复使用图像
　　某些网站由于使用大量不重复图像而错过了使用更好技巧机会。在创立商标时，在网页上多次使用同样图像是一种好办法，并且一旦它们被装入，后来重新载入就会不久。
　　避免使用过大图像
　　不要使用横跨整个屏幕图像。避免访问者向右滚动屏幕。占75%屏幕宽度是一种好建议。
　　“避免使用炫耀技巧。” ——专家忠告
　　选取使用Flash动画
　　许多使用比较慢计算机访问者发现动画图标很容易耗尽系统资源，使网站操作变得很困难，因而，应当给顾客一种跳过使用Flash动画选取。
　　尽量少使用Flash插件
　　虽然许多Web设计者以为Flash功能很强大，并且Netscape5.0将支持Flash，在使用时不必再下载任何插件。 但是，最佳还是取消使用Flash做各接口想法。
　　让顾客先预览小图像
　　如果不得不放置大图像在网站上，就最佳使用Thumbnails软件，把图像缩小版本预览效果显示出来，这样顾客就不必挥霍金钱和时间去下载她们主线不想看大图像。
　　动画与内容应有机结合
　　保证动画和内容关于联。它们应和网页浑然一体，而不是干巴巴。动画并不只是Macromedia Director等制作东西简朴堆积。
　　慎用声音
　　声音运用也应得到警惕。内联声音是网页设计者另一种禁地。由于过多地使用声音会使下载速度很慢，同步并没有带给浏览者多少好处。初次听到鼠标发出声音也许会很有趣，但是多次后来必定会很烦人。使用声音前，应当仔细考虑声音将会给你带来什么。
　　少用Java 和AxtiveX
　　在网页上应尽量少使用Java 和AxtiveX。由于并不是每一种浏览器都需要使用它，只有那些Netscape 和Explorer初期版本使用者才需要它。此外Mac在解决Java时也存在问题，过度地使用Java，会使Mac崩溃。
　　超级链接
　　超级链接是WWW神经系统，它也是向导，把你从一种网页带到另一种网页，或者从网页某一某些引导到另一某些。超级链接是用特殊文本或图象来实现链接，单击它就可以实现它功能。
网页设计中HTML常范五个错误
　　1.网页背景色设立
　　出错机率：很大
　　普遍性：较广
　　出错也许性：懒/不懂得
　　2.Align center（自动居中）滥用
　　出错机率：非常大
　　普遍性：非常广
　　出错也许性：觉得以便/觉得好用
　　3.重复使用实现相似功能代码、或杂七杂八乱套代码
　　出错机率：非常普遍
　　普遍性：非常普遍
　　出错也许性：复杂多样
　　4.表格不对的嵌套
　　出错机率：普通
　　普遍性：普遍
　　出错也许性：对这个不理解
　　5.写代码缩进时候，不是使用Tab而是使用空格
　　出错机率：普通
　　普遍性：较少
　　出错也许性：不懂得Tab更好用
　　使用空格有二大害处：1、缩进速度慢、修改速度慢。2、增大网页体积，会影响速度。
　　十个最重要网站制作技巧复杂网站设计总是很花时间，高档效果为设计增色不少，但如果用不对，只会影响顾客对重点内容关注。高档效果也许正好是一项好设计冲击力所在，但即便如此，也还是需要某些更简朴效果与其配合。
　　简朴效果和技巧是建造当今设计基石。比喻说，如果你都不懂得如何对的选取颜色和文字效果，灿烂星光效果又能有什么用?本着"Less is more"理念，咱们为你精选了十个简朴好用设计技巧，它们能大大提高你设计专业性和感染力。
　　基本先行。 学会走之前要先学会爬，让咱们从最基本简朴有效网站设计概念开始。
1. 增长对比
　　很可惜，添加额外对比是最被忽视和弃用技巧之一。
　　Joost de Valk 采用了细高对比度边线，让访客能更容易区别页面不同区域。在上图中放大了某些，你可以看到，大多数时候这种对比只是一条1像素高亮线挨着1像素暗线。
　　但是，这个页面上“More”和“Go”按钮与周边对比度太小，虽然你刻旨在找也很容易被忽视掉。
　　WordPress 为页面中最受欢迎链接 “Download(下载)” 使用了对比色。 这种红色在冷灰色调页面中自己跳了出来。但这红色在明度方面有所收敛，避免了影响页面整体效果。
　　如果你对于该不该使用对比踌躇不决，就把这一决定过程当做是化妆。你要做不是让人们大吼“看呐，对比色!”，你需要是自然而然吸引她们注意页面中重要内容，高亮出已经存在重点。
2. 渐变
　　技术发展为所有想使用渐变人提供了各种创造渐变工具。但渐变真较好么?
　　Media Temple 网站每一种页面都使用了渐变，但是其渐变使用节制和精妙才是设计成功核心。logo，大标题，按钮和背景均有细微或者镜像渐变，以强调内容。最复杂渐变用在了那些简朴120像素宽按钮(子页面中“ACTIVATE”和“LEARN MORE”)上，由于它们是需要访客注意重点。
　　Commission Junction渐变运用远没有Media Temple细致，并且采用了过于丰富渐变类型：
　　从黑色到灰色水平线性渐变，位于页面顶部 页眉处绿色径向渐变 登陆框背景“CJ” 标志上方模糊斜向渐变 输入框背景中淡淡垂直线性渐变 导航条背景垂直渐变 Webinar广告中明亮线性渐变 另一种垂直线性削弱，用在了大标题处 这种设计有点冒险，大某些渐变式有用，但还是存在某些问题。最突出一点是，设计丧失了一致性。同选取可辨性强色彩组合同样道理，设计师也需要为每个项目选取适当渐变组合。
　　例如，大水平渐变(1)引导眼睛横向注视页面。这本没有什么问题，但就在此渐变正下方又浮现了把视线吸引到中心径向渐变(2)和把视线引导到右下角斜向渐变(3)。这会给访客导致困扰，起伏变化视觉流(visual flow)也削弱了可读性。
　　使用渐变时，保证好视觉流很重要：请保守而精致地使用渐变。最重要一点，仅当对整体设计有协助时才使用渐变。
3. 色彩
　　合理使用颜色很有挑战性。在挑选完美色彩组合和为各种色调找到适当位置过程中，时间哗啦啦地就流走了。
　　Realmac Software 大胆地在404页面采用了全色系渐变。这样做有如下因素：一方面，Realmac已经将页面背景设成了中性灰色，更重要是，页面别的某些没有明显色彩，除了蓝色文字链接和某些零星毫无冲击力色彩。
　　全谱色彩渐变完美地吸引了人们注意。它保持了简朴性，有着灰色配合，也不会让眼睛感到不适。但在一项设计中采用四种或五种以上颜色普通都显得太过了。除非你非常确信你设计需要那么多颜色，还是采用简朴四色组合比较好。
　　当你在设计中克制而明智地使用色彩时，吸引访客对重要项目注意力就变得相称容易。在 Interspire “About Us(关于咱们)” 页面中，访客注意力被迅速吸引到页面顶部LOGO那红色一点上，然后是标题，然后是页面右边LOGO照片。
　　在字体上花点功夫。字体艺术博大精深，远远超过咱们大某些人想象。字体中超过x高度某些(ascenders )和边位(side bearings)处创作空间巨大，你可以在此处添加某些有趣细节。但是还是运用接下来某些技巧更重要。
4. 字符间距
　　字符间距，或者称为字距调节 (kerning)，能对标题、段落、logo等文字有关内容导致巨大影响。其远不止每个字符之间距离那么简朴。
　　Krop’s 新作品集创立器，在解决文字时候，十分吝啬空间。该网站上大某些基于文字图片中字符间距都很小，使论述内容显得更为简洁有力。
　　上图体现了字符间距对你设计也许产生负面影响。小而无抗锯齿字体如果没有恰当字符间距，将更加难以阅读。
　　如果你此前没有在乎，试试当前对你设计中字符间距做某些调节，你会为调节后带来不同而震惊。推荐图片中使用“Myriad Pro” 字体，HTML文字中使用“Trebuchet MS”字体进行尝试。
5. 大小写
　　变化字母大小写但是是按一下Shift或者Caps Lock键功夫，但很少有设计师好好运用了这一技巧潜能。
　　MSNBC’s 对大小写使用很值得参照。logo是全小写，页面其她某些字体大小写更有着微妙变化。页面上方大横幅告示，普通用大写字母写着“WATCH LIVE(观看直播)”或者 “BREAKING NEWS(最新消息)” 。这些告示都是非常重要内容，这种方式较好地吸引了访客注意。
　　此外，采用纯大写按钮，让她们小按钮足够清晰易读。 在这种5像素高应用里，小写字母，如a，m，x，也许只有2到3像素高，非常难以辨认。
　　继续关注新闻站