》【HTML5 完全入門】課程資訊頁案例
【HTML5完全入門】課程資訊頁本身包含三個主要的頁面，彼此關係如下：
下表列舉三個頁面的功能：
為了方便使用者檢視，這三個頁面同時配置彼此的連結功能。其中課程清單頁是內容最複雜的檔案，同時涵蓋了四天的課程內容資訊，並且根據日期進行分頁配置。而報名頁以及關於頁則比較單純，僅顯示相關的內容資訊。
以下從課程清單頁開始逐一討論其內容構，以下為此頁檔案所需的架構：
此頁面以清單樣式顯示四天的課程內容連結，當使用者瀏覽時，可以點選任一天以快速檢視此天的課程細節，而在每一天的課程頁，除了直接回到首頁，還能依序切換至前後緊鄰的其它日期課程頁。
課程清單主頁與其它四個分頁，所有的內容均配置於同一個網頁檔案 home.html 中，並且以 data-rloe=page 樣式進行分頁。
》【HTML5 完全入門】課程資訊頁案例
【HTML5完全入門】課程資訊頁本身包含三個主要的頁面，彼此關係如下：
下表列舉三個頁面的功能：
頁
|
說明
|
home.html
|
包含四天課程綱要連結，提供其它兩個頁面的連結。
|
singup.html
|
報名頁，報名方法的相關資訊，提供其它兩個頁面的連結。
|
abut.html
|
關於課程頁，此課程的簡要說明，提供其它兩個頁面的連結。
|
為了方便使用者檢視，這三個頁面同時配置彼此的連結功能。其中課程清單頁是內容最複雜的檔案，同時涵蓋了四天的課程內容資訊，並且根據日期進行分頁配置。而報名頁以及關於頁則比較單純，僅顯示相關的內容資訊。
以下從課程清單頁開始逐一討論其內容構，以下為此頁檔案所需的架構：
此頁面以清單樣式顯示四天的課程內容連結，當使用者瀏覽時，可以點選任一天以快速檢視此天的課程細節，而在每一天的課程頁，除了直接回到首頁，還能依序切換至前後緊鄰的其它日期課程頁。
課程清單主頁與其它四個分頁，所有的內容均配置於同一個網頁檔案 home.html 中，並且以 data-rloe=page 樣式進行分頁。
》【HTML5 完全入門】課程資訊頁案例
沒有留言:
張貼留言