網站建設 中關于默認字體你需要了解

        首先要從瀏覽器默認字體說起，瀏覽器中的樣式往往在不同的瀏覽器、不同的語言版本甚至不同的系統(tǒng)版本都有不同的設置，這就導致如果直接利用默認樣式的頁面在各個瀏覽器下顯示非常不一致，于是就有了類似YUI的reset之類用來盡量重寫瀏覽器的默認設置保證各個瀏覽器樣式一致性的做法。

    拿字體來說，各個瀏覽器默認的字體種類、字體大小和字體行高都不一樣，比如IE8的中文版在Windows XP下顯示網頁時默認字體是宋體，而英文版肯定不會如此。所以我們需要統(tǒng)一設置默認的字體樣式，以便實現一致的顯示效果來保證設計的一致性和提高開發(fā)效率。

    第一：字體arial

     我們頁面的絕大部分內容字符都是中文，毫無疑問目前為止在網頁上最常用也是最通用的顯示中文的字體是宋體，但是宋體在顯示英文、數字和英文符號時過于糟糕，比如?字符，所以我們一般期望通過CSS來實現用更好的字體樣式來顯示它們，然后用宋體來顯示中文和中文符號。之所以選擇arial是因為：

    1，Windows和Mac都預裝了這款字體，應該是使用最廣泛的網頁字體了。它的潛在對手tahoma和helvetica就沒有這么幸運了。

     2，視覺設計的專業(yè)人士可能會認為在Windows中使用tahoma、在Mac中使用helvetica更好，比如淘寶的默認字體樣式是font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;

      這是一個很不錯的選擇，但是你也會發(fā)現Google、YAHOO、Youtube、Bing甚至MSN的新版都使用arial作為第一默認字體。所以從美觀和可讀性上來講arial應該是完全可以接受的。

一般情況下設置font-family都會在最后設置通用字體族以保證其安全性，比如Google的設置為font-family:arial,sans-serif;，但是至少在非中文版的Win7下當編碼是GBK時，IE8會因sans-serif來渲染宋體，導致字體出現變形，這就是為什么淘寶需要在sans-serif前加上宋體而Google無需這樣做的原因。

     因為中文字體的選擇非常有限，所以目前所有的主流瀏覽器都設置使用宋體來顯示中文。Baidu的首頁和搜索結果頁使用font-family:arial;可以從側面說明這樣做的安全性?？赡苡腥俗⒁獾紽irefox中國版默認顯示的中文字體是微軟雅黑，這是因為謀智網絡擅自修改了用戶自定義樣式，不允許網頁的樣式覆蓋瀏覽器設置的樣式。也是由于類似的情況，我們要彈性設計網頁非常重要。

     使用英文字體作為第一默認字體會導致的問題之一就是中英文以及符號混排時的對齊問題、通過設置行高和hasLayout能解決絕大部分情況，但是都不會很完美，如果把字體改成“宋體”能徹底的解決問題。很明顯，這個問題只出現在IE上。所以，如果你的網站很少使用英文、數字和英文符號，那么直接設置{font-family:\5b8b\4f53;}也是很合理的選擇。

     第二：樣式優(yōu)先級

     通常用戶看到的頁面的樣式會受到三層控制:

     1，瀏覽器的默認樣式； 2，網頁定義樣式； 3，用戶自定義樣式。

    和CSS一樣，后面的優(yōu)先級高于前面的，也就是說網頁定義樣式可以覆蓋瀏覽器的默認樣式，而用戶自定義樣式優(yōu)先級最高。不過，當有 !important 時，網頁樣式可以覆蓋用戶自定義樣式。用戶!important > 網頁!important > 用戶 > 網頁 > 瀏覽器默認。

      第三：大小12px

      12px是宋體能顯示的極限，雖然微軟雅黑能顯示更小的字體，但目前的應用環(huán)境尚未成熟。由于宋體基本上是目前顯示中文唯一的通用Web字體，所以12px成為最常用的字體大小。我們當然可以依據產品的需要來修改這個默認值。

      不用考慮基于字體大?。╡m）的設計。

       在Chrome3.0之后的中文版中，字體大小最小值是12px，比如你設置最小字體為10px，最后也變成12px。

       第四：行高1.5倍

       這是一個經驗值，不同的產品對這個值要求可能不同，但我們一般會設置最常用的為默認值。比如YUI的font中是font:13px/1.231 arial,helvetica,clean,sans-serif;即字體大小默認值是13px，行高是13*1.231=16.003px，默認的行高是默認字體的1.231倍。對于中文來說，常用的字體大小12px、14px、16px、18px等偶數大小，在IE6和IE7設置其行高也為偶數能解決一些特殊情況下的字體對其問題。

        在IE6和IE7中，行高值必須大于字體的2px才能保證字體的完整顯示或當其作為鏈接時能有效顯示下劃線。

        設置line-height時，注意不要使用單位（包括%在內），因為子節(jié)點會繼承經過運算后的line-height值，所以當使用單位后瀏覽器會把line-height計算成第一次定義的絕對值，而不會隨著字體大小的變化而變化，而無單位的數值表示是所在容器的font-size的倍數，所以設置為無單位的數值是最佳選擇。

       五：性能和效率第

       1，大部分平臺都有arial，減少瀏覽器的查找時間。

       2，代碼最少，書寫方便。arial基本上是名字最短的字體了，可以節(jié)約CSS的大小。

        3，所有的字母都小寫，目前Google就是這樣做的，好處是既可以編寫更快也能提升Gzip壓縮的效率。

         中文最好用unicode表示，比如使用宋體是{font-family:\5b8b\4f53;}，使用微軟雅黑是{font-family:\5fae\8f6f\96c5\9ed1;}，這樣的好處是避免編碼問題，同時能得到所有的主流瀏覽器的支持。

    通過對中英文及符號混排的測試， 我發(fā)現微軟雅黑其實表現相當不錯，包括英文數字和英文字符以及在IE6和IE7的顯示效果上，但唯一的遺憾是在XP下如果安裝了微軟雅黑字體的用戶沒有打 開“使用屏幕字體的邊緣平滑”選項的話，在firefox、Safari和Opera、特別是IE6下會非常模糊難以辨認。針對這個問題目前并沒有很好的 解決方案，所以只有等到IE6使用比率非常小的時候才可能正式的使用它?；蛟S需要到2014年，XP死掉的時候。

     雖然很早就有了@font-face，但是瀏覽器的支持、網速和商業(yè)問題，導致它很少被應用。最近關于字體的好消息是Firefox3.6將支持Web Open Font Forma。關于Web字體未來的相關信息可以看Web 字體的未來、關于 Web 字體：現狀與未來和再談 Web 字體的現狀與未來。

