Dreamweaver CS3是一款由Adobe推出的一款可視化的網(wǎng)頁制作工具和網(wǎng)站管理軟件之一。該軟件能夠支持最新的web技術(shù),包含了html檢查、html格式控制、html格式化選項、HomeSite/BBEdit捆綁、可視化網(wǎng)頁設(shè)計、圖像編輯、全局查找替換、全FTP功能。軟件與其他兩款軟件fireworks與flash被人們稱為網(wǎng)頁制作的“三劍客”這三款工具相鋪而成,是制作網(wǎng)頁的最佳拍檔之一,同時在編輯上你可以選擇可視化方式或者你喜歡的源碼編輯方式,本站提供的是軟件綠色版,下載Dreamweaver(DW) CS3即可使用,有需要的就下載吧!
Dreamweaver(DW) CS3使用教程
1、在之前我們需要新建一個站點
新建一個文件夾,文件夾的名字就是網(wǎng)站的名字,小編這里我們?nèi) 拔业恼军c”。
2、在剛剛新建文件夾中再見兩個新建兩個文件,一個取名為“image”,另一個命名為“CSS”。
3、在打開Dreamweaver(DW) CS3軟件,進入。
4、然后在最上方的工具欄點擊“站點”——>再點擊“管理站點”。
5、在點擊新建一個站點
6、在Dreamweaver(DW) CS3設(shè)置面板上,選擇“高級”標簽進行設(shè)置。
7、在這個時候站點已久填寫“我的站點”,要與剛才新建的文件夾名稱相符。
8、在本地根文件夾,就選擇一開始新建的那個文件,我的文件夾是“我的站點”接著就是點擊“確定”。
9、這是在你的Dreamweaver(DW) CS3站點會有一個叫做“我的站點”點擊之后盡可“完成”
10、這是我們可以在右側(cè)的“文件”面板中可以看到我們新建的站點,已經(jīng)里面的image文件夾和css文件夾。
Dreamweaver(DW) CS3軟件特色
1、業(yè)界領(lǐng)先的工具
利用世界級的 Web 設(shè)計工具的所有靈活性和強大功能。在“設(shè)計”視圖中進行像素完美型設(shè)計, 在“代碼”視圖中制作復雜的代碼, 或?qū)9σ环矫娴难芯俊J褂媚淖罴压ぷ鞣绞焦ぷ鳌?br />2、集成的工作流
在軟件內(nèi)設(shè)計、開發(fā)和維護內(nèi)容, 同時利用與其他 Adobe 工具 (包括 Adobe Flash CS3 Professional、Fireworks CS3、Photoshop CS3、Contribute CS3 及用于創(chuàng)建移動設(shè)備內(nèi)容的全新 Adobe Device Central CS3) 的智能集成。
3、完整的 CSS 支持
發(fā)現(xiàn)可視 CSS 工具的優(yōu)勢, 使用這些工具可以輕松地在文件內(nèi)或文件之間查看、編輯和移動樣式, 以及查明您的更改將如何影響設(shè)計。借助全新的 CSS 布局加速您的工作流, 并借助全新的
瀏覽器兼容性檢查測試您的設(shè)計。
4、集成的編碼環(huán)境
借助代碼折疊、顏色編碼、行號及帶有注釋/取消注釋和代碼片斷的編碼工具欄, 組織并加速您的編碼。應用適用于 HTML 和服務(wù)器語言的代碼提示。
5、支持領(lǐng)先的技術(shù)
利用對領(lǐng)先 Web 開發(fā)技術(shù) (包括 HTML、XHTML、CSS、XML、Javas cript、Ajax、PHP、Adobe ColdFusion、ASP、ASP.NET 和 JSP) 的支持。
使用 XSL 或適合于 Ajax 的 Spry 框架, 快速集成 XML 內(nèi)容。指向 XML 文件或 XML feed URL, 還將顯示其內(nèi)容, 這使您能夠?qū)⑦m當?shù)淖侄瓮戏诺侥捻撁嫔稀?br />6、FLV 支持
無需任何 Flash 知識, 只需五次點擊, 即可輕松地將 FLV 文件添加到您的 Web 頁中。自定義視頻環(huán)境以匹配您的網(wǎng)站。
7、學習資源
在您使用全面的教程、參考內(nèi)容和指導性模板的同時進行學習, 這樣可輕松擴展您的技能集并采用最新的技術(shù)。
8、擴展的軟件社區(qū)
享受龐大的軟件社區(qū)的所有益處, 包括在線 Adobe 設(shè)計中心和 Adobe 開發(fā)人員中心、培訓和研討會、開發(fā)人員認證計劃、用戶論壇以及Exchange 中提供的超過 1,000 個可下載的擴展。
9、跨平臺支持
挑選您的平臺: 可用于基于 Intel 或 PowerPC 的 Macintosh 計算機, 也可用于 Windows XP 和 Windows Vista? 系統(tǒng)。在您的首選平臺中設(shè)計, 然后跨平臺交付更加可靠、一致和高性能的結(jié)果。
Dreamweaver(DW) CS3 CSS布局規(guī)則
雖然我們一直建議大家不用軟件可視化編輯的方式進行CSS網(wǎng)頁布局,但依然很多朋友在使用。建立您可以使用DW的代碼編輯器進行CSS代碼的編寫。今天向大家介紹其網(wǎng)頁制作中的CSS布局規(guī)則 。
1、CSS文件的鏈接方式
①附加鏈接:外部CSS文件。
②導入CSS:常用應用多個CSS文件時,將多個CSS導入一個CSS文件中。
2、CSS規(guī)則定義有三種
①類比如“.RedText”、“.BlueText”和“.BigText”等等。
②標簽針對原有HTML標簽做的重新CSS定義。
③高級偽類、定義了ID的元素,以及綜合性定義。
3、CSS規(guī)則的應用
①只有“類”樣式才需要應用,class=”xxxx”。任何元素都可以應用類。
②class與id的區(qū)別
③標簽應用一般對于“body”標簽一次性使用,對于諸如“l(fā)i”、“td”等在頁面中重復性比較大的標簽不推薦定義。
④高級多運用,定義“#id li”比定義“l(fā)i”要好得多。
4、CSS規(guī)則的執(zhí)行順序
①按照CSS代碼的執(zhí)行先后順序。
②如果有重復的規(guī)則,按照后執(zhí)行的定義。
③最終規(guī)則是多個定義規(guī)則的綜合。
5、重點:高級規(guī)則定義。
①對于不同表格的文字樣式定義。(不同表格使用不同ID、使用類樣式定義)。
②一頁中的多種超級鏈接樣式定義。
③多個相同規(guī)則不同對象的CSS共同定義。
④對于同一對象定義的多種CSS方式考慮哪種更科學(擴展性和代碼精簡性)。
Dreamweaver(DW) CS3新功能
1、Spry框架
進行動態(tài)用戶界面的可視化設(shè)計、開發(fā)和部署,使界面更具層次感
2、Spry構(gòu)件
添加Spry構(gòu)件,使頁面元素更加多樣
3、Spry效果
裝飾網(wǎng)站,使網(wǎng)站提高外觀吸引力
4、CSS布局
幫助用戶快速設(shè)計頁面
Dreamweaver(DW) CS3快捷鍵大全
新建(New)一個網(wǎng)頁【Ctrl】+【N】
制作一個網(wǎng)頁
打開(Open)一個存在的網(wǎng)頁【Ctrl】+【O】
在框架中打開(Open)...【Ctrl】+【Shift】+【O】
關(guān)閉(closedoWn)當前網(wǎng)頁【Ctrl】+【W(wǎng)】
保存(Save)當前網(wǎng)頁【Ctrl】+【S】
另存為 【Ctrl】+【Shift】+【S】
檢查聯(lián)接的有效性【Shift】+【F8】
撤消上一步操作【Ctrl】+【Z】/【Alt】+【BackSpace】
重復上一步操作【Ctrl】+【Y】/【Ctrl】+【Shift】+【Z】
剪切到剪貼板【Ctrl】+【X】/【Shift】+【Del】
拷貝(Copy)到剪貼板【Ctrl】+【C】/【Ctrl】+【Ins】
將剪貼板的內(nèi)容粘貼到當前文件中【Ctrl】+【V】/【Shift】+【Ins】
拷貝(Copy)HTML代碼【Ctrl】+【Shift】+【C】
粘貼HTML代碼【Ctrl】+【Shift】+【V】
全部(All)選擇【Ctrl】+【A】
選擇上一級標簽【Ctrl】+【Shift】+【<】
選擇下一級標簽【Ctrl】+【Shift】+【>】
查找(Find)和替換...【Ctrl】+【F】/【Ctrl】+【H】
查找下一個【F3】
縮進代碼【Ctrl】+【]】
取消縮進代碼【Ctrl】+【[】
平衡背帶【Ctrl】+【】
設(shè)置斷點(Breakpoint)【Ctrl】+【Alt】+【B】
調(diào)用外部編輯器(ExternalEditor【Ctrl】+【E】
參數(shù)設(shè)置(setUp)...【Ctrl】+【U】
在編輯窗口和代碼窗口間進行切換【Ctrl】+【Tab】
刷新視窗顯示【F5】
顯示/隱藏頭文件【Ctrl】+【Shift】+【W(wǎng)】
表格用標準顯示方式【Ctrl】+【Shift】+【F6】
表格顯示為版面【Ctrl】+【F6】
顯示/隱藏不可見因素【Ctrl】+【Shift】+【I】
顯示/隱藏標尺(Rulers)【Ctrl】+【Alt】+【R】
顯示/隱藏網(wǎng)格【Ctrl】+【Alt】+【G】
捕捉到網(wǎng)格(Grid)【Ctrl】+【Alt】+【Shift】+【G】
播放(Play)外部插件【Ctrl】+【Alt】+【P】
停止播放外部插件【Ctrl】+【Alt】+【X】
播放所有的外部插件【Ctrl】+【Alt】+【Shift】+【P】
停止所有外部插件【Ctrl】+【Alt】+【Shift】+【X】
插入圖像(Image)【Ctrl】+【Alt】+【I】
插入Flash動畫【Ctrl】+【Alt】+【F】
插入Shockwave影片【Ctrl】+【Alt】+【D】
插入表格(Table)【Ctrl】+【Alt】+【T】
插入書簽命名錨點(Anchor)【Ctrl】+【Alt】+【A】
插入回車符號【Shift】+【Enter】
插入非間斷空格【Ctrl】+【Shift】+【Space】
Dreamweaver(DW) CS3修改頁面屬性...【Ctrl】+【J】
打開/關(guān)閉物體屬性設(shè)置面板【Ctrl】+【Shift】+【J】
快速代碼編輯【Ctrl】+【T】
新建鏈接(Link)...【Ctrl】+【L】
刪除鏈接(Link)【Ctrl】+【Shift】+【L】
選擇表格【Ctrl】+【A】
合并(Merge)單元格【Ctrl】+【Alt】+【M】
分離(Split)單元格...【Ctrl】+【Alt】+【S】
插入一行【Ctrl】+【M】
插入一列【Ctrl】+【Shift】+【A】
刪除一行【Ctrl】+【Shift】+【M】
刪除一列【Ctrl】+【Shift】+【-】
增加單元格跨度【Ctrl】+【Shift】+【]】
減少單元格跨度【Ctrl】+【Shift】+【[】
左對齊選擇物體【Ctrl】+【Shift】+【1】
右對齊選擇物體【Ctrl】+【Shift】+【3】
頂對齊選擇物體【Ctrl】+【Shift】+【4】
底對齊選擇物體【Ctrl】+【Shift】+【6】
使寬度相同【Ctrl】+【Shift】+【7】
使高度相同【Ctrl】+【Shift】+【9】
將對象添加到庫(Library)中【Ctrl】+【Shift】+【B】
在模板中新建一個可編輯區(qū)域...【Ctrl】+【Alt】+【V】
添加物體到時間線(Timeline)上【Ctrl】+【Alt】+【Shift】+【T】
在時間線上添加關(guān)鍵幀【F6】
刪除時間線上的關(guān)鍵幀【Shift】+【F6】
文本縮進【Ctrl】+【Alt】+【]】
取消文本縮進【Ctrl】+【Alt】+【[】
設(shè)置段落格式為無【Ctrl】+【0】
設(shè)置段落格式為“Paragraph”【Ctrl】+【Shift】+【P】
設(shè)置段落格式為“標題1”【Ctrl】+【1】
設(shè)置段落格式為“標題2”【Ctrl】+【2】
設(shè)置段落格式為“標題3”【Ctrl】+【3】
設(shè)置段落格式為“標題4”【Ctrl】+【4】
設(shè)置段落格式為“標題5”【Ctrl】+【5】
設(shè)置段落格式為“標題6”【Ctrl】+【6】
文字左(Left)對齊【Ctrl】+【Alt】+【Shift】+【L】
文字居中(Center)對齊【Ctrl】+【Alt】+【Shift】+【C】
文字右(Right)對齊【Ctrl】+【Alt】+【Shift】+【R】
文本樣式使用粗體(Bold)【Ctrl】+【B】
文本樣式使用斜體(Italic)【Ctrl】+【I】
編輯(Edit)樣式表...【Ctrl】+【Shift】+【E】
拼寫檢查【Shift】+【F7】
開始錄制命令【Ctrl】+【Shift】+【X】
播放(Play)錄制好的命令【Ctrl】+【P】
獲取站【Ctrl】+【Shift】+【D】
檢查站點【Ctrl】+【Alt】+【Shift】+【D】
放置(pUt)站點【Ctrl】+【Shift】+【U】
登記站點【Ctrl】+【Alt】+【Shift】+【U】
檢查鏈接【Ctrl】+【F8】
顯示/隱藏面板和工具箱【F4】
顯示/隱藏上方工具欄(Toolbar)【Ctrl】+【Shift】+【T】
顯示/隱藏對象面板【Ctrl】+【F2】
顯示/隱藏屬性面板【Ctrl】+【F3】
顯示/隱藏站點窗口【F8】
打開站點映射圖【Alt】+【F8】
顯示/隱藏資源面板【F11】
顯示/隱藏行為面板【Shift】+【F3】
顯示/隱藏代碼窗口【F10】
顯示/隱藏CSS樣式面板【Shift】+【F11】
顯示/隱藏框架面板【Shift】+【F2】
顯示/隱藏歷史面板【Shift】+【F10】
顯示/隱藏HTML樣式面板【Ctrl】+【F11】
顯示/隱藏圖層面板【F2】
顯示/隱藏參考面板【Ctrl】+【Shift】+【F1】
顯示/隱藏時間線面板【Shift】+【F9】
最小化窗口【Shift】+【F4】
恢復窗口【Alt】+【Shift】+【F4】
“站點”菜單命令
新建(New)窗口【Ctrl】+【N】
新建(New)一個文件【Ctrl】+【Shift】+【N】
新建(New)一個文件夾【Ctrl】+【Alt】+【Shift】+【N】
打開(Open)網(wǎng)頁...【Ctrl】+【O】
打開(Open)選定的文件【Ctrl】+【Alt】+【Shift】+【O】
關(guān)閉(closedoWn)站點窗口【Ctrl】+【W(wǎng)】
重命名文件【F2】
刪除文件【Delete】
檢查鏈接【Shift】+【F8】
退出【Ctrl】+【Q】
發(fā)布站點【F12】
小編測評
Dreamweaver CS3是一款所見即所得的網(wǎng)頁編輯器,主要用于網(wǎng)頁設(shè)計。這款軟件不僅能制作網(wǎng)頁,還能通過FTP站點管理網(wǎng)站,是許多網(wǎng)頁設(shè)計師的首選工具。
0條評論