Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

資訊創意課程 - Create A Personal Website 1

1.142 visualizaciones

Publicado el

Create A Personal Website.

Publicado en: Educación

資訊創意課程 - Create A Personal Website 1

  1. 1. BOOTSTRAP X GITHUB PAGE CREATE A PERSONAL WEBSITE http://goo.gl/xJZbg2
  2. 2. WHO AM I? • @taichunmin • 天匠數位娛樂有限公司 • 中興⼤大學資⼯工系103級 • PHP, C++ • http://taichunmin.idv.tw/
  3. 3. 需要下載的程式清單 • Sublime Text 3 • Git GUI Tool • Windows - TortoiseGit • All - SourceTree • SSH Key Tools (簡易說明) • Windows: Putty • Linux & OS X: 已內建, apt-get or yum
  4. 4. Windows: Git,Tortoise,Sublime,Putty Mac: Sourcetree,Sublime Ubuntu: Sublime
  5. 5. GOAL: PERSONAL WEBSITE http://taichunmin.idv.tw/ No Dreamweaver! No mobile + desktop version! No User-Agent! Data Flow is IMPORTANT! Grid System! Mobile First! ( iPhone -> iPad -> Desktop )
  6. 6. DEMO: http://taichunmin.idv.tw/
  7. 7. 網站架構 • 使⽤用 Github Pages 作為網⾴頁空間 • Responsive Website Design (Bootstrap 3) • HTML5 + CSS 3 + jQuery • No Dreamweaver!
  8. 8. TOOLS & SERVICES
  9. 9. 建⽴立公私鑰
  10. 10. 建⽴立GITHUB帳號 • http://github.com/ • 程式設計師的社交網站
  11. 11. 建⽴立GITHUB帳號
  12. 12. 使⽤用學校信箱申請 GITHUB EDU • 使⽤用 s1030560XX@mail.nchu.edu.tw • 到 http://github.com/edu • 還有 Student Developer Pack 可申請
  13. 13. 建⽴立預設GITHUB PAGE
  14. 14. ADD SSH KEY TO GITHUB • 將 public key 新增即可 • 請記得留好 private key
  15. 15. 安裝SUBLIME PACKAGE CONTROL • Package Control • Emmet • ConvertToUTF8 • Sidebar Enhancement • BracketHighlighter
  16. 16. 安裝 PACKAGE CONTROL https://sublime.wbond.net/installation
  17. 17. 安裝套件 CTRL + SHIFT + P
  18. 18. SUBLIME PREFERENCE • http://sublime-text-unofficial-documentation. readthedocs.org/en/latest/ customization/settings.html • My Setting
  19. 19. SUBLIME HOTKEYS • http://sublime-text-unofficial-documentation. readthedocs.org/en/latest/ • http://zh.lucida.me/blog/sublime-text-complete-guide/ • http://shinychang.net/article/ 52ce52cf04d725e41fa1b666

×