一、網站策劃及實施
經過對市場的分析，明確好網站的定位后，進入到網站的策劃與實施階段。網站策劃包括前期對客戶需求的了解、網站類型的確認、網站結構的規(guī)劃、網站功能需求分析報告的撰寫、網站平臺硬件、軟件的配置方案;中期網站風格的定位、網站頁面的設計(與網頁設計人員的溝通)、網站內容的編輯整理、網站功能模塊的開發(fā)(與技術開發(fā)人員的溝通)、網站發(fā)布前的測試;后期網站售后服務、技術支持、網站宣傳推廣等。
網站具體實施，注意如下幾點:

1、網站設計方案:
網站的設計方案，要有明確的色彩定位及風格，如一度公司的網站采用的是企業(yè)的標準紅色，搭配經典的灰色，傳達科技、專業(yè)的視覺感受給用戶;另外，主題必須鮮明，網站的設計要圍繞著同一個核心主題展開，眾多的設計元素均為主題服務，讓用戶第一眼看到網站，就會被一個核心主題所吸引。例如:有些網站只提供簡潔的文字信息，有些則采用多媒體表現手法，提供華麗的圖像、閃爍的燈光、復雜的頁面布置，甚至可以播放聲音和錄像片段。注意避免出現讓用戶從頭看到尾，不清楚所表達之重點的設計方案。

2、建站目標的明確:
企業(yè)網站是展現企業(yè)形象、介紹企業(yè)產品和服務、體現企業(yè)發(fā)展戰(zhàn)略的重要途徑，因此必須明確建設網站的目標和用戶需求，從而制定出切實可行的建站計劃。要從消費者的需求、市場的狀況、企業(yè)自身的情況等進行綜合分析，圍繞以"消費者"為核心的角度進行目標規(guī)劃。

3、增強網站的互動性:
網站是給用戶使用的，如果只是讓用戶作為觀眾，不一定留下深刻的印象，往往使用戶的第一次訪問也變成最后一次訪問了，所以，在建設網站的時候，要增強互動性，更多的考慮讓用戶切身參與進來，這樣更能帶給瀏覽者趣味性。

4、欄目結構:
網站的欄目頻道要以結構清晰、導向清楚及便于使用為原則進行設計。如果人們看不懂或不能在網站上自由前進或后退，那么用戶就沒有辦法準確的了解企業(yè)及服務。要重點考慮瀏覽者的訪問習慣，感興趣的欄目內容等，可以使用一些醒目的標題或來文字來突出產品與服務，并且在導航設計中使用超文本鏈接或圖片鏈接，隨手可以點擊到想要去的欄目頻道，快速、方便。

