筆記信息 複習： css的常用樣式： border background padding margin float position 定位 top left 確定div在頁面中的位置，這兩個值可以為負數。 css+div 佈局方式 css+div+table 先由div劃分大塊兒，再由table進行
複習：
css的常用樣式：
border
background
padding
margin
float
position 定位 top left 確定div在頁面中的位置，這兩個值可以為負數。
css+div 佈局方式
css+div+table 先由div劃分大塊兒，再由table進行整齊佈局。
下拉列表：層疊的佈局效果，div+css定位，使這個列表浮動在頁面上，(popwindow Android)
內嵌框架：iframe
Iframe可以使頁面佈局中的局部進行刷新。
src 和name 一起使用。
web開發：
開發好的程式放在web伺服器（這是一個應用軟體），程式需要符合http規範。
web伺服器目錄內容。
bin：伺服器的啟動和停止命令。
config：伺服器的全局配置信息和應用程式的配置。
lib：包含web應用程式中使用的java類，web的api。
logs：伺服器應用程式中產生的日誌文件
temp：伺服器在執行時產生的臨時文件（整個伺服器的）
webapps：把自己的web應用程式發佈在這裡
work：應用程式在伺服器執行同時產生的緩存文件以及對應的緩存數據（某個程式的）
找到這個路徑：
F:\xampp\tomcat\conf
<Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" URIEncoding="utf-8"/>
裡面的URIEncoding="utf-8"表示支持漢字編碼。
Web程式創建的幾種方式：
手動創建 和 IDE自動創建
之前需要瞭解
Web應用程式的目錄結構：
1、虛擬目錄：
a) web頁面（html，images，等等）
b) JSP
c) WEB-INF （文件夾）
i. classes （類，*.class的格式）
ii. lib（庫，*.jar的格式）
iii. 自定義標簽
iv. web.xml 部署描述
【部署文件中的內容至少要有：
<?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"> </web-app> <!-- 這是一些基本的描述信息。-->
】
其中紅色字體為一個工程中所必須擁有的，以標識它是一個web應用程式。
所以現在我們可以手動創建一個web應用程式了，按照上述結構。
Step1：
進入tomcat的webapps目錄中，創建一個工程名叫：WebAppByHand。
（路徑為：F:\xampp\tomcat\webapps\WebAppByHand）
Step2：
創建必須擁有的文件（及文件夾）：
a. 新建文件夾並更名為：WEB-INF
（路徑為：F:\xampp\tomcat\webapps\WebAppByHand\WEB-INF）
b. 進入WEB-INF,創建一個記事本文件，命名為：web.xml
（當前文件保存在：F:\xampp\tomcat\webapps\WebAppByHand\WEB-INF目錄下。）
c. 利用編輯工具（例如，Notepad++）打開web.xml，將以下內容複製到web.xml中並保存。
<?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"> </web-app>
我們以後會詳細介紹這些內容的具體含義。
Step3：
為了進行瀏覽，我們還需要一個頁面。
a. 新建一個txt文件，命名為：MyWebPage.html.
b. 利用編輯工具（例如，Notepad++）打開
c. 輸入以下文字：
Welcome to my first web Page！Wahaaa！~
為了能夠查看第一個網路應用程式，需要開啟伺服器：
進入：F:\xampp\tomcat\bin
執行startup.bat
等待。
Step4：
打開瀏覽器：
在地址欄中輸入：http://localhost:8080/WebAppByHand/MyWebPage.html
然後就可以看到對應結果。
方式二：利用myeclipse進行自動創建：
Step1：
創建工程：
File->New-> Web Project
輸入名字：MyFirstWeb
由於我們要創建靜態網頁所以可以將jsp刪除掉。
Step2：
創建一個可供瀏覽的網頁：
右鍵WebRoot->new-> HTML （Advanced Templates）
然後可以簡單編輯。比如再次輸入一個Hello和welcome。
Step3：
然後我們要做的是發佈。
發佈有兩種方式：（有兩種查看方式，有兩種發佈方式。利用myeclipse集成的環境既可以查看也可以發佈，也就是一共有三種方式。但是集成好的環境僅可用於測試，並不能實現真實發佈，他只是一個虛擬發佈。）
第一種手動發佈。
File->Export->
找到WAR file
為了方便查找，我們把路徑定位到桌面。
單擊finish：
之後可以在桌面找到MyFirstWeb.war,
剪切複製到：
F:\xampp\tomcat\webapps路徑下。
關閉伺服器，在開啟伺服器。
點擊：F:\xampp\tomcat\bin的shutdown.bat
然後在點擊：F:\xampp\tomcat\bin的startup.bat
回到F:\xampp\tomcat\webapps目錄下。
可以看到多出了一個MyFirstWeb文件夾。他是由tomcat伺服器幫助自動解析的。也就是說，當我們提交過一個war文件到webapps目錄下時，只要重新啟動伺服器，就會有tomcat自動幫我們更新war文件為一個可以瀏覽的web程式。
Step4：
瀏覽
打開瀏覽器，在地址欄中輸入：
http://localhost:8080/MyFirstWeb/MyHtml.html
就可以瀏覽我們剛寫好的web程式。
第二種發佈方式：
在上面的框框中找到
Deploy myeclipse j2ee project to server.
並單擊這個按鈕。
然後單擊Add。
當前為插入頁，這裡需要知道的是版本對應問題。
版本對應。
javaEE6.0 要對應tomcat的7版本。
才14.6Mb真是又小又輕。
通過Server我們可以看到可以提供服務的伺服器們。
但是 這裡面由於還沒有配置並沒有可以支持我們進行操作的伺服器。
單擊：Edit server connectors...
然後可以找到我們剛剛解壓出來的路徑：
瀏覽【這裡記得勾選Enable。】
選擇到到bin的上一級目錄。
順勢點擊確定，apply ok。三個按鈕。
（如果此時在Server的下拉列表裡面沒有看到Tomcat 7.x 的話，關閉當前視窗，點擊Add進行刷新）
出現tomcat 7.x 單擊選中。
Finish
成功部署，點擊ok。
然後就可以
Run on server
點擊下拉三角符號，找到並點擊tomcat 7.x 然後點擊start。
看到控制台輸出（成噸）的日誌信息（尤其是日期），說明已經可以在瀏覽器訪問了。
然後輸入：
http://192.168.4.171:8080/MyFirstWeb/MyHtml.html
對應網址，完成訪問。
我在這邊的網路的地址就是 這個啦~。
這是第二種部署並查看的方式。
第三種僅用於測試使用，並不能完成部署。但是沒有部署就不可能看到網頁，所以這是myeclipse集成的虛擬的伺服器。
也就是我們剛剛在 server下來菜單裡面看到的其他的server。
比如myEclipser tomcat 7。
然後run on server 到 myEclipse tomcat7， 然後點擊小的伺服器按鈕。就可以查看了。
