如何使用Dreamweaver創(chuàng)建站點(diǎn)

　　所謂站點(diǎn)就是一系列文檔的組合,通常是由網(wǎng)頁(yè)文檔文件,圖像,CSS文件及其他腳本文件等構(gòu)成,這些文檔之間通過(guò)各種鏈接關(guān)聯(lián)起來(lái),某些文檔之間可能擁有相同的屬性,例如采用部分相同的設(shè)計(jì),或?qū)崿F(xiàn)相同的目的等。那么如何使用Dreamweaver創(chuàng)建站點(diǎn)?一起來(lái)看看吧!

　　1.在站點(diǎn)中能夠可視化查看本地站點(diǎn)和遠(yuǎn)程站點(diǎn)中的任何資源.

　　2.站點(diǎn)中提供了站點(diǎn)地圖功能,便于合理規(guī)劃站點(diǎn)結(jié)構(gòu).

　　3.可以實(shí)現(xiàn)本地站點(diǎn)與遠(yuǎn)程站點(diǎn)之間的上傳與下載,并提供了FTP的同步和過(guò)濾功能.

　　4.通過(guò)站點(diǎn)便于管理和主多站,能夠進(jìn)行鏈接檢查,代碼驗(yàn)證,目標(biāo)瀏覽器檢查,站點(diǎn)報(bào)告和查看FTP日志等.

　　5.站點(diǎn)的使用有利于團(tuán)隊(duì)項(xiàng)目的開(kāi)發(fā)

　　創(chuàng)建站點(diǎn)的步驟：

　　1.工欲善遇事必先利器，要制作網(wǎng)頁(yè)就需要先安裝制作軟件，Dreamweaver的版本有CS4、CS5、CS6、2014 CC等等不同的版本，任意選擇一個(gè)下載即可，然后安裝在電腦上。

　　2.打開(kāi)安裝好的Dreamweaver軟件，點(diǎn)擊軟件上方的“站點(diǎn)”或者右側(cè)的“站點(diǎn)”欄目開(kāi)始創(chuàng)建站點(diǎn)

　　3.點(diǎn)擊站點(diǎn)，彈出創(chuàng)建窗口，在“站點(diǎn)名稱(chēng)”里面填寫(xiě)自己所建站點(diǎn)的名稱(chēng)，“本地站點(diǎn)文件夾”是在本地電腦存放站點(diǎn)的的位置，點(diǎn)擊右側(cè)小文件夾圖標(biāo)選擇存放目錄

　　4.選擇好站點(diǎn)目錄之后，選擇圖片文件夾，點(diǎn)擊左側(cè)的“高級(jí)設(shè)置”，然后點(diǎn)擊右側(cè)“默認(rèn)圖像文件夾”右側(cè)的小文件夾圖標(biāo)，選擇站點(diǎn)的圖片目錄，沒(méi)有的化可以在站點(diǎn)目錄下創(chuàng)建images文件夾

　　5.站點(diǎn)目錄下最起碼要有images、css文件夾，可以提前創(chuàng)建，也可以在創(chuàng)建站點(diǎn)的時(shí)候創(chuàng)建。現(xiàn)在就建好站點(diǎn)了，在右側(cè)顯示的就是新建好的站點(diǎn)，下面就是創(chuàng)建頁(yè)面了，點(diǎn)擊"HTML"創(chuàng)建html頁(yè)面，這里保存名稱(chēng)為my website.html(名稱(chēng)為.html格式，最好用英文，其他不限)

　　6.html頁(yè)面創(chuàng)建好，按快捷鍵Ctrl+S保存，保存在站點(diǎn)目錄下面，繼續(xù)創(chuàng)建css樣式表，按快捷鍵Ctrl+N，彈出創(chuàng)建菜單，選擇CSS，這里保存名稱(chēng)為css.css(名稱(chēng)為.css格式，最好用英文，其他不限)

　　7.樣式表建好之后，最好用外部鏈接調(diào)用，優(yōu)化html代碼。點(diǎn)擊右側(cè)如階梯狀的小圖標(biāo)，顯示鏈接窗口，點(diǎn)擊下部鏈接符號(hào)，根據(jù)彈出的窗口選擇站點(diǎn)目錄下的css樣式表，點(diǎn)擊“確定”，樣式表就以外部調(diào)用的方式插入到html文本里面了

　　8.現(xiàn)在一個(gè)簡(jiǎn)單的頁(yè)面就生成了，電腦上本地站點(diǎn)也已經(jīng)建好，可以開(kāi)始網(wǎng)頁(yè)制作了。

　　相關(guān)資料：Dreamweaver簡(jiǎn)介

　　Adobe Dreamweaver，簡(jiǎn)稱(chēng)“DW”，中文名稱(chēng) "夢(mèng)想編織者"，最初為美國(guó)Macromedia公司開(kāi)發(fā)，2005年被Adobe公司收購(gòu)。

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

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

【如何使用Dreamweaver創(chuàng)建站點(diǎn)】相關(guān)文章：

Dreamweaver中如何使用模板的創(chuàng)建與編輯07-09

Dreamweaver站點(diǎn)地圖的使用技巧大全08-08

Dreamweaver站點(diǎn)如何檢查鏈接錯(cuò)誤08-31

如何檢查Dreamweaver站點(diǎn)更改鏈接11-10

Dreamweaver如何創(chuàng)建頁(yè)面08-08

如何學(xué)習(xí)使用Dreamweaver06-14

Dreamweaver如何創(chuàng)建滾動(dòng)列表07-31

Dreamweaver菜單如何創(chuàng)建鏈接08-12

如何使用dreamweaver的模板功能11-03