[DAY-016]影像視覺 / 遮色片應用

今天上的內容主要是遮色片的應用,這是個神奇的東西,以前我也只是一知半解,今天看老師的操作,總算有所領悟.

回家作業是以各職類的影像為基礎再做一次banner,另外以化粧品為主題做一份產品banner,大小為800x300x72dpi

 

下午是勞工衞生安全講習,內容滿平淡的,之後是班會和打掃,輕鬆的一天




[作業]PHP撈取資料庫資料

回家作業題目

 

這次的回家作業算是簡單,只是需要複習一下先前的sql語法就可以輕鬆應對了,

解題思考:

1.先完成第一個檔案的資料傳送,使用get或post都可以,只要form的格式和action的檔案路徑有對,基本上就沒問題了.

2.第二個檔案先確認可以收到第一個檔案傳送過來的資料.

3.測試資料庫的連線和基本的撈取資料沒問題.

4.修改查詢語法,只撈取5筆,或全部撈取但只顯示5筆.

這一題練習,其實還有很多做法可以完成同樣的結果,比如在sql語法上,也可以直接把接收的欄位名代入語法中查詢;
比如 : $sql=”SELECT “.$get_col.” FROM mygames LIMIT 5 “;
這樣的話,在$ro=mysqli_quer($link,$sql) 失敗時會得到一個false的結果,直接利用這個結果,我們可以判定是要執行後續的顯示還是查無資料,
當然,也可以把資料都撈出來後,再去比對是否有$row[$get_col]這個元素存在,沒有的話就查無資料.




[DAY-015]PHP-cookie / 登入 / 資料庫連接

今天先介紹了cookie的使用,cookie是使用在本機上的超域變數,cookie的出現是因為網頁本身是一種"無狀態的文件",也就是說當文件轉換或關閉時,所有的狀態和暫存在記憶體中的東西都會清除,但為了實務上的需要,所以才會有cookie和session的出現,用來保留網頁的狀態和資訊,做為其它的應用.

一.cookie的使用比起seesion簡單多了,但限制也比較多,早期cookie有很多安全性上的問題,目前跟安全性有關的都轉往session去處理,cookie則只用來儲存一些比較不重要的資訊或做為標記使用.

二.課堂練習:因為這周的課程比較有難度,所以老師花比較多時間在一對一對的指導上,課堂練習的時間也比較多.

利用cookie或session來製作帳號密碼登入登出

搞懂session和cookie機制的我,覺得功力有所提昇了,所以這題很快就做完了,連太閒才做的登出功能也做完了.

檔案一.用來申請帳號及產生密碼並判斷是否已登入

檔案二.用來輸入帳密確認是否正確並註記是否為登入成功狀態

登入登出的執行畫面

其中,關於印出申請過的帳密,然後要求要新的在最上頭顯示,也就是以遞減的方式來顯示的這一段,我是直接在迴圈起始上以陣列的總數為起始值,然後遞減印出,不過老師說很多人還搞不懂迴圈,直接改變起始值的方式可能會讓大家更混亂,要我挑戰起始值為0的條件下,如何遞減印出,我一時沒會意過來,想了一些奇怪的方式像是用總數的差值去計算,或是先準備好一串陣列的順序去填入之類的,回家後突然靈光一閃,才想到我們是網頁上要顯示成果,最終是字串的方式來呈現,所以只要把顯示的結果改成字串串接就可以達到一樣的效果了:

很多同學不懂超域變數的意義和使用方式,所以在這卡了很久,我自己是用銀行存錢來舉例,如果錢放在家裏,每次要用錢就得回家拿,也只能從家裏拿,如果錢放在銀行,那麼不管我人在那,都可以就近找分行或提款機來領錢,這樣舉例還不懂的話,真的就是沒有放感情在學程式這件事上了.

雖然seesion的部份大家卡了很久,不過最後一小時,老師還是再多上了關於資料庫連線的部份,老師同時介紹了 mysqli_query 和 mysql_query 的兩種連線方式,以因應可能有些系統的PHP還在5.4以前的版本.

