bootstrap與dreamweaver有哪些區(qū)別

這篇文章主要介紹bootstrap與dreamweaver有哪些區(qū)別，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

區(qū)別：1、bootstrap是基于HTML、CSS、JavaScript的前端框架，而dreamweaver是一個網(wǎng)頁代碼編輯器；2、bootstrap可以用來快速創(chuàng)建一個響應(yīng)式網(wǎng)站，而dreamweaver可以用來提高網(wǎng)站開發(fā)速度。

本教程操作環(huán)境：Windows7系統(tǒng)、bootsrap3.3.7&&Adobe Dreamweaver CS6版、DELL G3電腦

bootstrap簡介

Bootstrap是Twitter開源的基于HTML、CSS、JavaScript的前端框架。它是為實(shí)現(xiàn)快速開發(fā)Web應(yīng)用程序而設(shè)計的一套前端工具包。它支持響應(yīng)式布局，并且在V3版本之后堅(jiān)持移動設(shè)備優(yōu)先。

Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它即是由動態(tài)CSS語言Less寫成。Bootstrap一經(jīng)推出后頗受歡迎，一直是GitHub上的熱門開源項(xiàng)目，包括NASA的MSNBC（微軟全國廣播公司）的Breaking News都使用了該項(xiàng)目。 國內(nèi)一些移動開發(fā)者較為熟悉的框架，如WeX5前端開源框架等，也是基于Bootstrap源碼進(jìn)行性能優(yōu)化而來。

包含內(nèi)容

• 基本結(jié)構(gòu)：Bootstrap 提供了一個帶有網(wǎng)格系統(tǒng)、鏈接樣式、背景的基本結(jié)構(gòu)。這將在Bootstrap 基本結(jié)構(gòu)部分詳細(xì)講解。

• CSS：Bootstrap 自帶以下特性：全局的 CSS設(shè)置、定義基本的 HTML 元素樣式、可擴(kuò)展的 class，以及一個先進(jìn)的網(wǎng)格系統(tǒng)。

• 組件：Bootstrap中包含了豐富的Web組件，根據(jù)這些組件，可以快速的搭建一個漂亮、功能完備的網(wǎng)站。

  其中包括以下組件：　下拉菜單、按鈕組、按鈕下拉菜單、導(dǎo)航、導(dǎo)航條、路徑導(dǎo)航、分頁、排版、縮略圖、警告對話框、進(jìn)度條、媒體對象等

• JavaScript 插件：Bootstrap自帶了13個jQuery插件，這些插件為Bootstrap中的組件賦予了“生命”。其中包括：模式對話框、標(biāo)簽頁、滾動條、彈出框等。

作用：

用它提供的樣式和組件快速寫網(wǎng)站

你只需要引用一些定義好的類，也就是class名字，就可以創(chuàng)建出已經(jīng)有非常漂亮的樣式的網(wǎng)頁，而且支持自適應(yīng)，是一個很不錯的框架。

簡單點(diǎn)說：是一個快速搭建網(wǎng)站前臺頁面的開源項(xiàng)目（基于Jquery）。你只需要了解相關(guān)的class、標(biāo)簽名稱等所代表的意思，然后在構(gòu)建頁面的時候，導(dǎo)入bootstrap的JS、css等，它就會去表現(xiàn)相應(yīng)的效果出來。

dreamweaver簡介

dreamweaver全稱Adobe Dreamweaver，簡稱“DW”，中文名稱 "夢想編織者"，最初為美國MACROMEDIA公司開發(fā) ，2005年被Adobe公司收購。

DW是集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁代碼編輯器。利用對 HTML、CSS、JavaScript等內(nèi)容的支持，設(shè)計師和程序員可以在幾乎任何地方快速制作和進(jìn)行網(wǎng)站建設(shè)。

