校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

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

div+css在思路和流程上實現(xiàn)結(jié)構(gòu)與表現(xiàn)的分離分析

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

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

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

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

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

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

標(biāo)簽:賀州 邵陽 廣安 萊蕪 貴州 鶴壁 滄州 混顯

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《div+css在思路和流程上實現(xiàn)結(jié)構(gòu)與表現(xiàn)的分離分析》,本文關(guān)鍵詞  div+css,在,思路,和,流程,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《div+css在思路和流程上實現(xiàn)結(jié)構(gòu)與表現(xiàn)的分離分析》相關(guān)的同類信息!
  • 本頁收集關(guān)于div+css在思路和流程上實現(xiàn)結(jié)構(gòu)與表現(xiàn)的分離分析的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    主站蜘蛛池模板: 申扎县| 青川县| 怀柔区| 贺州市| 广元市| 苏州市| 平南县| 延安市| 嘉定区| 南皮县| 临沭县| 周宁县| 乌兰浩特市| 南靖县| 洪湖市| 庆城县| 周宁县| 叶城县| 宁化县| 三台县| 岗巴县| 临猗县| 绥化市| 敦煌市| 慈利县| 吴川市| 河曲县| 江西省| 胶南市| 西宁市| 监利县| 望江县| 日照市| 齐齐哈尔市| 辽阳县| 冀州市| 青川县| 兴文县| 黑山县| 翁源县| 白水县|