講師：花水木 前drupaltaiwan.org站長，善於版型開發,CSS…

作品：http://bhuntr.com/ ......

版型實作(仿作)範例：北市太平國小 之無障礙網頁

註※：此研習是自由軟體小組所辦研習，研習講義之後應會放在drupal官網，本人僅作一二筆記，如有不宜公開之處，敬請通知。分享即會關閉。

一、建議安裝freego檢測無障礙

二、安裝basic版型(用drush安裝，容後再續)，複製更名為campus，並在D:\xampp\htdocs\drupal\sites\all\themes裏，啟用並預設。

三、用 chrome的檢查元素，查太平國小的版型，在campus裏更改其CSS，更改CSS主要用的程式為Sublime Text 2，容後再敍(使用Sublime Text 2寫程式感覺比notepad++還好用，繁中的使用手冊在這)。

講師上的速度是跟不太上的，還好她有給整個campus資料夾，之後還可以再研讀。

1.在ficker蒐尋campus圖片，蒐尋創用cc授權者。圖大小為960*101

2chrome裝二擴充功能，ColorPick Eyedropper用來查顏色用。Web Developer(原firefox撰寫程式的好用工具)

3.設header大小，表格設為border-radius，內裝campus圖片，邊框顏色與太平國小同。

4.改超連結在header下設粗體紫色並置中，滑鼠rollover則出現底線。

5.......

註：layout.css&style.css比較會用到。