菠蘿教你做模板之準(zhǔn)備知識(shí)-切片(2)_PHPCms教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
三、編輯切片
和熱區(qū)的編輯非常類似,假如要選取切片,可以利用指針工具、部分選定工具來(lái)選中它,也可以使用層面板來(lái)進(jìn)行;選中切片之后,若要移動(dòng)切片可以利用鼠標(biāo)、方向鍵或者屬性面板的位置值。
默認(rèn)情況下熱區(qū)是透明的綠色,假如需要改變熱切片的顏色,只需要在圖7所示的切片屬性面板中的切片顏色框中選擇所需要的顏色即可。
(圖7 切片屬性面板 圖片較大,請(qǐng)拉動(dòng)滾動(dòng)條觀看)
在切片屬性面板中,類型欄的下拉菜單中有圖像和HTML兩項(xiàng),選擇HTML會(huì)出現(xiàn)圖8所示的面板,點(diǎn)擊按鈕,在圖9所示的彈出窗口中設(shè)置HTML代碼可以創(chuàng)建一個(gè)文本鏈接。
(圖8 將切片類型改為HTML 圖片較大,請(qǐng)拉動(dòng)滾動(dòng)條觀看)
圖9 Edit HTML Slice對(duì)話框
(圖10 選擇優(yōu)化方式 圖片較大,請(qǐng)拉動(dòng)滾動(dòng)條觀看)
此外,在屬性面板的優(yōu)化下拉列表中還有幾類優(yōu)化方式,我們可以依據(jù)實(shí)際情況選擇一種優(yōu)化方式,如圖10所示。
可以利用工具箱上的隱藏切片和熱點(diǎn)工具來(lái)將選中的切片隱藏起來(lái),需要顯示切片的時(shí)候單擊顯示切片和熱點(diǎn)工具即可將切片顯示出來(lái)。如同熱區(qū)的顯示和隱藏一樣,我們同樣還可以利用層面板上的眼睛圖標(biāo)顯示和隱藏該切片。
四、添加鏈接
為切片添加鏈接同樣有兩種方法,一是利用屬性面板,二是利用URL面板。當(dāng)我們選定某個(gè)切片之后,我們可以在這兩個(gè)面板中為該熱區(qū)設(shè)置鏈接地址和鏈接屬性。方法和熱區(qū)的鏈接方法類似,這里不再重復(fù)了。
五、命名切片
在Fireworks中命名切片有如下三種方式:自動(dòng)命名切片文件、自定義命名切片文件和更改默認(rèn)的自動(dòng)命名慣例。
1. 自動(dòng)命名切片文件
假如用戶沒(méi)有在屬性面板或?qū)用姘逯休斎肭衅Q,則Fireworks 會(huì)為切片自動(dòng)命名。自動(dòng)命名將根據(jù)默認(rèn)的命名慣例自動(dòng)為每個(gè)切片文件指定一個(gè)唯一的名稱。在導(dǎo)出經(jīng)過(guò)切片的圖像時(shí),于“Export”對(duì)話框的“文件名”文本框中輸入一個(gè)名稱。注重不要添加文件擴(kuò)展名,因?yàn)镕ireworks 會(huì)在導(dǎo)出時(shí)自動(dòng)向切片文件添加文件擴(kuò)展名。
2. 自定義命名切片文件
為了能夠在站點(diǎn)文件結(jié)構(gòu)中輕松地標(biāo)識(shí)切片文件,用戶可以為切片自行命名。自定義命名切片有兩種方法:在畫(huà)布上選擇切片,在屬性面板的Slice框中輸入一個(gè)名稱,然后按回車鍵;在層面板中雙擊切片的名稱,輸入一個(gè)新名稱,然后按回車鍵。
3. 更改默認(rèn)的自動(dòng)命名慣例
還可以在“HTML Setup”對(duì)話框的“Document Specific”(文檔特定信息)選項(xiàng)欄中更改切片的命名慣例。點(diǎn)擊“File”菜單,選擇下拉菜單的“HTML Setup”,如圖11所示在彈出的對(duì)話框中選擇“Document Specific”選項(xiàng)欄。我們可以用多種多樣的的命名選項(xiàng)來(lái)生成自己的命名慣例,創(chuàng)建的命名慣例最多可包含六個(gè)元素。每個(gè)元素具體解釋如下:
圖11 文檔特定信息項(xiàng)目欄
* None:元素钚應(yīng)用任何名稱。
* doc.name:元素采用文檔的名稱。
* slice:可以向命名慣例中插入“slice”一詞
* Slice(1、2、3...)/Slice(01、02、03...)/Slice(A、B、C...)/Slice(a、b、c...): 根據(jù)所選擇的特定樣式,按數(shù)字順序或字母順序?qū)υ剡M(jìn)行標(biāo)記。
* row/column(r3_c2、r4_c7...): row (r##) 和column (c##) 指定 Web 瀏覽器用來(lái)重建切片圖像的表的行和列。
相關(guān)PHPCms教程:
- PHPCMS v9 安裝環(huán)境要求
- PHPCMS mysql優(yōu)化教程
- PHPCMS shtml設(shè)置
- phpcms本地網(wǎng)站遷移至虛擬主機(jī)的教程
- Phpcms V9 調(diào)用全站最新文章的代碼
- Phpcms V9 調(diào)用全站文章排行的解決方案
- Phpcms V9 調(diào)用隨機(jī)文章的方法
- 讓PHPCms內(nèi)容頁(yè)支持JavaScript
- phpcms教程: phpcms V9 默認(rèn)模板文件目錄結(jié)構(gòu)
- phpcms教程:phpcms V9 常用文件目錄結(jié)構(gòu)介紹
- PhpCms系統(tǒng)設(shè)置:我的面板
- PhpCms系統(tǒng)設(shè)置:附件管理
- 相關(guān)鏈接:
- 教程說(shuō)明:
PHPCms教程-菠蘿教你做模板之準(zhǔn)備知識(shí)-切片(2)
。