1)怎樣將 Dreamweaver 集成到 IE 瀏覽器?
Dreamweaver 安裝程序會在上下文選單增加一個“ Edit with Dreamweaver ”命令,我們還可以修改 Windows 的注冊表使它與 IE 集成。就象 MS Word 、 Frontpage 和 Notepad 一樣,通過 IE 工具欄的編輯按鈕來調用 Dreamweaver 打開當前網頁。
將下面文本的最后一行要改為你自己的 Dreamweaver 安裝路徑,把它們保存為一個 *.reg 文件,雙擊它將信息添加到注冊表即可。
REGEDIT4
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]
@=”C:\Program files\Macromedia\Dreamweaver 3\dreamweaver.exe %1″
如果要設置為 IE 缺省的編輯器,打開 IE 的“Internet 選項”,在程序標簽指定。
2)為了使用某些腳本,經常要為圖形或文本加上空鏈接,但是瀏覽時點擊有空鏈接的對象時,會跳到頁面的頂端,如何避免?
因為瀏覽器以為鏈接到同一頁,可它又找不到定義的書簽( anchor ),于是停留在頁面的頂端。用“ javascript:void(null) ”替換空鏈接的“ # ”,解決這個問題。
3)使用 CSS 、層的時候,在不同瀏覽器的效果不一樣,有時甚至出現(xiàn)錯位現(xiàn)象,怎樣解決?
在對不同瀏覽器的兼容方面, Dreamweaver 作得不錯,但絕不意味用 Dreamweaver 作出的網頁在 IE 和 Netscape 中完全一樣。通常情況下,用不同的瀏覽器瀏覽同一個網頁的外觀不可能完全一樣,這是不同廠家的瀏覽器本身決定的。
一般要盡量注意以下問題:
不要混合使用層和表格排版,如果是父子關系,如層中表格,不在此原則范圍內;
內聯(lián)式的 CSS 在 Netscape Navigator 中經常會出現(xiàn)問題,使用鏈式或內嵌式;
有時需要在空層插入表格或者透明圖片,以保證在 Netscape Navigator 里的效果。對于只有幾個像素寬度或高度的層,改用圖片來實現(xiàn);
避免使用 W3C 組織不推薦的排版屬性,用 CSS 代替。
4)為何從別的文檔拷貝文本到 Dreamweaver ,所有的段落會擠成一團,而在 Dreamweaver 內部又帶有格式代碼?
Dreamweaver 復制和粘貼文本有二種類別,標準的方式將對象連同對象的屬性一起復制,把剪貼板的內容作為 HTML 代碼;另一種方式僅復制或粘貼文本,復制時忽視 html 格式,粘帖時則把 html 代碼作為文本粘貼。多按一個“ Shift ”( Ctrl+Shift+C/Ctrl+Shift+V )鍵即按后一種方式操作。
5)為什么網頁用 IE 瀏覽正常,用 Netscape Navigator 卻不符合要求甚至出錯,而且在 Dreamweaver 的文檔窗口老是修改不好?
請檢查代碼。因為用所見所得編輯器反復修改頁面的某些部分,有時會留下一些多余的代碼,比如多余的鏈接,這些代碼在 Dreamweaver 的文檔窗口看不到, IE 會忽視它們。但是 Netscape Navigator 對代碼要求更嚴格,預覽時就出現(xiàn)不可思議的現(xiàn)象。
6)在 Netscape Navigator 中,有些書簽( anchor )不起作用,有些好象消失了?
Netscape Navigator 的書簽是大小寫敏感的。在 Navigator 中,多層嵌套的表格里面的書簽會丟失,把書簽放到表格外面。
7) Dreamweaver 文檔窗口布滿了各種各樣的面板,為了編輯文檔,不得不扒開一個個空隙,太累,如何是好?
一個 800X600 分辯率的屏幕對于 Dreamweaver 來說確實小了些,不過即便是 1024X768 ,也放不下所有的面板。關鍵是好好組織。
關閉那些在編輯中暫時用不到的面板,把常用的面板放在一起,節(jié)省屏幕空間;
除非現(xiàn)在要用,否則關閉“ HTML Source Inspector ”,它除開占用屏幕空間,還占用相當?shù)南到y(tǒng)資源;
按 F4 隱藏所有打開的面板,一覽文檔的全貌,再按一下,顯示面板;
在“ Windows ”選單有個“ Arrange Floating Palettes ”命令,使用這個命令將所有打開的面板放在窗口四周,并互不重疊。
多用快捷鍵并熟練掌握是很好的提高工作效率的方法。
當添加不可見的對象時,Dreamweaver會在文檔窗口的頁面頂部加上相應的圖標,如果圖標太多,可能妨礙編輯??梢园础癈trl+Shift+I ”(主選單 View|Invisible Elements )來隱藏和顯示它們。也可以設定不出現(xiàn)這些圖標,不過不建議這樣作,因為它們能幫助選擇對象,便于編輯。
8) Head 對象面板只能添加內容,能在文檔窗口修改 < head> 標記的內容嗎?
可以。有一種非常直觀的方式,按“ Ctrl+Shift+W ”(主選單 View|Head Content ),在文檔窗口主選單欄下出現(xiàn)一行圖標,點擊這些圖標修改。
9)如何選擇表格、層里面那些非常小的,比如 1X1px 的圖片?
在表格的單元格中點擊,然后按下“ Shift ”鍵,用箭頭鍵移動即可選擇。
也可先選定表格單元(按下 Ctrl 鍵,用鼠標點擊相應單元)或者層,然后在“ HTML Source Inspector ”面板中選擇高亮代碼中的 < img src=”…”> ,返回文檔窗口,圖片即被選擇。
10)怎樣編輯一個框架系的名字(Title)?
按“ Ctrl+F10 ”打開“ Frames ”面板,點擊最外面的框,按“ Ctrl+J ”(主選單 Modify|Page Properties )。
11)如何改變“behaviors”的缺省事件?
事件設定文件放在 Dreamweaver 安裝目錄下的“ \Configuration\Behaviors\Events\ ”文件夾,比如對于 4.0 以上版本瀏覽器,打開文件“ 4.0 and Later Browsers.htm ”。
< A onClick=”*” onDblClick=”” onKeyDown=”” onKeyPress=”” onKeyUp=”” onMouseDown=”” onMouseOut=”” onMouseOver=”” onMouseUp=””>
將“ onClick=”*” ”中的“*”移到“ onMouseOver=”” ”中,改為: < A onClick=”” onDblClick=”” onKeyDown=”” onKeyPress=”” onKeyUp=”” onMouseDown=”” onMouseOut=”” onMouseOver=”*” onMouseUp=””>
重新啟動 Dreamweaver ,該類缺省事件即變?yōu)椤皁nMouseOver ”。其他類推。
12)在打開一個頁面時,同時打開一個小窗口,用 Dreamweaver 能夠實現(xiàn)嗎?
能,不用寫一行代碼。在“ behaviors ”面板使用內置的“ Open Browser Window ”腳本,設定頁面、窗口大小、屬性。如圖:

