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

1.活版印刷(printing)
通常，一個成功的網(wǎng)站只有很少的字體是類似的款式，而不是使用的字體。好的網(wǎng)站應(yīng)該使用無襯線和無襯線字體，而不是兩者的結(jié)合。在網(wǎng)站制作的排版也應(yīng)該小心使用的字體的數(shù)量。好的設(shè)計會加入一些類似的字體的字體，而不是一個范圍。大多數(shù)瀏覽器都能識別特定數(shù)量的安全字體，這樣設(shè)計主要是利用以避免并發(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實現(xiàn)。隨后的興趣增加，以及在Web版式使用的字體下載。大多數(shù)網(wǎng)站上的布局包括空格符文，成段，也避免了中心對齊的文本。
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.頁面布局(layout)
Web頁應(yīng)當(dāng)清楚地闡明，以改善用戶的導(dǎo)航。還用于導(dǎo)航目的，該網(wǎng)站的頁面布局應(yīng)保持一致，在不同的網(wǎng)頁上。在建設(shè)網(wǎng)站時，這是非常重要的考慮頁面的寬度，因為這是至關(guān)重要的調(diào)整對象和布局設(shè)計。最流行 的網(wǎng)站一般都接近1024像素的寬度。大多數(shù)頁面居中對齊，使物體看起來更加美觀的大屏幕上。
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表的布局，頁面布局的設(shè)計原則，并作為一種編碼技術(shù)，基于網(wǎng)格的設(shè)計拒絕，但非常緩慢。[注1不言自明的假設(shè)是，讀者將有屏幕的設(shè)備，或不同大小的窗口，并沒有什么頁面設(shè)計人員可以做些什么來改變這個。因此，設(shè)計應(yīng)分解成單元（側(cè)邊欄，內(nèi)容塊，廣告區(qū)，導(dǎo)航區(qū)）發(fā)送到瀏覽器將被安裝到顯示窗口中的瀏覽器，它可以。由于瀏覽器不認(rèn)識的細(xì)節(jié)，讀者的屏幕（窗口大小，字體大小相對于窗口等）的瀏覽器做了更好的工作，這比一個假設(shè)性的設(shè)計師。雖然這樣的顯示可能會經(jīng)常發(fā)生變化的主要內(nèi)容單元的相對位置，側(cè)邊欄可能會流離失所下面的正文中，而不是它的一側(cè)。這通常是一個更好的，尤其是一個更有用的不是妥協(xié)嘗試顯示一個硬編碼的網(wǎng)格，根本不適合在器件窗口顯示。內(nèi)容塊的相對位置，特別是，有可能發(fā)生變化，但每個塊的影響較小。易用性也比較好，特別是避免水平滾動。
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è)計是一種新的方法，CSS3的基礎(chǔ)上，通過加強(qiáng)使用CSS @媒體的偽選擇和更深層次的每個設(shè)備的規(guī)格內(nèi)頁面的樣式表。
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)建一個網(wǎng)站，它是很好的做法，符合標(biāo)準(zhǔn)的。這通常是通過描述指定元件做什么。不符合標(biāo)準(zhǔn)，可能會做一個網(wǎng)站無法使用或容易出錯的，但標(biāo)準(zhǔn)涉及到正確的頁面布局的可讀性，以及確保編碼元素適當(dāng)關(guān)閉。這包括代碼中的錯誤，代碼為更好的布局，以及確保你的ID和類的正確識別。有時被通俗地稱為不佳的編碼的網(wǎng)頁標(biāo)記湯。通過W3C驗證時，只能做一個正確的DOCTYPE聲明，這是用來突出顯示代碼中的錯誤。系統(tǒng)識別錯誤和不符合網(wǎng)頁設(shè)計標(biāo)準(zhǔn)。然后，此信息可以由用戶糾正。
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.視覺設(shè)計(Visual design)
良好的視覺設(shè)計網(wǎng)站上的標(biāo)識，其目標(biāo)市場。VMD視覺營銷這可以是一個年齡組或特定的文化鏈，因此，設(shè)計人員應(yīng)了解其受眾的趨勢。設(shè)計者也應(yīng)該明白他們正在設(shè)計，這意味著，例如，一個企業(yè)網(wǎng)站不應(yīng)該被設(shè)計了作為一個社會化媒體網(wǎng)站相同類型的網(wǎng)站。設(shè)計師還應(yīng)了解雇主或商業(yè)網(wǎng)站的代表，以確保他們被描繪有利的。美學(xué)或一個網(wǎng)站的整體設(shè)計不應(yīng)該發(fā)生沖突的內(nèi)容，使用戶可以方便地瀏覽和查找所需的信息或產(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.用戶體驗設(shè)計(User experience design)
為了讓用戶了解一個網(wǎng)站，他們必須能夠了解的網(wǎng)站是如何工作的。這會影響他們的經(jīng)驗。用戶體驗相關(guān)的布局，清楚的說明和標(biāo)簽在網(wǎng)站上。用戶必須了解它們?nèi)绾位拥木W(wǎng)站上。關(guān)于繼續(xù)使用，用戶必須看到，該網(wǎng)站的實用性，如果他或她是繼續(xù)使用它。熟練和精通網(wǎng)站使用的用戶是誰，這種影響直接關(guān)系到他們是如何看待的網(wǎng)站，其中鼓勵進(jìn)一步使用。因此，經(jīng)驗較少的用戶是不太可能看到的優(yōu)點或有用的網(wǎng)站。，專注于設(shè)計一個更普遍的使用和四通八達(dá)的交通網(wǎng)絡(luò)，以適應(yīng)盡可能多的用戶，無論用戶的技術(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ā)布于創(chuàng)新互聯(lián)UEO營銷型網(wǎng)站建設(shè)公司http://www.bm7419.com/