网站建设中的准备工作及网页分布设计

网站建设包括网站策划、网页设计、网站功能、网站优化技术、网站内容整理、网站推广、网站评估、网站运营、网站整体优化、网站改版等。而北京尚品中国信息科技有限公司在为客户建设网站时就包括了这些的内容。下面我们就来让北京尚品中国公司为我们介绍下网站建设的前期准备及网页的布局工作。
Website construction, webpage design including site planning, website, website optimization, website content finishing technology, website promotion, website evaluation, website operations, website optimization, website correcting. Beijing China Mdt InfoTech Ltd luxuries for customers in the construction site includes those content. Here we have to let Beijing luxuries China Company introduces us to the website construction preparation and the webpage layout work.

前期准备(Preparation)

北京网站建设前期准备工作相当重要，这决定你建站的目的，以及日后维护网站，让你的网站发挥作用等是相当的重要。网站建设是指使用标识语言（markuplanguage)，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。
Beijing website construction preparatory work is very important, it determines your original target, and maintenance of website, the site allows you to play the role is very important. Website construction refers to the use of sign language ( markuplanguage ), through a series of design, modeling, and implementation process to electronic format information transmission via the Internet, ultimately to the graphical user interface ( GUI ) being in the form of user browsing.

针对对象(In view of objects)

在设计网站前，必须告诉网站所针对的人群、区域、国家等。如果能提供某种行业的更好，这样中华网库在设计上就会针对这种人群的浏览习惯特别定制您的网页。
In the design of Web site, must tell the site of the targeted population, regional, national and so on. If you can provide some industry better, so china.com Library in the design will in this population specially customized for your webpage browsing habits.

频道(Channel)

网站频道就是网站的大框架，也就是主体部分，比如：首页，公司简介，新闻动态，产品展示，在线留言，联系我们等，这是标准的企业网站的内容。如果你有特定的框架，请您一一列出，这样方便我们设计。
Web web site is the main framework, is also the main part, such as: home page, company profiles, news, products, online messages, contact us, this is the standard corporate website content. If you have a specific framework, please one one lists, so that we design.

风格(Style)

您必须知道您网站的目的，是以广告形式、还是仅给现有的老客户观察？是功能型的，还是展示型的？风格定位要准确，功能型的是，网站在美工设计上可能不适合大块图片，在数据功能上比较强大，比如搜索，会员注册等，一般大型企业网、购物网、大型门户、交友网等都是属于功能型的，如果是展示型的，这种类型的网站可能大部分追求视觉上的美丽，对功能要求不高。那在美工上面，设计上就得有强烈的视觉感了。这种网站一般属于：美容业、女性用品、服饰等。
You must know the purpose of your site, is in the form of advertisements, or only to existing customers to observe? Are functional, or display? Style to accurately position, function type, site in art design may not be suitable for the big picture, in a data function more powerful, such as search, such as member registration, general large enterprise network, shopping network, large portal, dating network are functional, if display, this types of sites may most of the pursuit of visual beauty, no high requirement for function. That in art, design will have a strong visual sense. This site belongs to the beauty industry: general, women supplies, clothing etc.

预算(Budget)

如果您对您的网页不清楚，没经验，不要紧，您最好告诉建站公司您最大程度的预算，他们会全程为您提供服务。
If you're on your webpage is not clear, no experience, no matter, you 'd better tell the company that build a station your maximum budget, they will provide you with full service.

网页布局(Webpage layout)

网页布局大致可分为“国”字型、拐角型、“T”字型、“L”字型、综合框架型、Flash型、变化型，在这里就不做一一论述了。其实在我们做设计的时候并没有过多的去考虑什么形式，比如我们在一张纸看到一个圆形的东西，很容易可以联想到它像太阳，而有些人则联想到月亮等等…这都是一种形式比喻，最重要的是抓住客户的需求，把握网站的定位做处合理的框架布局。
Webpage layout can be broadly divided into the " country " shape, the corner, " T" type, " L " shape, the integrated framework type, Flash type, change, here is not done one one deals. In fact, in the us the time to do the design and not too much to consider what forms, such as we are in a piece of paper to see a round thing, very easy to think that it is like the sun, and others associated with the moon and so on ... This is a form of metaphor, the most important is to grasp the needs of customers, to grasp the positioning of the website make reasonable structure.

三栏式网页设计布局(Three column layout of webpage design)

1、分辨率(Resolution)

网页的整体宽度可分为三种设置形式：百分比、象素、象素+百分比。通常在网站建设中以象素形式最为常用，行业网站也不列外。我们在设计网页的时候必定会考虑到分辨率的问题，科技发展到现在我们通常用的是1024*768和800*600的分辨率，现在网络上很多都是用到778个象素的宽度，在800的分辨率下面往往使整个网页很压抑，有种不透气的感觉，其实这个宽度是指在800*600的分辨率上网页的最宽宽度，不代表最佳视觉，不妨试试760~770的象素，不管在1024还是800的分辨率下都可以达到较佳的视觉效果。
Webpage of the whole width can be divided into three kinds of forms: setting percentage, pixel, pixels + percentage. Usually in the construction site in pixel form is most commonly used, industry website is also not listed. We in the design of webpage when will consider resolution problem, science and technology development up to now we usually use the 1024*768 and 800*600 resolution, now a lot of networks are used 778 pixels in width, 800 resolution often below the webpage very depressed, a ventilation feeling, actually this width is defined in the 800*600 resolution webpage most wide width, do not represent the best visual, try the 760~770 pixel, whether in 1024 or 800 resolution can achieve better visual effect.

