婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

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

div+css在思路和流程上實現結構與表現的分離分析

熱門標簽:智能語音電銷機器人客戶端 廣州防封電銷機器人廠家 申請400電話移動 山東電銷機器人軟件 南通電銷外呼系統軟件 洛陽防封卡外呼系統廠家 成都企業外呼系統 上海400電話辦理到易號網 常州電話外呼系統招商
古老的話題:一首古詩的分離

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

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

  可以看出從編碼角度來講
   第一步,內容處理為結構,純HTML的編寫
   第二步,結構處理為表現,純CSS的編寫
   第三步,給表現加上行為。

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

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

標簽:賀州 邵陽 廣安 萊蕪 貴州 鶴壁 滄州 混顯

巨人網絡通訊聲明:本文標題《div+css在思路和流程上實現結構與表現的分離分析》,本文關鍵詞  div+css,在,思路,和,流程,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《div+css在思路和流程上實現結構與表現的分離分析》相關的同類信息!
  • 本頁收集關于div+css在思路和流程上實現結構與表現的分離分析的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 陵水| 阿拉善右旗| 洛宁县| 丘北县| 阿坝| 鸡东县| 屏东县| 通道| 香格里拉县| 虞城县| 水城县| 成武县| 沾化县| 搜索| 宣武区| 托克逊县| 库伦旗| 德保县| 两当县| 平顺县| 行唐县| 泗洪县| 遵义县| 伊宁市| 和政县| 英山县| 衡水市| 石林| 鸡西市| 甘德县| 开原市| 新竹县| 旺苍县| 大兴区| 平乡县| 晋城| 右玉县| 天水市| 虎林市| 唐山市| 资溪县|