網(wǎng)站建設(shè)>圈子>行業(yè)動(dòng)態(tài)>網(wǎng)頁(yè)設(shè)計(jì)編輯常用表現(xiàn)的實(shí)現(xiàn)方法

網(wǎng)頁(yè)設(shè)計(jì)編輯常用表現(xiàn)的實(shí)現(xiàn)方法

mcadmin / 2019-06-05 / 深圳網(wǎng)站建設(shè) / 技術(shù)分享
在我們網(wǎng)站設(shè)計(jì)的時(shí)候會(huì)經(jīng)常碰到一些需求,如果不知道方法,說不定會(huì)困擾我們半天。其實(shí)實(shí)現(xiàn)它們都很簡(jiǎn)單,下面我們就一起來看看這些常用的網(wǎng)頁(yè)編輯方法。


取消文本居中

在編排網(wǎng)頁(yè)文本時(shí),你可能會(huì)遇到這樣的問題:只想讓一行字符居中,但其它行的字符卻會(huì)跟著也變成居中了。其實(shí),這是因?yàn)樵贒reamweaver MX中進(jìn)行居中、居右操作時(shí),默認(rèn)的區(qū)域是P、H1-H6、Div等格式標(biāo)識(shí)符,如果你的語(yǔ)句沒有用標(biāo)識(shí)符隔開,Dreamweaver MX就會(huì)將整段文字均作居中處理。解決方法就是將想要居中的文本用“……”隔開。


讓鏈接文字有提示信息

當(dāng)鼠標(biāo)停留在鏈接上時(shí),在光標(biāo)的右下方有時(shí)會(huì)出現(xiàn)一個(gè)提示信息框,對(duì)該鏈接進(jìn)行一定的注釋說明。這樣的效果在網(wǎng)頁(yè)制作中也是很重要的。下面就來看看添加鏈接信息的方法。我們可以通過添加HTML代碼來實(shí)現(xiàn)。

博才站長(zhǎng)網(wǎng)

在中添加“Title”屬性,“Title”后面添加提示內(nèi)容即可。例如: 。

快速調(diào)用時(shí)間軸

使用Dreamweaver MX制作網(wǎng)頁(yè)的朋友都知道,新安裝的Dreamweaver MX在快速啟動(dòng)面板中沒有時(shí)間軸,如果要急著用它的話該怎么辦?這里有一個(gè)快速調(diào)用時(shí)間軸的方法,按下“Alt+F9”組合鍵,或是在軟件主窗口中依次點(diǎn)擊“窗口→其它→時(shí)間軸”。

自動(dòng)刷新頁(yè)面

無論是重復(fù)刷新還是自動(dòng)跳轉(zhuǎn),在設(shè)計(jì)中都是相當(dāng)實(shí)用的操作。下面介紹一下它們的制作方法。選擇Dreamweaver MX插入控件面板的“文件頭”部分,然后點(diǎn)擊“刷新”按鈕,隨即會(huì)跳出“刷新”對(duì)話框,然后輸入框中鍵入刷新延遲的時(shí)間“300”(單位:秒),“操作”為刷新指定的目標(biāo)URL。因?yàn)楝F(xiàn)在是刷新當(dāng)前頁(yè)面,直接選擇“刷新此文檔”選項(xiàng)即可。

定義網(wǎng)頁(yè)關(guān)鍵字

當(dāng)用戶使用搜索引擎搜索內(nèi)容合適的網(wǎng)頁(yè)時(shí),關(guān)鍵字起著不容忽視的作用。大多數(shù)搜索服務(wù)器會(huì)每隔一段時(shí)間自動(dòng)探測(cè)網(wǎng)絡(luò)中是否有新網(wǎng)頁(yè)產(chǎn)生,并按關(guān)鍵字進(jìn)行記錄,以方便用戶查詢。這時(shí)關(guān)鍵字的定義就尤為重要了。選擇Dreamweaver MX插入控件面板的“文件頭”部分,點(diǎn)擊“關(guān)鍵字”按鈕,彈出定義窗口,錄入需要逐個(gè)定義的關(guān)鍵字即可。注意每個(gè)關(guān)鍵字以“;”號(hào)隔開,數(shù)目沒有限制。

