今天教紙袋設計及3D工具，感覺Illustrator到後面就是練習各種實例，功能上差不多就是先前教過的基本工具的排列組合．

紙袋設計，要注意紙袋各邊的關係來放置相關的內容

3D工具及貼圖

利用3D工具製作電池

今天開始講解Bootstrap，老師說他預計花六周時間來講解，包含各種常用的bootstrap案例練習，不過今天講的東西大多是之前就多少有提到的就是．

bootsrtap官網

網格系統

快速版型線上工具

在dw中實做bootstrap

今天接續昨天，帶解第二題的最新文章部份，我則是自己在做問卷調查的部份，昨晚試做用一張資料表做問卷，雖然理論上可行，但因為題目有要求編號，一張資料表要處理編號比較麻煩，所以今天改成兩張資料表來做，不過功能很快做完，但是在調整視覺上花了不少時間，這部份應該是只能靠熟練來強化了．

因為做完了第二題，所以除了昨天的注意事項外，今天可以來紀錄一下自己的心得：

1.網站標題區算是最簡單的部份，只要套用PHP的日期相關函數就可以了

2.瀏灠人數的部份需要資料庫來紀錄，我原本的做法是在資料表中新增當天的日期，然後去更新每日的瀏灠人數再加總，不過這樣做需要去判斷是否存在當日日期的資料，而老師的做法是直接新增一筆當次瀏灠的日期紀錄，直接加總就可以了，這做法比較簡單，也較適合考試搶時間的做法．

3.主選單區-題目沒要求資料庫功能，所以主選單區直接html寫死就可以了，不過各連結所link的頁面我是用js的lo()函式來載入各所需要的頁面，好處是我只需要一個首頁的頁面就夠了．不需要每個選單再連結一頁也不需要include各個php檔案進來．

4.動態文字廣告區-送分題，直接字打上去用<marquee>包起來就好了

5.會員登入登出區-本題有不少需要判斷會員登入狀況的地方，因此這邊我是做了SESSION來紀錄會員登入與否，然後再套用到需要的地方，比如登入後顯示歡迎語句及登出按鈕

6.登入檢查，這邊我開始使用jQuery來處理，檢查和回傳資料，都以jQuery來處理，可以省不少功夫

7.註冊及忘記密碼功能，不算難，尤其以jQuery來處理前端檢查後，直接送後端php去新增及查詢資料，不需要另外處理跳頁．

8.主內容顯示區-這邊開始題目的描述不太清楚，在沒有特別的要求的狀況下，首頁的頁籤效果可以直接使用dreamweaver來完成，我自己是使用資料庫的方式來處理，包括頁籤的效果也是使用css和js搭配而成，資料撈取的部份則是以撈取各分類的最新一筆文章為主．

9.分類網誌－這邊也沒說要使用資料庫來做，我看另一個解題是直接寫死在html碼中，我自己則是使用資料表來做，當成是練習，這邊需要對導覽列做參數化，在點選各頁面時，同時送出參數，再由各分頁接收後顯示在導覽列中，而各分頁內的再導覽則是使用js來抓值後把文字加到導覽列去，一般導覽列應該會要求做link，但這邊沒有，那就算了，僅做顯示之用；分類網誌的文章內容我是使用jQuery來取回文章內容再顯示在區塊中．

10.頁尾版權區-也是送分題，把字打上去，年份改一下就好了，版型檔案已經把QRcode設好了．

11.建置最新文章區-題目沒有要求說要新增文章的功能，所以文章可以直接用phpmyadmin塞進資料庫，我是有做時間紀錄，因此我做最新文章是以新增的時間來排序，如果只為了考試，其實用文章序號來排序也可以；這邊需要針對登入狀況來判斷要不要顯示按讚，而按讚的功能則是使用版型檔案附的一支js函式來處理，資料庫的部份需要多加一張表來紀錄每次按讚的log，然後再去文章資料表做加一減一的計算;分頁的功能不算難，用最簡單的方式做出來就可以了．

12.人氣文章區-排序改成按讚數由多到少排序，其餘的功能和最新文章區差不多，利用彈出頁面來顯示詳細內容的功能則是利用jQuery來完成．

13.問卷調查-這裏的問卷調查功能比之前練習的要簡單一些，就只是多了一個判斷登入與否的動作，但是沒有要求是否一人一票．

14.後台管理頁面-這邊也沒要求要過濾管理者帳號，所以可以登入後到管理頁面應該就可以了，我是單獨再做一頁admin.php，然後也只是改了主選單的文字而已．

15.帳號管理-也算是送分題，新增會員的功能和註冊會員是一模一樣的，刪除功能也很簡單可以完成

16.最新文章管理-這裏只要求做分頁及顯示 / 刪除功能，可以很簡單的完成

17.問卷後台管理-這邊只有要求做新增問卷的功能，算是半送分題，增加更多選項的功能使用js來做很簡單，然後送出之後再分兩張資料表來分別寫入就完成了．

