Portal用戶定制頁(yè)面說(shuō)明書(shū)091027_第1頁(yè)
Portal用戶定制頁(yè)面說(shuō)明書(shū)091027_第2頁(yè)
Portal用戶定制頁(yè)面說(shuō)明書(shū)091027_第3頁(yè)
Portal用戶定制頁(yè)面說(shuō)明書(shū)091027_第4頁(yè)
Portal用戶定制頁(yè)面說(shuō)明書(shū)091027_第5頁(yè)
已閱讀5頁(yè)，還剩7頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

文檔名稱文檔密級(jí)2007-04-27H3C機(jī)密，未經(jīng)許可不得擴(kuò)散第頁(yè)目錄1 修改Portal主頁(yè)的方法 12 修改Portal認(rèn)證后小窗口的方法 102.1 如何修改小窗口中的文字（如下圖紅框所示） 102.2 如何修改小窗口中的圖片？（如下圖所示） 11修改Portal主頁(yè)的方法Portal主頁(yè)定制主要通過(guò)兩種途徑，一種是用戶提供完整的主頁(yè)只需要我們將輸入表單嵌入即可；另一種是只對(duì)現(xiàn)有H3C默認(rèn)主頁(yè)做局部修改。一用戶指定頁(yè)面提供了定制頁(yè)面index_custom.jsp，該頁(yè)面僅僅包括認(rèn)證頁(yè)面中的輸入表單部分（如下圖藍(lán)色部分）。當(dāng)用戶指定或提供其認(rèn)證主頁(yè)時(shí)（如下圖三個(gè)紅色部分），可以將index_custom.jsp頁(yè)面通過(guò)frame框架的方式嵌入到用戶頁(yè)面中。圖1example.html如上圖例子所示，頁(yè)面被劃分為4個(gè)部分，每個(gè)部分都是個(gè)獨(dú)立的頁(yè)面，其中淺藍(lán)色的輸入表單部分就是index_custom.jsp，其余部分都為用戶指定的頁(yè)面。所有頁(yè)面可以通過(guò)frame框架組織起來(lái)，整個(gè)框架的布局可以由用戶調(diào)整，每框架中每個(gè)frame的大小也可以由用戶指定。這個(gè)框架頁(yè)面為example.html。這個(gè)例子中將index_custom.jsp嵌入到了example.html，可以用文本編輯器將example.html打開(kāi)可以看到代碼中<frame>標(biāo)簽是框架中一個(gè)頁(yè)楨，可以在頁(yè)楨里嵌入一個(gè)獨(dú)立的子頁(yè)面（如上圖的紅色和藍(lán)色的部分）。<frameset>標(biāo)簽可以包含多個(gè)<frame>的同時(shí)，也可以嵌套多個(gè)<frameset>。<html><head></head><framesetrows="72,*"cols="*"><framename="topFrame"src="topFrame.html"><framesetcols="310,*"rows="*"><framesetrows="160,*"cols="*"><framename="leftFrame"src="index_custom.jsp"><framename="leftDownFrame"src="leftDownFrame.html"></frameset><framename="mainFrame"src="mainFrame.html"></frameset></frameset></html>圖2首先頁(yè)面被最外層的frameset分為上下兩部分，上下兩部分的大小由標(biāo)簽中屬性rows指定（如圖三）。rows="72,*"表示上部分占有72個(gè)像素，下半部分占有其余的像素，兩部分由逗號(hào)分隔，*代表其余的所有值。上半部分嵌入的頁(yè)面是topFrame.html，其余下半部分還有待分隔。<html><head></head><framesetrows="72,*"cols="*"><framename="topFrame"src="topFrame.html"><framesetcols="310,*"rows="*"> ...... ......</frameset></frameset></html>圖3其次上一步中的下半部分又被一個(gè)frameset分為左右兩部分（如圖4），左右兩部分的大小由標(biāo)簽中屬性cols指定。cols="310,*"表示左部分占有310個(gè)像素，右部分占有其余的像素，兩部分由逗號(hào)分隔，*代表其余的所有值。左邊的子部分仍繼續(xù)有待分割，右子部分嵌入的頁(yè)面是mainFrame.html。<html><head></head><framesetrows="72,*"cols="*"><framename="topFrame"src="topFrame.html"><framesetcols="310,*"rows="*"><framesetrows="160,*"cols="*"> ...... ......</frameset><framename="mainFrame"src="mainFrame.html"></frameset></frameset></html>圖4最后，上一步中左子部分又被一個(gè)frameset分為上下兩部分（如圖5），上部分占有160像素，下部分占有其余的大小。上部分嵌入的是我們的index_custom.jsp，下部分嵌套的是leftDownFrame.html。<html><head></head><framesetrows="72,*"cols="*"><framename="topFrame"src="topFrame.html"><framesetcols="310,*"rows="*"><framesetrows="160,*"cols="*"><framename="leftFrame"src="index_custom.jsp"><framename="leftDownFrame"src="leftDownFrame.html"></frameset><framename="mainFrame"src="mainFrame.html"></frameset></frameset></html>圖5這樣通過(guò)frameset嵌套另一個(gè)frame或frameset的方式，就可以將我們的輸入表單頁(yè)面和用戶的指定頁(yè)面組合起來(lái)，生成frameset框架頁(yè)面。將frame框架頁(yè)面和用戶的指定首頁(yè)放置到iMC安裝目錄下\client\web\apps\portal的目錄下，需要注意frame框架頁(yè)面中引用的其余頁(yè)面用的是相對(duì)路徑。例如：如果框架頁(yè)面example.html，輸入表單頁(yè)面index_custom.jsp，用戶的指定頁(yè)面為clientpage.html，都放在\portal的目錄下，則框架頁(yè)面example.html中對(duì)其余頁(yè)面引用的路徑如圖6<framesetrows="*"cols="300,*"><framename="leftFrame"src="index_custom.jsp"><framename="rightFrame"src="clientpage.html"></frameset>圖6其中屬性frame元素的屬性src中的頁(yè)面路徑是相對(duì)于“iMC安裝目錄下\client\web\apps\portal”這個(gè)目錄的。如果將框架頁(yè)面example.html放在“iMC安裝目錄下\client\web\apps\portal\userdir\”目錄，用戶頁(yè)面clientpage.html也放在“iMC安裝目錄下\client\web\apps\portal\userdir\page”目錄下，輸入表單index_custom.jsp在“iMC安裝目錄下\client\web\apps\portal”則引用路徑如圖7<framesetrows="*"cols="300,*"><framename="leftFrame"src="../index_custom.jsp"><framename="rightFrame"src="page/clientpage.html"></frameset>圖7登錄iMC配置臺(tái)，進(jìn)入Portal服務(wù)管理>>Portal設(shè)備配置>>端口組信息配置中的默認(rèn)認(rèn)證頁(yè)面改為“uerdir/example.html”（針對(duì)上面圖7的路徑）就可以推出自定義的認(rèn)證頁(yè)面圖8Portal服務(wù)器中提供了默認(rèn)的中英文例子/portal/userindex/template/example1.html:是一個(gè)嵌入了index_custom.jsp的中文例子/portal/userindex/template/example1_en.html:是一個(gè)嵌入了index_custom.jsp的英文例子二用戶修改H3CPortal的默認(rèn)主頁(yè)index_default.jsp如果用戶沒(méi)有提供或指定完整的主頁(yè)，僅想在我們提供的默認(rèn)主頁(yè)做局部的修改，這種情況下Portal服務(wù)器允許在特定的地方做一些特定的改動(dòng)。H3CPortal的默認(rèn)主頁(yè)index_default.jsp的結(jié)構(gòu)如圖9所示，紅色區(qū)域1，2，3，4，5，6為圖片，其中區(qū)域2的圖片包含兩個(gè)熱區(qū)用黃色方框標(biāo)識(shí)，對(duì)應(yīng)到主頁(yè)中是鏈接到FAQ和熱線部分，藍(lán)色區(qū)域是用戶輸入表單，用于顯示用戶名密碼按鈕等元素。圖9將圖片替換為圖片將新的圖片放置到iMC安裝目錄下\client\web\apps\portal\template\images\目錄下用文本編輯工具如dreamweaver或ue打開(kāi)index_default.jsp，定位到相應(yīng)位置的<img>標(biāo)簽，將標(biāo)簽中的文件名替換為新圖片的文件名，然后再調(diào)整相應(yīng)的圖片大小即可，圖片大小都以像素為單位。區(qū)域1的標(biāo)簽<imgsrc="/portal/template/images/<%=Common.getPortalTop(language)%>"width="700"height="177">區(qū)域2的標(biāo)簽<imgsrc="<%=Resource.getString("Login_Left_Image_1",language)%>"width="229"height="342"border="0"usemap="#Map">區(qū)域3的標(biāo)簽<imgsrc="./template/images/03.gif"width="95"height="189">區(qū)域4的標(biāo)簽<imgsrc="./template/images/04.gif"width="95"height="189">區(qū)域5的標(biāo)簽，注意同時(shí)替換掉下面兩個(gè)標(biāo)簽<imgsrc="<%=Resource.getString("Login_Bottom_Image_1",language)%>"width="471"height="153"usemap="#Map1"><imgsrc="<%=Resource.getString("Login_Bottom_Image_5_2",language)%>"width="471"height="153">區(qū)域6的標(biāo)簽<imgsrc="/portal/template/images/<%=Common.getPortalBot(language)%>"width="700"height="31">區(qū)域2為一張圖片，對(duì)應(yīng)FAQ和熱線的兩個(gè)部分含有兩個(gè)熱區(qū)，如果替換該頁(yè)面，同時(shí)注意對(duì)熱區(qū)的修改。熱區(qū)和鏈接的修改FAQ和熱線的兩個(gè)部分含有兩個(gè)熱區(qū)，用于連接到其他頁(yè)面，對(duì)應(yīng)為<map>標(biāo)簽元素。在同一個(gè)<map>元素中可包含任意多個(gè)<area>元素，嵌套的<area>元素對(duì)應(yīng)一個(gè)熱區(qū)的shape屬性用于指定熱區(qū)的形狀，coords屬性用與指定熱區(qū)的位置，href屬性用于指定熱區(qū)鏈接的頁(yè)面。coords值的格式取決于shape標(biāo)簽屬性的值。其中，rect代表矩形，circle代表圓形，poly代表多邊形。如圖10<mapname="Map"><areashape="rect"coords="29,208,190,249"href="./<%=Resource.getString("Index_Faq",language)%>"><areashape="rect"coords="31,278,191,316"href=""></map><AREASHAPE="rect"COORDS="0,0,82,126"HREF="/workshop/aaa"><AREASHAPE="circle"COORDS="90,58,3"HREF="/workshop/bbb"><AREASHAPE="poly"COORDS="221,34,238,37,257,32,278,44,284,60,281,75,288,91,267,87,253,89,237,81,229,64,228,54"HREF="/workshop/ccc">圖10如果用戶想在自己的替換圖片中增加熱區(qū)，可以先定義好<mapname="yourMap">標(biāo)簽，并且在相應(yīng)的圖片的<img>元素的屬性u(píng)semap="#yourMap"中引用相應(yīng)的熱區(qū)。如果刪除熱區(qū)，刪除相應(yīng)<img>元素屬性u(píng)semap即可。用文本替換圖片還可以將區(qū)域1，2，3，4，5，6圖片的位置替換為文本，但要注意文本的字體，大小，對(duì)齊方式和樣式等屬性。如圖例10中紅框圈住的部分所示，可以將對(duì)應(yīng)<img>標(biāo)簽元素替換為文本文字。圖10<tdwidth="45%"class="tDarkred15"align="center"><p><strong>細(xì)致區(qū)分客戶需求</strong></p><p><strong>精心構(gòu)建產(chǎn)品質(zhì)量</strong></p><p><strong>為客戶和合作伙伴提供真誠(chéng)服務(wù)</strong></p><p><strong>對(duì)產(chǎn)品和服務(wù)質(zhì)量承擔(dān)最終責(zé)任</strong></p></td>圖11修改Portal認(rèn)證后小窗口的方法如何修改小窗口中的文字（如下圖紅框所示）修改方法：如果Portal為集中式部署，修改前請(qǐng)?jiān)?/p>

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論