• 左圖是我近期完成的進度，是在練習網頁的排版，利用許多不同的語法來進行網頁程式設計，例如:CSS，javascript，bootstrap，html，asp，linq。像圖片中的排版，主要還是利用bootstrap裡面的container，來分裝每個部分，再以每個部份的要求不同，進行各自的調整。

​

​

​

​

​

​

• 像圖片中的，表格欄位都有外框以及顏色分配，都是利用CSS來設定，再加上程式碼的if else，來區分客戶的要求，甚麼階段用哪個顏色，資料的呈現這次的專案則是用asp來寫SQL的語法連接資料庫，以及利用sql語法裡的where來建立篩選條件。

​

​

​

​

​

​

 

​

​

​

​

• 在位於網頁的頁尾，也是依照客戶的需求去設計，在footer上打上客戶要求的資料，以及位置要求還有背景顏色的要求。

​

​

​

​

​

​

​

• 接下來是RWD響應式網站設計，把不同螢幕寬度的頁面呈現出來，像是用電腦螢幕觀看以及手機螢幕觀看畫面的呈現就大大不同，表格的排版顯示，以及頁面開頭時候的三個不同系統的超連結也都隱蔽起來，並利用一個button點擊時展開那三個超連結。如圖:可以看到下圖的手機板頁面把圈起來的按鈕按下去，便會跑出與網頁板相同的三個超連結按鈕。