安裝 Xcode 5.1 以及開發者相關設定

開發 Android 以及 iOS 使用的 app 可以在一般的 pc 上面進行程式及內容編排的工作, 但是當要產生 iOS 的 app 時就會需要用到 Mac 上的一些相關認證以及設備才可以很順利的進行建置產生以及發佈.

因此在 Mac 的電腦裡面就必須安裝開發者工具 Xcode. 最新的版本為 Xcode 5.1.1 (2014-04-10發佈).只要在 Mac 的電腦中進入 App Store 就可以進行下載安裝.

安裝好了以後進入到 Xcode 裡面進行必要的相關工具下載. 建議安裝的項目有 iOS 7.0 Simulator 以及 iOS 6.1 Simulator. 如果硬碟空間夠用, 就順便將相關的說明文件一併下載安裝吧.

要安裝這些文件工具, 在 Xcode 中選單的 Xcode -> Preference 或是 command + , 就會打開新視窗選擇 Downloads 項目進行下載安裝.(圖一,圖二)

(圖一)相關工具安裝

Spry Menu 的應用技巧 Vertical Menu Bar

美工製作網頁選單如果使用 Dreamweaver 常會使用 Spry menu 來製作加快處理選單的作法. Spry menu 是一個方便的選單處理方式. 不過如果對於 css 不熟悉或是剛剛入門的設計師而言要製作稍微客製化的選單就有點難度.

先針對一般的選單設計, 要製作出這樣的選單如果使用 Spry menu 處理很快, 以垂直顯示(Vertical) 的選單來說,設定好選單項目內容稍微修改一下 css 項目就可以達成. 每次選擇一個選項, 就會在該項目右邊顯示出相同高度的次目錄.

例如: http://www.smdoor.com.tw/test4.html

但是如果客戶要求要把選單點選後的次選單位置統一固定高度顯示,初學者可能會傻眼, 不知道要去哪邊修改高度讓他每次選擇一個主選單後次選單固定在一致的高度位置顯示.