網站建設包括網站策劃、網頁設計、網站功能、網站優化技術、網站內容整理、網站推廣、網站評估、網站運營、網站整體優化、網站改版等。而北京尚品中國信息科技有限公司在為客戶建設網站時就包括了這些的內容。下面我們就來讓北京尚品中國公司為我們介紹下網站建設的前期準備及網頁的布局工作。
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.