首先我要先訴說這之後要做的網頁類型，主要是講從環境建置到美化，做出一個始於自己的作品集簡易網頁。
那接觸的第一天，先來將環境建置好，雖然是一人作業，但第4個太重要了，所以我想列入安裝列表，以下需要安裝這些軟體：
1.XAMPP
2.Composer
3.Visual Studio Code(程式編碼軟體，可以選擇用自己習慣的軟體)
4.Git(合作專案需要用到)
Step1.
一開始先到XAMPP的官網下載軟體，依自己的電腦下載適合的版本，我下載的是Window版本的。
Step2.
下載完後執行安裝。
會出現一個視窗，點選yes繼續
再來點ok執行
點選NEXT
這裡我只有點選Apache、MySQL、PHP、phpMyAdmin
這裡預設是安裝在C槽，我把它改成安裝在D槽，之後的都是按NEXT
按完finish後他會出現語言選擇，看個人喜好，雖然只有兩種可以選，想要學習德文的人可以選擇德文，我還是乖乖選擇英文就好。
Step3.
安裝完後打開來就會長這樣，我們可以先把Aphche(網站伺服器)跟MySQL(資料庫伺服器)打開，試試看有沒有問題。
在網頁上打http://localhost/dashboard/，如果有出現這個畫面那表示有連到喔，我們點選右上的phpMyAdmin試試看進不進得去。
進去之後長這樣，這之後資料庫設定的時候還會見面，在這裡先跟它say goodbye。
Step4.
接下來我們要安裝Composer。
直接按NEXT
這裡因為我剛剛XAMPP是安裝到D槽所以要選剛剛安裝位置裡的PHP檔
這裡直接按NEXT，之後按Install
直接按finish就可以了
Step5.
安裝編輯器，我用的是visual studio code，也可以用別的像是Brackets、Sublime Text等等的，依自己喜好安裝。
Step6.
今日最後一個要安裝的軟體，但安裝之前要先申請github的帳號
申請好後就來下載git吧，聽說它會偵測你電腦是哪種系統，顯示適合下載的版本，我是Window，所以它顯示window的版本，天啊!!這會不會太厲害了。
按NEXT
這裡我一樣選擇安裝在D槽
第一個可以依自己的喜好勾選，但我的桌面很多東西，所以我就不去勾選了。
直接按NEXT
這裡選第二個，之後的都直接NEXT到Install！
今天安裝完需要的軟體了，之後要來用資料庫的設定喔。
