兰博基尼娱乐城|红宝石娱乐城

新聞中心 Case獲取更多行業信息

當前位置:主頁 > 新聞資訊 > 網絡學院 >

如何采用Web標準技術進行網頁設計和開發?

日期:2018-03-01 / 人氣:

 《網站制作重構:應用Web標準進行設計》的第1部分介紹了Web標準思想的產生、發展和推廣,讓我們了解采用Web標準的好處;書的第2部分結合實例,從技術細節上講解了如何采用Web標準技術進行網頁開發。通過閱讀本書,你可以了解: 
 
  什么是Web標準? 
 
  Web標準有什么好處? 
 
  如何采用Web標準技術進行網頁設計和開發? 
 
  適合什么樣的人看 
 
  這本書適合的讀者是:所有的網站設計師、開發者和網站管理者。 
 
  不論你是這一行業的新手還是資深人士,閱讀本書都將讓你獲益匪淺。管理者可以了解如何降低網站成本,如何獲得更多用戶;設計師可以領悟到“表現和結構相分離”的真諦,用CSS自由地控制布局;開發者可以掌握如何降低維護成本,如何重用內容,如何延長網站的壽命。 
 
  對于已經了解和熟悉Web標準的開發者來說,本書第3版增加了更多實用的內容: 
 
  Web標準技術的最新發展動態和方向; 
 
  最新技術的介紹(包括HTML5、CSS3和網頁字體),以及這些技術將對網站產生怎樣的影響; 
 
  更多的實例應用和技術解決方案。 
 
  譯者感言 
 
  從本書第1版出版到現在已經六年了,從Web標準“零”概念到目前行業內的普遍運用,不得不說是一個令人驚喜的變化。中國的網頁設計師、開發者、管理者跟上了這一輪的技術變革。Web標準在快速發展,雖然Web標準的思想核心依然是網站可用性,但隨著更新的設備出現和技術的發展,許多老的Web標準開始淘汰,許多新的規范開始醞釀和發展,例如HTML5、CSS3等。學無止境,我們的設計師和開發者依然須要迎頭趕上。 
 
  ↓展開全部內容 
 
  前言回到頂部↑ 
 
  當我和同事們在1998年創建The Web Standards Project(網頁標準計劃小組,WASP)的時候,我們并不知道有效的(valid)、語義化的標記(semantic markup)會讓你的網站內容更容易被Google發現。是的,它確實有這個效果,但在Google出現之前,那并不是我們關注Web標準的原因。20世紀90年代,一個網頁設計高手的定義是:能夠用5套代碼方案為他的客戶設計網站,讓它在以下瀏覽器中都能正確顯示:Netscape 3、Netscape 4、IE3、IE4以及其他非主流瀏覽器。 
 
  如果還希望你的網站能在Netscape和微軟的IE3、IE4瀏覽器里實現一些其他功能,那么你將不得不在同一個頁面里使用兩種不兼容的腳本語言,每種語言又有兩個版本,總計四種不兼容的腳本語言。這些代碼又混雜在使用復雜的表格布局(table layouts)的HTML代碼里,結果就是:頁面上至少多了60%不必要的代碼。當網站改版,重新設計,或者需要調整你的網站內容時,你會發現除了更高的成本之外,修改也非常困難,因為內容和布局完全混雜在一起。 
 
  圖1 對于站點擁有者來說,遵循Web標準的一個巨大 
 
  好處是:他的站點內容更容易被用戶和搜索引擎找 
 
  到 
  對于我們這些WaSP發起人來說,所有瀏覽器的私有代碼都會嚴重威脅到Web發展。它導致每個網站至少浪費25%的開發時間,從而成本提高至少25%。而且,如果在1998年設計一個簡單網站就需要寫5套代碼,那么未來的網頁設計會變成什么樣子?如果瀏覽器廠商為了競爭,故意推出不兼容的私有代碼,那么我們這場自從印刷術發明以來最激動人心的出版和通信技術進步會不會倒退?10年以后,我們是不是制作一個簡單網站,就需要花費12倍的成本,寫12套代碼才能實現? 
 
  Web標準——語義(X)HTML標記、CSS布局、基于JavaScript的不沖突腳本編程和DOM,是以上所有問題的解決方案。而且,一直以來,WaSP和其他組織對標準的倡導,最終說服了那些瀏覽器廠商支持標準,以及更多的專業人士來使用標準。 
 
  使用Web標準進行設計的好處(如圖1所示),將在本書第1部分詳細解釋,它們包括如下內容。 
 
  恰當的語義化標記將使你的網站內容更容易被用戶和搜索引擎找到。只要將代碼從無語義的表格布局轉換成結構良好的語義標記,網站就可以提高在搜索引擎結果列表中的位置,提升它們的Alexa排名,并提高其他可發現性(Findability)的指標。(可發現性,是標準化的重要指標,以衡量搜索引擎優化(SEO)帶來的好處。) 
 
  將網站的表現從結構和行為中剝離出來,使你的開發和測試更加容易,也更加便利,可以降低你的總預算,或者讓你在網站可用性和內容開發方面的現金投入更寬裕。 
 
  將網站的表現從結構和行為中剝離出來,使你的網站更輕量級,從而提高性能。 
 
  將網站制作的表現從結構和行為中剝離出來,使用適當的有語義的標記,使你的網站更容易被各種瀏覽器和不同設備訪問,包括移動設備和給殘疾人士使用的瀏覽工具,例如屏幕閱讀器和其他輸入替代設備。使用Web標準設計網站同樣有利于提供手機版本,如果你希望推出網站的手機版本,采用標準會使它變得更容易。而且在某些情況下可能根本就不需要推出手機版本,當然這也取決于你的網站內容。 
 
  使用Web標準而不是瀏覽器私有的代碼設計網站,更加適應未來的發展。如果你的網站正確采用HTML 4.01或者XHTML 1.0,并用CSS2布局,將得到各種瀏覽器的永久支持,即使HTML5、CSS3或者其他新的規范已經確定下來,甚至它們得到將來新的瀏覽器的出色支持,你采用現在的Web標準制作的網站仍將完美工作。而非標準的網站則沒這么幸運,在好一點的情況下,它們會出現混亂,不好的話,網站將停止工作。 
 
  本書前兩個版本已經翻譯成15種語言,從保加利亞到韓國,基于標準的設計概念和方法已經被廣泛地介紹給世界上成千上萬的設計師和開發者,以及他們的客戶。自從本書2003年開始銷售以來,幾乎所有承包商或自行開發的公司都已經有了至少一位Web標準的擁護者。這個行業在不斷發展,不再只是那些領先的設計師們擁抱Web標準了,也不再只有那些前衛的承包商宣稱自己在基于標準的設計方面很專業了。 

編輯:深圳網站建設公司


?
兰博基尼娱乐城 北单上下单双交流 微信麻将可以作弊吗 快递还包邮怎么赚钱 广西快乐十分彩票控 北京快乐8计划软件免费版 北京赛车冠亚什么意思 中体育比分直播 中国竞彩网首页 老版单机捕鱼达人 云南快乐十分开奖号码走势图