亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

網頁簡單布局之結構與表現原則

江老實 Web前端工程師
難度初級
時長22分
學習人數
綜合評分9.67
1416人評價 查看評價
9.8 內容實用
9.7 簡潔易懂
9.5 邏輯清晰
  • html——結構;css——表現;javascript——行為。 分析一個頁面的結構:重點在于HTML的結構和語義化!其次才是表現和行為。
    查看全部
    0 采集 收起 來源:內容簡介

    2015-01-30

  • 內容與表現相分離
    查看全部
  • 先考慮設計圖中的文字內容和內容模塊之間的關系,重點放在編寫html結構和語義化,然后考慮布局和表現形式。
    查看全部
    0 采集 收起 來源:練習題

    2015-01-29

  • 進階思路
    查看全部
  • 高手的思路原則
    查看全部
  • 審視他人網頁,先不管樣式,先審視結構與語義
    查看全部
    0 采集 收起 來源:內容簡介

    2015-01-29

  • 前段三要素
    查看全部
    0 采集 收起 來源:內容簡介

    2015-01-29

  • save
    查看全部
    0 采集 收起 來源:編程挑戰

    2015-01-25

  • 網頁換膚:相同的html結構,切換不同的css樣式文件進行網頁換膚。
    查看全部
  • 【總結】 拿到一個網頁設計圖的時候,首先關注網頁的文字內容以及內容模塊間的關系。 把重點放在編寫語義化的html代碼上,而不要過多考慮設計圖上的樣式, 等到html按內容編寫完成之后,再考慮樣式的實現。 在不改變現有結構的基礎上,完成設計圖要求的視覺效果。
    查看全部
    1 采集 收起 來源:排行榜制作

    2015-02-21

  • 給<h5>增加背景,將<h6>移動到相應位置即可?!緈argin:-25px 0 0 50px;】
    查看全部
    0 采集 收起 來源:排行榜制作

    2018-03-22

  • 用【文本縮進text-indent】改變文字的位置。減少<span>等標簽的使用。
    查看全部
  • 先按結構和語義編寫html代碼,然后進行CSS樣式設置,減少html和CSS的契合度。 ?。?!先從結構上考慮,在現有的結構基礎上,只通過樣式去改變頁面布局。 高級人員思路及制作方法:讓整個文檔div右移,將頭像向左移出文檔div。
    查看全部
  • html——結構;css——表現;javascript——行為。 分析一個頁面的結構:重點在于HTML的結構和語義化!其次才是表現和行為。
    查看全部
    0 采集 收起 來源:內容簡介

    2015-01-25

  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>圖片背景</title> <style type="text/css"> body{ margin:0;} div{background:#460E29;width:700px;padding:20px} img{margin-right:10px;padding: 1px 20px 37px 30px;background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); height:95px;width:95px;} </style> </head> <body> <div><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /> </div> </body> </html>
    查看全部
    0 采集 收起 來源:編程挑戰

    2018-03-22

舉報

0/150
提交
取消
課程須知
1.html+css簡單的基礎知識 2.有網頁制作實戰經驗
老師告訴你能學到什么?
1.根據效果圖能正確分解結構和表現 2. 能夠深入理解網頁結構與表現分離的思想

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!