上午的課程了解了網路概念與努力方向後，中午就來實際做一個網站，成為自己的網路根據地吧！
多數的參加同學，對於網路工具與細節並不熟悉，對於要親手做出一個適合自己的網站，依然半信半疑。不過，經由教材的引導，以及現場助教講師的協助，同學們都順利完成了自己的毛胚屋，也了解日後回家可以在那些地方繼續耕耘努力。
以下，我們一起看看同學們的毛胚屋，給點建議，並欣賞兩位得獎同學的作品！
那些差點得獎的作品
如果同學貼文後發現，為什麼自己的標題沒有放大，這是因為我們忘了把內文第一行的標題，貼到標題列去。除了文章會沒有放大的標題外，右邊的文章連結中，也會出現（沒有標題）的狀況。這時，進到後台，把內文第一行，剪下並貼到標題列，就行。
如果我們的照片，其底色與背景色不同，直接貼上去，就會導致清楚的邊緣，如本圖左邊這樣。當你的照片不夠大，沒辦法滿版出血的時候，比較理想的做法，是乾脆不要貼邊。請參考以下幾位同學，參考我們的範例後，所做的排版。
當我們想要做的是專一型個人品牌，並主打自己的專長時，建議背景圖不要放風景照。因為這會讓潛在的患者覺得，這個醫師好像沒有很花心思在我身上，而比較想要出國去度假。觀察文字與大頭照，既然都是專業內容與形象，選張比較能與自己的工作主題相關的照片，會是更好的選項。
除了背景像是要去旅遊，與牙醫專業略有矛盾之外，目前文字壓在小徑上，阻斷視覺延伸，也是比較可惜的。當我們要在一張照片上加字時，要先思考照片哪邊有細節，以及哪邊有視覺動線，壓字的時候應該避開這些地方。以這張來說，比較理想的壓照片與文字的位置，應該是右上角。
我們處理畫面的時候，記得以一般人的角度，思考看看整體的視覺意涵。大量的不鏽鋼器械，加上略為昏黃的處理，會稍微帶點恐怖感，多數的患者之所以不太敢去求診，往往是因為害怕，不管是害怕治療，還是怕痛。在照片的選擇上，可以更以溫馨、專業、價值等角度去尋找，想對的，像是器械或病灶，就不是太理想的選擇。
背景圖不錯。稍微可惜的是左下角的照片，其視覺動線是向左向下的，整體來說把視線導離畫面。我們一般建議，如果你的照片是放左下角的話，眼睛看向的方向朝右，會比較能夠引導讀者視線進入畫面。
背景的設計不錯，不過壓上文字跟圖片後就顯得風格不同且略為擁擠。而背景本身，左藍又白的底色，中間有個明顯的垂直線分割兩邊，這種設計在網頁上，會導致視線引導的中斷，比較可惜。另外，也可以考慮乾脆直接把自己的名字加進背景圖的設計中，風格更為一致。
另外，如果覺得自己的 enter
數目是對的，看畫面看起來間距好怪，可能就是選到「段落」，而非「一般」。這次的互動實作手冊，31
頁下方的說明跟圖片，記得照著做，就沒問題。
林均賢醫師
林均賢醫師的作品，在 banner
與顏色處理上非常和諧，文字的顏色多來自於左邊照片的顏色，使得畫面相當柔和。如前面所說，照片都不貼邊的做法，其實是更容易設計的。我個人的話，可能會考慮將文字方塊上移或下移，看是要貼齊上緣還是下緣，都可以。不過目前的設計也相當不錯，專業感與親和感都有。
林醫師嘗試貼了三篇，格式完全正確，已經掌握了貼文貼圖的各種細節，日後處理自己的文章，應該也沒問題。
CTA
部分的處理，也相當不錯。這個毛胚屋已經裝潢好了，隨時可以接受大量文章入住。恭喜林醫師！
陳妤甄醫師
陳妤甄醫師的作品，在顏色的使用上很精確也節制，所以畫面沒有出現衝突。為了傳遞專業女醫師的形象，他選用了粉紅色，但不是淺色鮮艷的粉紅，而是稍微降飽和度，有點偏暗紫紅色，從粉紅色的親切，再添加了許多專業。是個很不錯的決定。從衣服到文字到頁籤，這個顏色都做了很好的貫串。
履歷整理得很好，清楚又容易閱讀！
最後的 CTA 做得也不錯，不過這一頁既然已經是履歷，其實 CTA
就不用再導回履歷這頁了，可以選擇連到醫院的線上掛號系統，或門診時刻表。
陳醫師貼的範例文沒有問題，不過貼上自己的舊文時，就比較有需要建議的地方。像是上方括號中的字體為特殊字體，建議去除格式，使用我們的網站範本指定的字體即可。而目前行文是所謂的
BBS 體，語句短促就自行換行，在標點符號的使用上不是太嚴謹。
建議可以考慮如範例文式的段落寫作，使用全形標點符號，減少使用驚嘆號，要用的話，用一個即可。這樣對於手機、桌機等不同裝置的跨平台閱讀，會比較舒適。
這篇文章的話，除了 BBS
換行法之外，還有空格不穩定的問題。像是圖片的上下應該都是各兩行，而子標題應該上面也是空兩行。這些細節，對於讀者第一眼印象，認定這個網站值不值得看，有很大的影響力。這部分只要多看看範例文，或者到課程網站觀察我們每一篇文章的張貼方式，就能學會。
恭喜陳醫師！
