文本模塊讓我們正式進(jìn)入網(wǎng)站頁(yè)面的編輯工作. 對(duì)于一個(gè)網(wǎng)站來(lái)說(shuō), 文字和圖片是最主要的兩種內(nèi)容表現(xiàn)形式, 先看看如何在網(wǎng)頁(yè)中新增文本模塊或者修改模板原有的文本模塊內(nèi)的內(nèi)容。下面看看如何新增文本模塊,繼而將修改模板中自有的模塊內(nèi)容詳細(xì)闡述。
1. 新增文本模塊
若您在網(wǎng)頁(yè)中某個(gè)位置想新增一段文字, 可按以下方法操作:
點(diǎn)擊編輯界面左上角“添加”按鈕, 然后會(huì)彈出不同的功能模塊圖標(biāo)。
這些模塊都是我們網(wǎng)站設(shè)計(jì)中的常用模塊, 鼠標(biāo)放到第一個(gè)“文本”模塊上,選中并且向網(wǎng)頁(yè)中拖動(dòng), 此時(shí)文本圖標(biāo)會(huì)跟隨鼠標(biāo)動(dòng)作. 我們將其放在網(wǎng)站中想要放置的位置, 然后放開(kāi)鼠標(biāo)左鍵,文本模塊就停留在網(wǎng)頁(yè)上了, 如下圖所示:
雙擊編輯區(qū)域就可以調(diào)用出文本編輯工具條, 進(jìn)行文本編輯. 文本模塊上方有一排功能按鈕, 他們的具體功能如下:
:網(wǎng)站是由很多的模塊組成的,這樣就會(huì)有層次的關(guān)系,這兩個(gè)功能可以將模塊移到上一層或下一層, 這是每個(gè)不同類型的模塊都有的功能, 不局限于文本模塊;
:內(nèi)容編輯, 點(diǎn)擊后即可調(diào)出文本編輯工具條,可對(duì)文本進(jìn)行增刪、字體字號(hào)顏色等等各種操作:
:模塊屬性, 這個(gè)功能每個(gè)功能模塊都有, 我們可以在這里設(shè)置模塊的邊框線, 背景圖或背景顏色等, 讓模塊具有更強(qiáng)的表現(xiàn)力。功能界面如下:
勾選“頁(yè)腳元素”后,這個(gè)模塊可以被拖入網(wǎng)頁(yè)的頁(yè)腳中。
:對(duì)齊按鈕, 您可以在這里進(jìn)行模塊對(duì)齊, 我們提供了豐富的對(duì)齊功能.
您在做網(wǎng)站時(shí), 可以使用此功能進(jìn)行單模塊、多模塊的對(duì)齊, 讓您網(wǎng)站更整齊美觀。
:上鎖功能, 當(dāng)您的頁(yè)面模塊調(diào)整好位置后,為避免誤操作帶來(lái)的不便, 點(diǎn)擊該按鈕對(duì)該模塊上鎖, 一旦上鎖之后, 該模塊就無(wú)法用鼠標(biāo)移動(dòng)位置, 除非進(jìn)行解鎖. 上鎖后狀態(tài)為: 。
:模塊刪除按鈕。點(diǎn)此按鈕模塊被刪除,如需要恢復(fù),直接點(diǎn)擊撤銷即可。保存當(dāng)前頁(yè)面并進(jìn)入另一個(gè)頁(yè)面后,無(wú)法刪除后進(jìn)行保存后,該模塊無(wú)法恢復(fù),請(qǐng)謹(jǐn)慎操作。
特別提示:
1)模塊的基本功能
對(duì)于文本模塊的功能按鈕, 除紅框處的“編輯”按鈕之外, 其它模塊也具有這些功能按鈕. 因此我們掌握了這些按鈕的功能, 也就掌握了其它模塊的部分功能.
2) 模塊的旋轉(zhuǎn)
我們所有的模塊均支持旋轉(zhuǎn),通過(guò)旋轉(zhuǎn), 您可以創(chuàng)造出更個(gè)性化的網(wǎng)頁(yè)效果, 下圖為一個(gè)文字模塊在一張圖片上的旋轉(zhuǎn)效果展示。
當(dāng)點(diǎn)中模塊時(shí), 在右上角會(huì)有出現(xiàn), 點(diǎn)中拖動(dòng)即可旋轉(zhuǎn)模塊.
3)移動(dòng)模塊位置
建站中的所有模塊均可以移動(dòng),您可以選中該模塊, 用鼠標(biāo)將其拖動(dòng)到您希望放置的位置松手即可。
2. 修改網(wǎng)頁(yè)中的文字
除了新增文本模塊并輸入內(nèi)容外,也可以將模板自身已有模塊通過(guò)替換內(nèi)容達(dá)到簡(jiǎn)單地編輯的功效。如需要將內(nèi)容變成自己公司或者個(gè)人的內(nèi)容,可以直接雙擊現(xiàn)有的文字模塊,對(duì)里面的文字進(jìn)行編輯,如刪除,黏貼等等,這種方式同樣非常容易操作,而且節(jié)省時(shí)間。
對(duì)模板中的文字進(jìn)行修改時(shí), 可直接雙擊該段文字, 系統(tǒng)會(huì)彈出文本編輯工具欄, 如下圖:
當(dāng)編輯條出現(xiàn)時(shí), 此時(shí)這段文字就處于編輯狀態(tài), 您可以自由的刪除、更換、新增內(nèi)容. 您也可以調(diào)整字體大小、字體、顏色、行距、間距等, 可以添加鏈接、居中、撤銷等. 此工具條的使用與絕大多數(shù)的文字軟件的功能設(shè)置相似。
下面重點(diǎn)說(shuō)一下超鏈接的添加:
添加鏈接前,必須選中相應(yīng)的文字或者圖片(如圖一),選中后,點(diǎn)擊圖二右上角的鏈接圖標(biāo)(其中一個(gè)為鏈接,另外一個(gè)為取消鏈接),可以選擇鏈接至:頁(yè)面、網(wǎng)址(外部網(wǎng)頁(yè))、電子郵件、文件:
a. 鏈接至頁(yè)面:
在下拉框中選擇對(duì)應(yīng)的頁(yè)面名稱,如需在新窗口中打開(kāi)這個(gè)鏈接,則勾選“在新窗口中打開(kāi)連接”。完成后,點(diǎn)擊“保存”后,對(duì)全局進(jìn)行一次保存,即可預(yù)覽效果。
b. 鏈接至站外鏈接:
在空白處寫(xiě)入目標(biāo)網(wǎng)頁(yè)地址,如需在新窗口中打開(kāi)這個(gè)鏈接,則勾選“在新窗口中打開(kāi)連接”。完成后,點(diǎn)擊“保存”后,對(duì)全局進(jìn)行一次保存,即可預(yù)覽效果。
c. 鏈接到文件
鏈接到文件指的是鏈接到已經(jīng)上傳在文件夾中的文件。點(diǎn)擊時(shí)會(huì)直接打開(kāi)這個(gè)文件(前提是訪客的電腦必須支持這個(gè)文件的程序類型,如word文檔)
d. 鏈接至電子郵件
輸入目標(biāo)電子郵件地址和郵件的主題,點(diǎn)擊“保存”后預(yù)覽,訪客點(diǎn)擊相應(yīng)的文字,只要這個(gè)訪客的電腦有安裝郵件本地客戶端,如outlook或者foxmail,電腦系統(tǒng)會(huì)自動(dòng)彈出一個(gè)使用outlook或者foxmail發(fā)送電郵給contact@yourdomain.com的主題為“產(chǎn)品咨詢”的郵件,訪客只需要填寫(xiě)郵件內(nèi)容即可。
e. 鏈接至文章列表
點(diǎn)擊“文章列表”,出現(xiàn)下列界面,選擇對(duì)應(yīng)目標(biāo)列表頁(yè)和分類即可;如需在新窗口中打開(kāi)這個(gè)鏈接,則勾選“在新窗口中打開(kāi)連接”。完成后,點(diǎn)擊“保存”后,對(duì)全局進(jìn)行一次保存,即可預(yù)覽效果。
f. 點(diǎn)擊“文章詳情”,出現(xiàn)下列界面,選擇對(duì)應(yīng)目標(biāo)詳情頁(yè)和詳情即可;如需在新窗口中打開(kāi)這個(gè)鏈接,則勾選“在新窗口中打開(kāi)連接”。完成后,點(diǎn)擊“保存”后,對(duì)全局進(jìn)行一次保存,即可預(yù)覽效果。
g. 鏈接至產(chǎn)品列表
點(diǎn)擊“產(chǎn)品列表”,出現(xiàn)下列界面,選擇對(duì)應(yīng)目標(biāo)列表頁(yè)和分類即可;如需在新窗口中打開(kāi)這個(gè)鏈接,則勾選“在新窗口中打開(kāi)連接”。完成后,點(diǎn)擊“保存”后,對(duì)全局進(jìn)行一次保存,即可預(yù)覽效果。
h. 點(diǎn)擊“產(chǎn)品詳情”,出現(xiàn)下列界面,選擇對(duì)應(yīng)目標(biāo)詳情頁(yè)和詳情即可;如需在新窗口中打開(kāi)這個(gè)鏈接,則勾選“在新窗口中打開(kāi)連接”。完成后,點(diǎn)擊“保存”后,對(duì)全局進(jìn)行一次保存,即可預(yù)覽效果。