13)插入表格時,在表格單元中老是有個空格( < td> < /td> ),怎樣才能不讓它產生?
這是 Dreamweaver 自動生成的,不要刪除它。如果表格單元里沒有任何東西, Netscape Navigator 將不顯示該單元。
14)模板文檔的 < head> 標記里,除了網頁主題外不能編輯,怎樣才能將 behaviors 加入到基于該模板的網頁?
用“ HTML Source inspector ”面板在模板文檔的“ < /head> ”前加入可編輯標記,如下:
< !– #BeginEditable “Javascript” –>
< script language=”JavaScript”>
< /script>
< !– #EndEditable –>
15)在合作開發(fā)和管理網站時,使用 Dreamweaver 的登記/檢查系統(tǒng),是否為遠程服務器的網站的相關文件加上了不同的訪問權限?
check in/check out 是 Dreamweaver 內部使用的一種管理機制,它與文件的屬性無關?!?check out ”意味著該文件正被我使用,別人不能編輯它;“ check in ”則表示該文件可以被別的同事 check out 及編輯,本地的文件就會變成只讀,防止自己改變它的內容。
Dreamweaver 通過在本地和遠程服務器上產生相應的 “.lck” 文件來實現(xiàn) check in/check out 功能,這些文件在“ Site ”窗口不顯示, Dreamweaver 能夠讀這些文件,它只對 Dreamweaver 有效。并沒有為文件加上什么屬性。如果用別的 Ftp 工具和編輯器,仍舊可以打開它們。
16)作網頁時,鼠標飛舞,經常改變了設置好的圖片的大小。能夠不重新查看圖片就糾正嗎?
如果圖片的大小不符,在屬性面板,它的值會變成顯目的粗體。按面板上的“ Refresh ”按鈕,就可恢復成真實大小。
17)如何才能單擊一個鏈接,同時改變多個框架?
最直接的方法就是為該鏈接建立一個框架系。
用 Dreamweaver 的“ Go to URL ” behavior 更簡單。對話框顯示所有的框架,在下面的“ URL ”欄填入相應的頁面就是。