如果資料輸入都正確,就可以在瀏灠器上顯示正確撈取的資料

DB正確撈取的資料顯示

回家作業是一個存取資料庫的練習,配合先前的GET/POST,以傳值的方式來要求存取資料

回家作業題目




[DAY-014]丙級術科練習

今天把上周沒做完的第一題做完後就讓同學自己練習,接著老師讓同學們自己練習做一遍;
下午的課基本上是自己自習,老師有提供了一些商業商品圖像製作的素材和範例給大家練;
不過我今天都沒在聽就是了,今天把課表的程式做完了,完成月份的檢視,

課表

下課後同學提議要去麥當勞問問題,來了一半的人,逐個詢問遇到的問題和瓶頸,把一些習題再做一次說明,大概兩個小時左右散會.




[DAY-013]RWD與BOOTSTRAP初探

 

今天天延續上周的DW操作,介紹了瀏覽器預設白邊的處理,不過這部份我還是習慣直接丟個reset.css檔來處理,然後也介紹了float的設定,這是HTML4以後很常使用排版手法,最後介紹了上傳檔案到虛擬主機,不過因為職訓場的對外IP都是同一個,所以連線數超過限制,只有一半的人可以連線成功,到這邊算是開站教學告一段落了,老師也把每個步驟都說得很仔細.

測試網站上傳成果

上傳網頁到虛擬主機

下午的課老師先介紹了一下平常在接案的時候有一些和客戶往來的注意事項,像是雙方要交付的資料,文件等等的,然後就開始進入比較正式的網頁開發教學,這邊老師一次要我們開兩個站,一個用RWD的方式來製作,一個則是用BOOTSTRAP的樣板來製作,老師有特別解釋這樣做的原因是為了讓大家比較快了解到業界實際的趨勢,也讓大家知道這兩種主流的設計方式的差異,我覺得老師心臟也真的夠大才敢這樣教,不過我倒是收獲不少,有人帶著實際操作一次還是比看書慢慢摸索來得快多了.

vw單位的效果

RWD的設計方式介紹

格線系統介紹

BOOTSTRAP介紹

本日成果




[DAY-012]PHP-系統變數 / 日期 / SESSION

今天上的內容只有三個,但難度頗高,系統變數的部份主要是介紹IP的取得,在實務上可以用來判斷使用者的IP及安全性的檢查.

日期變數的部份主要是取得系統的時間然後做一些取值的動作,不過PHP的日期函數及變化很多,實務也是用得很頻繁的功能

日期隨堂練題

傳遞日期後比大小

SESSION是我很期待的課程,因為以前自己看書和GOOGLE都似懂非懂,今天老師實際帶著做測試,感覺有懂了.

綜合練習

執行成果




[作業]PHP陣列及亂數應用-帳號及密碼產生

PHP程式的作業內容

在單一檔案內傳遞POST陣列並運動出隨機密碼配對

解題思考:

1.讀出帳號之後跟著產生密碼

2.因為密碼長度和密碼內容都是亂數,所以需要兩個亂數變數

3.在同一檔案中先判斷是否有讀到表單傳過來的值

4.表單陣列元素如果無內容,則不產生密碼

5.無資料傳輸則顯示表單,有資料則隱藏表單




[DAY-011]視覺影像-選取工具/髮絲去背/圖層練習

去背

選取範圍

髮絲去背練習

利用圖層來製作電子報

回家作業-髮絲去背,電子報




[作業]影像修圖作業2017-10-30

這是影像視覺的作業,主要是把上周老師教的PhotoShop基礎修圖的功能儘可能的用上,然後自己找五張圖出來修一修,我找的圖大多是以前攝影的圖,只有一張是阿公的老照片也拿出來修一修.

老照片修復,路人移除

內容感知移動及顏色調整

水平拉直,路人移除,色彩調整

變形校正,色彩調整

牆壁修補,雜物移除,色調調整




[DAY-010]PHP語法基礎

