一種由框架組成的網(wǎng)頁(yè)及制作方法、裝置及其顯示方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及網(wǎng)頁(yè)技術(shù)領(lǐng)域,尤其是一種由框架組成的網(wǎng)頁(yè)及制作方法、裝置及其顯示方法。
【背景技術(shù)】
[0002]網(wǎng)頁(yè)是構(gòu)成網(wǎng)站的基本元素,是承載各種網(wǎng)站應(yīng)用的平臺(tái)。
[0003]人們的生活越來(lái)越離不開(kāi)互聯(lián)網(wǎng),隨著電腦顯示器和手機(jī)的屏幕越來(lái)越大,網(wǎng)頁(yè)展示信息的方式比較單一,現(xiàn)在一個(gè)網(wǎng)頁(yè)只能顯示一個(gè)網(wǎng)站的內(nèi)容,無(wú)法把兩個(gè)或兩個(gè)以上的網(wǎng)站的內(nèi)容同時(shí)顯示。
【發(fā)明內(nèi)容】
[0004]為解決上述問(wèn)題,本發(fā)明提供一種由框架組成的網(wǎng)頁(yè)及制作方法、裝置及其顯示方法。
[0005]本發(fā)明采取的方案是。
[0006]一方面,本發(fā)明的實(shí)施例提供一種由框架組成的網(wǎng)頁(yè),所述的由框架構(gòu)成的網(wǎng)頁(yè)包括:瀏覽器和顯示區(qū),所述的瀏覽器和顯示區(qū)中所有框架是有邊框和滾動(dòng)條的,所述的邊框是帶有顏色的,所述的顏色是除白色以外的顏色,且可以用鼠標(biāo)拖動(dòng)或用手指滑動(dòng)帶顏色的邊框調(diào)整每一個(gè)框架之間的間距。
[0007]進(jìn)一步的,所述的瀏覽器含有多個(gè)網(wǎng)站和阿拉伯?dāng)?shù)字組合。
[0008]進(jìn)一步的,所述的阿拉伯?dāng)?shù)字位于網(wǎng)站的后面,且是帶有鏈接的。
[0009]進(jìn)一步的,所述的鏈接是阿拉伯?dāng)?shù)字鏈接顯示區(qū)中的框架,且網(wǎng)站的內(nèi)容在顯示區(qū)中的框架顯示。
[0010]進(jìn)一步的,所述的網(wǎng)站包括:門戶網(wǎng)站、網(wǎng)頁(yè)版軟件網(wǎng)站、網(wǎng)頁(yè)游戲網(wǎng)站和網(wǎng)頁(yè)攝像頭網(wǎng)站。
[0011]進(jìn)一步的,所述的門戶網(wǎng)站包括:新浪網(wǎng)、搜狐網(wǎng)、騰訊網(wǎng)等。
[0012]進(jìn)一步的,所述的網(wǎng)頁(yè)版軟件網(wǎng)站包括:微信網(wǎng)頁(yè)版、qq網(wǎng)頁(yè)版、美圖秀秀網(wǎng)頁(yè)版等。
[0013]進(jìn)一步的,所述的網(wǎng)頁(yè)游戲網(wǎng)站包括:傳奇霸業(yè)、戰(zhàn)國(guó)之怒、大天使之劍等。
[0014]進(jìn)一步的,所述的網(wǎng)頁(yè)攝像頭網(wǎng)站包括:media capture可以讓網(wǎng)頁(yè)通過(guò)瀏覽器,直接訪問(wèn)您的攝像頭獲取圖像,適用于社交網(wǎng)站。
[0015]進(jìn)一步的,所述的瀏覽器位于由框架組成的網(wǎng)頁(yè)其中的一個(gè)框架。
[0016]進(jìn)一步的,所述的顯示區(qū)位于由框架組成的網(wǎng)頁(yè)中除瀏覽器的框架的區(qū)域。
[0017]進(jìn)一步的,還有所述的顯示區(qū)至少由二個(gè)框架組成。
[0018]另一方面,本發(fā)明的實(shí)施例還提供一種由框架組成的網(wǎng)頁(yè)裝置,其包括上文所述的由框架組成的網(wǎng)頁(yè)。
[0019]又一方面,本發(fā)明的實(shí)施例還提供一種由框架組成的網(wǎng)頁(yè)制作方法,包括以下步驟。
[0020]步驟1、用網(wǎng)頁(yè)制作軟件制作一個(gè)空白的網(wǎng)頁(yè)。
[0021]步驟2、在空白的網(wǎng)頁(yè)上設(shè)置至少三個(gè)框架。
[0022]步驟3、每一個(gè)框架設(shè)置成帶有邊框和滾動(dòng)條。
[0023]步驟4、每一個(gè)框架設(shè)置成一定的邊界寬度和邊界高度。
[0024]步驟5、每一個(gè)框架的邊框設(shè)置成除白色以外的顏色,目的是可以用鼠標(biāo)拖動(dòng)或用手指滑動(dòng)帶顏色的邊框調(diào)整每一個(gè)框架之間的間距。
[0025]步驟6、所有網(wǎng)站編程在由框架組成的網(wǎng)頁(yè)其中的一個(gè)框架中;這個(gè)框架作為瀏覽器使用。
[0026]步驟7、除作為瀏覽器使用的框架,其他的框架全部作為顯示網(wǎng)站內(nèi)容的框架,全部作為顯示網(wǎng)站內(nèi)容的框架形成一個(gè)顯示區(qū),簡(jiǎn)稱顯示區(qū)。
[0027]步驟8、顯示區(qū)中的框架全部設(shè)置框架名稱和排列順序,具體的方式是有二個(gè)框架名稱是框架1、框架2,有三個(gè)框架名稱是框架1、框架2、框架3,更多不在一一舉例。
[0028]步驟9、把每一個(gè)顯示區(qū)中的框架名稱生成一個(gè)對(duì)應(yīng)的阿拉伯?dāng)?shù)字,具體的方式是框架I對(duì)應(yīng)1、框架2對(duì)應(yīng)2、框架3對(duì)應(yīng)3、更多不在——舉例。
[0029]步驟10、生成的阿拉伯?dāng)?shù)字加入在網(wǎng)站的后面并按照先后順序排列,然后設(shè)置一定的間距,具體的網(wǎng)站的后面有幾組阿拉伯?dāng)?shù)字,取決于顯示網(wǎng)站內(nèi)容的框架有幾個(gè)。
[0030]步驟11、在網(wǎng)站后面的幾組阿拉伯?dāng)?shù)字全部設(shè)置成對(duì)應(yīng)網(wǎng)站的鏈接,無(wú)論點(diǎn)擊網(wǎng)站后面的任何一組阿拉伯?dāng)?shù)字都可以打開(kāi)網(wǎng)站。
[0031]步驟12、在有鏈接的網(wǎng)站后面的幾組阿拉伯?dāng)?shù)字設(shè)置對(duì)應(yīng)的目標(biāo)框架,具體的方式是I目標(biāo)框架對(duì)應(yīng)框架1、2目標(biāo)框架對(duì)應(yīng)框架2、3目標(biāo)框架對(duì)應(yīng)框架3、更多不在一一舉例。
[0032]優(yōu)選的,步驟I所述的網(wǎng)頁(yè)制作軟件為是美國(guó)Dreamweaver公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器。
[0033]優(yōu)選的,步驟4所述的邊界寬度和邊界高度是指框架與框架之間邊框的寬度和高度。
[0034]優(yōu)選的,步驟8所述的框架1、框架2、框架3也可以是框架a、框架b、框架C。
[0035]優(yōu)選的,步驟9所述的阿拉伯?dāng)?shù)字也可以是大寫(xiě)或小寫(xiě)的英文字母。
[0036]優(yōu)選的,步驟12所述的目標(biāo)框架是指定超鏈接的目標(biāo)文件要在其中顯示的那個(gè)框架。
[0037]又一方面,本發(fā)明的實(shí)施例還提供一種由框架組成的網(wǎng)頁(yè)顯示方法,其特征在于,包括以下步驟。
[0038]步驟1、從瀏覽器中找到需要瀏覽的網(wǎng)站。
[0039]步驟2、確定網(wǎng)站顯示在第幾個(gè)框架里面。
[0040]步驟3、查找顯示框架對(duì)應(yīng)的網(wǎng)站后面的阿拉伯?dāng)?shù)字。
[0041]步驟4、點(diǎn)擊網(wǎng)站后面的阿拉伯?dāng)?shù)字。
[0042]步驟5、再?gòu)臑g覽器中找到需要瀏覽的其他網(wǎng)站。
[0043]步驟6、按照上述步驟,把其他的網(wǎng)站內(nèi)容顯示在顯示區(qū)空白的框架中。
[0044]步驟7、根據(jù)不同的顯示屏幕大小,用鼠標(biāo)拖動(dòng)或用手指滑動(dòng)帶顏色的邊框調(diào)整框架之間的間距,以實(shí)現(xiàn)最佳的顯示多個(gè)網(wǎng)站內(nèi)容的效果。
[0045]本發(fā)明示例提供的一種由框架組成的網(wǎng)頁(yè)及制作方法、裝置及其顯示方法,由于在空白的網(wǎng)頁(yè)上增加了至少三個(gè)框架,把所有網(wǎng)站編輯在其中的一個(gè)框架,在網(wǎng)站的后面加入阿拉伯?dāng)?shù)字,阿拉伯?dāng)?shù)字設(shè)置網(wǎng)站連接和對(duì)應(yīng)的目標(biāo)框架,當(dāng)點(diǎn)擊網(wǎng)站后面的阿拉伯?dāng)?shù)字,網(wǎng)站的內(nèi)容會(huì)顯示在對(duì)應(yīng)的目標(biāo)框架中,因此本發(fā)明解決了一個(gè)網(wǎng)頁(yè)只能顯示一個(gè)網(wǎng)站的內(nèi)容,無(wú)法把兩個(gè)或兩個(gè)以上的網(wǎng)站的內(nèi)容同時(shí)顯示。
【附圖說(shuō)明】
[0046]為了更加清楚地說(shuō)明本發(fā)明示例性實(shí)施例的技術(shù)方案,下面對(duì)描述實(shí)施例中所需要用到的附圖做一簡(jiǎn)單介紹。顯然,所介紹的附圖只是本發(fā)明所要描述的一部分實(shí)施例的附圖,而不是全部的附圖,對(duì)于本領(lǐng)域普通技術(shù)人員,在不付出創(chuàng)造性勞動(dòng)的前提下,還可以根據(jù)這些附圖得到其他的附圖。
[0047]圖1是本發(fā)明實(shí)施例一提供的一種由框架組成的網(wǎng)頁(yè)結(jié)構(gòu)示意圖。
[0048]圖2是本發(fā)明實(shí)施例一提供的另一種由框架組成的網(wǎng)頁(yè)結(jié)構(gòu)示意圖。
[0049]圖3是本發(fā)明實(shí)施例二提供的一種由框架組成的網(wǎng)頁(yè)制作方法示意圖。
[0050]圖4是本發(fā)明實(shí)施例三提供的一種由框架組成的網(wǎng)頁(yè)顯示方法示意圖。
【具體實(shí)施方式】
[0051 ]為使本發(fā)明的目的,技術(shù)方案和優(yōu)點(diǎn)更加清晰,以下將結(jié)合本發(fā)明實(shí)施例中的圖,通過(guò)【具體實(shí)施方式】,完整地描述本發(fā)明的技術(shù)方案。顯然,所描述的實(shí)施例是本發(fā)明的一部分實(shí)施例,而不是全部的實(shí)施例,基于本發(fā)明的實(shí)施例,本領(lǐng)域普通技術(shù)人員在沒(méi)有做出創(chuàng)造性勞動(dòng)的前提下獲得的所有其他實(shí)施例,均落入本發(fā)明的保護(hù)范圍之內(nèi)。
[0052]實(shí)施例一。
[0053]圖1給出了本發(fā)明實(shí)施例一提供的一種由框架組成的網(wǎng)頁(yè)結(jié)構(gòu)示意圖。
[0054]圖1中,101框架1,102框架2,103框架3,104顯示區(qū),105a網(wǎng)站,109b網(wǎng)站,I1c網(wǎng)站,1061,1072,1083,111瀏覽器。
[0055]如圖1中所示,根據(jù)本發(fā)明的實(shí)施例的一種由框架構(gòu)成的網(wǎng)頁(yè)
包括:104顯示區(qū)、111瀏覽器,所述104顯示區(qū)和111瀏覽器所有框架是有邊框和滾動(dòng)條的,所述的邊框是帶有顏色的,所述的顏色是除白色以外的顏色,且可以用鼠標(biāo)拖動(dòng)或用手指滑動(dòng)帶顏色的邊框調(diào)整每一個(gè)框架之間的間距。
[0056]進(jìn)一步的,所述的111瀏覽器含有105a網(wǎng)站,109b網(wǎng)站,IlOc網(wǎng)站和網(wǎng)站后面的阿拉伯?dāng)?shù)字組合。
[0057]進(jìn)一步的,所述的阿拉伯?dāng)?shù)字1061,1072,1083,位于105a網(wǎng)站的后面,且是帶有鏈接的。
[0058]進(jìn)一步的,所述的鏈接是阿拉伯?dāng)?shù)字1061鏈接101框架1、1072鏈接102框架2、1083鏈接103框架3,且105a網(wǎng)站,109b網(wǎng)站和IlOc網(wǎng)站的內(nèi)容在104顯示區(qū)對(duì)應(yīng)的框架中顯示。
[0059]進(jìn)一步的,所述的網(wǎng)站包括:門戶網(wǎng)站、網(wǎng)頁(yè)版軟件網(wǎng)站、網(wǎng)頁(yè)游戲網(wǎng)站和網(wǎng)頁(yè)攝像頭。
[0060]進(jìn)一步的,所述的門戶網(wǎng)站包括:新浪網(wǎng)、搜狐網(wǎng)、騰訊網(wǎng)等。
[0061]進(jìn)一步的,所述的網(wǎng)頁(yè)版軟件網(wǎng)站包括:微信網(wǎng)頁(yè)版、qq網(wǎng)頁(yè)版、美圖秀秀網(wǎng)頁(yè)版等。
[0062]進(jìn)一步的,所述的網(wǎng)頁(yè)游戲網(wǎng)站包括:傳奇霸業(yè)、戰(zhàn)國(guó)之怒、大天使之劍等。
[0063]進(jìn)一步的,所述的網(wǎng)頁(yè)攝像頭網(wǎng)站包括:media capture可以讓網(wǎng)頁(yè)通過(guò)瀏覽器,直接訪問(wèn)您的攝像頭獲取圖像,適用于社交網(wǎng)站。
[0064]進(jìn)一步的,還有所述的111瀏覽器位于由框架組成的網(wǎng)頁(yè)其中的一個(gè)框架。
[0065]進(jìn)一步的,所述的104顯示區(qū)位于由框架組成的網(wǎng)頁(yè)中除111瀏覽器的框架的區(qū)域。
[0066]進(jìn)一步的,還有所述的104顯示區(qū)包括:101框架I,102框架2,103框架3。
[0067]實(shí)施例一。
[0068]圖2給出了是本發(fā)明實(shí)施例一提供的另一種由框架組成的網(wǎng)頁(yè)結(jié)構(gòu)示意圖。
[0069]圖2中,201框架1,202框架2,203框架3,204框架4,205顯示區(qū),207a網(wǎng)站,212b網(wǎng)站,213c網(wǎng)站,2081,2092,2103,2114,206瀏覽器。
[0070]如圖2中所示,根據(jù)本發(fā)明的實(shí)施例的另一種由框架組成的網(wǎng)頁(yè)
包括:205顯示區(qū)、206瀏覽器,所述20