制作“空鏈接”

“空鏈接”就是沒有鏈接對(duì)象的鏈接,“空鏈接”中的目標(biāo)URL是用“#”來表示的。也就是說制作鏈接時(shí),只要在屬性面板的鏈接輸入框中錄入#標(biāo)記后,它就是個(gè)空鏈接了。在很多情況下都要用到空鏈接,比如一些沒有定期完成的頁(yè)面,或是為了保持鏈接樣式與普通文字樣式的一致性。

讓文字和圖片內(nèi)容共處

在Dreamweaver MX中,圖片對(duì)象往往是獨(dú)占一行,那么文字內(nèi)容只能在與其平行的位置上,怎么樣才可以讓文字圍繞圖片顯示呢?方法如下:選中圖片,在屬性面板的右上方找到“對(duì)齊”的屬性選單,選擇“左對(duì)齊”,這時(shí)你就會(huì)發(fā)現(xiàn)文字已經(jīng)整齊地排列在圖片的右邊了。

以新窗口形式打開鏈接

要想在不覆蓋當(dāng)前窗口的前提下,打開一個(gè)新的瀏覽器窗口,你可以直接在鏈接代碼中加入“Target=_blank”語(yǔ)句。也可以在Dreamweaver MX屬性面板的“目標(biāo)”下拉框中點(diǎn)擊下拉菜單,選擇“_blank”即可實(shí)現(xiàn)。

制作隨意拖動(dòng)的對(duì)象

訪問網(wǎng)站時(shí),經(jīng)常能見到不少可以用鼠標(biāo)拖動(dòng)的元素,其中以圖片居多。比如,一張廣告圖片擋住了你想瀏覽的內(nèi)容,你可以用鼠標(biāo)選中它把它扔到一邊去!

制作這種效果是通過圖層的“拖動(dòng)層”行為實(shí)現(xiàn)的,單擊行為面板中“+”號(hào),選擇“拖動(dòng)層”,制作之前你應(yīng)該保證目標(biāo)圖層處于選中狀態(tài),進(jìn)行簡(jiǎn)單設(shè)置后就OK了。

調(diào)整表格高度

我們?cè)谑褂肈reamweaver制作主頁(yè)的時(shí)候往往需要改變表格的高度。然而有時(shí)當(dāng)我們拖動(dòng)表格的邊框,無論怎樣拖動(dòng),等到松開鼠標(biāo)時(shí),表格卻又恢復(fù)到原來的樣子。這種情況的原因在于我們已經(jīng)為表格提供了一個(gè)固定的高度。如何去除表格的高度設(shè)置呢?

簡(jiǎn)單方法是:首先我們需要選定表格,將光標(biāo)移動(dòng)到表格內(nèi),然后按“Ctrl+A”組合鍵,選中光標(biāo)所在位置的最小表格,然后在屬性框中點(diǎn)擊“清除行高”圖標(biāo),表格的高度設(shè)定值就被取消了。這時(shí)表格的高度會(huì)按照表格的內(nèi)容自動(dòng)的匹配高度。

修改表單屬性為彈出窗口

想必大家在頁(yè)面中都使用過表單,大多數(shù)表單被激活后,會(huì)在當(dāng)前頁(yè)面中打開,影響正常瀏覽。不如修改一下,其中"target=_blank"為控制在彈出窗口打開。
相關(guān)鏈接:網(wǎng)站設(shè)計(jì)之字體在頁(yè)面排版上的完全攻略

【邁創(chuàng)與眾不同】憑借對(duì)設(shè)計(jì)的熱愛和執(zhí)著,互聯(lián)網(wǎng)營(yíng)銷趨勢(shì)的敏銳洞察和深刻理解,與眾多同行不同的是,邁創(chuàng)更注重與客戶互促共生,價(jià)值同在。
本圈子所有內(nèi)容若需轉(zhuǎn)載請(qǐng)聯(lián)系我們。