Adobe Dreamweaver使用所見即所得的接口，亦有HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用）編輯的功能，借助經(jīng)過簡化的智能編碼引擎，輕松地創(chuàng)建、編碼和管理動態(tài)網(wǎng)站。訪問代碼提示，即可快速了解 HTML、CSS 和其他Web標(biāo)準(zhǔn)。使用視覺輔助功能減少錯誤并提高網(wǎng)站開發(fā)速度。

軟件優(yōu)點(diǎn)

• 制作效率

  Dreamweaver可以用最快速的方式將Fireworks，F(xiàn)reeHand，或Photoshop等檔案移至網(wǎng)頁上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁安全色。對于選單，快捷鍵與格式控制，都只要一個簡單步驟便可完成。Dreamweaver能與您喜愛的設(shè)計工具，如PlaybackFlash，Shockwave和外掛模組等搭配，不需離開Dreamweaver便可完成，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動開啟Firework或Photoshop來進(jìn)行編輯與設(shè)定圖檔的最佳化。

• 網(wǎng)站管理

  使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形、設(shè)計、更新和重組網(wǎng)頁。改變網(wǎng)頁位置或檔案名稱，Dreamweaver會自動更新所有鏈接。使用支援文字、HTML碼、HTML屬性標(biāo)簽和一般語法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡單。

• 控制能力

  Dreamweaver是提供RoundtripHTML、視覺化編輯與原始碼編輯同步的設(shè)計工具。它包含HomeSite和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無法想像。進(jìn)階表格編輯功能使您簡單的選擇單格、行、欄或作未連續(xù)之選取。

  甚至可以排序或格式化表格群組，Dreamweaver支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。所見即所得Dreamweaver成功整合動態(tài)式出版視覺編輯及電子商務(wù)功能，提供超強(qiáng)的支援能力給Third-party廠商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango與自行發(fā)展的應(yīng)用軟體。

  當(dāng)您正使用Dreamweaver在設(shè)計動態(tài)網(wǎng)頁時，所見即所得的功能，讓您不需要透過瀏覽器就能預(yù)覽網(wǎng)頁。夢幻樣版和XMLDreamweaver將內(nèi)容與設(shè)計分開，應(yīng)用于快速網(wǎng)頁更新和團(tuán)隊(duì)合作網(wǎng)頁編輯。

  建立網(wǎng)頁外觀的樣版，指定可編輯或不可編輯的部份，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容卻不會不小心改變既定之樣式。您也可以使用樣版正確地輸入或輸出XML內(nèi)容。

  全方位的呈現(xiàn)利用Dreamweaver設(shè)計的網(wǎng)頁，可以全方位的呈現(xiàn)在任何平臺的熱門瀏覽器上。對于cascadingstylesheets的動態(tài)HTML支援和鼠標(biāo)換圖效果，聲音和動畫的DHTML效果資料庫可在Netscape和Microsoft Internet Explorer上執(zhí)行。

  使用不同瀏覽器檢示功能，Dreamweaver可以告知您在不同瀏覽器上執(zhí)行的成效如何。當(dāng)有新的瀏覽器上市時，只要從Dreamweaver的網(wǎng)站在下載它的描述檔，便可得知詳盡的成效報告。

  無需編寫代碼即可實(shí)施CSS最佳做法。在“屬性”面板中新建CSS規(guī)則,并在樣式級聯(lián)中清晰、簡單地說明每個屬性的相應(yīng)位置。

• 全面的CSS支持增強(qiáng)功能

  使用Dreamweaver CS4中增強(qiáng)的CSS實(shí)施工具令您的網(wǎng)站脫穎而出。借助“設(shè)計”和“實(shí)時視圖”中的即時可視反饋,在“屬性”面板中快速定義和修改CSS規(guī)則。使用新增的“相關(guān)文件”和“代碼導(dǎo)航器”功能找到定義特定CSS規(guī)則的位置。

以上是“bootstrap與dreamweaver有哪些區(qū)別”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！