网站创立包罗网站谋划、网页假想、网站执行、网站内容整顿、网站优化技艺、网站改版等。网站创立的前期预备包罗了前期网站定位、内容差同化、页面雷同等战略性调研，这些建立后，再去注册域名、租用空间、网站气概假想、网站代码建造五个部分，网站创立历程需求网站谋划职员、美术假想职员、WEB法式员合营完成。网站创立中最慌张的环节之一就是网页假想，网站网页假想是企业闪现本身抽象、宣布产物信息、联系网上客户的新平台、新天地，进而能够颠末电子商务开拓新的市场，以极少的投入获得极大的收益和利润。
Website construction including web site planning, web design, website promotion, website content arrangement, website optimization technology, the website version, etc. The website of the preparation includes the website localization, the content page communication differentiation, strategic research, these established, then go to register a domain name, to rent space, WEB design, website code style made five parts, website construction process need WEB site planning personnel, art designers, and WEB programmer to complete. Website construction is one of the most important part of a web page design, website web design is the enterprise show their image, release information, contact clients online platform, new new world, and can be through the electronic commerce to develop new markets, with very little input get great revenues and profits.
网站创立前期预备工作相称慌张，这决定你建站的方针，和往后回护网站，让你的网站阐扬感化等是相称的慌张。网站创立中网页假想的排版经常被忽视，其实这样做是非常不明智的，由于注重网页排版切实能够进步你的网页假想程度和可读性。下面，尚品中国列出了多少非常有效的排版技艺让你的网站创立看起来更好。
Website construction preparation work is quite important, this decision to the purpose of building your site, and later when maintenance of website, make your site function etc is pretty important. Website construction of web design typographical often by oversight, in fact it is very unwise, because pay attention to web page layout can really improve your web page design level and readability. Below, shang pin China outlined some very useful typesetting skills make you website construction is looks better.
一、纠正行高(Correct line high)
最罕见的网页规划偏向之一是界说了不精确的行高。行高是界说一行文本的高度，以是我们必须按照文本字体巨细来设定行高。
The most common web page layout error is defined not one of the right line high. Do high definition is a line of text height, so we must, in accordance with the text font size to set the high line.
普通来说，在设置文本行高的时辰，我经常在字体巨细的根蒂根基上加上7个像素(对12-17像素的字体而言)
Generally speaking, set text line in high, I often on the basis of the font size and seven pixels (to 12-17 pixels font speaking)
二、笔墨编排(Font layout)
在网页假想中，字体的处置与色彩、版式、图形化等其他假想元素的处置一样非常环节。
In web design, processing and color, the text format, graphical and other design element processing is critical.
1.笔墨图形化(Text graphical)
笔墨图形化就是将笔墨用图片的形式来表示，这类形式在页面的子栏目内里最为经常使用，由于它具有凸起，同时又丑化了页面，使页面加倍人性化增强了视觉结果。是笔墨没法达到的。对通用性的网站坏处就是扩大性不强。
Text graphical words with the picture is the form of performance, the form of the page son columns are the most commonly used inside, because it has the outstanding, and beautify the page, to make the page more human to strengthen the visual effect. Is the text can be. For general website malpractice is not strong scalability.
2.夸大笔墨(Emphasize text)
假如将个体笔墨作为页面的诉求重点，则能够颠末加粗、加下划线、加大号字体、加引导性标记、倾斜字体、转变字体色彩等手段有认识地强化笔墨的视觉结果，使其在页面团体中显得出众而醒目。这些方式实际上都是使用了比照的规律。假如在更新频次低的情形下也能够使用笔墨图形化。
If the individual text as the appeals of the page key, can add thick, underlined by and increase the font, and no telltale sign, the tilt font, font color, change means consciously strengthen the visual effect of the text, so that in the whole page is outstanding and brilliant. These methods are, in effect, is to use the law of contrast. If in the update frequency low can also use graphical text.
3.不要使用过量的字体(Don't use too much font)
为了确保可读性和专业性，你的网页上不应该使用凌驾3种字体。使用过量的字领会搅扰你的用户而且让你的网站看起 来很乱。相反，较少的字体让你的网站显得清洁易读。你能够标题问题使用一种字体，正文使用一种字体，末了 logo或副标题问题使用别的的字体。
In order to ensure a readable and professional, your web site should not use more than 3 fonts. The excessive use of words experience interfere with your users and make your site look up to is a mess. Instead, less font let your site appears clean and easy to read. You can use a font title, the text using a font, finally logo or subtitles use another font.
三、网站配色(Website match colors)
1.用一种色彩。这里是指先选定一种色彩，然后调剂通明度或饱和度，(说得普通些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩不合，有层次感。
With a color. This refers to the selected a kind of color first, and then set the transparency or saturation, (say some is popular color becomes weak or deepen), create new colors, used in web pages. This page looks colour united, have administrative levels feeling.
2.用两种色彩。先选定一种色彩，然后遴选它的比照色(在Photoshop里按ctrl+shift+I)再举行藐小的调剂。所有页面色彩丰硕但不花稍。
With two kinds of colour. First selected a colour, and then select it contrast color (in Photoshop in press CTRL + shift + I) to a tiny adjustment. The entire page color is rich but not take a little.
3.用一个色系。简朴的说就是用一个感觉的色彩，歧淡蓝，淡黄，淡绿;或土黄，土灰，土蓝。也就是在不合色系内里采纳差异的色彩使网页增添色彩，而又不花，色彩不合。这类配色方式在网站假想种最为经常使用。
With a color is. Simple said is to use a sense of color, such as light blue, yellow, green, Or taupe, the ash, the blue. It is in the same color fastens with different color, make the inside pages increase color, and not spend, tonal and unity. This kind of color matching method in the web design most commonly used.
4.灰色在网页假想中又称为“全能色”，其特色是能够和任何色彩搭配，在使用时把握量避免网页变灰。 在网页配色中，尽可能把握在三种色彩之内，以避免网页花、乱、没有主色的闪现。背景和前文的比照尽可能要大，(绝对不要用斑纹繁复的图案作背景)，以便凸起重要笔墨内容。
Gray in web design, also known as "universal color", its features and any color collocation, when use of web gray grasp to avoid. In the web page color matching, try to control in the three kinds of colour within, to avoid a web page, disorderly and no flowers the manifestation of the color. Background and above the contrast of the big as far as possible, (never use decorative pattern for the design of heavy and complicated background), in order to highlight the main text.
四、按级别来摆列标题问题和文本(According to level to arrange title and text)
为了增添可读性，给标题问题、先容段落和惯例文本建立标签层级是很慌张的，这样你的用户能够看清你的文章机关并能很 快的找到他们感喜好的部分。
In order to increase readability, to the title, introduces conventional text paragraphs and create label level is very important, so your users can see your essay structure and can very quick find their interest in the parts.
五、存眷比照(Attention contrast)
即使你的网站有很好的排版了，另外一个需求注重的是比照。假如你的页面背景是中灰色(#999999)，那末不要使用深灰色(#333333)的文本，不然你的内容很丢脸清，特别是对一些年纪比力大的或视力差的人。
Even if your site has very good typesetting, another note that the contrast. If your pages in the background is grey (# 999999), so do not use dark grey (# 333333) of text, or your content it becomes difficult to see, especially for some older or poor eyesight.
总之，除非你的网站是关于黑客、黑帽搜索引擎优化或哥特摇滚的，不然你应该使用淡色背景和深色字体来保证清晰的比照度增添你网站的可读性。
In short, unless your site is about hackers, black hat 搜索引擎优化 or gothic rock, otherwise you should use light color and brunet background to ensure clear contrast font increase the readability of your web site.
六、纠正标题问题margin值(Correct title margin values)
别的一个罕见的偏向是标题问题周围不精确的margin值。标题问题其实是与它下面的段落是相联系关连的，而不单单是两个段落的分 割符。这就是为什么标题问题的margin-top比margin-bottom要宽。
Another common mistake is not the right margin around title value. Title is to be with it the following paragraph is associated, and not just two paragraph points cut operators. This is why of the title of the margin-top margin-bottom than to wide.
七、建立款式库(Create style library)
让你的网站产生视觉震动的一个简朴高效的方式是给出格的页面建立出格的款式。歧，建立一个.warning的CSS类来向 你的用户显现“正告”。
Let your website produces visual shock of a *** and efficient way is to give the special page create special style. For example, create a. Warning CSS class to your user shows "warning".
八、精确使用标点标记(The correct use of punctuation marks)
假如你想晋升你的排版程度不容轻忽的一点是精确使用标点标记。歧，引号常经常使用双撇标记替代(译者注：我想作者要表达的意义应该是全角标记和半角标记的差异，就像中文的引号和英文的引号差异一样)。
If you want to improve your typesetting level nots allow to ignore point is right use of punctuation marks. For example, quotes often use double leave symbol instead of (translators note: I think the author want to express meaning should be the Angle symbols and half horn symbols differ, as Chinese and English quotes quotes different).
注重辨别双撇标记：
Distinguish double leave symbols
异样的文本，使用引号：
The same text, use quotation marks:
这样更好，不是吗?假如你是WordPress用户，你也许很愿意知道你最喜好的博客平台主动将双撇号转换为智能的引号 。不然，你得使用HTML字符编码。以下所示：
This is better, isn't it? If you are WordPress user, you can be very happy to know you like most blog platform to be automatic will double apostrophe conversion for intelligence quotation marks. Otherwise, you have to use HTML character encoding. Shown below:
9、代码部分使用等宽字体(The code to use typewriter fonts)
假如你是一名开拓者(就像大部分读这篇博客的人)你也许想贴一些代码在你的博客里。假如是这样，
响应式做网站，请使用等宽字体。 那末，甚么是等宽字体?它就是字母和字符占雷同程度宽度的字体。
If you are a developer (like most read this blog) you may want to post some code in your blog. If so, please use the typewriter fonts. So, what is the width of font? It is the same level of letters and characters of the width of the font.
那末在网站的代码段你应该使用哪种字体呢? 到此刻为止 Courier字体是最盛行的，那末检验考试一下最新的一些字体像 Consolas或 Monaco怎样样呢?那你必然要看看这里咯。
So in the website of the code segment you should use which kinds of fonts? So far Courier font is the most popular, then try the latest some font like Consolas or Monaco? You must see here anymore.
总结(summary)
一个网站的成功与否与建站创立前的筹划有着极其慌张的关连。在创立网站前应领略网站创立的方针，一定网站的功效，一定网站领域、投入用度，举行须要的市场阐明等。只需详细的筹划，才能避免在网站创立中显现的很多成绩，使网站创立能顺遂举行。 以上尚品中国几点网站创立的提议希望能对各人进步网站创立中网页假想起到接济。
The success of a web site before construction and planning has a very important relationship. In a web site on the website of the former should be clear purpose, determine the functionality of the site, to determine the scale of investment cost, web site, make the necessary market analysis, etc. Only the detailed planning, to avoid in the website construction of many of the problems that appear, make the website construction can be carried out smoothly. Above is the website of the product China some Suggestions in hopes of us improve website construction of web design help.
本文宣布于北京网站创立公司尚品中国http://www.sino-web.net/