一、建立工程
1、開啟Eclipse,選單選擇File->New->Project...或者File->New->Other...
2、現在會看到類似下面的一個彈出視窗,這個視窗就是告訴所有可選的專案型別。
3、選擇Web->Static Web Project
5、填寫專案名稱,如Html5Demo
7、填寫content folder名稱,如myHtml5
8、這個content folder就是你的應用所在的根目錄
二、新增檔案
1、右鍵content folder的名字,選擇New->HTML File
2、填寫File name為index或者index.html
3、index.html是主頁面,主頁面不建議使用其它名字,index.html不同於其它的頁面。
5、這裡出現的是Html檔案版本的選擇,不同的版本使用不同的模板,當然也可以修改和建立自己的模板。
6、選擇New HTML File
8、開啟index.html,會看到類似下面的程式碼,這些都是模板自動生成的。
9、到目前為止已經基本完成了開發環境的搭建。用前面類似的方法,可以在content folder下面建立其它html檔案、css檔案、js檔案或者資料夾,從而豐富應用。
一、建立工程
1、開啟Eclipse,選單選擇File->New->Project...或者File->New->Other...
2、現在會看到類似下面的一個彈出視窗,這個視窗就是告訴所有可選的專案型別。
3、選擇Web->Static Web Project
5、填寫專案名稱,如Html5Demo
7、填寫content folder名稱,如myHtml5
8、這個content folder就是你的應用所在的根目錄
二、新增檔案
1、右鍵content folder的名字,選擇New->HTML File
2、填寫File name為index或者index.html
3、index.html是主頁面,主頁面不建議使用其它名字,index.html不同於其它的頁面。
5、這裡出現的是Html檔案版本的選擇,不同的版本使用不同的模板,當然也可以修改和建立自己的模板。
6、選擇New HTML File
8、開啟index.html,會看到類似下面的程式碼,這些都是模板自動生成的。
9、到目前為止已經基本完成了開發環境的搭建。用前面類似的方法,可以在content folder下面建立其它html檔案、css檔案、js檔案或者資料夾,從而豐富應用。