dreamweaver新手教程

Dreamweaver cs6（或者5）是世界頂級軟件廠商adobe推出的一套擁有(yǒu)可(kě)視(shì)化編輯界面，用于制(zhì)作(zuò)并編輯網站(zhàn)和(hé)移動應用程序的網頁設計(jì)軟件。由于它支持代碼、拆分、設計(jì)、實時(shí)視(shì)圖等多(duō)種方式來(lái)創作(zuò)、編寫和(hé)修改網頁，對于初級人(rén)員，你(nǐ)可(kě)以無需編寫任何代碼就能快速創建web頁面。

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

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

修改頁面屬性
頁面屬性一般都是使用默認的，但(dàn)如果你(nǐ)有(yǒu)需要修改的需求，便可(kě)自行(xíng)修改，能修改的屬性有(yǒu)非常多(duō)，比如：頁面字體(tǐ)大(dà)小(xiǎo)、文本顔色、背景顔色、背景圖片等等，這個(gè)大(dà)家(jiā)可(kě)以試着每樣都去修改試試。

插入圖像、視(shì)頻和(hé)音(yīn)樂
圖像：
我們可(kě)以直接在上(shàng)方工具欄找到插入，點擊後再選擇圖像，接着在本地文件中選擇已經保存好的圖片即可(kě)。

視(shì)頻以及音(yīn)頻：
我們在上(shàng)方插入中找到媒體(tǐ)，再從媒體(tǐ)中點擊插件，接着選擇你(nǐ)本地文件裏保存好的視(shì)頻或者音(yīn)頻即可(kě)（注意插件內(nèi)存不能太大(dà)）。

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

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

（2）同一個(gè)文件中的鏈接—錨鏈接
超鏈接可(kě)以指向自己的計(jì)算(suàn)機中的某一個(gè)文件，這種鏈接方式叫做(zuò)本地鏈接。前面曾提到過一個(gè)超文本鏈接指針包括兩個(gè)部分，一個(gè)指向目标的鏈接指針，另一個(gè)是被指向的目标。
标識一個(gè)目标的方法為(wèi)：<A NAME=”KKK”>…….<／A>
NAME屬性将放置該标記的地方标記為(wèi)“KKK”，KKK是一個(gè)全文唯一的标記串，<A>和(hé) </A>之間(jiān)的內(nèi)容可(kě)有(yǒu)可(kě)無。這樣，就把放置标記的地方做(zuò)了一個(gè)叫做(zuò)“KKK”的标記。
<a href = “#KKK”>轉向下一處 </a>
這時(shí)就可(kě)以點擊“轉向下一處”這段文字，浏覽器(qì)就從标記名為(wèi)KKK的部分開(kāi)始顯示此HTML文件的內(nèi)容了。

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

顯示或隐藏：首先呢，我們在上(shàng)方工具欄選擇插入–布局對象–AP div,此時(shí)會(huì)我們可(kě)以随意布置一個(gè)任意大(dà)小(xiǎo)的矩形框，然後我們在裏面插入圖片，此時(shí)我們點擊圖片，在下方工具欄有(yǒu)個(gè)可(kě)見性，我們就可(kě)以在此時(shí)修改顯示或者隐藏了。

拖動AP元素：首先我們通(tōng)過上(shàng)方工具欄中的 “窗口” 找到 “行(xíng)為(wèi)”，然後在右方行(xíng)為(wèi)面闆中點擊+，再點擊拖動AP元素即可(kě)，若有(yǒu)需要可(kě)按自己的需求修改。！！！注意：由于這裏行(xíng)為(wèi)中涉及到 javacsript語言，所以我們要允許阻止訪問內(nèi)容！

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