18)想給文本加上 behavior ,可是 behavior 面板上的項目都是灰暗的,不可選的,怎么辦?
以前遇到這種情況,我一般在文本旁邊插入一張圖片,把需要的 behavior 加在圖片上。然后再編輯代碼,移到文本上,并去掉圖片。
上面的作法較繁瑣,便捷的方式是將文本鏈接到“ javascript:void(null) ”,那些 behavior 就老老實實顯露出來了。
19)把使用了 behaviors 的層放進 Library 時, Dreamweaver 不讓層的 behaviors 跟著走,怎么辦?
用模板來作。
20)檢查 Flash 插件并重定向的腳本有時不正常,還有別的方法嗎?
制作 Flash 網頁時,人們習慣使用 Dreamweaver 的“ check plugin” behavior 來重定向。但是有時它會錯報,明明安裝了插件,卻說沒有。下面介紹一種穩(wěn)妥的方法來重定向。
制作一個新的首頁作為重定向的頁面。用“ head ”對象面板的“ Insert Refresh ”定向到未使用 Flash 技術的網頁,如圖。它會在頁面頭部加上如下代碼: < meta http-equiv=”refresh” content=”4;URL=noflash.htm”>

另作一個很小的 Flash 影片,在第一幀加上一個“ Get url ”行為,指向使用 Flash 技術的頁面。把這個小影片嵌入到用來定向的首頁。
顯然,這個重定向的頁面是非??煽康?。
幀窗口是一種復雜的頁面技術,應用幀窗口使得用戶可以在同一個瀏覽器窗口中瀏覽不同網站的內容,可以在一個小窗口中發(fā)出查詢命令而在另一個小窗口中接收查詢結果。實現(xiàn)幀窗口的思路是將瀏覽器窗口按照功能分割成多個小窗口。每個窗口都對應有自己的HTML頁面,按照一定的組合方式組合在一起,以實現(xiàn)特殊的效果。
在HTML中用<frameset>(分割窗口標記)來分割窗口,<frameset>在多窗口頁面中的地位就相當于<body>在普通單窗口頁面中的地位,在頁面中用<frameset>……</frameset>標志頁面主體部分的起止位置。而且,<frameset>標記決定了怎樣劃分窗口,以及每個窗口的位置和大小。其基本語法結構如下:
<frameset
cols=n
rows=n
frameborder=yes|no
border=n
bordercolor=#n
framespacing=n>
cols和rows:是決定頁面如何分割的兩個參數(shù)。分割左右窗口用cols,各幀的左右寬度用占窗口寬度的百分比來表示。比如:cols=”30%,40%,*”就表示水平方向分割成三個窗口,各自所占總寬度的百分比依次是30%,40%和30%。其中”*”表示剩余部分,也就是說”*”對應的小窗口寬度為剩余的寬度。分割上下窗口用rows,同樣采用百分比的設定方法。
frameborder:是指定各分窗口是(ye)否(no)要加邊框;如果加過框的話,則用 border參數(shù)指定邊框的寬度,bordercolor指定邊框的顏色。
framespacing:用于設定各分窗口之間的間隔大小,默認值是0。
用<frameset>標記把窗口分割好后,各窗口的屬性是用HTML的<frame>標記來定義的,所以<frameset>標記中必須包含<frame>標記,用以定義各分窗口的屬性。其語法如下:
<frame
align=left|center|right|top|bottomv name=framename
src=url
noresize
scrolling=y(tǒng)es|on|auto
frameborder=yes|no
bordercolor=#n
marginheight=n
marginwidth=n>
align:設定分窗口的位置是靠左(left)、靠右(right)、居中(center)、靠上(top)還是靠底(bottom)。
name:用于指定分窗口的名稱,src則用于指定分窗口所對應的HTML頁面地址。
noresize:是對用戶來說的,當<frame>標記中包含此參數(shù)的時候,用戶就不能用鼠標調整修改各分窗口的大小。
scrolling:設定分窗口是否要滾動條。scrolling=no時不要滾動條,scrolling=y(tǒng)es時表示要滾動條,scrolling=auoto時表示根據實際情況自動設置滾動條。
frameborder和bordercolor:是設定分窗口有無邊框和邊框顏色的。但對象只限于用<frame>標記的分窗口。
marginheight和marginwidth:分別用于設定分窗口的上下邊緣和左右邊緣的寬度。
用上面的兩個標記,就能夠實現(xiàn)多窗口頁面,下面將舉例說明。
1、左小右大兩窗口

