活動規劃

業界俗稱的「切版」是指將設計完成的網頁畫面用 HTML 搭配 CSS 製作成實際網頁的過程。在這樣的作業中必須對於 HTML 的語意與 CSS 的行為有足夠的認知才不會做出問題百出的網頁，當製作動態網站時對於配合的程式設計師而言也能更輕鬆順手的完成後續的套版工作。更重要的是 HTML 與 SEO 息息相關，寫好 HTML 是讓您的網站被找到的第一步！想學習如何正確切版嗎？SkillTree 邀請到業界長期從事網頁設計與切版工作的 黃米奧(Miau) 來協助初學者踏出第一步，快來看看如何把心目中的設計化為網頁吧！

活動講師

Miau(黃米奧)

不討厭學寫程式的網頁設計師，常想挑戰和網頁設計相關的各種領域，喜歡當程式麻瓜和工程師之間的翻譯人員。擅長快速做 prototype 和製作 RWD 網頁。

講師經歷：

• T客邦 網頁設計師
• Registrano 網頁設計師
• KKTIX 網頁設計師
• 電魔小鋪 網頁設計師

近期切版作品

• KKTIX
• demoshop
• Dotblogs
• SkillTree
• 天瓏網路書店
•  

活動介紹

• HTML

  • HTML 結構
  • 常見的 HTML 標籤介紹
  • URL 與網站目錄結構
  • 常用工具分享

• CSS

  • CSS 的撰寫方法與位置
  • CSS 規則
  • CSS 選取器及權重
  • CSS 常見屬性介紹
  • 常用工具分享

• 操作範例

  • 常見的網站資料夾目錄結構
  • 如何觀察與分解已設計好的頁面區塊
  • 實際撰寫 HTML 與 CSS 以製作網頁
  • 常見的切版問題與解決方法
  • 常用工具分享

 

注意事項

• 本課程專為新手設計，適合完全無經驗的新手
• 本課程為基礎課程，不包含 RWD 議題

還想知道什麼就留言吧