今天上午的課程主要是接續上周的GET,然後接著說明POST的傳送與接收方式,也提到了如何在單檔內做傳送與接收並改變頁面的呈現方式,這部份需要一些觀念的建立,所以老師說他提前來說這個是為了讓大家有時間去消化,不然之後要做後台時,會亂掉.

課堂練習-傳值到另一個檔案,然後回傳該值長度的英數字亂數組合字串.

下午的課程開始提到陣列的觀念,同時說了一維及二維陣列的做法,然後直接結合早上的GET和POST做課堂練習,內容是要大家建立多個輸入欄位,然後傳檔取值做運算再輸出,中間穿插了亂數函數rand的使用,到這邊,老師幾乎是一個一個同學去指導了,因為這三個東西一次結合起來的確會有點亂,有些同學連變數的觀念都還沒建立完成呢.

今天又有一位同學因為找到工作而退訓了,剩下十八位同學繼續努力,但前兩周的課程進度雖然比我以前上的職訓課程都要來得快,但後面的課程才是決定能不能製作完整作品的關鍵,希望大家能夠跟得上.

回家作業是一個單檔傳值並以亂數計算後呈現結果的練習.

在單一檔案內傳遞POST陣列並運動出隨機密碼配對

我自己利用時間把改過的課表查詢方式做完了,更換了資料表的結構後,後續的查詢和統計工作都簡單許多,但是我回家才發現我忘了把檔案上傳到雲端空間,但我希望下周可以把線上課表公開給同學使用,看來只好自己在家裏利用周末兩天重寫一次了.




[DAY-009]網頁排版設計-丙級術科

今天上新的課程,來上課的是位有著可愛聲音的女老師;

上課的內容是網頁丙級術科的試題練習,在IIS環境上實作,以dreamweaver來操作,中午在吃飯時大家都說今天的課比起前面的課要輕鬆多了,因為老師說一動大家跟著做一動,而且丙級術科的內也大多是靜態頁面,沒有太複雜,我是幾乎沒在聽,自己看著題目一邊做,大部份時間都在繼續搞自己的線上課表程式.

最終一天講不完一題,老師是說等試題演練完後,她會再教一些關於網頁設計排版的操作,這我倒是比較期待的.

今天研究了一天的SQL語法後,雖然最終是搞定了統計課程的問題,但是資料表沒有做正規化的確是個惡夢,決定要把資料表重建,免得夜長夢多




[DAY-008]前端網頁動態設計-工作環境與DW基本操作

今天又有位同學退訓了,原因是前公司出更高的薪水請他回去上班,這招感覺不錯!

上午的課主要在重覆上周的工作環境介紹,老師一再的強調工具的重要性,網頁設計師不能只會網頁設計,所以一些基本的電腦知識,工作環境的維持等等都很重要,因此也介紹了商用虛擬主機的申請,老師自己則是提供了班上同學一人一組商用虛擬主機的帳號,可以使用到結訓為止,主要也是用來交作業用的;然後測試了一下虛擬空間的FTP帳號,順帶的也介紹了CPANEL的界面和使用.

虛擬主機的CPANEL界面

下午的課先是解釋了RWD設計的規範,然後也提到了BOOTSTRAP的設計風格,這些都是未來上課的重點,也是我參訓的期待,先前民間補習班開的職訓課教的東西都太基礎,離業界實用的做法差距太大了,去面試都被打搶,所以我對這800小時的課是很期待的,希望能真的學到新的東西.

BOOTSTRAP格線系統

不過老師在講解設計規範和原則時步調很快,但是到了實際操作卻有點慢,步驟細到我一直打哈欠,不過對沒接觸過的同學來說似乎還是有點跟不上,最後有帶到CSS的設定,並且看到區塊的差異出來,下周應該重點在版型的設計上吧.

說明DOM的對應關係及DW基本操作

今日的成果,基本的CSS區塊設定

今天自己的研究就是解決了課表上一周下一周的換頁功能,然後想做欄位統計的查詢時遇到問題,主要是資料表的設計方式不適合,但是打算再找找資料看能不能硬幹.

線上課表的進度是完成上一周下一周的查詢