Computer

macOS利用Terminal終端機內建伺服器——網頁編寫101

今次要介紹在蘋果電腦裏建立伺服器和網頁。這個教學快則需時5分鐘,如果你能順著完成,能夠證明你的智商絕不低於70,前提是你懂得基本中文和英文字母。如果你一早懂得建立伺服器,恐怕你不會讀到這裏。想了解程式詳情請參考基本的網頁程式簡介,WCMS101 – 網頁內容管理系統建設教學(上)。當完成本篇後,你會懂得什麼是「localhost」,再完成(上篇)和(下篇),你可以完全建立一個屬於自己的網站了而不需假手於人。那是以往價值數萬港元的架設技術,我的天。我們要需要一部蘋果電腦macOS和五分鐘時間。例如Mac mini,macbook等等。注意:其他產品如iphone、ipad、Apple watch、Apple pencil是不能夠做到的,所以麻瓜們請不要拿Apple pencil研究五分鐘。

在這個實踐裏,將介紹到一些Terminal一些基本用法,例如一些術語cd和ls的意思和作用,以及一些程序員的習慣,例如以“//”標示注腳。事不宜遲,寫一個內建的初階網頁十分容易,首先要了解什麼是網頁Website,在人類史上第一個使用Website的人是Tim Berners-Lee,相信大家都很清楚,那麼可以馬上開始。(開始計時)

Step 1:如何找到Terminal終端機

1.在桌面按launchpad:
2.找Terminal:
可以在螢幕最上的Search輸入Terminal,便可找到

Terminal是MacOS(Macintosh operating systems)裏的應用程式。它是透過指令(command line)執行功能。它的功能包括查看、管理檔案。就像是沒有介面的的Finder和Windows檔案總管(File Explorer)。這類程式還有其他稱呼:cmd, prompt, console 或是 terminal(終端機)。

Step 2:初階使用Terminal終端機

1.打開Terminal,它是一個由上至下看,由左至右讀的視窗。以下是第一次使用Terminal的範例:

Last login: Tue Feb 21 15:06:44 on ttys004

它顯示Last login(最後登錄):Tue(星期二) 21(日子) 15:06:44(小時:分:秒) on ttys001(終端機術語)。
2.

Luke:~ luke.hk$ 

Luke是你台電腦名稱, luke.hk是你登入帳戶的名稱。$後面是輸入指令(command line)的位置。
3.直面輸入以下文字,按[輸入]。

cd ~

cd(change directory)意思是轉移路徑,~意思是當前用戶home directory。
4.直接輸入以下文字,按[輸入]。ls意思是「列表」(List),Terminal會列出當前目錄所有檔案

ls

此時你會看見
Desktop、Download、Documents等等,它們是桌面、下載和文件的檔案夾
4.輸入cd Download/,可以去到「下載」

cd Download/

5.輸入ls,可以顯示「下載」夾下的檔案。

ls

6.cd ..是跳到前個的目錄,例子如下

cd ..

7.再次輸入ls,可以顯示再到Desktop桌面、Download下載、Documents文件等等的檔案夾

ls

方便小貼士:當你輸入cd Des後,按[tab],它會自動幫你填寫好Desktop,例如你當下有那個資料夾的話

cd Desktop

(more…)

WCMS101 – 網頁內容管理系統建設教學(上)

內容管理系統(Content-Management-System, CMS)目的是用於管理和處理數碼檔案,包括文字和圖片,亦用於群組軟體開發(Collaborative Software)。這些程式最初都是軟體software或內聯網Intranet的形式建立在操作系統(Operating System, OS)之上,大多用Java寫成。但是在千禧年後,隨著各種開源語言如Perl(1989), Python (1994), Php(1996), Ruby(1995)和互聯網硬件配套逐漸成熟,各種免費的開源內容系統應運而生,CMS變得更便利,能夠輕易地建立在一般主機之上,並在互聯網上公開使用。
(more…)

FB Design Resources正式改名為 Facebook.Design 一套屬於FB自己的設計哲學正逐漸醞釀 竟然走回博客舊路?

Facebook Design Resources變成Facebook.Design,可見它正從一個社交平台素材網邁向創設一套屬於自己的設計哲學。

Facebook Design Resources 從本來facebook旗下的一個素材頁面,僅提供Logo和商用圖檔下載,正慢慢蛻變成開源設計站網。所謂開源即是開放資源(open source),即透過在網絡上公開下載,從而獲得廣泛使用,讓用者都能參與開放原始碼或檔案,慢慢壯大社羣。它正式改名為Facebook.Design起,可以預視Facebook正在創設一套屬於FB自己的設計理念,正如Google創建Material Design和Android和Uber創建它的UI library一般 (筆者按:此外FB還有Jordan Walke創建ReactJS和React Native,慢慢優化前端JS和邁向後端JS)

(more…)

Facebook推出Origami Studio, 攻打Prototype設計市場

Origami Studio 是一個專為 app 手機應用程式 連接設計動態的軟體,例如縮放,淡出淡入等等。由Facebook團隊開發,目的是加快生產效率。基本上就像用PowerPoint般設計應用程式。
網站更提供範例下載,有Facebook Photo、Iphon Zoom in&out 等等。

範例下載:http://origami.design/examples/

origami.design Landing page
Back
Copy link
Add to
Email
Facebook
Whatsapp
Gmail
More
Save
Like
Cancel