Download presentation
Presentation is loading. Please wait.
1
Web Programming 網際網路程式設計
Darby Chang 張天豪 Web Programming 網際網路程式設計
2
Web Programming 網際網路程式設計
抱歉上星期擔誤到各位下課 Web Programming 網際網路程式設計
3
Web Programming 網際網路程式設計
Environment 環境 Web Programming 網際網路程式設計
4
Web Programming 網際網路程式設計
當然是 Linux + Apache Web Programming 網際網路程式設計
5
Web Programming 網際網路程式設計
Linux vs. Windows Interface kernel/GUI-based target users Business open source pirate copy Popularity users habits Support developers drivers/games/virus Functionality reliability flexibility Web Programming 網際網路程式設計
6
Web Programming 網際網路程式設計
Apache vs. IIS Functionality reliability flexibility Web Programming 網際網路程式設計
7
Web Programming 網際網路程式設計
Linux 上還有很多網頁伺服器 Apache, nginx, lighttpd (lighty), Google 等等 考量大小、彈性、社群支援等等因素 你可以用這類工具來檢測 而且通常很好裝 apt-get install lighttpd 在這門課都不用煩惱這些東西。不過，如果你有興趣，仍然歡迎找我討論 Web Programming 網際網路程式設計
8
Then, what to worry about 那麼，要煩惱什麼呢
Web Programming 網際網路程式設計
9
Web Programming 網際網路程式設計
10
Web Programming 網際網路程式設計
這隻企鵝其實沒那麼可怕 下載 PieTTY 並登入 其實就跟你用來打逼(連記者都會)的東西一樣，只是多了安全連線(SSH) 說穿了，這就是 Linux 的遠端桌面 建立網頁目錄 $ mkdir public_html # 這個名稱只是 Apache 的設定 撰寫一個 HTML 檔 $ vi public_html/index.html vi 是一個傳奇的文字編輯器，第一下會有更詳盡的介紹 你也可以用任何支援安全連線的 FTP 軟體，例如 WinSCP 這樣就可以在瀏覽器看到你的網頁了 Web Programming 網際網路程式設計
11
Web Programming 網際網路程式設計
vi 一般編輯器(例如記事本) 支援游標移動/選取(滑鼠) 新增/刪除/修改文字(按鍵) 複製/貼上(選單或快速鍵) 容易學習(learnability) 不容易忘記(memorability) 不會令人不滿(satisfaction) 一切看起來都很美好？唯一的問題是效率(efficiency) vi 兩種模式，命令模式(command mode)和插入模式(insert mode) 例如汽車的排檔 新手最大的挫折即是mode error 一般編輯器其實使用了「暫時」性的模式，多了以後難記又難按 vi 把功能分解成最小單元 從字元、單字、行、句子、段落到螢幕都有對應的鍵 w 跳到下一個單字(word) } 跳到下一個段落(paragraph) 還是很複雜啊，有什麼好處？ Web Programming 網際網路程式設計
12
Web Programming 網際網路程式設計
More vi vi 把動作和單位分開 dw 刪除(delete)一個單字 y} 複製(yank)一個段落 d2w 刪除兩個單字 想想看如果把各種組合都對應到Ctrl-Alt快速鍵會有多少個… 該有的功能早就都有了 分割畫面、搜尋(正規表示式，找上/下一個)、diff Web Programming 網際網路程式設計
13
Web Programming 網際網路程式設計
14
Web Programming 網際網路程式設計
當然不是要你一口氣全部記起來 Web Programming 網際網路程式設計
15
Web Programming 網際網路程式設計
vi 參考資料 [HCI] 淺談模式 "mode" 與文字編輯的技術與學習 給程式設計師的Vim入門圖解說明 Vimcasts - free screencasts about the text editor Vim Web Programming 網際網路程式設計
16
Web Programming 網際網路程式設計
17
Today’s assignment 今天的任務
Web Programming 網際網路程式設計
18
Web Programming 網際網路程式設計
製作關於我們頁面(about us) 當然，請先找好老闆/員工，一隊約 4 位同學(參考這裡) Showcase of Inspiring “About Me” Pages The Essence Of About Us Page With 12 Captivating Showcases Great Examples of ‘About Us’ Page Design: A showcase for Inspiration 請先跟助教申請帳號，老師會在 10/2星期日 23:59 之後到各組的首頁去看 可以寄個報告(例如工作分配或是設計重點等等)給老師，以防老師眼殘沒注意到你們的特色 Web Programming 網際網路程式設計
19
課堂上(依時間多寡)會挑幾組demo，但是其實大家隨時可以去看別組的網站，如果覺得別組有地方做得很好想學的，也歡迎在課堂上提出來
Web Programming 網際網路程式設計
20
Web Programming 網際網路程式設計
開票啦 Web Programming 網際網路程式設計
Similar presentations
