成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導航首頁 ? 技術教程 ? div+css在思路和流程上實現結構與表現的分離分析
全站頭部文字 我要出現在這里
div+css在思路和流程上實現結構與表現的分離分析 758 2024-04-03   

古老的話題:一首古詩的分離

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

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

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

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

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

css

主站蜘蛛池模板: 失眠咒太神奇了| 墓碑样式图片| 鼻子上长痘痘是什么原因引起的| 摘抄现代诗| 欧美艳星av名字大全| 李采潭和黑人50分钟| 恶魔在线观看免费观看全集高清| 画心吉他谱| 男人和女人日b视频| 王后秘史| 天堂av| 中央五节目表| 二年级53天天练语文上册答案| 里番在线看| 阎良之窗| 变形金刚7免费高清电影| 春风不问路| 菲律宾电影果汁| 头像男头像| 徐蔓华| 暖男电视剧30集全集免费| 逆光飞翔 电影| 痛风能吃的菜一览表| 张子枫的全部作品| 青春之放纵作文免费阅读| 裸体广场舞| 45分钟见奶薄纱透明时装秀| 情动电影| 基础综合英语邱东林电子版答案| 成年黄色在线观看| 黄老汉| 剑与花| 男同性恋免费视频| 她的伪装 电视剧| cgtn英语频道在线直播观看| 董三毛| 郑业成个人详细简历| 瑞贝卡·德·莫妮| 《求知报》答案| 一张图看懂军衔| 北京卫视手机直播|

!!!站長長期在線接!!!

網站、小程序:定制開發/二次開發/仿制開發等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103