网页设计流程是怎麽制作和规划。

随着互联网的发展，网站设计相关软件的发展得到了有力的推动，用于制作网页的工具软件也越来越丰富。但是，本文介绍的不是软件，而是网页设计和制作的详细流程。这篇文章主要是写给那些对网页设计师，网站经理和网络营销感兴趣的人。

[div][div]

一:确定网站主题

做一个网站，首先要解决的是网站的内容，也就是确定网站的主题。就形象网站设计或组织而言，解释概念和推广服务是显而易见的。如果做自己的个人网站，也可以做自己感兴趣的东西。一方面可以有自己的见解，做出自己的特色。两者在制作网站时都不会感到无聊或不知所措。根据很多站长的经验，兴趣是做网站的最大动力。

主题的选择要小而精，主题的定位要小，内容要精。请不要试图做一个包罗万象的网站，这样往往会失去网站的特色，很难更新。

[div][div]

二:选购域名。

域名是互联网上网站的名称。域名的价值超乎你的想象，一个网站几乎所有的商业成果都集中在网站的域名上。域名丢了，网站积累的信誉和资源也就没了。

如果是公司或单位，购买域名的成本不算太贵，但对于个人网站来说是成本。很多个人站长都是靠免费的个人空间，他们的域名也是靠免费的域名指向。虽然他们可以省下一笔钱，但是网络口碑的积累并不容易。如果他们有兴趣运营，不如花点钱注册个域名。独立的域名是个人网站的第一财富。

[div][div]

第三，掌握设计工具

网络技术的发展带动了软件行业的发展，所以用来制作网页的工具和软件也越来越丰富。从最基本的HTML编辑器到在线网页设计工具和各种网页制作工具，下面是几个有代表性的网页制作工具:

编者:虽然HTML代码很复杂，编辑和调试要花很多时间，但由于它的稳定性、广泛的支持和创建复杂页面效果的能力，它仍然受到高级网页制作者的青睐。例如，Dreamweaver是一个经久耐用的工具，但它的成本并不便宜。免费的话可以考虑用Notepad++或者TinyMCE等。虽然需要付费，但是便宜很多。

所见即所得编辑器:这类编辑器多与在线网站工具集成，如Wordpress、Wix、Weebly等。它拥有和Word一样的操作界面，简单易用，并提供预览支持。但是，不能保证某些特殊的显示功能在所有浏览器中都可用。

[div][div]

第四，确定网站界面。

界面是网站给访问者的第一印象，往往决定了网站的设计。在确定网站的界面时，要注意以下三点:

[div][div]

场和板布局

建网站就像写论文。第一，你要设定目标，做到主题明确，层次清晰。新手建网站最容易犯的错误是:没有决定好主题马上开始做，没有制定合理的计划。导致网站结构复杂混乱，布局比例差。不仅访问者不满意，制作人维护网站也相当困难。所以在制作一个网页之前，一定要考虑字段和栏目的布局。

网站目标确定后，需要对收集的信息进行合理的编辑。比如把一些最吸引人的内容放在最显眼的位置或者布局的优先位置。一个字段本质上是一个网站的大纲索引，索引要清晰的展现网站的主体。在制定字段时，要仔细考虑，合理安排。排列字段时，应注意:

[div][div]

尽可能删除那些与主题无关的字段，尽可能列出网站中最有价值的内容，尽可能从用户的角度排列字段，方便访问者浏览和查询。相关板块要相对独立，相关板块的内容要呼应主题。

[div][div]

[div][div]

目录结构和链接结构

网站目录是指网站建立时创建的目录。目录的结构是一个容易被忽视的问题。大部分站长创建子目录都是没有规划的。目录结构的好坏对于访问者来说没有太大的感觉，但是对于网站本身的维护以及以后内容的扩展和移植有着重要的影响。因此，应该仔细安排目录结构，例如:

不要将所有文件存储在根目录中。

有些网站制作者为了方便，把所有文件都放在根目录下。这就容易导致:文件管理混乱，哪些文件需要编辑更新，无用的文件可以删除，相关的文件，影响工作效率；当上传速度变慢时，服务器通常会为根目录建立文件索引。如果所有文件都放在根目录下，那么即使只上传和更新一个文件，服务器也需要再次检索所有文件，建立新的索引文件。显然，文件越大，等待时间就越长。

根据字段内容创建子目录。

子目录的建立，首先根据主要领域，逐一建立其他二级目录，如产品、个人介绍、公司介绍、文档等。以及一些相关性强不需要经常更新的领域，如网站介绍、站长信息等。，可以组合起来放在一个统一的目录下。

目录的层次不应太深。

