阿拉丁《用法Right，就愛配》讓網站好感無限加分課程(暗藏密技:製作手機行動網)影音全記錄(2012年)

講師：紀又倫 Master 老師

經歷：黑快馬系統諮詢部-軟體諮詢講師

【課程資訊】第一堂

【課程資訊】第二堂

※阿拉丁-手機瀏覽網頁頁面製作-第四篇

Step8

最後一步就是再確認此一連結模組（世新大學），是否已成功放置於首頁，若要再做一次設定，可以參考第一篇的［Step1］和［Step5］。

若是進入［前端］檢查網頁發現模組資料未建置成功時，可再返回後台重新放置一次。

◎以下再做叮嚀說明：

進入［首頁精靈］中做建置的設定，在最視窗左下方［Add］上頭找下拉式選單，按下倒三角形按鈕後，點擊［連結>世新大學］（如圖中步驟1、2、3、4），最後再按下［Add］，即可完成啦！

◎若發現前端網頁的顯示畫面比例不對，就要返回後台調整［版面比例］唷！

請先到［首頁精靈］設定版面的比例，將［最左邊］的寬度設為［100％］，其餘中間與右邊的寬度比例皆為［0％］，設定完成後再按下［修改］，才能完整儲存這次設定的內容哦！

※設定完成後，可以到［前端］檢查，看看首頁、圖片、名稱，與連結路徑等等，是否正確與順利唷！

＊路徑2：建立細項→各列細項內容介紹

第二個介紹的架構類型，為較複雜的「建立細項→各列細項內容介紹」，若資料特性有許多分支細項，或是區塊性的分類內容，就可以使用路徑2來建立路徑及資料（如下圖一、圖二參考）。

●圖一

●圖二

（PART-2）主題內頁建立

接下來我們要來學習建置重要的資料處理連結路徑囉！

請參考以下架構圖：

＊路徑1：點擊連結→訊息或內容公告

第一個介紹的內容架構類型，就是單純的「連結點擊→出現訊息或內容公告」，通常是單一線性的資料呈現，一個標題/連結，來搭配一篇主要的內容（如下圖參考）。

透過阿拉丁學習如何建置網站，除了可以迅速幫你建立網站架構，還可以建置手機瀏覽的網頁頁面哦！

◎如下圖，日本的九州大學官方網頁就有手機版網頁供人閱覽

而今天我們也可以建置手機瀏覽的網頁頁面（如下圖），透過阿拉丁就可以做到唷！