5、用戶的需求:
要清楚的知道建設網站的目的是什么?為誰提供產品及服務?企業(yè)能提供什么樣的產品和服務?網站的目標消費者和用戶的特點是什么?企業(yè)必須清楚地了解網站用戶的基本情況，如受教育程度、收入水平、需要信息的范圍及深度等，從而做到有的放矢。

二、域名的選擇標準
企業(yè)的域名，就像每個家庭的門牌號碼一樣，既要好記，又要好聽，可以采用數字、拼音、英語、縮寫的行式。一個好的域名應該具有簡潔性，避免過長的字符導致記憶的困難，設想一下，用戶想瀏覽你的網站，但是域名記不牢導致反復輸入也無法準確訪問，那樣用戶就會煩了，轉而選擇同行企業(yè)好聽、好記的域名去解決需求，那樣就得不償失了。此外，域名還應該考慮到網絡的國際性，兼顧國際的用戶。
域名具有唯一性，一個域名一旦注冊成功，任何其他機構都無法注冊相同的域名。域名是企業(yè)重要的網絡商標，在網絡營銷中起到企業(yè)標識的作用，在進行域名的命名時，要考慮到域名與企業(yè)的名稱、標識相統(tǒng)一。
一個好的域名，事關未來企業(yè)網絡品牌形象成功樹立的大局，也是網站權重與后期打響網站品牌的關鍵因素之一，所以做選擇域名要三思后再決定。

三、網站動態(tài)內容務必及時更新
很多網站在設計階段，頁面都很漂亮，除了文字、圖片等元素的應用外，更多飽滿、充實的效果是依托企業(yè)本身的內容體現出來的，但是網站一旦正式上線，效果反而大大折扣，因為很多資料并不完善，或者企業(yè)本身的資料錄入人員，并沒有建站公司的專業(yè)，資料的文字和圖片排列效果與當時的設計方案相距甚遠，這些問題都需要企業(yè)盡心、盡力的解決，網站上線以后，要定期、持續(xù)不斷的更新動態(tài)內容，便于用戶及時了解企業(yè)的最新發(fā)展動態(tài)及相關產品、服務等，同時及時更新網站動態(tài)內容，也會幫助企業(yè)在用戶心中建立更好的形象。

四、根據行業(yè)特點和企業(yè)需求建站
建設一個網站，首先考慮企業(yè)所屬的行業(yè)特點，我們隨意在網上搜索下制造業(yè)、化妝品行業(yè)，在跳出來的各個企業(yè)網站中點擊，你會發(fā)現，同一個行業(yè)的網站，或多或少的都存在著共通之處，有的是網站的設計風格類似;有的是版面、布局類似;有的是欄目架構類似，這些共通點，象征著同一個行業(yè)的共性，也是用戶對這一行業(yè)所熟悉的部分，所以，某些共通點是需要企業(yè)建設網站時借鑒和參考的。
企業(yè)建設一個網站，都會有企業(yè)最根本的需求，有的企業(yè)把網站作為網絡品牌的形象，所以注重品牌的塑造，重視頁面的設計感;有的企業(yè)用網站來銷售公司產品，在網站設計上不強調濃重的設計感和創(chuàng)意，而是重點突出產品的展示和銷售;有的企業(yè)網站突出與用戶的互動性，采用Flash游戲、360度全景、3D等效果增強網站的趣味性等，總之，每個網站都有自身的行業(yè)特點及企業(yè)本身的建站需求，想要建設一個適合企業(yè)自身的網站，就需要在建站前明確好網站建設的主題方向，莫求大而全，也不要盲目追隨，要根據自身實力做好相應判斷，為企業(yè)網站定好位。

五、網站正式上線后的推廣
網站推廣可以提升企業(yè)品牌的知名度，增加網站的流量和用戶，讓更多的人知道企業(yè)的網站，提升轉化率，最終帶來訂單。所以，一個好的企業(yè)網站建設僅僅做完是不夠的，一定要善于利用網絡工具和資源，把網站推廣出去。

網站關鍵詞：網站建設  網站設計  網站制作  上海網站建設  上海網站設計  上海網站制作  上海網絡公司  網站建設上海  上海做網站  上海建設網站  上海做網站公司  上海建網站公司  上海高端網站建設  上海手機網站建設  怎么建設網站  如何建設網站  營銷網站建設  品牌網站建設  網站建設方案  響應式網站建設  外貿網站建設  公司網站建設  建設網站  網站建設服務  高端網站建設  網站優(yōu)化服務  上海網站公司  企業(yè)網站設計  官網制作  官網建設  官網設計  網站建設公司  網站設計公司  網站制作公司