2. 這個版型的特色是在Banner區有個動態磚效果的設計，其中五個區塊是能夠點選篩出指定標籤(tag)的文章(post)，這樣就能把需要凸顯的文章分類查閱，這樣的設計正是ISCB站台需要的。而且這部分的設計很高明，只要在版面配置找到tile-1~7的這些HTML/Javascript小工具，進入編輯，內容輸入要篩選的文章標籤，然後就能有如此的效果。
這個部分，對照版型的XML來看，就是在<b:widget id='HTML##' .....>裡面都做了放上這樣的超連結語法 <a expr:href='"/search/label/" + data:content + "?&max-results=99"' itemprop='url'>。(課堂上將會帶大家仔細了解這部份)
3. 試著用Google的Resizer網站觀看ISCB站台，發現這個版型還考慮在手機版面上精簡成只看到4個動態磚區塊，但這樣就應該將重要區塊移到最前面，這部分的操作很可惜無法在版面配置那邊精準操作，得要自己動版型XML的相關語法順序。因為這些是HTML/Javascript小工具，在XML的語法就是要找到<b:widget id='HTML##' .....>，仔細找出每個widget的範圍，就能調整其先後順序了。(課堂上將會帶大家仔細了解這部份)
4. 搞懂前述Banner的動態磚區塊之用法，就開始建立文章(post)吧。但是這個版型的首頁會以每篇文章第一張圖片排成圖示檢視方式，那就要確定每一篇文章絕對不能只有文字內容，怎樣都至少要有一個圖片，而且第一張圖片必然要具備代表該文章主題之意涵，建議大家不妨用www.freepik.com的圖片(使用時要將圖片連結到出處網頁)，或者像是photopin.com、flickr、CC Search等提供CC授權的圖片。示意圖片若不應佔用太大版面，可以安排類似下列方式縮小到角落，甚至是進入HTML編輯將該圖片的width及height都設定為0就不會顯示在文章中了(但首頁圖示檢視還是會出現)。
5. 這個版型的教學文件中還有提到一個預留的archive page設計，能將站台裡面的所有文章(post)全部或分類列出，讓歷史文章更容易被查到，這個功能蠻好的，但需要建立一個名為archive.html的網頁(page)儲存教學文件提到的那段語法。
6. 在ISCB站台的首頁，有需要把成立歷史及重要里程碑呈現出來，思考過後決定以時間軸(Timeline)呈現是最適合的，但因為Blog平台並非網路硬碟可附加一些檔案，所以像是網路上可以查到一些用jQuery做出來的Timeline套件就不便採用，最後決定找純粹以CSS設計的Timeline，以"CSS Timeline" 2016搜尋找到了CSS Timeline: Build Vertical Timeline with CSS，然後將其修改我們的內容(JSfiddle、JSbin)。然後在版面配置中新增一個HTML/Javascript小工具，再把<body>與</body>間的語法複製過去。
於是，首頁的下方就出現這個Timeline了。但是，這樣做也會讓個站台的每一篇文章下方也都出現這個Timeline，這樣不好! 解決之道是在<b:includable id='main'>後面加上<b:if cond='data:blog.url == data:blog.homepageUrl'>以及在 </b:includable>前面加上</b:if>，如此一來只有在符合condition為首頁時才顯示。
7. 在ISCB站台的服務項目中，每年統計查核事項缺失開立Top 10，這部分的呈現也是蠻適合用單側的Timeline來呈現，所以另外再寫個不同風格的純粹CSS Timeline，內容在此JSfiddle、JSbin與此JSfiddle、JSbin，所以就把<body>與</body>間的語法複製到文章裡面。
