網(wǎng)站制作不可不知的知識(shí)技能

1.活版印刷(printing)
通常，一個(gè)成功的網(wǎng)站只有很少的字體是類(lèi)似的款式，而不是使用的字體。最好的網(wǎng)站應(yīng)該使用無(wú)襯線(xiàn)和無(wú)襯線(xiàn)字體，而不是兩者的結(jié)合。在網(wǎng)站制作的排版也應(yīng)該小心使用的字體的數(shù)量。好的設(shè)計(jì)會(huì)加入一些類(lèi)似的字體的字體，而不是一個(gè)范圍。大多數(shù)瀏覽器都能識(shí)別特定數(shù)量的安全字體，這樣設(shè)計(jì)主要是利用以避免并發(fā)癥的發(fā)生，陳列技巧尤為重要。
Usually, a successful website only a few fonts are similar in style, instead of using the font. The best site should use without serifs and without serif fonts, instead of the combination of the two. The number in the production site layout should also be careful to use the font. Good design will add some similar font font, rather than a range. Safe font most browsers can identify a specific number, this design is mainly used to avoid complications, display skills are especially important.

字體下載后在CSS3字體模塊，并一直在Safari 3.1，Opera 10和Mozilla的火狐3.5實(shí)現(xiàn)。隨后的興趣增加，以及在Web版式使用的字體下載。大多數(shù)網(wǎng)站上的布局包括空格符文，成段，也避免了中心對(duì)齊的文本。
Font download CSS3 font module, and has been in Safari 3.1, Opera 10 and Mozilla Firefox 3.5. The subsequent increase in interest, and is used in the Web format font download. Most sites layout including spaces rune, into segments, but also to avoid the center align text.

2.頁(yè)面布局(layout)

Web頁(yè)應(yīng)當(dāng)清楚地闡明，以改善用戶(hù)的導(dǎo)航。還用于導(dǎo)航目的，該網(wǎng)站的頁(yè)面布局應(yīng)保持一致，在不同的網(wǎng)頁(yè)上。在建設(shè)網(wǎng)站時(shí)，這是非常重要的考慮頁(yè)面的寬度，因?yàn)檫@是至關(guān)重要的調(diào)整對(duì)象和布局設(shè)計(jì)。最流行 的網(wǎng)站一般都接近1024像素的寬度。大多數(shù)頁(yè)面居中對(duì)齊，使物體看起來(lái)更加美觀的大屏幕上。
The Web page should be clearly stated, to improve the user's navigation. Also used for navigation purposes, the web page layout should be consistent, in different webpage. In the construction site, it is very important to consider the width of the page, because it is the object of adjustment crucial and layout design. The most popular sites are generally close to 1024 pixels in width. Most page alignment, make the object look more beautiful on the big screen.