這種頁面一般在左邊的窗口放一個網站導航頁,右面放網站頁面內容。制作方法:
先用<frameset>標記并通過設置其cols參數(shù),沿水平方向分割成兩個窗口,左邊的窗口占20%,右邊的窗口取剩余部分,再用<frame>標記分別定義兩個窗口的屬性。完成后的分幀頁面源代碼如下:
<html>
<head>
<title>分幀窗口示例</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
</head>
<frameset cols=”20%,*” >
<frame name=”leftFrame” noresize src=”ahtml.htm”>
<frame name=”mainFrame” noresize src=”bhtml.htm”>
</frameset>
<noframes>
<body>
<p>很抱歉!這是一個分幀頁面,但由于你的瀏覽器不支持,所以不能瀏覽! </p>
<p>Sorry!This page uses frames,but your browser doesn’t support them .
</body></noframes>
</html>
從上面的代碼看,設計幀窗口頁面并沒有想象得那么復雜,但以下幾點在具體操作時要注意:
1)用<frame>標記定義分窗口屬性時,要注意其在<frameset>標記中的順序,切不要搞亂了;
2)分窗口的名稱雖可隨意定,但最好是以其所在位置命名比較好;
3)分窗口的scrolling(滾動條)一般取其默認值”auto”比較好;
4)雖然在最終往往不要分窗口的邊框,但在設計階段,還是設置為有邊框比較好,這樣在編輯時一目了然;
5)上面頁面代碼中后面那句話一般加上為好,因為有的瀏覽器版本不支持分幀頁面,若沒加那名話,用戶的瀏覽器若不支持分幀時,看到的是一片空白,不知是怎么一回事了,有那句話提示一下就明白了。
2、一頂一左一右頁面

先看這種分幀頁面的源代碼:
<frameset rows=”20%,*”>
<frame name=”topFrame” scrolling=”NO” noresize src=”toppage.htm” >
<frameset cols=”18%,*”>
<frame name=”leftFrame” noresize src=”leftpage.htm”>
<frame name=”mainFrame” src=”mainpage.htm”>
</frameset>
</frameset>
從上面的代碼中可看出,建立復雜分幀頁面的方法是由簡到繁,如本例中,先用<frameset>定義其“rows”參數(shù),把窗口分成上下兩個窗口,再用<frame>標記定義上部窗口,因下部窗口還需再分,所以不用<frame>定義其屬性,而是用<frameset>標記設置其cols參數(shù),把它再分成左右兩個窗口,因已達目的,所以開始用<frame>標記定義左右兩個窗口的屬性。
只要記?。合却址?,后細分,cols橫向分, rows縱向分,無需再分的窗口用<frame>定義屬性,這些基本原則,制作分幀窗口頁面就會輕松自如。
]]>在多窗口的分幀頁面中,各分窗口之間的信息交互是經常的事。在導航窗口中點了超級鏈接,那么如何在另一窗口中打開鏈接的網頁呢?我在這個窗口中按下按鈕,能在另一個窗口中寫信息嗎?窗口那么多,又如何識別窗口呢?請看下面的例子。
一、在導航窗口點擊鏈接,在另一窗口打開網頁

