CSS Zen Garden 切版作業

  1. 為 CSS Zen Garden 設計一個主題風格。
  2. 版型不限制尺寸大小,主題自由發想。
  3. 請勿動到 index.html 裡面的原始結構、內容。
  4. 畫出 index.html 的區塊樹狀圖結構,從 #css-zen-garden 開始,可手繪(繳圖片,layout-tree.jpg)。
  5. 依照區塊樹狀結構,繪出版型草圖,可手繪(繳圖片,layout_sketch.jpg)。
  6. 版面最後完成圖,影像處理軟體完成的圖片。(繳圖片,layout_final.jpg)。
  7. 各檔案應放置於對應的目錄,例如:css、js。

連結網址

https://lyh94.github.io/css_zen-garden/


ID 樹狀圖

image


版型草圖

image


版面最後完成圖

Large@992

image

Small@576

image