不超过3层；不要使用中文目录，这可能会导致网址难以正确显示；不要用太长的目录，太长的目录名不容易记住；尽量使用意义明确的目录，便于记忆和管理。

因此，在实际的网站设计中，网站希望访问者不仅能方便快捷地到达自己需要的页面，还能清楚地知道自己的位置。所以最好的办法是首页和一级页面之间采用星型链接结构，一级和二级页面之间采用树形链接结构。至于链接结构的设计，是实际网页制作中非常重要的一个环节。采用什么样的链接结构直接影响页面的布局。

[div][div]

进行形象设计

网站设计可以从以下几点入手:

网站标志(LOGO)

LOGO是指一个网站的标志，可以是中英文字母、符号、图案等。logo的设计思路应该来源于网站的名称和内容。比如可以把网站中有代表性的人物、动植物作为设计的蓝本，可以卡通化，也可以艺术化；网站可以用这个专业代表的项目来标注。

网站的设计色彩

网站的第一印象来源于视觉印象。不同的色彩组合有不同的效果，可能会影响游客的心情。如果你是设计新手。标准颜色& rdquo这是一个很好的起点。是指能够体现形象，延伸网站内涵的色彩。应该用于网站的logo、标题、主菜单、主色块。一般来说，一个网站的标准色不超过三种，颜色太多就刺眼了。适合网页标准色的颜色有:蓝色、黄色/橙色、黑色/灰色/白色。

设计网站字体

与标准颜色一样，标准字体是指用于徽标、标题和主菜单的唯一字体。一般网页默认字体都是精细清晰的。以反映网站的& ldquo与众不同& rdquo并且可以根据需要选择一些特殊字体，使用非预置字体。你需要加载第三方字体资源(比如谷歌字体)或者使用图片表单。

网站设计口号

也可以说是网站的精神、主题和中心，或者说是网站的目标。用一句话或一句话高度整合，用气势磅礴的话或词总结，对外宣传。宣传词不仅对用户重要，对网站的搜索引擎也很重要。

[div][div]

五:网站风格的策划

& ldquo风格& rdquo抽象，是指网站整体形象给访问者的综合感受。这& ldquo整体形象& rdquo包括网站的CI (logo、颜色、字体、广告语)、布局展示、浏览风格、交互、文字、语气、内容价值等诸多因素，网站可以平易近人，可以活泼，也可以专业严肃。

一个网站的个性可以通过它的色彩、技术、文字、布局和交互方式来概括。有风格的网站和普通网站的区别在于，你在普通网站上看到的只是一堆信息，你只能用理性的感觉去描述，比如信息的量，浏览的速度。在有风格的网站上，你可以获得除了内容之外更多的感性认识，比如网站的品味，对访问者的态度。

在知道自己要给人什么样的印象之后，就要找出网站中最有特色的东西，无论是色彩、技术、文字、布局，还是交互方式。只要你能让访问者清楚地看出这是你的网站所独有的，这就会形成网站的& ldquo风格& rdquo。总之，风格的形成不是一次性的定向，你可以在实践中不断强化、调整、提高。

[div][div]

六:推广自己的网站。

网站的营销推广在网站的运营中也起着重要的作用。在推广网站之前，请确保自己做到了以下几点:网站信息丰富、准确、更新及时，网站技术符合当今的设计标准(如响应式网页设计RWD、HTML5、CSS+DIV技术)。

一般来说，如果不首先考虑付费广告，网站推广有以下几种方式:

搜索引擎注册和登录

向著名的搜索引擎注册网站是推广网站的第一步。注册搜索引擎有一定的技巧，基本上是目前主流的技术:Google，Bing，Yandex，百度。只要你的网站符合标准，不需要特别注册就会被搜索到。如果网站超过半个月没有被搜索到，可能会有潜在的问题需要检查，找出并排除，或者通过各种搜索引擎的站长工具(Bing站长，Google搜索控制台)手动登录。

由内而外提升

在对外推广之前，想一想你的网站是否已经被你的朋友、社区、同事、老客户知道了。如果有，还有什么没有推广的吗？比如名片上有没有网址信息？要考虑重印还是更新？比较活跃的人会在很多地方印网站的二维码:名片、信封、便利贴、小礼品、宣传资料、广告单等。通过智能手机，他们可以轻松访问你的网站。

黄页和我的生意

网上有很多黄页服务公司，为你的网站提供了曝光的机会。可以在网上注册网站的信息，增加曝光机会。但是有些黄页公司不是很健康，可能会有负面影响。高质量的商业服务比不同级别的黄页公司要好，有Google的& rdquo我的生意& rdquo比如地图、相册、营业时间、评价等服务已经整合，大众的可信度高，是不可错过的曝光渠道。

[div][div]