流體布局在2000年左右，作為替代基于HTML表的布局，頁(yè)面布局的設(shè)計(jì)原則，并作為一種編碼技術(shù)，基于網(wǎng)格的設(shè)計(jì)拒絕，但非常緩慢。[注1不言自明的假設(shè)是，讀者將有屏幕的設(shè)備，或不同大小的窗口，并沒(méi)有什么頁(yè)面設(shè)計(jì)人員可以做些什么來(lái)改變這個(gè)。因此，設(shè)計(jì)應(yīng)分解成單元（側(cè)邊欄，內(nèi)容塊，廣告區(qū)，導(dǎo)航區(qū)）發(fā)送到瀏覽器將被安裝到顯示窗口中的瀏覽器，它可以。由于瀏覽器不認(rèn)識(shí)的細(xì)節(jié)，讀者的屏幕（窗口大小，字體大小相對(duì)于窗口等）的瀏覽器做了更好的工作，這比一個(gè)假設(shè)性的設(shè)計(jì)師。雖然這樣的顯示可能會(huì)經(jīng)常發(fā)生變化的主要內(nèi)容單元的相對(duì)位置，側(cè)邊欄可能會(huì)流離失所下面的正文中，而不是它的一側(cè)。這通常是一個(gè)更好的，尤其是一個(gè)更有用的不是妥協(xié)嘗試顯示一個(gè)硬編碼的網(wǎng)格，根本不適合在器件窗口顯示。內(nèi)容塊的相對(duì)位置，特別是，有可能發(fā)生變化，但每個(gè)塊的影響較小。易用性也比較好，特別是避免水平滾動(dòng)。
The fluid distribution in about 2000, as a replacement for the HTML table layout based on the principles of design, page layout, and as a coding technique, refused to grid-based design, but very slow. [Note 1 axiomatic assumption is, readers will have the screen device, or windows of different sizes, and there is no page designers can do to change this. Therefore, the design should be decomposed into unit ( sidebar, a piece of content, advertising area, the navigation area ) is sent to the browser will be installed to the display window in the browser, it can. Because the browser doesn't know the details, the reader's screen ( window size, font size relative to the browser window ) have done a better job, this is a hypothetical designer. Although such a display position relative to the main content unit may frequently change, the body may become destitute and homeless sidebar below, but not its side. This is usually a better, especially a more useful than compromise to try to show a hard coded mesh, not suitable for display device window. The relative position of the content block, in particular, are likely to change, but has little effect for each block. Ease of use is also very good, especially to avoid horizontal scrolling.

響應(yīng)性的Web設(shè)計(jì)是一種新的方法，CSS3的基礎(chǔ)上，通過(guò)加強(qiáng)使用CSS @媒體的偽選擇和更深層次的每個(gè)設(shè)備的規(guī)格內(nèi)頁(yè)面的樣式表。
In response to the Web design is a new method, based on CSS3, through the strengthening of each equipment pseudo selection and deeper using CSS @ media specifications of the page style sheet.

3.代碼質(zhì)量(The quality of the code)

當(dāng)創(chuàng)建一個(gè)網(wǎng)站，它是很好的做法，符合標(biāo)準(zhǔn)的。這通常是通過(guò)描述指定元件做什么。不符合標(biāo)準(zhǔn)，可能會(huì)做一個(gè)網(wǎng)站無(wú)法使用或容易出錯(cuò)的，但標(biāo)準(zhǔn)涉及到正確的頁(yè)面布局的可讀性，以及確保編碼元素適當(dāng)關(guān)閉。這包括代碼中的錯(cuò)誤，代碼為更好的布局，以及確保你的ID和類(lèi)的正確識(shí)別。有時(shí)被通俗地稱(chēng)為不佳的編碼的網(wǎng)頁(yè)標(biāo)記湯。通過(guò)W3C驗(yàn)證時(shí)，只能做一個(gè)正確的DOCTYPE聲明，這是用來(lái)突出顯示代碼中的錯(cuò)誤。系統(tǒng)識(shí)別錯(cuò)誤和不符合網(wǎng)頁(yè)設(shè)計(jì)標(biāo)準(zhǔn)。然后，此信息可以由用戶(hù)糾正。
When creating a website, it is good practice, conform to the standard. This is usually what is described by the specified element. Do not meet the standard, may do a website to cannot use or error-prone, but the standard related to readability correct page layout, and to ensure proper closed code element. This includes the mistake in the code, the code for the better layout, and ensure the correct identification of your ID and class. Sometimes colloquially known webpage tag Soup for poor code. Through W3C certification, can only do a correct DOCTYPE statements, which are used to highlight errors in code. System identification error and does not meet the webpage design standards. Then, this information can be corrected by the user.

4.視覺(jué)設(shè)計(jì)(Visual design)

良好的視覺(jué)設(shè)計(jì)網(wǎng)站上的標(biāo)識(shí)，其目標(biāo)市場(chǎng)。VMD視覺(jué)營(yíng)銷(xiāo)這可以是一個(gè)年齡組或特定的文化鏈，因此，設(shè)計(jì)人員應(yīng)了解其受眾的趨勢(shì)。設(shè)計(jì)者也應(yīng)該明白他們正在設(shè)計(jì)，這意味著，例如，一個(gè)企業(yè)網(wǎng)站不應(yīng)該被設(shè)計(jì)了作為一個(gè)社會(huì)化媒體網(wǎng)站相同類(lèi)型的網(wǎng)站。設(shè)計(jì)師還應(yīng)了解雇主或商業(yè)網(wǎng)站的代表，以確保他們被描繪有利的。美學(xué)或一個(gè)網(wǎng)站的整體設(shè)計(jì)不應(yīng)該發(fā)生沖突的內(nèi)容，使用戶(hù)可以方便地瀏覽和查找所需的信息或產(chǎn)品等。
Good visual design website on the logo, its target market. VMD visual marketing this can be an age group or specific cultural chain, therefore, designers should understand its audience trend. Designers should understand that they are designing, this means, for example, a corporate Web site should not be designed as a social media site, the same type of website. The designer should also understand the representative employer or business site, to ensure that they are portrayed favorable. The overall design aesthetic or a website should not conflict with the content, users can easily browse and find the required information or products etc..

5.用戶(hù)體驗(yàn)設(shè)計(jì)(User experience design)

為了讓用戶(hù)了解一個(gè)網(wǎng)站，他們必須能夠了解的網(wǎng)站是如何工作的。這會(huì)影響他們的經(jīng)驗(yàn)。用戶(hù)體驗(yàn)相關(guān)的布局，清楚的說(shuō)明和標(biāo)簽在網(wǎng)站上。用戶(hù)必須了解它們?nèi)绾位?dòng)的網(wǎng)站上。關(guān)于繼續(xù)使用，用戶(hù)必須看到，該網(wǎng)站的實(shí)用性，如果他或她是繼續(xù)使用它。熟練和精通網(wǎng)站使用的用戶(hù)是誰(shuí)，這種影響直接關(guān)系到他們是如何看待的網(wǎng)站，其中鼓勵(lì)進(jìn)一步使用。因此，經(jīng)驗(yàn)較少的用戶(hù)是不太可能看到的優(yōu)點(diǎn)或有用的網(wǎng)站。，專(zhuān)注于設(shè)計(jì)一個(gè)更普遍的使用和四通八達(dá)的交通網(wǎng)絡(luò)，以適應(yīng)盡可能多的用戶(hù)，無(wú)論用戶(hù)的技術(shù)。
In order to let the user know a website, they must be able to understand how the site is working. Will it affect their experience. User experience related to the layout, clear instructions and labels on the site. The user must understand how they interact with the site. On the continued use, the user must see, the practicality of the website, if he or she is to continue to use it. Skilled and proficient in Web users who, this effect is directly related to how they look at the site, which encourages further use. Therefore, less experienced users are unlikely to see or useful website. , focus on the design of a more general and lead in all directions of traffic network, to accommodate as many users as possible, regardless of the user's technology.
本文發(fā)布于尚品中國(guó)UEO營(yíng)銷(xiāo)型網(wǎng)站建設(shè)公司http://xjjufeng.cn/