”的值的相加值作為“構(gòu)成要素的顯示位置”的“top”參數(shù)的值來設(shè)定。
[0225]此時，“構(gòu)成要素的顯示順序”為“3”的構(gòu)成要素是用“構(gòu)成要素的顯示順序?yàn)椤?”的構(gòu)成要素的“構(gòu)成要素的顯示位置”的“top”參數(shù)的值“ΙΟΟρχ”和“構(gòu)成要素的顯示高度” “ΙΟΟρχ”的相加值“200ρχ”作為其“構(gòu)成要素的顯示位置”的“top”參數(shù)的值來設(shè)定的。
[0226]同樣，“構(gòu)成要素的顯示順序”為“4”的構(gòu)成要素也是用“構(gòu)成要素的顯示順序”為“3”的構(gòu)成要素的“構(gòu)成要素的顯示位置”的“top”參數(shù)的值和“構(gòu)成要素的顯示高度”的值的相加值作為其“構(gòu)成要素的顯示位置”的“top”參數(shù)的值來設(shè)定的。
[0227]具體而言，對于顯示順序?yàn)椤?”的構(gòu)成要素，用“構(gòu)成要素的顯示順序”為“3”的構(gòu)成要素的“構(gòu)成要素的顯示位置”的“top”參數(shù)的值“200px”和“構(gòu)成要素的顯示高度” “120px”的相加值“320px “作為其“構(gòu)成要素的顯示位置”的“top”參數(shù)的值來設(shè)定。據(jù)此，在圖6的查詢關(guān)聯(lián)區(qū)域信息表T60中，構(gòu)成要素ID為“C-002”的構(gòu)成要素的“構(gòu)成要素的顯示位置”被登記有“(top，left) = (Ορχ, Ορχ) "ο此外，構(gòu)成要素ID為“C-004”的構(gòu)成要素的“構(gòu)成要素的顯示位置”被登記有“(top，left) = (ΙΟΟρχ, Ορχ) "ο此外，構(gòu)成要素ID為“C-007”的構(gòu)成要素的“構(gòu)成要素的顯示位置”被登記有“(top，left) = (200px,Ορχ) ”。此外，構(gòu)成要素ID為“C-009”的構(gòu)成要素的“構(gòu)成要素的顯示位置”被登記有“(top，left) = (320ρχ，Ορχ)”。
[0228]其次，Web頁面制作部104針對查詢關(guān)聯(lián)區(qū)域信息表Τ60中的各構(gòu)成要素，基于“構(gòu)成要素的顯示寬度”和“構(gòu)成要素的顯示高度”以及“構(gòu)成要素的顯示位置”，加工各構(gòu)成要素的樣式信息，并保存在“查詢關(guān)聯(lián)區(qū)域所屬的構(gòu)成要素的樣式信息的保存URL” (S207)。
[0229]具體而言，例如，根據(jù)查詢關(guān)聯(lián)區(qū)域信息表T60，構(gòu)成要素ID為“C-002”的構(gòu)成要素的“構(gòu)成要素的顯示寬度”為“640px”、“構(gòu)成要素的顯示高度”為“ΙΟΟρχ”、“構(gòu)成要素的顯示位置”為“(0ρχ，0ρχ) ”。因此，對該構(gòu)成要素的樣式信息進(jìn)行如下加工，并保存在作為“查詢關(guān)聯(lián)區(qū)域所屬的構(gòu)成要素的樣式信息的保存URL”的“http://tmp/w00001/s/c002.txt，，。
[0230]#C-002 {
[0231]width:640px ;
[0232]height: ΙΟΟρχ ；
[0233]posit1n:absolute ；
[0234]top:0px ；
[0235]left:0px ；
[0236]}
[0237]在此，“width”參數(shù)從原來的“1920px”被變更為查詢關(guān)聯(lián)區(qū)域信息表T60中的作為“構(gòu)成要素的顯示寬度”的“640px”。此外，“height”參數(shù)從原來的“300px”被變更為查詢關(guān)聯(lián)區(qū)域信息表T60中的作為“構(gòu)成要素的顯示高度”的“ΙΟΟρχ”。此外，“top”參數(shù)從原來的“400px”被變更為查詢關(guān)聯(lián)區(qū)域信息表T60中的作為“構(gòu)成要素的顯示位置”的“top”參數(shù)的“Ορχ”。
[0238]同樣，構(gòu)成要素IDS“C-004”、“C-007”以及“C-007”的構(gòu)成要素的樣式信息也被進(jìn)行如下加工，并被分別保存在作為“查詢關(guān)聯(lián)區(qū)域所屬的構(gòu)成要素的樣式信息的保存 URL” 的 “http://tmp/wOOOOl/s/c004.txt，，、“http -J/tmp/wOOOOl/s/c007.txt” 以及“http://tmp/w00001/s/c009.txt，，。
[0239]#C-004 {
[0240]width:640px ；
[0241]height: 10px ；
[0242]posit1n:absolute ；
[0243]top: 10px ；
[0244]left:0px ；
[0245]}
[0246]在此，“width”參數(shù)從原來的“1920px”被變更為查詢關(guān)聯(lián)區(qū)域信息表T60中的作為“構(gòu)成要素的顯示寬度”的“640px”。此外，“height”參數(shù)從原來的“300px”被變更為查詢關(guān)聯(lián)區(qū)域信息表T60中的作為“構(gòu)成要素的顯示高度”的“ΙΟΟρχ”。此外，“top”參數(shù)從原來的“400px”被變更為查詢關(guān)聯(lián)區(qū)域信息表T60中的作為“構(gòu)成要素的顯示位置”的“top”參數(shù)的“ΙΟΟρχ”。
[0247]#C-007 {
[0248]width: 160px ；
[0249]height: 120px ；
[0250]posit1n:absolute ；
[0251]top:200px ；
[0252]left:0px ；
[0253]}
[0254]在此，“width”參數(shù)從原來的“480px”被變更為查詢關(guān)聯(lián)區(qū)域信息表T60中的作為“構(gòu)成要素的顯示寬度”的“160px”。此外，“height”參數(shù)從原來的“360px”被變更為查詢關(guān)聯(lián)區(qū)域信息表T60中的作為“構(gòu)成要素的顯示高度”的“120px”。此外，“top”參數(shù)從原來的“2100px”被變更為查詢關(guān)聯(lián)區(qū)域信息表T60中的作為“構(gòu)成要素的顯示位置”的“top” 參數(shù)的 “200px”。
[0255]#C-009 {
[0256]width:320px ；
[0257]height: 180px ；
[0258]posit1n:absolute ；
[0259]top:320px ；
[0260]left:0px ；
[0261]}
[0262]在此，“width”參數(shù)從原來的“960px”被變更為查詢關(guān)聯(lián)區(qū)域信息表T60中的作為“構(gòu)成要素的顯示寬度”的“320px”。此外，“height”參數(shù)從原來的“540px”被變更為查詢關(guān)聯(lián)區(qū)域信息表T60中的作為“構(gòu)成要素的顯示高度”的“180px”。此外，“top”參數(shù)從原來的“2800px”被變更為查詢關(guān)聯(lián)區(qū)域信息表T60中的作為“構(gòu)成要素的顯示位置”的“top” 參數(shù)的 “320px”。
[0263]最后，Web頁面制作部104針對查詢關(guān)聯(lián)區(qū)域信息表T60中的各構(gòu)成要素，基于“構(gòu)成要素的顯示順序”、保存在“查詢關(guān)聯(lián)區(qū)域所屬的構(gòu)成要素的文本信息的保存URL”的文本信息、保存在“查詢關(guān)聯(lián)區(qū)域所屬的構(gòu)成要素的樣式信息的保存URL”的樣式信息、規(guī)定的HTML文本信息以及CSS的文本信息，制作查詢Web頁面(S208)，結(jié)束第I查詢Web頁面制作處理。
[0264]具體而言，查詢關(guān)聯(lián)區(qū)域信息表T60中的各構(gòu)成要素按照“構(gòu)成要素的顯示順序”而被結(jié)合。在此，以構(gòu)成要素ID為“C-002”、“C-004”、“C-007”以及“C-009”的順序來結(jié)合這些構(gòu)成要素。此外，保存在“查詢關(guān)聯(lián)區(qū)域所屬的構(gòu)成要素的文本信息的保存URL”的文本文件的內(nèi)容被結(jié)合，保存在“查詢關(guān)聯(lián)區(qū)域所屬的構(gòu)成要素的樣式信息的保存URL”的文本文件的內(nèi)容也被另行結(jié)合。
[0265]在此，規(guī)定的HTML文本信息是指為了結(jié)合查詢關(guān)聯(lián)區(qū)域所屬的構(gòu)成要素的文本信息并制作查詢Web頁面而追加需要的信息。具體而言，作為規(guī)定的HTML文本信息包含有HTML的版本信息、HTML的頭信息以及HTML的體信息。作為HTML的頭信息，例如，是對象Web頁面ID (例如，W-00001等)作為CSS文件名以及標(biāo)題的值而被設(shè)定的信息。
[0266]首先，HTML的版本信息是如下所述的信息。
[0267]< ! DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transit1nal//EN”
[0268]“http://www.w3.0rg/TR/html4/loose 4.dtd” >
[0269]<html>
[0270]…
[0271]</html>
[0272]對象Web頁面ID (例如，W-00001等)被設(shè)定為CSS文件名以及標(biāo)題的值而被設(shè)定的HTML的頭信息是如下所述的信息。
[0273]〈head〉
[0274]<meta http-equiv = α Content-Type ^content =‘‘text/html ；charset = Shift_JIS，，/>
[0275]〈link rel = “stylesheet” type = “text/css”href = “W-00001.css”/>
[0276]<meta http-equiv = “Content-Script-Type，，content = “text/javascript，，/>
[0277]<title>ff-00001</title>
[0278]〈head〉
[0279]HTML的體信息是如下所述被“body”標(biāo)記包圍的信息。
[0280]〈body〉
[0281]…
[0282]〈/body〉
[0283]此外，規(guī)定的CSS的文本信息是指為了結(jié)合查詢關(guān)聯(lián)區(qū)域所屬的構(gòu)成要素的樣式信息并制作查詢Web頁面而追加需要的信息。具體而言，規(guī)定的CSS文本信息是如下所述樣式表的編碼信息。
[0284]Ocharset “Shift_JIS” ；
[0285]其次，保存在“查詢關(guān)聯(lián)區(qū)域所屬的構(gòu)成要素的文本信息的保存URL”的文本信息按照構(gòu)成要素ID為“C-002”、“C-004”、“C-007”以及“C-009”的構(gòu)成要素的順序而被結(jié)合。然后，在被結(jié)合的文本信息的前后，如圖10所示，規(guī)定的HTML文本信息被結(jié)合，從而制作查詢Web頁面的文本信息。
[0286]進(jìn)一步，保存在“查詢關(guān)聯(lián)區(qū)域所屬的構(gòu)成要素的樣式信息的保存URL”的樣式信息按照構(gòu)成要素ID為“C-002”、“C-004”、“C-007”以及“C-009”的構(gòu)成要素的順序被結(jié)合。然后，在被結(jié)合的樣式信息之前，如圖11所示，規(guī)定的CSS的文本信息被結(jié)合，從而制作查詢Web頁面的樣式信息。最后，利用這些被制作成的查詢Web頁面的文本信息及樣式信息來制作查詢Web頁面。
[0287]另一方面，在對象Web頁面中的構(gòu)成要素?cái)?shù)為一個的情況下(在S201為是)，Web頁面制作部104比較查詢關(guān)聯(lián)區(qū)域信息表T60中的“構(gòu)成要素的寬度”與查詢信息表T20中的“矩形的寬度”，計(jì)算“矩形的寬度”相對于“構(gòu)成要素的寬度”的比例(S209)。
[0288]其次，Web頁面制作部104基于計(jì)算出的比例，決定登記在查詢關(guān)聯(lián)區(qū)域信息表T60中的構(gòu)成要素的寬度和高度，并將所決定的寬度和高度登記在查詢關(guān)聯(lián)區(qū)域信息表T60的“構(gòu)成要素的顯示寬度”和“構(gòu)成要素顯示高度”(S210)。
[0289]其次，Web頁面制作部104基于登記在查詢關(guān)聯(lián)區(qū)域信息表T60的“構(gòu)成要素的顯示寬度”、“構(gòu)成要素的顯示高度”以及“構(gòu)成要素的顯示位置”，加工構(gòu)成要素的樣式信息，并將其保存在“查詢關(guān)聯(lián)區(qū)域所屬構(gòu)成要素的樣式信息的保存URL”(S211)。在此，“構(gòu)成要素的顯示位置”，例如，為(top, left) = (Ορχ,Ορχ) ο
[0290]最后，Web頁面制作部104基于保存在查詢關(guān)聯(lián)區(qū)域信息表Τ60的“查詢關(guān)聯(lián)區(qū)域所屬的構(gòu)成要素的文本信息的保存URL”中的文本信息、保存在“查詢關(guān)聯(lián)區(qū)域所屬的構(gòu)成要素的樣式信息的保存URL”中的樣式信息、規(guī)定的HTML文本信息、CSS的文本信息，制作查詢Web頁面(S212)，結(jié)束第I查詢Web頁面制作處理。
[0291]另外，S209至S212為止的處理的具體例子，因與在上述的S203、S204、S207、S208中只處理對象Web頁面ID為“W-00001”的對象Web頁面的查詢關(guān)聯(lián)區(qū)域所屬的構(gòu)成要素、例如，構(gòu)成要素ID為“C-002”的構(gòu)成要素時的情況相同，故省略其說明。
[0292]其次，利用圖12對S109所示的由Web頁面制作部104進(jìn)行第2查詢Web頁面制作處理的流程進(jìn)行說明。S109所示的由Web頁面制作部104進(jìn)行的第2查詢Web頁面制作處理，具體而言，是指制作標(biāo)記了查詢關(guān)聯(lián)區(qū)域在對象Web頁面中的位置及大小的顯示圖像，并將制作的顯示圖像合成到查詢Web頁面的處理。
[0293]圖12所示的S301至S312，因?yàn)榕c圖9所示的S201至S212相同，故省略其說明。
[0294]在S312的處理之后，Web頁面制作部104基于圖3所示的構(gòu)成要素文本信息表T30中的“Web頁面的寬度”和“Web頁面的高度”、圖6所示的查詢關(guān)聯(lián)區(qū)域信息表T60中的“構(gòu)成要素的位置”和“構(gòu)成要素的寬度”以及“構(gòu)成要素的高度”，制作標(biāo)記了各查詢關(guān)聯(lián)區(qū)域在對象Web頁面中的位置及大小的顯示圖像(S313)。
[0295]例如，關(guān)于對象Web頁面ID為“W-00001”的對象Web頁面，首先，取得登記在圖3所示的構(gòu)成要素文本信息表T30的“Web頁面的寬度”和“Web頁面的高度”的“1920px”和“3240px”。
[0296]其次，關(guān)于登記在圖6所示的查詢關(guān)聯(lián)區(qū)域信息表T60中的各構(gòu)成要素，取得“構(gòu)成要素的位置”、“構(gòu)成要素的寬度”及“構(gòu)成要素的高度”。
[0297]例如，關(guān)于構(gòu)成要素ID為“C-002”的構(gòu)成要素，作為“構(gòu)成要素的位置”、“構(gòu)成要素的寬度”及“構(gòu)成要素的高度”，分別取得“(top，left) = (400px，0px)”、“1920px”和“300px，，。
[0298]此外，關(guān)于構(gòu)成要素ID為“C-004”的構(gòu)成要素，作為“構(gòu)成要素的位置”、“構(gòu)成要素的寬度”及“構(gòu)成要素的高度”，分別取得“(top，left) = (1100px，0px)”、“1920px”和“300ρχ，，。
[0299]此外，關(guān)于構(gòu)成要素ID為“C-007”的構(gòu)成要素，作為“構(gòu)成要素的位置”、“構(gòu)成要素的寬度”及“構(gòu)成要素的高度”，分別取得“(top，left) = (2100px，200px)”、“480px”和“360px，，。
[0300]此外，關(guān)于構(gòu)成要素ID為“C-009”的構(gòu)成要素，作為“構(gòu)成要素的位置”、“構(gòu)成要素的寬度”及“構(gòu)成要素的高度”，分別取得“(top，left) = (2800px，400px)”、“960px”和“540px”。
[0301]然后，制作與對象Web頁面相同面積(1920pxX3240px)的例如白圖像。其次，分別制作與構(gòu)成要素IDS“C-002”、“C-004”、“C-007”以及“C-009”的構(gòu)成要素相同面積(依次為“ 1920px X 300px ”、“ 1920px X 300px ”、“ 480px X 360px ”、“ 960px X 540px ”)的例如黑圖像。其次，將制作的四個黑圖像配置在與構(gòu)成要素ID為“C-002”、“C-004”、“C-007”以及“C-009”的構(gòu)成要素在對象Web頁面上的配置位置相同的白圖像上的位置。
[0302]詳細(xì)而言，將制作的白圖像的左上的頂點(diǎn)作為基準(zhǔn)位置。然后，在白圖像中“朝下方400px、朝右方Opx的位置”配置與構(gòu)成要素ID “C-002”相對應(yīng)的黑圖像。此外，在白圖像中“朝下方ΙΙΟΟρχ、朝右方Opx的中位置”配置與構(gòu)成要素ID “C-004”相對應(yīng)的黑圖像。此外，在白圖像中“朝下方2100px、朝右方200px的位置”配置與構(gòu)成要素ID “C-007”相對應(yīng)的黑圖像。此外，在白圖像中“朝下方2800px、朝右方400px的位置”配置所制作的黑圖像。
[0303]然后，配置有四個黑圖像的白圖像被縮小成規(guī)定比例(例如，5%等)的大小以制作圖標(biāo)。該圖標(biāo)是標(biāo)記了各查詢關(guān)聯(lián)區(qū)域在對象Web頁面中的位置及大小的顯示圖像。以下，將該圖標(biāo)稱為查詢圖標(biāo)。
[0304]其次，Web頁面制作部104將在S313制作的查詢圖標(biāo)合成到查詢Web頁面(S314)，結(jié)束第2查詢Web頁面制作處理。具體而言，在S313制作的查詢圖標(biāo)被配置在查詢Web頁面的例如右上角。此外，查詢圖標(biāo)使用例如，CSS的“z-1ndex:100 ； ”參數(shù)等被合成到查詢Web頁面。據(jù)此，即使用戶滾動操作查詢Web頁面，查詢圖標(biāo)也以被固定在瀏覽器301的矩形的右上角的狀態(tài)加以顯示。
[0305]如圖13的右圖所示，查詢圖標(biāo)1301被配置在瀏覽器301的矩形的右上角。另外，圖13的左圖是示意地表示構(gòu)成對象Web頁面的構(gòu)成要素的圖，與圖7的左圖相同。在圖13的右圖中，構(gòu)成要素IDS“C-002”、“C-004”以及“C-007”的一部分的構(gòu)成要素被顯示在矩形內(nèi)，但構(gòu)成要素ID為“C-009”的構(gòu)成要素未被顯示在矩形內(nèi)。然后，如果用戶輸入滾動操作，查詢Web頁面向上方滾動，構(gòu)成要素ID為“C-007”的構(gòu)成要素及構(gòu)成要素ID為“C-009”的構(gòu)成要素被顯示在矩形內(nèi)。此時，查詢圖標(biāo)1301在矩形內(nèi)的相同位置被顯示。據(jù)此，可以防止伴隨著查詢Web頁面的滾動查詢圖標(biāo)1301變成非顯示。因此，用戶始終可以從查詢圖標(biāo)1301確認(rèn)現(xiàn)在正在顯示的構(gòu)成要素被配置在對象Web頁面的哪個位置。
[0306]另外，在此，例示了采用查詢圖標(biāo)1301作為標(biāo)記了各查詢關(guān)聯(lián)區(qū)域在Web頁面中的位置及大小的顯示圖像，將查詢圖標(biāo)1301合成到查詢Web頁面。但是，這只不過是一個例子而已。例如，標(biāo)記查詢關(guān)聯(lián)區(qū)域的位置及大小的顯示圖像，不僅局限在應(yīng)用于Web頁面，例如，也可以應(yīng)用于靜止畫面和動畫。
[0307]具體而言，在靜止畫面中，當(dāng)靜止畫面的一部分區(qū)域作為查詢關(guān)聯(lián)區(qū)域而被提取時，可以與上述的Web頁面的情況相同，制作標(biāo)記了查詢關(guān)聯(lián)區(qū)域在靜止畫面中的位置及大小的查詢圖標(biāo)。此時，作為查詢圖標(biāo)，可以采用在表示整個靜止畫面的白色四邊形上配置有與查詢關(guān)聯(lián)區(qū)域相對應(yīng)的黑色四邊形的圖像。圖14是表示標(biāo)記了查詢關(guān)聯(lián)區(qū)域在靜止畫面中的位置及大小的顯示的顯示例的示意圖。在圖14的例子中，標(biāo)記查詢關(guān)聯(lián)區(qū)域在靜止畫面中的位置及大小的查詢圖標(biāo)1401例如，被配置在靜止畫面的右上角，與靜止畫面合成。
[0308]圖14所示的查詢圖標(biāo)1401的白色的四邊形的大小表示原來的靜止畫面的大小。此外，白色四邊形中的黑色四邊形的位置表示查詢關(guān)聯(lián)區(qū)域在原來的靜止畫面中的位置。此外，白色四邊形中的黑色四邊形的大小表示查詢關(guān)聯(lián)區(qū)域在原來的靜止畫面中的大小。用戶通過查看查詢圖標(biāo)1401，可以迅速地識別查詢關(guān)聯(lián)區(qū)域在靜止畫面中的位置。
[0309]在動畫中，當(dāng)動畫的一部分幀圖像(frame image)作為查詢關(guān)聯(lián)區(qū)域而被提取時，制作記述了查詢關(guān)聯(lián)區(qū)域在動畫中的再生開始位置、再生結(jié)束位置及再生時間的查詢圖標(biāo)。圖15是表示標(biāo)記了查詢關(guān)聯(lián)區(qū)域在動畫中的位置及大小的顯示的顯示例的示意圖。
[0310]如圖15所示，查詢圖標(biāo)1501采用在白色箭頭中顯示有黑色四邊形的圖像。白色箭頭的長度表示原來的動畫的再生時間。黑色四邊形的左邊的位置表示查詢關(guān)聯(lián)區(qū)域在原來的動畫中的再生開始位置。黑色四邊形的右邊的位置表示查詢關(guān)聯(lián)區(qū)域在原來的動畫中的再生結(jié)束位置。黑色四邊形的橫幅表示查詢關(guān)聯(lián)區(qū)域在原來的動畫中的長度。而且，查詢圖標(biāo)1501被顯示在動畫的例如右上方。
[0311]用戶通過查看查詢圖標(biāo)1501可以迅速地識別查詢關(guān)聯(lián)區(qū)域的再生開始位置等。此外，通過使顯示在動畫的畫面下部的滑桿1502滑動，用戶可以立即開始查詢關(guān)聯(lián)區(qū)域的再生。在此，滑桿1502在橫向上較長，其全長與查詢圖標(biāo)1501的白色箭頭的全長相對應(yīng)。因此，用戶可以從查詢圖標(biāo)1501中黑色四邊形相對于白色箭頭的相對位置關(guān)系，容易確定查詢關(guān)聯(lián)區(qū)域在滑桿1502中的再生開始位置。
[0312](變形例I)
[0313]在S203、S204，通過求出瀏覽器301的矩形的寬度相對于查詢關(guān)聯(lián)區(qū)域所屬的構(gòu)成要素的最大寬度的比例，并將該比例與各構(gòu)成要素的寬度和高度相乘，來計(jì)算查詢Web頁面的各構(gòu)成要素的顯示寬度及顯示高度。但是，這只是一個例子。例如，也可以通過求出瀏覽器301的矩形的高度相對于查詢關(guān)聯(lián)區(qū)域所屬的構(gòu)成要素的最大高度的比例，并將該比例與各構(gòu)成要素的寬度和高度相乘，來計(jì)算查詢Web頁面的各構(gòu)成要素的顯示寬度及顯示高度。
[0314]例如，在圖6的例子中，在四個構(gòu)成要素中“構(gòu)成要素的高度”的最大值為“540px”。此外，在圖2的例子中，“矩形的高度”為“540px”。因此，“矩形的高度”相對于“構(gòu)成要素的高度”的最大值的比例為“540px/540px= I”。因此，登記在圖6的各構(gòu)成要素的寬度和高度分別被乘以I倍來決定查詢Web頁面的各構(gòu)成要素的顯示寬度及顯示高度。
[0315]另外，該方法對于瀏覽器301的矩形橫向長，將查詢關(guān)聯(lián)區(qū)域所屬的構(gòu)成要素沿橫向排列來制作查詢We