整體來說第二題會花比較多時間在CSS的調整，主要是因為沒空去研究原本附的CSS，所以大多數的樣式都是自己加上去的；功能的部份，我使用了大量的jQuery，但是為了預防萬一，所以第一次做的時候，每個php的回傳功能我都獨立一個檔案來做，其實有點浪費時間，我考慮第二次解題時，統一寫一支php程式來處理會使用到的callback，比如，取出文章標題，取出全部文章內容，取出文章第一行，查詢帳號是否重覆，查詢密碼等等，都合在一個php中，然後用jQuery去送參數並取回值即可．

今天開始上第二題的解題，不過我完全沒在聽，只有針對題目有模糊不清的地方，詢問一下老師的意見，其它時間我則是繼續自己的進度，今天己經做完大半功能剩下最後問卷調查，估計明天能完成。

關於第二題，我有問了一下班導，因為在研究題目的時候發現題目內容很不統一，題目的描述和示意圖也有出入，老師說這大概是因為原始的題目太多，經測試後發現大多數人無法在四小時內解完，所以後來刪減了內容，但是沒有去做好校對的工作，就變成這樣子了，畢竟網乙開辦五年來，只發出了不到二十張證照。

依我自己做了大部份的內容來看這題，在解題上大概有幾點要注意的：

1.原始題意和第一題其實很類似，整個網站的內容都要以資料庫的方式來控制，但這樣做下來會太鎖碎，所以簡化後，變成很多部份其實不用資料庫，做假的也符合題目要求。

2.我自己試著大多數功能都使用資料庫來製作，在時間上我是覺得還可以，就是要熟練，但是不夠熟練或對資料庫沒把握的同學，我還是建議在考試時能偷就偷，畢竟以時間內符合要求為主，實務上的做法是另一回事。

3.就原始素材的內容來看，很明顯的使用了不少ajax的技巧來製作，所附的jquery函式也直接使用了$.axja()來調用php的callback，因此能善用ajax的話，可以省下不少跳頁的處理及簡化不少php程碼

4.後面三題都有使用到session或cookie的地方，這部份只能請同學們自行再加強，既然考試的四題都會用到，那就早點熟悉它吧。

今天從參考書的第七章開始上，主要是一個CD封面的製作，這邊有提到了工作區域的應用及管理，其它的則是之前學過的技巧的整合應用，難度不大，只是操作上比較花時間。

CD封面製作

接是第八章的活動DM製作，這裏只是圖樣及筆刷的應用，也沒什麼難度。

圖樣旳應用

下午講解第九章的信封，信紙及LOGO的製作，主要是關於字型的應用及實務上一些印刷物的製作細節。

LOGO製作

早上時間老師先開了個簡單的班會宣達一些事，然後就給大家時間繼續製作LOGO競賽的內容，因為中午要交件了，我是凌晨靠學妹幫忙調配色才做完的，也懶得再改了，簡單就好。

Logo競賽作品

下午老師做了數位排版的簡報，這部份我覺得滿受用的，因為自己沒有這方面的天份，有些方法可以依循的話，至少不會弄出太離譜的東西來。

排版原則介紹

最後是打掃時間及自習，我就開始做乙級術科第二題了，第二題的題目說明非常不清楚，後來老師說他問過鑑評委員，大意是說本來題目內容要求的製作項目很多，但找人來試解都無法在四小時內完成，於是只好刪減一些內容，但是題目的說明並沒有因此而改得很好，因此就造成有些模糊不清，這些模糊不清的地方就變成可以自由發揮的地方，如果只是為了考試，就可以有些取巧的做法出來；我個人是傾向先用比較符合實務製作的方式來解題一次，如果時間無法壓到四小時內，再來思考要不要取巧的問題。

今天老師說要介紹一下jQuery Mobile 不過完全沒講到語法之類的，只有和大家說要去那個網站找教學資料及如何匯入jQuery mobile的函式庫；

jQuery mobile官方網站

後來又介紹了EZoAPP這個jQuery mobile線上版型工具，算是滿實用的，可以用來應付小型或快速模版，不過老師只有教到如何套用而己，實做上需要用到的資料串接及js語法還是沒有提到，只能靠大自己去摸索。

EZoAPP 線上版型工具

最後老師介紹了google表單的製作，因為這是比較快的資料建置手段，而且可以快速套用在EZoAPP的一些版型中。

google 表單

作業是要大家用EZoAPP做一個個人的介紹網站，可以在手機上瀏灠用的，於是我就花了一個晚上，弄了一個簡易版的手機訂便當網站，加上google試算表的即時分析統計功能。

簡易線上訂便當