現(xiàn)有一分幀頁面如上圖所示的,A窗口是網站logo及廣告,B窗口是導航欄,C是顯示頁面的窗口。該分幀頁面的源代碼為:
<frameset rows=”20%,*”>
<frame name=”topFrame” scrolling=”NO” noresize src=”toppage.htm” >
<frameset cols=”18%,*”>
<frame name=”leftFrame” noresize src=”leftpage.htm”>
<frame name=”mainFrame” src=”mainpage.htm”>
</frameset>
</frameset>
若要求在B窗口中的鏈接頁面(test.htm)在C窗口中打開,那么B窗口中的鏈接應這樣寫:<a herf=”test.htm” target=”mailFrame”>此鏈接的頁面在C窗口中打開</a>,在這里起關鍵作用的是<A>標記中的target參數(shù),你想在那個窗口中打開網頁,就在Target參數(shù)中設置那個窗口的名稱。
二、在B窗口中按下一個按鈕,在C窗口中寫一行字
本例的頁面格式與上例相同,完成后的效果是這樣的:按下B窗口中“在C窗口寫字”的按鈕后,在C窗口中就出現(xiàn)一行文字“嗨!你好!這是通過B窗口控制而寫的字。”。分幀頁面的代碼及每個窗口中的網頁文件與上例相同。
制作方法:
1、 在C窗口網頁(mainpage.htm)的源代碼<head>與</head>之間插入下面這段Javascript程序:
<script language=”Javascript”>
<!–
function htest(){
document.write(“嗨!你好!這是通過B窗口控制而寫的字。”)
}
–>
</script>
這段程序的作用是在當前窗口寫上一段文字。
2、那么如何在B窗口中調用C窗口中的程序呢?先看B窗口中“在C窗口中寫字”這個按鈕的源代碼:
<input type=”button” value=”在C窗口中寫字” onclick=”parent.mainFrame.htest()”>
在這段代碼中,關鍵是代碼“parent.mainFrame”,這里引入一個新的概念―窗口結構關系,也就是在多窗口頁面中,各窗口之間的關系是以什么原則來確定的。窗口關系的確定原則是:當前窗口分割出來的窗口為當前窗口的“子窗口”(children),那么當前窗口就是分割出來窗口的“父窗口”(parent)。如本例中各窗口的關系如下:

從上表可得知,“瀏覽器窗口”是“topFrame”和“下部窗口”的“父窗口”,而下部窗口又是“l(fā)eftFrame”和“mainFrame”兩個窗口的“父窗口”。兩個窗口之間的聯(lián)系必須通過它們的父窗口才能進行,所以本例中要調用C窗口中網頁上的“htest()”很顯然是通過C與B的parent再到mainFrame,然后調用htest()程序。
那么若C窗口中向B窗口中寫字的代碼就是這樣的了: onclick=”parent.leftFrame.htest()”;那么,在A窗口中要向C窗口中寫一段文字的代碼你知道怎樣寫嗎?對了,就是這樣:onclick=”grandchildren.mainFrame.htest()”。
從上面的例子中可看出,在各窗口之間進行交互信息,關鍵的問題是要搞清楚窗口與窗口之間的關系,其它的操作就比較簡單了。
]]>層(Layer)是一種 HTML 頁面元素,您可以將它定位在頁面上的任意位置。層可以包含文本、圖像或其它 HTML 文檔。層的出現(xiàn)使網頁從二維平面拓展到三維??梢允鬼撁嫔显剡M行重疊和復雜的布局。首先,請看下圖:

我們首先來做一個層
1、 在「窗口」菜單>選“層”,或點「插入」菜單>布局對象>選“層”。
2、 在頁面中顯示一個層。
3、 通過周圍的黑色調整柄拖動控制層的大小
4、 拖動層左上角的選擇柄可以移動層的位置。
5、 單擊層標記可以選中一個層。
6、 在層中可以插入其他任何元素包括圖片文字鏈接表格等。
一個頁面中可以畫出很多的層,這些層都會列在層面板中。層之間也可以相互重疊。層面板可以通過菜單「窗口」菜單>選“層”打開。

這里我們需要對幾個概念進行解釋。層有隱藏和顯示的屬性。這是層的一個重要屬性和以后說到的行為相結合就變成了重要的參數(shù)。單擊層面板列表的左邊,可以打開關閉眼睛。眼睛掙開和關閉表示層的顯示和隱藏。
層還有一個概念就是層數(shù),層數(shù)決定了重疊時哪個層在上面哪個層在下面?!”热鐚訑?shù)為2的層在層數(shù)為1的層的上面。改變層數(shù)就可以改變層的重疊順序。
層面板上面還有一個參數(shù)就是防止層重疊。一旦選中,頁面中層就無法重疊了?!?/P>
層還有一種父子關系也就是隸屬關系。在層面板中是這樣表示的。

圖中Layer2掛在Layer1的下面。Layer1為父層,Layer2為子層。在頁面中拖動Layer1,Layer2也跟著動起來。因為他們已經鏈在一起了,并且Layer2隸屬于Layer1。父層移動會影響到子層。移動layer2層,Layer1層不動。也就是子層不會影響到父層。
要建立這樣的一種隸屬關系方法很簡單。在層面板中按Ctrl鍵將子層拖拽到父層即可。
?。蹖雍捅砀裰g轉換]由于層在網頁布局上非常方便,所以,一些人可能不喜歡使用表格或“布局”模式來創(chuàng)建自己的頁面,而是喜歡通過層來進行設計。Dreamweaver MX 2004可以使用層來創(chuàng)建自己的布局,然后將它們轉換為表格。
在轉換為表格之前,請確保層沒有重疊。請執(zhí)行以下操作:選擇“修改”>“轉換”>“層到表格”。即可顯示“轉換層為表格”對話框。

話框。

選擇所需的選項。單擊“確定”。
]]>在居中頁面中使用層,最大的問題就是層的定位問題,當改變顯示器分辨率后,層相對其它居中元素就會改變位置。本文介紹層相對其它居中元素不會錯位的方法。
層的絕對定位和相對定位
層的絕對定位代碼:
<div id=”Layer1″ style=”position:absolute; left:45px; top:25px; width:400px; height:155px; z-index:1″></div>
層的相對定位代碼:
<div id=”Layer1″ style=”position: relative; left:45px; top:25px; width:400px; height:155px; z-index:1″></div>
在居中頁面中,插入相對定位層代碼,層的位置在頁面居中。但是它變得不可移動,使用不夠方便。
插入絕對定位代碼,當left和top含有正負數(shù)值,層就無法居中。當清除left和top屬性后,層可以居中,相對頁面其它居中元素沒有錯位現(xiàn)象。
描繪層和插入層的差別
使用描繪層:

在一個居中的頁面中,使用描繪層的代碼:
使用插入層:

在一個居中的頁面中,使用插入層的代碼:
因為使用“描繪層”生成的代碼不在居中代碼之中,所以,在居中頁面中,要使層相對其它元素沒有錯位現(xiàn)象,就必須使用插入層。
在居中頁面中,常用兩種方法,實現(xiàn)層相對其它居中元素沒有錯位現(xiàn)象。
使用插入層
1.在一個居中頁面中,把插入點放在文檔中,實例中把插入點放在表格中。

2.選擇“插入”/“層”菜單。

3.在文檔中插入了一個層。實例中,在表格中插入了一個層。在IE瀏覽器中測試,改變分辨率,層的內容相對其它居中元素都不會發(fā)生錯位現(xiàn)象。

在屬性面板查看這個層的屬性,這段插入層清除了“左”和“上”的值。
這種方法,常用來制作彈出式菜單。
使用嵌套層
嵌套層是其代碼包含在另一個層中的層。
在使用嵌套層之前,先要對層做一些參數(shù)設置。選擇“編輯”/“參數(shù)選擇”菜單,在“參數(shù)選擇”對話框中,選中“Netscape 4 兼容性:插入層時固定大小”,這樣制作的嵌套層就可以兼容Netscape 4瀏覽器。并且選中“嵌套:如果在層中則使用嵌套”。

打開層面板,不選中“防止重疊”。

嵌套層:
在一個居中頁面,插入一個表格,在表格中,插入一個層,這個層相對表格,不會發(fā)生錯位。在這個層中,使用“插入”/“層”命令,插入一個子層(嵌套層),無論在頁面中怎么移動這個子層,它的位置相對其它居中元素都不會錯位。

