網(wǎng)站建設(shè)中的準(zhǔn)備工作及網(wǎng)頁(yè)分布設(shè)計(jì)

網(wǎng)站建設(shè)包括網(wǎng)站策劃、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站功能、網(wǎng)站優(yōu)化技術(shù)、網(wǎng)站內(nèi)容整理、網(wǎng)站推廣、網(wǎng)站評(píng)估、網(wǎng)站運(yùn)營(yíng)、網(wǎng)站整體優(yōu)化、網(wǎng)站改版等。而北京尚品中國(guó)信息科技有限公司在為客戶建設(shè)網(wǎng)站時(shí)就包括了這些的內(nèi)容。下面我們就來(lái)讓北京尚品中國(guó)公司為我們介紹下網(wǎng)站建設(shè)的前期準(zhǔn)備及網(wǎng)頁(yè)的布局工作。
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.

前期準(zhǔn)備(Preparation)

北京網(wǎng)站建設(shè)前期準(zhǔn)備工作相當(dāng)重要，這決定你建站的目的，以及日后維護(hù)網(wǎng)站，讓你的網(wǎng)站發(fā)揮作用等是相當(dāng)?shù)闹匾＞W(wǎng)站建設(shè)是指使用標(biāo)識(shí)語(yǔ)言（markuplanguage)，通過(guò)一系列設(shè)計(jì)、建模、和執(zhí)行的過(guò)程將電子格式的信息通過(guò)互聯(lián)網(wǎng)傳輸，最終以圖形用戶界面（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.

針對(duì)對(duì)象(In view of objects)

在設(shè)計(jì)網(wǎng)站前，必須告訴網(wǎng)站所針對(duì)的人群、區(qū)域、國(guó)家等。如果能提供某種行業(yè)的更好，這樣中華網(wǎng)庫(kù)在設(shè)計(jì)上就會(huì)針對(duì)這種人群的瀏覽習(xí)慣特別定制您的網(wǎng)頁(yè)。
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)

網(wǎng)站頻道就是網(wǎng)站的大框架，也就是主體部分，比如：首頁(yè)，公司簡(jiǎn)介，新聞動(dòng)態(tài)，產(chǎn)品展示，在線留言，聯(lián)系我們等，這是標(biāo)準(zhǔn)的企業(yè)網(wǎng)站的內(nèi)容。如果你有特定的框架，請(qǐng)您一一列出，這樣方便我們?cè)O(shè)計(jì)。
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.

風(fēng)格(Style)

您必須知道您網(wǎng)站的目的，是以廣告形式、還是僅給現(xiàn)有的老客戶觀察？是功能型的，還是展示型的？風(fēng)格定位要準(zhǔn)確，功能型的是，網(wǎng)站在美工設(shè)計(jì)上可能不適合大塊圖片，在數(shù)據(jù)功能上比較強(qiáng)大，比如搜索，會(huì)員注冊(cè)等，一般大型企業(yè)網(wǎng)、購(gòu)物網(wǎng)、大型門戶、交友網(wǎng)等都是屬于功能型的，如果是展示型的，這種類型的網(wǎng)站可能大部分追求視覺(jué)上的美麗，對(duì)功能要求不高。那在美工上面，設(shè)計(jì)上就得有強(qiáng)烈的視覺(jué)感了。這種網(wǎng)站一般屬于：美容業(yè)、女性用品、服飾等。
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.

預(yù)算(Budget)

如果您對(duì)您的網(wǎng)頁(yè)不清楚，沒(méi)經(jīng)驗(yàn)，不要緊，您最好告訴建站公司您最大程度的預(yù)算，他們會(huì)全程為您提供服務(wù)。
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.

網(wǎng)頁(yè)布局(Webpage layout)

網(wǎng)頁(yè)布局大致可分為“國(guó)”字型、拐角型、“T”字型、“L”字型、綜合框架型、Flash型、變化型，在這里就不做一一論述了。其實(shí)在我們做設(shè)計(jì)的時(shí)候并沒(méi)有過(guò)多的去考慮什么形式，比如我們?cè)谝粡埣埧吹揭粋€(gè)圓形的東西，很容易可以聯(lián)想到它像太陽(yáng)，而有些人則聯(lián)想到月亮等等…這都是一種形式比喻，最重要的是抓住客戶的需求，把握網(wǎng)站的定位做處合理的框架布局。
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.

三欄式網(wǎng)頁(yè)設(shè)計(jì)布局(Three column layout of webpage design)

1、分辨率(Resolution)

