Dreamweaver cs6（或者5）是世界頂級軟件廠商adobe推出的一套擁有可視化編輯界面，用于制作并編輯網(wǎng)站和移動應(yīng)用程序的網(wǎng)頁設(shè)計軟件。由于它支持代碼、拆分、設(shè)計、實時視圖等多種方式來創(chuàng)作、編寫和修改網(wǎng)頁，對于初級人員，你可以無需編寫任何代碼就能快速創(chuàng)建web頁面。

HTML的基本結(jié)構(gòu)
HTML文件是標(biāo)準(zhǔn)的ASCII文件，且其后綴名為htm或html的文件。HTML文件看起來像是加入了許多被稱為鏈接簽（tag）的特殊字符串的普通文本文件。從結(jié)構(gòu)上講，HTML文件由元素（element）組成，組成HTML文件的元素有許多種，用于組織文件的內(nèi)容和指導(dǎo)文件的輸出格式。絕大多數(shù)元素是“容器”， 即它有起始標(biāo)記和結(jié)尾標(biāo)記。元素的起始標(biāo)記叫做起始鏈接簽（start tag），元素結(jié)束標(biāo)記叫做結(jié)尾鏈接簽（end tag），在起始鏈接簽和結(jié)尾鏈接簽中間的部分是元素體。 每一個元素都有名稱和可選擇的屬性，元素的名稱和屬性都在起始鏈接簽內(nèi)標(biāo)明。

創(chuàng)建與管理站點
首先雙擊桌面的Dreamweaver圖標(biāo)，在彈出的窗口點擊一下“HTML”。這樣我們就能新創(chuàng)建一個HTML文件，默認(rèn)名稱是untitled-1。

修改頁面屬性
頁面屬性一般都是使用默認(rèn)的，但如果你有需要修改的需求，便可自行修改，能修改的屬性有非常多，比如：頁面字體大小、文本顏色、背景顏色、背景圖片等等，這個大家可以試著每樣都去修改試試。

插入圖像、視頻和音樂
圖像：
我們可以直接在上方工具欄找到插入，點擊后再選擇圖像，接著在本地文件中選擇已經(jīng)保存好的圖片即可。

視頻以及音頻：
我們在上方插入中找到媒體，再從媒體中點擊插件，接著選擇你本地文件里保存好的視頻或者音頻即可（注意插件內(nèi)存不能太大）。

超鏈接
超文本鏈接指針是指把并不連續(xù)的兩段文字或兩個文件聯(lián)系起來。超鏈接是HTML最吸引人的優(yōu)點之一，可以這樣說，如果沒有超文本鏈接指針，就沒有萬維網(wǎng)。使用超文本鏈接指針可以使順序存放的文件具有一定程度上隨機訪問的能力，這更加符合人類的踴躍思維方式。

（1）在HTML文件中用鏈接指針指向一個目標(biāo)。其基本格式為：
<a href = “…”> zzz </a>
其中zzz可以是文字或圖片，當(dāng)用戶單擊它時，瀏覽器就會顯示由href屬性中的統(tǒng)一資源定位器（URL）所指向的目標(biāo)，實際上這個zzz在HTML文件中充當(dāng)指針的角色，它一般顯示為藍色。href中的h表示超文本，而ref表示“訪問”或“引用”的意思。
例如： <a href = “http://www.byau.edu.cn”>黑龍江八一農(nóng)墾大學(xué)</a>
用戶用鼠標(biāo)單擊“黑龍江八一農(nóng)墾大學(xué)”，即可看到主頁內(nèi)容。在這個例子中， 充當(dāng)指針的是“黑龍江八一農(nóng)墾大學(xué)”。（此處我應(yīng)用了超鏈接哦，不信你點開試試？）

（2）同一個文件中的鏈接—錨鏈接
超鏈接可以指向自己的計算機中的某一個文件，這種鏈接方式叫做本地鏈接。前面曾提到過一個超文本鏈接指針包括兩個部分，一個指向目標(biāo)的鏈接指針，另一個是被指向的目標(biāo)。
標(biāo)識一個目標(biāo)的方法為：<A NAME=”KKK”>…….<／A>
NAME屬性將放置該標(biāo)記的地方標(biāo)記為“KKK”，KKK是一個全文唯一的標(biāo)記串，<A>和 </A>之間的內(nèi)容可有可無。這樣，就把放置標(biāo)記的地方做了一個叫做“KKK”的標(biāo)記。
<a href = “#KKK”>轉(zhuǎn)向下一處 </a>
這時就可以點擊“轉(zhuǎn)向下一處”這段文字，瀏覽器就從標(biāo)記名為KKK的部分開始顯示此HTML文件的內(nèi)容了。

AP元素
在Dreamweaver中，AP元素通常是指具有絕對定位的div標(biāo)簽，習(xí)慣稱AP Div (它是Dreamweaver默認(rèn)插入的AP元素類型)。AP Div是指存放用Div標(biāo)記描述的HTML內(nèi)容的容器，用來控制瀏覽器窗口中元素的位置、層次。APDiv最主要的特性就是它是浮動在網(wǎng)頁內(nèi)容之上的，也就是說，可以在網(wǎng)頁上任意改變其位置，實現(xiàn)對AP Div的準(zhǔn)確定位。
在Dreamweaver CS6環(huán)境下，可以利用AP Div靈活方便的進行頁面布局。其作為網(wǎng)頁的容器元素，不僅可在其中放置圖像，還可以放置文字、表單、插件等網(wǎng)頁元素。把頁面元素放在AP Div中，可以控制AP Div堆疊次序、顯示或隱藏等性質(zhì)。

顯示或隱藏：首先呢，我們在上方工具欄選擇插入–布局對象–AP div,此時會我們可以隨意布置一個任意大小的矩形框，然后我們在里面插入圖片，此時我們點擊圖片，在下方工具欄有個可見性，我們就可以在此時修改顯示或者隱藏了。

拖動AP元素：首先我們通過上方工具欄中的 “窗口” 找到 “行為”，然后在右方行為面板中點擊+，再點擊拖動AP元素即可，若有需要可按自己的需求修改。！！！注意：由于這里行為中涉及到 javacsript語言，所以我們要允許阻止訪問內(nèi)容！

原文鏈接：https://blog.csdn.net/qq_57430594/article/details/127073383

云部落資源網(wǎng)普通

打賞 收藏 海報 鏈接