什么是頁面 頁面的類型 建立頁面的方式 頁面管理的常用按鍵 如何進(jìn)入頁面編輯
1.什么是頁面:
我們用不同的頁面對(duì)需要展示的內(nèi)容進(jìn)行分類以求達(dá)到整潔完整的展示效果。下面的導(dǎo)航圖中“首頁”是一個(gè)頁面,“關(guān)于我們”等等都各是一個(gè)頁面。
2.頁面的類型:
底板:一般網(wǎng)頁中,多個(gè)頁面均共享同一個(gè)公司logo,banner圖,語言欄目,頁面/站點(diǎn)背景等等元素,在這個(gè)情況下,就可以把這些元素放在底板頁中,然后在建立普通頁面的時(shí)候,選擇“應(yīng)用底板”。每個(gè)網(wǎng)站可以有多個(gè)底板,也可能只是用同一個(gè)底板。(一般建議先做好通用的底板,再建立普通頁面,可以節(jié)省很多時(shí)間)具體的使用會(huì)在第七課中講解。 普通頁面:大家可以在上圖導(dǎo)航條看到的所有名稱,每個(gè)都是一個(gè)頁面(當(dāng)然,也可以存在導(dǎo)航條不顯示的普通頁面)。 編輯時(shí),可以任意刪減這些頁面,或者新增其它的頁面。每個(gè)頁面可以有子頁面,如“商品展示”下可以有“商品類型A”,“商品類型B”等等。通常這些頁面都會(huì)直接在導(dǎo)航條顯示,但也可以通過頁面屬性中的“在導(dǎo)航條中隱藏”來隱藏這個(gè)名稱。
3.建立頁面的方式:
開通建站的時(shí)候,需要選擇一個(gè)模板,模板已有建好的頁面,您可以選擇:
a. 直接在原有的頁面做修改,替換成自己的內(nèi)容(包括頁面名稱,內(nèi)容等等全部可以更改),這樣可以節(jié)省布局或者設(shè)計(jì)的時(shí)間。當(dāng)然,您也可以:
b. 刪除原有的頁面再新建所需要的頁面,并自行添加所需的頁面內(nèi)容,如:導(dǎo)航條、文字模塊、圖片模塊、會(huì)員模塊等等并按自己的想法進(jìn)行布局和設(shè)計(jì)。
4.頁面管理的常用按鍵:
我們可以在編輯頁面左上角看到網(wǎng)站的所有頁面,鼠標(biāo)指向某個(gè)頁面名稱時(shí),可以見到這些按鈕, 如下圖所示: 其中紅色區(qū)域?yàn)轫撁婀芾淼幕竟δ馨粹o.下圖中紅色方框中按鈕功能是在該頁下添加一個(gè)子頁面, 比如我們?cè)?span lang="EN-US">“首頁”下添加“優(yōu)惠促銷”這個(gè)子頁面.
下圖中紅色方框中按鈕功能復(fù)制頁面, 您可以復(fù)制一個(gè)頁面. 如果您的網(wǎng)站有許多頁面有相同的模塊時(shí), 用復(fù)制頁面可以節(jié)省您的制作時(shí)間(用底版也可以達(dá)到相同效果., 底版在維護(hù)網(wǎng)站時(shí)更加高效)
下圖中紅色方框中按鈕功能轉(zhuǎn)存為底版,將指定頁面轉(zhuǎn)存為底版頁. 這樣在做網(wǎng)站時(shí)可以重復(fù)調(diào)用底版, 省時(shí)省力;另外網(wǎng)站做好以后需要維護(hù)時(shí), 也很方便, 比如要換張圖片, 這張圖片是在底版上, 我們只需要換掉這張圖, 全站凡是引用了這個(gè)底版的頁面上就都更換了. 我們可以把底版想象成另外一種形式的背景.
下圖中紅色方框中按鈕功能導(dǎo)航欄上可見, 此功能控制該頁面名稱是否出現(xiàn)在導(dǎo)航欄上. 比如您有個(gè)產(chǎn)品促銷頁面, 由于有一定的時(shí)效性, 促銷活動(dòng)結(jié)束后, 就可以點(diǎn)這個(gè)功能按鈕將其隱去。下次舉行類似活動(dòng)時(shí), 可稍微修改一下(比如活動(dòng)有效期, 產(chǎn)品信息等)然后再發(fā)布出來即可.
下圖中紅色方框中按鈕功能頁面屬性, 與創(chuàng)建新建頁面需要填的內(nèi)容一樣, 這里我們可以進(jìn)行調(diào)整.
下圖中紅色方框中按鈕功能刪除該頁面,這個(gè)操作不可恢復(fù),該操作不適用于首頁。
5.如何進(jìn)入頁面編輯:
在決定修改或者新增頁面前,我們需要先了解頁面管理的入口位置和相關(guān)的功能設(shè)置。進(jìn)入編輯頁面后,左上角會(huì)出現(xiàn):
頁面:當(dāng)前編輯的是普通頁面,會(huì)直接顯示在導(dǎo)航條上,除非設(shè)置了“導(dǎo)航條上隱藏”。 “首頁”:現(xiàn)有所有頁面名稱中的一個(gè),點(diǎn)擊此處會(huì)出現(xiàn)所有頁面名稱的列表,從而進(jìn)入各個(gè)頁面的編輯。如下圖:
a.頁面管理:管理各個(gè)普通頁面
b.點(diǎn)擊進(jìn)入“底板管理”,可以添加多個(gè)底板并應(yīng)用于不同的頁面中
c.首頁的標(biāo)志,首頁是一個(gè)網(wǎng)站打開時(shí)的默認(rèn)頁面,可以在頁面屬性中設(shè)定某個(gè)頁面為“首頁”
d.鼠標(biāo)拖動(dòng)這個(gè)圖標(biāo),可以移動(dòng)頁面的順序或者調(diào)整層級(jí)
e.頁面的功能按鈕,從左到右為:添加子頁面,復(fù)制頁面,復(fù)制為底板,在導(dǎo)航條隱藏與否,頁面屬性,刪除頁面,后面會(huì)詳細(xì)介紹
f.新建一個(gè)頁面,點(diǎn)擊會(huì)彈出新窗口
g.頁面數(shù)較多時(shí),向下拖可以查看底部的其它頁面
2. 點(diǎn)擊“創(chuàng)建新頁面”,系統(tǒng)彈出以下窗口:
“頁面名稱”:填寫后該名稱會(huì)出現(xiàn)在頁面管理界面,如果您選擇了導(dǎo)航顯示。則該名稱會(huì)出現(xiàn)在導(dǎo)航欄上。 “頁面地址”:填寫后該名稱會(huì)出現(xiàn)在瀏覽器上顯示的地址內(nèi),如下圖:
“選擇底版”:底版的作用是在做網(wǎng)站中,一些每頁都要重復(fù)出現(xiàn)的內(nèi)容我們把它們單獨(dú)放在一個(gè)底版上,當(dāng)添加一個(gè)新頁面時(shí)可以加載這個(gè)底版,那這些重復(fù)出現(xiàn)的內(nèi)容就不需要從頭再去做了,比如象logo、banner、導(dǎo)航條、背景圖等等。我們也可以形象的把它認(rèn)為是網(wǎng)頁的一個(gè)“特殊”背景。如果不用用底版則此處就選“不使用底版”。 “上級(jí)菜單”:因?yàn)槲覀兊南到y(tǒng)支持二級(jí)頁面, 您可以在這里指定當(dāng)前新頁面是屬于哪個(gè)頁面下的二級(jí)頁面, 系統(tǒng)會(huì)自動(dòng)的調(diào)整該頁面在導(dǎo)航條上的位置。改圖中“新頁面”的上級(jí)菜單為“關(guān)于我們”。
“設(shè)置密碼”:當(dāng)該頁面訪問需要進(jìn)行密碼認(rèn)證時(shí)可在此設(shè)置密碼, 對(duì)于普通網(wǎng)站此處不設(shè)置。設(shè)置了密碼后,訪問該頁面需要輸入密碼:
“設(shè)置seo”:該建站系統(tǒng)支持seo網(wǎng)站優(yōu)化,您可以在此單獨(dú)設(shè)置該頁面的搜索關(guān)鍵詞。點(diǎn)擊“是”后,系統(tǒng)彈出界面:
“導(dǎo)航顯示”:選擇是, 則該頁面將出現(xiàn)在導(dǎo)航條上。該操作也可以直接在“頁面管理”處設(shè)置:
“顯示頁腳”:頁腳一般是指網(wǎng)站的最底部的信息, 比如公司名稱、版權(quán)聲明、聯(lián)系電話、地址等等. 當(dāng)頁面選擇顯示頁腳后, 在該頁面最底部就會(huì)出現(xiàn)一個(gè)灰色的內(nèi)容框, 您可以在此處編輯頁腳. 需要注意的是往頁腳里添動(dòng)模塊時(shí), 需要勾選模塊屬性里的“底部元素”, 然后才能將模塊拖進(jìn)頁腳區(qū), 如下圖:
“站外鏈接”:在此處輸入鏈接地址后, 則會(huì)在導(dǎo)航欄上建立一個(gè)鏈接, 當(dāng)你點(diǎn)擊時(shí)則會(huì)跳轉(zhuǎn)到這個(gè)鏈接地址。如果在空格位置填上“#”,則該頁面名稱在導(dǎo)航條上無法點(diǎn)選,一般這個(gè)會(huì)使用在:當(dāng)前頁面下有子頁面,希望訪客直接點(diǎn)擊打開子頁面的情況。 “新窗口”:是指當(dāng)點(diǎn)擊導(dǎo)航欄上鏈接時(shí), 是否新打開一個(gè)窗口顯示頁面內(nèi)容。
3. 比如我們要?jiǎng)?chuàng)建一個(gè)空白頁面, 取名叫“測(cè)試頁面”,按照要求填好以上相關(guān)內(nèi)容后,系統(tǒng)就會(huì)創(chuàng)建好新頁面,同時(shí)當(dāng)前頁面會(huì)跳轉(zhuǎn)到新的頁面上。在左上角可以看到當(dāng)前所在頁面的名稱: