Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)中的正則表達(dá)式使用方法教程
Dreamweaver 是第一套針對(duì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具,也是目前最新版本利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿(mǎn)動(dòng)感的網(wǎng)頁(yè),在dreamweaver頁(yè)面中有需要替換的內(nèi)容,該怎么替換呢?...
Dreamweaver 是第一套針對(duì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具,也是目前最新版本利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿(mǎn)動(dòng)感的網(wǎng)頁(yè),在dreamweaver頁(yè)面中有需要替換的內(nèi)容,該怎么替換呢?我們可以使用正則表達(dá)式來(lái)替換,在Dreamweaver中使用正則表達(dá)式替換字符串的朋友很少,該怎么使用正則表達(dá)式呢?下面我們就來(lái)看看詳細(xì)的教程。
正則表達(dá)式的使用步驟:
1、當(dāng)我們?cè)谟胐reamweaver中編碼的時(shí)候,用一般的查找替換不能滿(mǎn)足我們大批量的替換將有些不同的鏈接替換為相同的內(nèi)容:如"#"時(shí),你想過(guò)用dreamweaver中的正則表達(dá)式嗎
2、首先打開(kāi)桌面的dreamweaver, 在dreamweaver中打開(kāi)你正在犯愁的頁(yè)面吧
3、就像下面這些href中的內(nèi)容復(fù)雜多樣的情況下,href="/html/u.html",href="/tuho/huko.html",想將它們?nèi)刻鎿Q成href="#",同時(shí)按住ctrl+f鍵,調(diào)用出查找、替換的框
4、在查找中輸入:href="[^"]*"在替換中輸入:href="#"且挑中“使用正則表達(dá)式”,按下回車(chē)即可
5、(#為替換后的內(nèi)容,可根據(jù)需要更改! 一定要勾選:使用正則表達(dá)式(X),以上只是泛泛的替換href的內(nèi)容,因?yàn)橛泻芏鄻?biāo)簽都有href屬性,如a、link等。
以上就是小編和大家分享的關(guān)于dreamweaver中的正則表達(dá)式使用方法,感興趣用戶(hù)可以跟著以上步驟試一試,希望以上教程可以幫到大家
- 關(guān)于CSS中@support實(shí)現(xiàn)漸進(jìn)式網(wǎng)頁(yè)設(shè)計(jì)實(shí)例代碼
- 詳解移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)實(shí)現(xiàn)內(nèi)滾動(dòng)的四種解決方案
- 網(wǎng)頁(yè)設(shè)計(jì)如何優(yōu)雅的實(shí)現(xiàn)垂直居中
- 網(wǎng)頁(yè)設(shè)計(jì):淺談網(wǎng)頁(yè)基本性能優(yōu)化規(guī)則小結(jié)
- 用戶(hù)需求導(dǎo)致?tīng)I(yíng)銷(xiāo)型網(wǎng)頁(yè)設(shè)計(jì)
- 網(wǎng)頁(yè)設(shè)計(jì)柵格就是你對(duì)頁(yè)面版式的規(guī)劃
- 網(wǎng)頁(yè)設(shè)計(jì)內(nèi)容網(wǎng)頁(yè)中關(guān)于圖片預(yù)覽的設(shè)計(jì)
- 網(wǎng)頁(yè)設(shè)計(jì):腳本素材重構(gòu)用戶(hù)體驗(yàn)
- 網(wǎng)頁(yè)設(shè)計(jì)實(shí)現(xiàn)復(fù)選框(checkbox)和單選框(radio)對(duì)齊的
- Dreamweaver使用img標(biāo)簽定義圖像高寬的教程
關(guān)于CSS中@support實(shí)現(xiàn)漸進(jìn)式網(wǎng)頁(yè)設(shè)計(jì)實(shí)例代碼
文章主要給大家介紹了關(guān)于CSS中@support實(shí)現(xiàn)漸進(jìn)式網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用CSS具有一定的參考學(xué)習(xí)價(jià)值前言特性查詢(xún)賦予了我們...
詳解移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)實(shí)現(xiàn)內(nèi)滾動(dòng)的四種解決方案
這篇文章主要介紹了關(guān)于移動(dòng)端實(shí)現(xiàn)內(nèi)滾動(dòng)的四種解決方案,實(shí)現(xiàn)的效果就是在一個(gè)區(qū)域內(nèi)只允許部分區(qū)域產(chǎn)生滾動(dòng)的效果,而其余部分則不能移動(dòng),需要的朋友可以參考借鑒,下面來(lái)一起看看吧。...
網(wǎng)頁(yè)設(shè)計(jì)如何優(yōu)雅的實(shí)現(xiàn)垂直居中
這篇文章主要給大家介紹了關(guān)于如何優(yōu)雅的實(shí)現(xiàn)垂直居中的相關(guān)資料,文中分別給大家介紹了已知寬高的元素、未知寬高的元素以及基于 Flexbox 的解決方案,都分別給出了示例代碼供大家參考學(xué)習(xí),需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧...
網(wǎng)頁(yè)設(shè)計(jì):淺談網(wǎng)頁(yè)基本性能優(yōu)化規(guī)則小結(jié)
這篇文章主要介紹了淺談網(wǎng)頁(yè)基本性能優(yōu)化規(guī)則小結(jié)的相關(guān)資料,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧...
用戶(hù)需求導(dǎo)致?tīng)I(yíng)銷(xiāo)型網(wǎng)頁(yè)設(shè)計(jì)
我們的每期話題,團(tuán)隊(duì)在內(nèi)部都會(huì)通過(guò)郵件進(jìn)行一番討論,隨著討論的激烈,往往能碰撞出很多有意義的觀點(diǎn),因此,將討論內(nèi)容分享出來(lái),有興趣的朋友可以接著話題討論下去。Junchen:期望不是從石頭里面蹦出來(lái)的,所有期望都是受到外界影響、結(jié)合自身需求的一個(gè)外在表現(xiàn)...
網(wǎng)頁(yè)設(shè)計(jì)柵格就是你對(duì)頁(yè)面版式的規(guī)劃
英文原文:http://desktoppub.about.com/od/grids/l/aa_gridsorder.htm柵格就是你對(duì)頁(yè)面版式的規(guī)劃你日常所見(jiàn)的許多頁(yè)面都有柵格存在。你可能注意不到,但它確實(shí)存在,并且支撐著設(shè)計(jì)內(nèi)容,建立整體的架構(gòu),引導(dǎo)著頁(yè)面的元素。柵格是隱形的架構(gòu),用于指導(dǎo)你頁(yè)面...
網(wǎng)頁(yè)設(shè)計(jì)內(nèi)容網(wǎng)頁(yè)中關(guān)于圖片預(yù)覽的設(shè)計(jì)
之前有寫(xiě)過(guò)《內(nèi)容頁(yè)頁(yè)碼的預(yù)覽導(dǎo)航》跟《照片預(yù)覽導(dǎo)航分析》兩個(gè)文章,想說(shuō)明的是預(yù)覽這一功能在用戶(hù)心理所占有的比重是很大的,如果僅僅只是給出一排順序數(shù)字做為鏈接的標(biāo)題,用戶(hù)的心理會(huì)產(chǎn)生不安全感。雖然給出一排順序數(shù)字做為鏈接幾乎是整個(gè)互聯(lián)網(wǎng)的默認(rèn)分頁(yè)鏈接模...
網(wǎng)頁(yè)設(shè)計(jì):腳本素材重構(gòu)用戶(hù)體驗(yàn)
設(shè)計(jì)網(wǎng)站的同志背景主要有兩種:學(xué)計(jì)算機(jī)、學(xué)藝術(shù)。基本上會(huì)寫(xiě)代碼的不懂設(shè)計(jì),會(huì)設(shè)計(jì)的不懂代碼,這個(gè)格局似乎到今天還沒(méi)變。某些學(xué)計(jì)算機(jī)的同學(xué),有自己的審美品位,也能夠做出看起來(lái)不錯(cuò)的網(wǎng)站,但學(xué)藝術(shù)的同學(xué)普遍難搞懂代碼...
網(wǎng)頁(yè)設(shè)計(jì)實(shí)現(xiàn)復(fù)選框(checkbox)和單選框(radio)對(duì)齊的方法
本文主要介紹了實(shí)現(xiàn)checkbox&radio對(duì)齊的具體方法,對(duì)大家的頁(yè)面布局具有很好的參考價(jià)值,需要的朋友一起來(lái)看下吧...
Dreamweaver使用img標(biāo)簽定義圖像高寬的教程
Dreamweaver插入的圖片可以自定義高寬,我們今天就來(lái)看看使用img標(biāo)簽定義圖像高寬的教程。1、新建html文件2、引入圖片3、預(yù)覽效果如圖4、設(shè)置圖片的寬和高5、預(yù)覽效果如圖6、...