網(wǎng)頁(yè)的整體寬度可分為三種設(shè)置形式：百分比、象素、象素+百分比。通常在網(wǎng)站建設(shè)中以象素形式最為常用，行業(yè)網(wǎng)站也不列外。我們?cè)谠O(shè)計(jì)網(wǎng)頁(yè)的時(shí)候必定會(huì)考慮到分辨率的問(wèn)題，科技發(fā)展到現(xiàn)在我們通常用的是1024*768和800*600的分辨率，現(xiàn)在網(wǎng)絡(luò)上很多都是用到778個(gè)象素的寬度，在800的分辨率下面往往使整個(gè)網(wǎng)頁(yè)很壓抑，有種不透氣的感覺(jué)，其實(shí)這個(gè)寬度是指在800*600的分辨率上網(wǎng)頁(yè)的最寬寬度，不代表最佳視覺(jué)，不妨試試760~770的象素，不管在1024還是800的分辨率下都可以達(dá)到較佳的視覺(jué)效果。
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)

在目前一些網(wǎng)站的廣告（彈出廣告、浮動(dòng)廣告、大廣告、banner廣告、通欄廣告等等……）讓人覺(jué)得很煩瑣，根本就不愿意來(lái)看，有時(shí)連你這個(gè)網(wǎng)站都不上了，這樣一來(lái)網(wǎng)站受到了嚴(yán)重的影響、廣告也沒(méi)達(dá)到廣告的目的。這些問(wèn)題都是我們?cè)谠O(shè)計(jì)網(wǎng)站之前需要考慮、需要規(guī)劃的內(nèi)容之一。
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.

浮動(dòng)廣告有兩種，第一種是在網(wǎng)頁(yè)兩邊空余的地方可以上下浮動(dòng)的廣告，第二種是滿屏幕到處隨機(jī)移動(dòng)的廣告。建議能使用第一種的情況下盡量使用第一種，不可避免第二種情況時(shí)盡量在數(shù)量上控制最多一個(gè)就好。如果數(shù)量過(guò)多會(huì)直接影響到用戶的心理、防挨到用戶瀏覽信息，適得其反。首頁(yè)廣告不宜過(guò)多適中即可。如在注冊(cè)或者某個(gè)購(gòu)買步驟的頁(yè)面上最好不要出現(xiàn)過(guò)多的其他無(wú)關(guān)的內(nèi)容讓用戶分心，避免客戶流失等……
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)

很多的網(wǎng)頁(yè)都具有一個(gè)特點(diǎn)，用一個(gè)字來(lái)形容，那就是“塞”，它將各種各樣的信息如文字、圖片、動(dòng)畫等不加考慮的塞到頁(yè)面上，有多少擠多少，不加以規(guī)范，導(dǎo)致瀏覽時(shí)會(huì)遇到很多的不方便，主要就是頁(yè)面主次不分，喧賓奪主，要不就是沒(méi)有重點(diǎn)，沒(méi)有很好的歸類，整體就像個(gè)大雜燴。讓人難以找到需要的東西。有的則是一片空白失去平衡，也可以用個(gè)“散”字來(lái)形容。
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.

并非要把整個(gè)頁(yè)面塞滿了才不覺(jué)得空，也并非讓整個(gè)頁(yè)面空曠才不覺(jué)得滿，只要合理的安排、有機(jī)的組合，使頁(yè)面達(dá)到平衡，即使在一邊的部分大面積留空，同樣不會(huì)讓人感到空，相反這樣會(huì)給人留下廣闊的思考空間，給人回味又達(dá)到了視覺(jué)效果。
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)

在網(wǎng)頁(yè)設(shè)計(jì)中，字體的處理與顏色、版式、圖形化等其他設(shè)計(jì)元素的處理一樣非常關(guān)鍵。
In webpage design, font processing and color, layout, graphics and other design elements of the processing key.

4.1文字圖形化(Text graphic)

文字圖形化就是將文字用圖片的形式來(lái)表現(xiàn)，這種形式在頁(yè)面的子欄目里面最為常用，因?yàn)樗哂型怀?，同時(shí)又美化了頁(yè)面，使頁(yè)面更加人性化加強(qiáng)了視覺(jué)效果。是文字無(wú)法達(dá)到的。對(duì)于通用性的網(wǎng)站弊端就是擴(kuò)展性不強(qiáng)。
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強(qiáng)調(diào)文字(Highlight text)

如果將個(gè)別文字作為頁(yè)面的訴求重點(diǎn)，則可以通過(guò)加粗、加下劃線、加大號(hào)字體、加指示性符號(hào)、傾斜字體、改變字體顏色等手段有意識(shí)地強(qiáng)化文字的視覺(jué)效果，使其在頁(yè)面整體中顯得出眾而奪目。這些方法實(shí)際上都是運(yùn)用了對(duì)比的法則。如果在更新頻率低的情況下也可以使用文字圖形化。
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.