一、實驗需求：上位機軟件界面設計
二、技術選型：前端（HTML CSS JavaScript）
三、實驗準備：Sublime3、webstorm64、Google Chrome
四、實驗說明：
所謂前端，簡單來說就是做網頁；
1、利用HTML（超文本標記語言）的衆多標籤來實現頁面的一個基本結構，就是頁面應該包含哪些內容，例如表格、表單、文字、段落、按鈕等；
2、再通過CSS（層疊樣式表）來進行修飾，所謂修飾就是爲了讓其看起來更美觀，就比如字體的顏色、大小，背景顏色、定位等等，一般根據個人審美來進行裝飾；
3、而JavaScript是一種腳本語言，用來定義行爲的，讓頁面變成動態頁面，一般我們所看到的頁面動態效果一般都是JavaScript實現的，當然後來還有更新更方便的技術，但JavaScript是基礎；
五、實驗過程及分析：
實驗截圖：
1、這次實驗我們做的是超市系統的第一個實戰演練的界面；
2、標頭四個頁面的轉換使用的是一個插件，這裏就不過多的解釋了；
3、第一個標題下面的界面，添加了表格table標籤、按鈕input標籤，以及獨成一行的p標籤，再利用position進行定位，分爲上（左右）、下三個部分，再對樣式稍加修改可以得到如圖所示的效果；
六、實驗小結：
1、感覺使用前端的一些樣式會比較靈活多變，可以根據自己的想法設計想要的樣式，而且更方便得到結果，代碼也比較好理解，比較語義化；
2、定位排版會比較麻煩，需要計算一下偏移量，以及要通過對原圖的理解，要知道該效果是通過什麼標籤得到的，什麼標籤可以實現這個文本等等問題；
