創建 JSF Web 項目和頁面模板（3）

2019-11-18 12:52:39

字體：大中小

來源：轉載

供稿：網友

　　圖 21. 相對路徑結果
　　　創建 JSF Web 項目和頁面模板（3）（圖一）

　　返回到屬性頁面并找到 tradebanner2.gif （圖 22），記得改成相對路徑。
　　圖 22. 第二個圖像的重復
　　　創建 JSF Web 項目和頁面模板（3）（圖二）

　　兩個圖像之間將會有一個不必要的空白區。可以通過編輯面板框的屬性來解決這個問題。回到屬性框，我們需要顯示面板的屬性。由于圖像是位于面板中的，所以我們可以利用如圖 23 所示的下拉箭頭來選擇面板并編輯它的屬性。選擇 HX:PANEL_BOX，如下所示。
　　圖 23. 面板屬性
　　　創建 JSF Web 項目和頁面模板（3）（圖三）

　　選擇 All 標簽（圖 24）。輸入 border、cellpadding 和 cellspacing 的值 0。
　　圖 24. border 的面板屬性
　　　創建 JSF Web 項目和頁面模板（3）（圖四）

　　返回 Web 模板，把光標放在面板下，然后按【Enter】來添加一行。在 Palette 窗口，展開 Html Tags 部分，然后選擇 Horizontal Rule（圖 25）。
　　圖 25. 從 HTML 標簽選項板中選擇 HR
　　　創建 JSF Web 項目和頁面模板（3）（圖五）

　　把 Horizontal Rule 屬性拖到圖像的下面，如圖 26 所示。
　　圖 26. Web 特征
　　　創建 JSF Web 項目和頁面模板（3）（圖六）

　　接下來，展開選項板中的 Page Template 部分，然后選擇 Content Area（圖 27）。當創建了一個 jsp 之后，內容區就變成 JSP 中可編輯的部分。每個模板至少需要一個內容區。對模板的任何修改都將影響到使用該模板的所有 JSP。把內容區拖到水平條的下面。
　　圖 27. 內容區（Content Area）
　　　創建 JSF Web 項目和頁面模板（3）（圖七）