主頁 > 知識庫 > div+css在思路和流程上實現(xiàn)結構與表現(xiàn)的分離分析

div+css在思路和流程上實現(xiàn)結構與表現(xiàn)的分離分析
熱門標簽：呼叫中心市場需求 智能手機 檢查注冊表項 美圖手機 網(wǎng)站文章發(fā)布 鐵路電話系統(tǒng) 服務器配置 銀行業(yè)務
古老的話題：一首古詩的分離

　　1.給你一首古詩，保存為毫無格式的一堆文字，你去理解它的內(nèi)容，進行結構的處理。用word排版之后，他有了結構
　　2.這個結構其實包含了語義和表現(xiàn)
　　3.用html進行結構化，拋開一切的表現(xiàn)形式，只考慮語義
　　4.用CSS進行表現(xiàn)處理，包括html的默認表現(xiàn)，他擁有了視覺表現(xiàn)，這個表現(xiàn)體現(xiàn)出了結構化，也體現(xiàn)出了用戶體驗，用戶體驗中包含了交互的排版和視覺體驗
　　5.如果加上行為，比如點擊注釋序號，緩緩跳轉到注釋內(nèi)容。

　　再看看css禪意花園
　　同樣是上面的5個步驟，形成第一版本的css禪意花園
　　而更多的模板提供者所做的工作是交互線稿+視覺設計。體現(xiàn)在網(wǎng)頁上就是CSS

　　可以看出從編碼角度來講
　　　第一步，內(nèi)容處理為結構，純HTML的編寫
　　　第二步，結構處理為表現(xiàn)，純CSS的編寫
　　　第三步，給表現(xiàn)加上行為。

　　從流程的角度來講
　　　第一步，策劃文檔
　　　第二步，結構處理
　　　第三步，交互設計(交互樣式構建)
　　　第四步，視覺設計(視覺樣式構建)
　　　第五步，樣式構建

　　再逆向思維
　　如果沒有css禪意花園，設計師設計了幾百張的設計稿，然后做成頁面，HTML的結構會相同嘛？類比，如果你的策劃，給兩個交互和視覺設計師處理，頁面構建的結構會相同嘛？答案是肯定的不會相同，為什么不會相同呢？這里討論的根本所在，這是需要我們深入思考的問題！

標簽：沈陽 滄州 上海 紅河 樂山 長治 新疆 河南

巨人網(wǎng)絡通訊聲明：本文標題《div+css在思路和流程上實現(xiàn)結構與表現(xiàn)的分離分析》，本文關鍵詞  ；如發(fā)現(xiàn)本文內(nèi)容存在版權問題，煩請?zhí)峁┫嚓P信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡，涉及言論、版權與本站無關。
  • 相關文章
  • 收縮
    • 微信客服
    • 微信二維碼

    • 電話咨詢

    • 400-1100-266