2、合理广告(Reasonable advertising)

在目前一些网站的广告（弹出广告、浮动广告、大广告、banner广告、通栏广告等等……）让人觉得很烦琐，根本就不愿意来看，有时连你这个网站都不上了，这样一来网站受到了严重的影响、广告也没达到广告的目的。这些问题都是我们在设计网站之前需要考虑、需要规划的内容之一。
In some current website advertising ( pop-up ads, floating ads, ads, ads, banner ads on banner ... ) Make people feel very cumbersome, did not want to see, sometimes even you this website are not, so the site has been seriously affected, ad also did not achieve the purpose of advertising. These problems are we design websites need to be considered before, need to plan the content of.

浮动广告有两种，第一种是在网页两边空余的地方可以上下浮动的广告，第二种是满屏幕到处随机移动的广告。建议能使用第一种的情况下尽量使用第一种，不可避免第二种情况时尽量在数量上控制最多一个就好。如果数量过多会直接影响到用户的心理、防挨到用户浏览信息，适得其反。首页广告不宜过多适中即可。如在注册或者某个购买步骤的页面上最好不要出现过多的其他无关的内容让用户分心，避免客户流失等……
Floating ad two, first is the webpage on both sides of the space can float up and down advertising, second full screen everywhere randomly moving advertisement. Recommends using the first case to use the first second cases, inevitably try in number control up to a good. If the amount is too much will directly affect the user's mental, and when user browsing information, run counter to one's desire. Home ad should not be too much moderate. As in a register or a purchase steps on the page is best not to appear too many other unrelated content to allow the user to distraction, avoid the loss of customers ... ...

3、空间的合理利用(Rational use of space)

很多的网页都具有一个特点，用一个字来形容，那就是“塞”，它将各种各样的信息如文字、图片、动画等不加考虑的塞到页面上，有多少挤多少，不加以规范，导致浏览时会遇到很多的不方便，主要就是页面主次不分，喧宾夺主，要不就是没有重点，没有很好的归类，整体就像个大杂烩。让人难以找到需要的东西。有的则是一片空白失去平衡，也可以用个“散”字来形容。
Many of the webpage has a characteristic, use one word to describe, that is " plug ", it will be all kinds of information such as text, images, animation and other thoughtless into page, how much crowded, not regulated, lead to browser will encounter a lot of inconvenience, main the screen is the primary and secondary is not divided, minor, or no focus, no good classification, whole is a hodgepodge. So difficult to find what they need. There is a piece of blank out of balance, can also use a " loose " to describe the word.

并非要把整个页面塞满了才不觉得空，也并非让整个页面空旷才不觉得满，只要合理的安排、有机的组合，使页面达到平衡，即使在一边的部分大面积留空，同样不会让人感到空，相反这样会给人留下广阔的思考空间，给人回味又达到了视觉效果。
Not the entire page filled with will not feel empty, not let the entire page open do not feel full, as long as a reasonable arrangement, organic combination, make the page to achieve balance, even at the side of the part of the large space, also won't let a person feel empty, instead it left vast thinking space, give a person reaches the visual effect.

4、文字编排(Text formatting)

在网页设计中，字体的处理与颜色、版式、图形化等其他设计元素的处理一样非常关键。
In webpage design, font processing and color, layout, graphics and other design elements of the processing key.

4.1文字图形化(Text graphic)

文字图形化就是将文字用图片的形式来表现，这种形式在页面的子栏目里面最为常用，因为它具有突出，同时又美化了页面，使页面更加人性化加强了视觉效果。是文字无法达到的。对于通用性的网站弊端就是扩展性不强。
Graphic is the text with the picture of the form, this form in the pages of the columns which are most commonly used, because it has a prominent, and beautify the page, the page is more humanized enhanced visuals. Words cannot reach. For general site disadvantage is that the extension is not strong.

4.2强调文字(Highlight text)

如果将个别文字作为页面的诉求重点，则可以通过加粗、加下划线、加大号字体、加指示性符号、倾斜字体、改变字体颜色等手段有意识地强化文字的视觉效果，使其在页面整体中显得出众而夺目。这些方法实际上都是运用了对比的法则。如果在更新频率低的情况下也可以使用文字图形化。
If the individual character as a page key demands, can be through the bold, underline, increase the font, and indexical sign, tilt fonts, font color and other means to strengthen consciously text visual effect, the whole page is out of order. These methods are actually using a comparative law. If the update frequency is low can also use graphic.