- 相關(guān)推薦
怎么設(shè)置Dreamweaver占位符
在設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候,在圖片位中的圖片還沒(méi)有設(shè)計(jì)好,但是我們此時(shí)就需要保留 這個(gè)位置,這時(shí)我們就會(huì)用到“圖像占位符”這個(gè)功能。下面小編為大家收集整理了關(guān)于Dreamweaver占位符設(shè)置以方便大家參考。
怎么設(shè)置Dreamweaver占位符
在dreamweaver中插入占位符后,我們可以用鼠標(biāo)選中占位符,這時(shí)在軟件下方出現(xiàn)占位符的屬性面板,此時(shí)我們就可以在屬性中可以對(duì)占位符的顏色、大小、鏈接等進(jìn)行設(shè)置。
超鏈接對(duì)象
超鏈接是超級(jí)鏈接的簡(jiǎn)稱(chēng)。如果按照使用對(duì)象的不同,網(wǎng)頁(yè)中的鏈接又可以分為:文本超鏈接,圖像超鏈接,E-mail鏈接,錨點(diǎn)鏈接,多媒體文件鏈接,空鏈接等。
超鏈接是一種對(duì)象,它以特殊編碼的文本或圖形的形式來(lái)實(shí)現(xiàn)鏈接,如果單擊該鏈接,則相當(dāng)于指示瀏覽器移至同一網(wǎng)頁(yè)內(nèi)的某個(gè)位置,或打開(kāi)一個(gè)新的網(wǎng)頁(yè),或打開(kāi)某一個(gè)新的WWW網(wǎng)站中的網(wǎng)頁(yè)。
網(wǎng)頁(yè)超鏈接
網(wǎng)頁(yè)上的超鏈接一般分為三種:
一種是絕對(duì)URL的超鏈接。URL(Uniform Resource Locator)就是統(tǒng)一資源定位符,簡(jiǎn)單地講就是網(wǎng)絡(luò)上的一個(gè)站點(diǎn)、網(wǎng)頁(yè)的完整路徑。
第二種是相對(duì)URL的超鏈接。如將自己網(wǎng)頁(yè)上的某一段文字或某標(biāo)題鏈接到同一網(wǎng)站的其他網(wǎng)頁(yè)上面去;
還有一種稱(chēng)為同一網(wǎng)頁(yè)的超鏈接,這種超鏈接又叫做書(shū)簽。
動(dòng)態(tài)靜態(tài)
超鏈接還可以分為動(dòng)態(tài)超鏈接和靜態(tài)超鏈接。動(dòng)態(tài)超鏈接指的是可以通過(guò)改變HTML代碼來(lái)實(shí)現(xiàn)動(dòng)態(tài)變化的超鏈接,例如我們可以實(shí)現(xiàn)將鼠標(biāo)移動(dòng)到某個(gè)文字鏈接上,文字就會(huì)象動(dòng)畫(huà)一樣動(dòng)起來(lái)或改變顏色的效果,也可以實(shí)現(xiàn)鼠標(biāo)移到圖片上圖片就產(chǎn)生反色或朦朧等等的效果。而靜態(tài)超鏈接,顧名思義,就是沒(méi)有動(dòng)態(tài)效果的超鏈接。
使用方法:
寬x高/背景色/字的顏色,text=占位文字
參數(shù)分別代表:占位符的寬高,背景色,字的顏色和占位文字都是可選的。
背景色以及文字的色值是16進(jìn)制的色值。切記,不帶"#"號(hào)的。
占位符文字只支持?jǐn)?shù)字,字母和一些符號(hào),不支持中文。
寬高這里如果只寫(xiě)一個(gè)數(shù)字時(shí),會(huì)顯示一個(gè)等高的占位符。
占位符設(shè)置
工具/原料:戴爾Inspiron15、Win10LTSC1809、photoshop2020
1、創(chuàng)建空白畫(huà)布
打開(kāi)photoshop創(chuàng)建一個(gè)空白畫(huà)布用來(lái)演示效果。
2、激活圖框工具
進(jìn)入拿到編輯界面,點(diǎn)擊激活“圖框工具”或者按“K”也可以激活“圖框工具”。
3、創(chuàng)建占位符
按住Shift鍵,拖動(dòng)鼠標(biāo)可以畫(huà)一個(gè)正方形,這樣就可以創(chuàng)建一個(gè)“圖像占位符”。
4、占位符插入圖片
在photoshop軟件之外找到一張圖片,點(diǎn)住圖片拖動(dòng)圖片到photoshop占位符內(nèi)。
5、調(diào)整占位符大小
點(diǎn)擊邊框變?yōu)樗{(lán)色并顯示出錨點(diǎn),拖動(dòng)錨點(diǎn)可以調(diào)整占位符大小。
6、調(diào)整圖片位置
鼠標(biāo)點(diǎn)擊占位符中的圖片,拖動(dòng)即可調(diào)整圖片在占位符中的顯示位置。
【怎么設(shè)置Dreamweaver占位符】相關(guān)文章:
Dreamweaver怎么設(shè)置容器的文本11-09
Dreamweaver標(biāo)尺怎么設(shè)置單位08-01
PPT文件中如何插入圖片占位符10-11
在Dreamweaver MX中如何應(yīng)用“占位圖形”08-28
Dreamweaver中CS6表格間距怎么設(shè)置09-22