今天老師把第一題的前後台功能都做完了，到後面己經沒有什麼時間下來一個一個看問題了，第一題最麻煩的地方是選單管理和顯示的部份，關聯次選單的部份會比較亂一些，前台的部份在套js的部份可能需要點時間來理解，畢竟我們在js的部份實作比較少，兩位老師有關js的部份都只能算是介紹一下而已，整個js要學起來，要花的時間不輸給PHP。

我自己下午開始做第二題，發現第二題的題目說明非常不清楚，示意圖的東西和素材提供的內容也有些出入，真的令人頭大，但是在比對歷屆題目的過程中，其實我也有注意到每年的素材似乎都有一些變動，比如上一個版本使用的class名是mask，新版本改成了all，雖然是小小的改變，但這表示每年都有在維護對吧，那為什麼不順便把題目的說明也做個修改呢？

第一題我有90%的內容是使用PHP來解的，包括一些驗證的做法都是用PHP帶參數在各檔案間傳值來達成，但這樣的做法當檔案一多時就又亂了，而且URL的參數愈帶愈長也很礙眼，所以第二題開始我希望嘗試著把JS 和 AJAX的應用比例提高，今天小小的測試一下後感覺還不錯，而且也發現原本素材提供的js檔裏就有附一個ajax的函式在裏面，這表示原本的題目設計時就己經使用了ajax來解題了，不用白不用。

今天主要是繼續第一題的解題，老師的速度明顯加快，不過做法和我推測的差不多，就是把之前做過的內容複製一份來改，這樣速度才會快，不過我一整天精神都不是太好，不知道是不是被傳染了。

今天的進度幾乎己經做完八成了

到下課時己經講解到管理者帳號管理了，所以明天主要在選單管理和前端的所有顯示。

老師流感還沒有完全好，拖著病體來上課，精神可嘉，
今天正式上網頁乙級的術科解題，原本老師希望大家先當作業先練習一遍，但看起來只有我做完，所以今天老師的講解我在理解上就快很多了。
老師的解法主要是利用include的方式把php檔案整合進後台或前端頁面，這方法雖然還是會有檔案過多的問題，但比起iframe，我覺得還算是比較好掌握的，而且一個檔案一個功能的做法，對於大多數同學來說也是比較好理解的做法。
程式碼的內容我打算等全部做完一次後再另外打包提供下載，網誌的部份只說一下解題的重要觀念及一些可以利用的小技巧，重要的是要各自找到自己能掌握的解法及步驟，並且熟練它就可以了，照著老師或其他同學的做法做，就算背得下來，臨場時有個環境上的變化或出了點錯卻找不到問題，那就完了。

基本觀念的部份，老師把功能拆成不同的檔案來處理，相當於是一個一個小函式，需要的時候再inlude進來使用

完成後台的增刪修之後，前端的部份就看需要把資料叫出來，再放到需要的位置中去，可以利用SESSION或include的方式來達成

第一題雖然後台的部份有九個項目要做，但並不算難，同樣的動作一直重覆而己，所以到最後就只能說是在考驗打字速度和整合檔案的能力了。

今天是網丙課程的最後一天，老師一樣要大家複習上周的第五題，然後做完的同學就可以自習做其它的作業，接著老師就說了幾個她遇到名人卻不認識對方的事當笑話給大家聽，還滿可愛的。

我利用上午的時間把乙級第一題的實作心得打成文章，然後下午則是把資料表截圖出來後放上網誌做紀錄，希望大家可以先預習一下，其他同學大多是在做logo競賽的作品，為了一個運動手環，大家很拚呢！

課程過了一大半，暖身期己經過了，接著進入的下半場是一個衝刺期，要開始來準備更新履歷表及預熱找工作的溫度了。

雖然老師上課時己經把換圖片的方式說完了，但是我後來找到原始官網有釋出新的版本，而且用上了openGL，所以效果看起來更滑順一些，

onebook3d官網

除了換掉相本裏的圖，我還把說明文字從英文換成中文，同時把一個寫在原始碼裏的icon換掉，這個icon是用base64的方式直接放進js的檔案中，所以沒有額外的圖檔，老師也以開發者不讓人修改為理由跳過這部份，修改的方式其實也很簡單，只要把圖片做好，轉成base64再放回js中就可以了，這邊只簡單說一下把base64還原成圖檔的方式，

把檔案中base64後面的那一段看似亂碼的內容複製出來

找個可以轉碼的純文書處理軟體，個人是使用notepad++，使用解碼功能來還原

解碼後最上方會有格式名稱，把整個檔另存成png或gif,或jpg,記得副檔名要改,不可以是.txt

修改後就可以看到圖片改變了，這過程中我們只改了js原始碼，並沒有新增圖檔

然後用同樣的原理製作一張圖片，轉成base64，再放到js檔中的變數中，就可以把圖換掉了，然後這個外掛js很妙的地方在於幾乎把所有的icon和樣式表內容都寫在js程式碼中了，好處是執行效率比較高，但要改起來就有點累了。