在一個插入層中,可以插入多個嵌套層,然后把嵌套層移動到需要的地方,這樣在居中頁面就可以隨心所欲的使用層了。
結論:居中頁面,制作彈出菜單,使用“插入”/“層”命令;使用層布局和用層放置內容,使用嵌套層。
]]>有的時候,我們經常需要把客戶信息等一些資料發(fā)布到網上以便聯(lián)系,但是隨著客戶資料的越來越多,網上更新是越來越力不從心,這該怎么辦?其實,除了用asp、php等這些后臺語言來實現(xiàn)快捷更新外,Dreamweaver本身就提供了數(shù)據導入與排序的方法,這對不懂后臺的朋友來說絕對是個大大的福音,Dreamweaver從版本3到最新的MX一直都保留了該功能,可見它的實用之處。下面我們就來見識一下它的功效究竟如何。
注:本文以Dreamweaver MX為例
1、例如我們現(xiàn)在手頭有個kehu.txt文件,里面是**公司客戶聯(lián)系單,詳細信息如下所示:
姓名,性別,職位,電話
李明,男,A公司技術人員,87185900
李巖,男,B公司經理,80226888
王強,男,C公司總工程師,83546790
蘇林,女,D公司營銷人員,87556341
陳東東,男,E公司項目主任,87436588
可以看到,這里面的每項都用逗號進行了分離。
2、(1)打開DW MX,新建一個html頁面,選擇菜單欄insert/table objects/import tabular data這項。

圖1
(2)出現(xiàn)import tabular data窗口,單擊“Browse…”按鈕,選擇存放數(shù)據的文本文件,在Delimiter該項中要和文本文件里的分隔符相對應,因為kehu.txt文件里用的是逗號,所以選擇了Comma,其它各項可根據各位需要進行選擇修改。

圖2
(3)最后點擊“OK”,一張包含文本文件數(shù)據的表格就呈現(xiàn)在了你的面前。

圖3
3、(1)雖然表格是做出來了,不過有時我們需要對表格中的數(shù)據進行排序,這DW當然也想到了,先選中表格,然后選擇菜單欄commands/sort table。

圖4
(2)出現(xiàn)sort table窗口,sort by項選擇column 1,order項選擇按字母排序Alphabetically和升序排列Ascending,其它各項各位可參照圖5根據需要進行選擇。

圖5
(3)單擊“OK”,這樣就完成了對表格中列1的排序,列1中的姓名均以拼音字母大小來進行了升序排列。

圖6
4、(1)現(xiàn)在,我們效果和排序都出來了,最后要做的就是對表格的美化,愛美之心人皆有之,表格也不例外呀,除了自己手動美化外,DW也專門提供了十七種樣式供你選擇。與sort table類似,先選中表格,再選擇commands/format table項。

圖7
(2)出現(xiàn)format table窗口,左上角有各樣式,可根據你的喜好來選擇,因為其余各項都是傻瓜式的操作,在這里就不一一介紹了,只是對最后一項強調一下,該項是詢問你是否把各樣式代碼添加到TD標記里而非默認添加到TR標記中,在這里筆者建議你不要勾選,否則會生成比默認設置多得多的代碼。

圖8
(3)單擊“OK”,大功告成,最后生成的效果圖如下,怎么樣?簡簡單單的幾步就能做成這樣,原本需要用后臺編程才能實現(xiàn)的功能,用DW就輕松搞定了,它的強大之處也正是在于此。
]]>庫是一種用來存儲想要在整個網站上經常重復使用或更新的頁面元素(如圖像、文本和其他對象)的方法。這些元素稱為庫項目。
使用庫的意義:很多網頁設計師討厭頻繁的改動網站,使用Dreamweaver的庫,可以很好的解決這個問題!如果使用了庫,就可以通過改動庫更新所有采用庫的網頁,不用一個一個的修改網頁元素或者重新制作網頁。使用庫比使用模板,有更大的靈活性。
主要內容:打開“資源”面板,◇創(chuàng)建庫項目;◇插入庫項目;◇修改庫和更新站點。
◇創(chuàng)建庫項目
1.選擇文檔的一部分,例如選擇一個圖片。

2.打開資源面板,點擊“庫”按鈕,打開庫類別。

3.點擊“新建庫項目”按鈕。

4.給庫項目命名。一個庫就創(chuàng)建好了。

◇ 插入庫項目
1.將插入點放在“文檔”窗口中。

2.選擇一個庫項目,單擊“插入”按鈕。

3.插入庫后的頁面如下圖。

◇ 修改庫和更新站點
1. 選中頁面中的庫項目。

2.在屬性面板中點擊“打開”按鈕。

3.修改庫項目,修改完成之后保存。
4.在“更新庫項目”對話框中點擊“更新”按鈕。

5.選擇更新的范圍,更新完成之后關閉。

◇更新整個站點或所有使用特定庫項目的文檔:
選擇“修改”→“庫”→“更新頁面”。


◇更改當前文檔以使用所有庫項目的當前版本:
選擇“修改”→“庫”→“更新當前頁”。

