Adobe Dreamweaver是一款鼎鼎有名的網(wǎng)頁制作軟件,相信很多朋友都用過這款軟件吧,畢竟現(xiàn)在是網(wǎng)絡(luò)時代,絕大部分朋友都有開網(wǎng)店之類的虛擬東西,那肯定少不了它了。這款軟件的功能大家肯定不要?dú)g迎,畢竟是由Adobe發(fā)布的,利用它可以輕而易舉地制作出跨越平臺限制和跨越
瀏覽器限制的充滿動感的網(wǎng)頁,DW MX被ADOBE收購后的后續(xù)產(chǎn)品在原基礎(chǔ)上也得到了更好的優(yōu)化,像通過引入高分辨率,在使用現(xiàn)代顯示器時,Dreamweaver 可以提供更為出色的用戶體驗(yàn)。圖像、圖標(biāo)、字體和菜單看起來更加清爽,且不會出現(xiàn)任何像素化現(xiàn)象。此外,您不會遇到 UI 元素溢出等的情況。今天小編帶來的是
Adobe Dreamweaver cc 2018綠色精簡版,這個版本無需安裝,直接解壓就可以使用的,有需要的朋友可以下載!
新功能
1.HiDPI分辨率支持 (Windows)
現(xiàn)在,DW CC為 Windows 提供 HiDPI 顯示器支持。通過引入高分辨率,在使用現(xiàn)代顯示器時,可以提供更為出色的用戶體驗(yàn)。圖像、圖標(biāo)、字體和菜單看起來更加清爽,且不會出現(xiàn)任何像素化現(xiàn)象。此外,您不會遇到 UI 元素溢出等的情況。
2.DW中的多顯示器支持 (Windows)
現(xiàn)在,DW CC 為 Windows 提供多顯示器支持。作為DW用戶,您現(xiàn)在可以同時使用多個顯示器。該應(yīng)用程序會根據(jù)您使用的顯示器的大小和分辨率自動縮放。多顯示器支持提供了多項(xiàng)好處。例如,您現(xiàn)在可以讓文檔窗口不再以選項(xiàng)卡的形式呈現(xiàn)并將其拖至另一個顯示器,或者在一個顯示器中查看實(shí)時預(yù)覽,同時在另一個顯示器中編輯代碼。
3.Git 支持的增強(qiáng)功能
2017 年6月版中引入了 Git 支持。為了進(jìn)一步改進(jìn)DW中的Git集成,最新版支持以下增強(qiáng)功能:
(1)測試遠(yuǎn)程連接
“添加新遠(yuǎn)程”對話框現(xiàn)在包含一個“測試”按鈕。單擊此按鈕可測試您的遠(yuǎn)程 Git 存儲庫的連接。在您單擊“測試”后,系統(tǒng)會測試您的遠(yuǎn)程存儲庫的 URL 是否有效?!罢军c(diǎn)設(shè)置”對話框也包含一個用于測試遠(yuǎn)程連接的“測試”按鈕。請注意,“測試”按鈕無法驗(yàn)證您在添加或連接到遠(yuǎn)程存儲庫時輸入的憑據(jù)。
(2)保存憑據(jù)
在“站點(diǎn)設(shè)置”對話框中添加了一個“保存憑據(jù)”復(fù)選框。選中此復(fù)選框可保存您的憑據(jù),這樣,您就不必在每次執(zhí)行推送、提取等遠(yuǎn)程 Git 操作時重新輸入憑據(jù)。
(3)在 Git 面板中搜索文件
DW中的 Git 面板現(xiàn)在支持“搜索”框。作為用戶,當(dāng)您的存儲庫中包含大量文件時,您可以使用文件名搜索文件。當(dāng)您在“搜索”框中輸入文件名后,系統(tǒng)會立即顯示包含搜索短語的所有文件。
(4)“合并沖突”圖標(biāo)
當(dāng)您在 Git 中合并分支時,如果存在沖突,隨即會在那些發(fā)生沖突的文件旁邊顯示“合并沖突”圖標(biāo)。
3.全新歡迎屏幕
DW中的歡迎屏幕可讓您快速訪問最近打開的文件、Creative Cloud 文件和起始頁模板。此外,新的屏幕還有“工作”選項(xiàng)卡和“學(xué)習(xí)”選項(xiàng)卡。單擊“工作”選項(xiàng)卡可訪問您最近打開的文件。要訪問DW的學(xué)習(xí)視頻,請單擊“學(xué)習(xí)”選項(xiàng)卡,然后單擊所需視頻。請注意屏幕右上角的搜索圖標(biāo)。當(dāng)您鍵入搜索查詢內(nèi)容時,該應(yīng)用程序?qū)@示與您的搜索查詢內(nèi)容相匹配的最近打開的文件、Creative Cloud 資源、幫助鏈接和庫存圖像。
軟件特色
1、所見即所得的強(qiáng)大功能
沒有一個Web編輯軟件能像DW一樣,具有所見即所得的功能,你可以在"Properties"(屬性)窗體中調(diào)整參數(shù),即刻在"Documentwindow"窗體中看到它的改變,如果你按下"F12",DW會自動生成HTML文件格式,供欲覽,以便開發(fā)人員進(jìn)一步調(diào)整
2、方便快速的文本編排
與"Word"相似,具有強(qiáng)大的文本編輯能力,你可以在"Layer"、"Table"、"Frame"或直接在"Document window"窗體中輸入文字,通過快捷的右鍵,選擇例如"Font"(字體)類的選項(xiàng)進(jìn)行編輯,也可以利用"Text"菜單進(jìn)行更為細(xì)致的排版編輯
3、專業(yè)的HTML編輯--Roundtrip HTML
與現(xiàn)存的網(wǎng)頁有著極好的兼容性,不會更改任何其他編輯器生成的頁面。這將大幅度降低由于HTML源代碼的變更而給設(shè)計者帶來的困惑
4、高質(zhì)量的HTML生成方式
由DW生成的HTML源代碼保持了很好的可讀性。代碼結(jié)構(gòu)基本上同手工生成的代碼相同,這使得設(shè)計者可以輕易掌握代碼全局并加以修改
5、實(shí)時的HTML控制
設(shè)計者可以在可視化或者文本這兩種方式下進(jìn)行頁面的設(shè)計,并且可以實(shí)時的監(jiān)控HTML源代碼。當(dāng)設(shè)計者對代碼作出任何改動時,結(jié)果將立刻顯示出來
6、與流行的文本HTML代碼編輯器之間的協(xié)調(diào)工作
DW可以與目前流行的HTML代碼編輯器(如BBEdit、HomeSite等)全面協(xié)調(diào)工作。已經(jīng)習(xí)慣于使用這些純文本編輯器的設(shè)計者將在不改變他們原有工作習(xí)慣的基礎(chǔ)上,充分享受到DW帶來更多功能。設(shè)計者可以使用文本編輯器直接編輯HTML,同時使用Dreamweaver生成較為復(fù)雜的動畫、表格、Frame、JavaScript等。(Dreamweaver分別為Windows用戶以及Macintosh用戶提供了完全版的HomeSite及BBEdit這兩個目前最流行的代碼編輯器)
7、強(qiáng)大的DHTML支持
動態(tài)HTML是4.0瀏覽器支持的新功能,將在未來廣泛應(yīng)用于網(wǎng)絡(luò)。這項(xiàng)技術(shù)可以增強(qiáng)頁面的交互性、提高下載速度、使頁面更美觀更易于設(shè)計且富有動感。對DHTML完全支持,并提供了與之相關(guān)聯(lián)的四大功能。而其它的可視化網(wǎng)頁編輯工具幾乎不提供或只小部分提供動態(tài)HTML的制作
8、重復(fù)元素庫
在DW中定義的一個站點(diǎn)內(nèi),設(shè)計者可以將重復(fù)使用的內(nèi)容(例如Header、Footer等)獨(dú)立定義。這樣設(shè)計者在需要這些內(nèi)容的地方只需做一個簡單的插入就可以了。而且當(dāng)元素庫中定義的內(nèi)容被修改后,整個站點(diǎn)中設(shè)計同樣內(nèi)容的地方將統(tǒng)一發(fā)生變化而無需再逐一修改
9、基于目標(biāo)瀏覽器的檢測
目前瀏覽器更新?lián)Q代很快,從2.0到4.0層出不窮。同時又有IE和Netscape兩大陣營競爭。設(shè)計者制作出的網(wǎng)頁必須面向功能不同的瀏覽器并保持其正確性。這是一項(xiàng)比較困難的工作。而DW不僅在設(shè)計時可以基于不同的目標(biāo)瀏覽器進(jìn)行不同的設(shè)計,而且在頁面制作完畢后,DW可以基于目標(biāo)瀏覽器對頁面進(jìn)行檢測并給出報告。在報告中將顯示出被檢測頁面的兼容性以及在不同瀏覽器中頁面的區(qū)別,同時還將指出頁面中HTML的句法錯誤
10、FTP
在DW中包含了一個界面極為友好的FTP工具。通過它,設(shè)計者可以非常方便的將設(shè)計的單一頁面或者一個站點(diǎn)上傳至服務(wù)器。同時,設(shè)計者還可以非常方便的將已經(jīng)上傳至服務(wù)器的文件下載以供參考和修改。在文件傳輸?shù)倪^程中,DW將記錄下整個過程以供錯誤分析
11、文件鎖定
這是一種專為合作開發(fā)環(huán)境設(shè)置的檔案機(jī)制??梢酝ㄟ^標(biāo)記和取出機(jī)制設(shè)置只讀或可編寫屬性來進(jìn)行文檔的保護(hù)。通過這種方法可以防止不必要的數(shù)據(jù)丟失,增強(qiáng)了安全性
軟件優(yōu)勢
1、Git支持,DW現(xiàn)已支持Git,因此可在該應(yīng)用程序內(nèi)管理所有源代碼。
2、主題有Monaki 款和經(jīng)典款,提供與2015版中代碼相近的顏色,讓代碼更易于閱讀。
3、2018現(xiàn)已與新版CEF相集成,可以在代碼視圖和實(shí)時視圖中查看自定義HTML和 CSS屬性。
4、Dw cc2018支持PHP 7,使用最受歡迎的最新版Web腳本語言創(chuàng)建動態(tài)網(wǎng)頁和服務(wù)。
5、改進(jìn)了查找和替換,使用新的查找欄,您可以在代碼中快速搜索簡單文本、標(biāo)簽或代碼元素,且不會遮擋屏幕。
6、Cc2018針對HiDPI顯示器進(jìn)行了優(yōu)化,可以正確地縮放和顯示字體和對話框界面。
7、在多個顯示器上可以顯示Dreamweaver,擴(kuò)大工作區(qū)。
常用快捷鍵
新建(N) Ctrl+N
搜索(S) F7
打開(O) Ctrl+O
顯示面板(W) F4
關(guān)閉(C) Ctrl+W
新建文件(N) Ctrl+Shift+N
全部關(guān)閉(E) Ctrl+Shift+W
新建文件夾(F) Ctrl+Alt+Shift+N
保存(S) Ctrl+S
另存為(A) Ctrl+Shift+S
重命名(R) F2
打印代碼(P) Ctrl+P
刪除(D) Del
檢查鏈接(L) Shift+F8
還原(U) Ctrl+Z,Alt+BkSp
剪切(T) Ctrl+X
重做(R) Ctrl+Y,Ctrl+Shift+
拷貝(C) Ctrl+C
剪切(T) Ctrl+X,Shift+Del
粘貼(P) Ctrl+V
拷貝(C) Ctrl+C,Ctrl+Ins
重制(D) Ctrl+D
選擇性粘貼(S) Ctrl+Shift+V
全選(A) Ctrl+A
刷新(R) F5
選擇父標(biāo)簽(G) Ctrl+
[顯示/隱藏鏈接(L) Ctrl+Shift+Y
選擇子標(biāo)簽(H) Ctrl+]
作為根查看(V) Ctrl+Shift+R
查找和替換(F) Ctrl+F
顯示網(wǎng)頁標(biāo)題(P) Ctrl+Shift+T
查找下一個(N) F3
站點(diǎn)地圖(E) Alt+F8
轉(zhuǎn)到行(G) Ctrl+G
獲取(G) Ctrl+Shift+D
顯示代碼提示(H) Ctrl+H
取出(H) Ctrl+Alt+Shift+D
刷新代碼提示(F) Ctrl+
上傳(U) Ctrl+Shift+U
縮進(jìn)代碼(I) Ctrl+Shift+>
存回(I) Ctrl+Alt+Shift+U
凸出代碼(O) Ctrl+Shift+<
檢查站點(diǎn)范圍的鏈接 (W) Ctrl+F8
平衡大括弧(B) Ctrl+'
鏈接到新文件(N) Ctrl+Shift+N
折疊所選 Ctrl+Shift+C
鏈接到已有文件(X) Ctrl+Shift+K
折疊外部所選 Ctrl+Alt+C
改變鏈接(L) Ctrl+L
擴(kuò)展所選 Ctrl+Shift+E
撤消鏈接(V) Ctrl+Shift+L
折疊完整標(biāo)簽 Ctrl+Shift+J
折疊外部完整標(biāo)簽 Ctrl+Alt+J
新建文件(N) Ctrl+Shift+N
擴(kuò)展全部 Ctrl+Alt+E
新建文件夾(F) Ctrl+Alt+Shift+N
首選項(xiàng)(P) Ctrl+U
重命名(R) F2
刪除(D) Del
切換視圖(S) Ctrl+Alt+`
檢查鏈接(L) Shift+F8
刷新設(shè)計視圖(E) F5
剪切(T) Ctrl+X
實(shí)時視圖(L) Alt+F11
拷貝(C) Ctrl+C
凍結(jié)JavaScript(F) F6
粘貼(P) Ctrl+V
隱藏“實(shí)時視圖”顯示 Ctrl+Alt+H
重制(D) Ctrl+D
檢查(I) Alt+Shift+F11
全選(A) Ctrl+A
圖素快速視圖(E) Ctrl+/
刷新(R) F5
服務(wù)器調(diào)試(U) Ctrl+Shift+G
顯示/隱藏鏈接(L) Ctrl+Shift+Y
隱藏所有(H) Ctrl+Shift+I
作為根查看(V) Ctrl+Shift+R
放大(Z) Ctrl+=
顯示網(wǎng)頁標(biāo)題(P) Ctrl+Shift+T
縮小(O) Ctrl+-
站點(diǎn)地圖(E) Alt+F8
符合所選(FS) Ctrl+Alt+0
獲取(G) Ctrl+Shift+D
符合全部(T) Ctrl+Shift+0
取出(H) Ctrl+Alt+Shift+D
符合寬度(W) Ctrl+Alt+Shift+0
上傳(U) Ctrl+Shift+U
顯示(S) Ctrl+Alt+R
存回(I) Ctrl+Alt+Shift+U
顯示網(wǎng)格(S) Ctrl+Alt+G
檢查站點(diǎn)范圍的鏈接(W) Ctrl+F8
靠齊到網(wǎng)格(N) Ctrl+Alt+Shift+G
鏈接到新文件(N) Ctrl+Shift+N
顯示輔助線(S) Ctrl+;
鏈接到已有文件(X) Ctrl+Shift+K
鎖定輔助線(L) Ctrl+Alt+;
改變鏈接(L) Ctrl+L
靠齊輔助線(N) Ctrl+Shift+;
撤消鏈接(V) Ctrl+Shift+L
輔助線靠齊元素(E) Ctrl+Shift+/
拷貝 Ctrl+C
播放(P) Ctrl+Alt+P
粘貼 Ctrl+V
停止(S) Ctrl+Alt+X
選擇性粘貼 Ctrl+Shift+V
播放全部(A) Ctrl+Alt+Shift+P
剪切 Ctrl+X
常用代碼
一、常用屬性。
1、色彩屬性。
COLOR=#RRGGBB,前景色,參考色彩對照表。
BGCOLOR=#RRGGBB,背景色。
2、樣式屬性。
font-size:字體大小。
color:字體顏色。
font-family:字體 。
font-weight:文字加粗。
background-color:背景顏色。
text-align:文本對齊方式。
text-decoration:文本描述方式(消除鏈接下劃線選none)。
width:寬。
height:高。
border:邊框。
border-color:邊框顏色。
border-left:左邊框。
border-left-color:左邊框顏色。
background-image:背景圖片。
background-color:背景顏色。
background-repeat:背景圖片重復(fù)方式。
margin:邊緣距離,0px auto 可以讓一個div絕對居中 z-index 。
a:hover{}定義鼠標(biāo)經(jīng)過鏈接字體時的屬性,如顏色等。
a:link{}定義鏈接文字被點(diǎn)擊過的顏色。
body{}:定義Body的樣式。
p{}定義P標(biāo)簽的樣式。
二、行為動作。
Onclick:鼠標(biāo)點(diǎn)擊。
Onmouseover:鼠標(biāo)經(jīng)過。
Onmouseout:鼠標(biāo)移走。
Onload:打開某某時載入某某。
Onunload:關(guān)閉某某時彈出某某。
三、基本屬性。
1、Colspan="",單元格跨越多列。
2、Rowspan="",單元格跨越多行。
3、Width="";定義表格寬度 。
4、Height="";定義表格高度 。
5、Align="";對齊方式 Valign="";。
6、Border="",邊框?qū)挾取?br />7、Bgcolor="",背景色。
8、Bordercolor="",邊框顏色。
9、Bordercolorlight="",邊框明亮面的顏色。
10、Bordercolordark="",邊框暗淡面的顏色。
11、Cellpadding="",內(nèi)容與邊框的距離(默認(rèn)為2)。
12、Cellspacing="",單元格間的距離(默認(rèn)為2)。
0條評論