DM網(wǎng)頁(yè)制作實(shí)驗(yàn)指導(dǎo)書(shū)

..DREAMWEAVER8基礎(chǔ)安裝好Dreamweaver8中文版后,運(yùn)行,選擇Dreamweaver8工作區(qū)后,將看到下面的畫(huà)面：一、①為菜單區(qū),和其它的軟件一樣,該軟件所有的操作命令都可以從這一個(gè)區(qū)內(nèi)找到,舉個(gè)例子,選中該區(qū)編輯<E>中的參數(shù)選擇<S>...CTRL+U[其中CTRL+U是該選項(xiàng)的快捷鍵],如下圖所示：在這里,你可以把自己的DREAMWEAVERMX設(shè)置為自己喜歡的樣式,一般使用默認(rèn)就可以了,如下圖：為了使用的方便,選中字體這一項(xiàng)目,把參數(shù)設(shè)置為上圖所示的樣子,因?yàn)槟J(rèn)的時(shí)候?qū)嵲谔y看了〔當(dāng)然也可以選自己喜歡的。如果你瀏覽網(wǎng)頁(yè)時(shí)使用的不是IE的話,請(qǐng)選中在瀏覽器中預(yù)覽這一項(xiàng)〔以后制作網(wǎng)頁(yè)的時(shí)候要用到,點(diǎn)一下那個(gè)"＋"添加你使用的瀏覽器程序。二、②是插入項(xiàng)目選擇工具<插入面板>,在②選中了某個(gè)項(xiàng)目,③中會(huì)出現(xiàn)相應(yīng)的插入項(xiàng)目,下面詳細(xì)介紹,選中常用這一項(xiàng)后如下圖：錨點(diǎn)用于網(wǎng)頁(yè)中的定位,如網(wǎng)頁(yè)的上、中、下等；圖像點(diǎn)位符是用于動(dòng)態(tài)交換圖片的,后面再說(shuō)；FireworksHTML為用Fireworks軟件切割出來(lái)的圖片；交換圖像為鼠標(biāo)移上去時(shí)變?yōu)榱硪粓D片,增強(qiáng)動(dòng)感；表格數(shù)據(jù)可以將其它文件的數(shù)據(jù)轉(zhuǎn)化為表格,插進(jìn)網(wǎng)頁(yè)；標(biāo)簽選擇器可以插入其它不常用的HTML標(biāo)簽。在②中選中布局一項(xiàng),共有標(biāo)準(zhǔn)視圖和布局視圖兩種視圖,如下圖所示：在標(biāo)準(zhǔn)視圖下,可以插入表格和在網(wǎng)頁(yè)制作區(qū)畫(huà)圖層。切換到布局視圖下,如下圖：在布局視圖下,可以在網(wǎng)頁(yè)制作區(qū)描繪布局視圖下的表格和單元格,描繪好之后,再切換到標(biāo)準(zhǔn)視圖后,可以轉(zhuǎn)化為表格,這個(gè)比較好用,可以用來(lái)排版網(wǎng)頁(yè),后面將說(shuō)到。在②中選中文本一項(xiàng),可以對(duì)文本進(jìn)行格式化,如下圖：A可以對(duì)字體進(jìn)行全面的格式；B可以將字體變?yōu)榇煮w；I為斜體；S為加強(qiáng)字體；這些比較簡(jiǎn)單,可以自己一項(xiàng)一項(xiàng)慢慢試試,看看字體有什么變化。在②中選擇表單〔表格和框架兩項(xiàng)后面再說(shuō),可以插入各種按鈕,如下圖：A為表單；B為文本框；C為隱藏域；D為文本區(qū)域；E為多選框；F為單選框；G為單選按鈕組；H為列表/菜單；I為跳菜單；J為圖像域；K為文本字段；L為按鈕；M為標(biāo)簽；N為字段集?！苍敿?xì)的使用方法后面將說(shuō)到在②中選中模版可以使用模版制作網(wǎng)頁(yè)或自己創(chuàng)建模版,做起網(wǎng)頁(yè)更加方便快捷。在②中選中字符可以插入一些特殊的字符,如：???,其中BR為換行符〔快捷鍵為CTRL＋ENTER,此項(xiàng)與ENTER有所不同,可以自己試試,其它的可以自己試試。在②中選中媒體,可以插入FLASHFLASH按扭FLASH文本Applet等插件。在②中選中文本頭,將出現(xiàn)下面的畫(huà)面：關(guān)鍵字為網(wǎng)頁(yè)的關(guān)鍵詞,可以讓搜索引擎搜索到；說(shuō)明為網(wǎng)頁(yè)的說(shuō)明,如作者、介紹等；刷新可以設(shè)定多長(zhǎng)時(shí)間后刷新網(wǎng)頁(yè)或跳轉(zhuǎn)到其它網(wǎng)頁(yè)；基礎(chǔ)為網(wǎng)頁(yè)的基本鏈接,如插入一個(gè)目標(biāo)為_(kāi)blank基礎(chǔ),網(wǎng)頁(yè)中的一切默認(rèn)鏈接都將打開(kāi)新窗口；其它比較少用不再詳細(xì)講述。在②中選中腳本,可以插入各種Javascript、Vbscript或其它腳本。在②中選中ASP〔編輯ASP網(wǎng)頁(yè)時(shí)用到,新手可不必理會(huì),可以插入各種ASP編程里用到的標(biāo)簽。在②中選中應(yīng)用程序〔編輯動(dòng)態(tài)網(wǎng)頁(yè)時(shí)候用到,新手可不必理會(huì),可以對(duì)數(shù)據(jù)庫(kù)進(jìn)行操作。三、對(duì)④區(qū)的詳解如下圖：在上圖中,點(diǎn)擊帶有向下小箭頭的工具,會(huì)彈出更多選擇。四、⑤區(qū)為網(wǎng)頁(yè)設(shè)計(jì)區(qū),你所設(shè)計(jì)的網(wǎng)頁(yè)或代碼將出理在該區(qū)。五、⑥區(qū)為屬性區(qū)<屬性面板>,在該區(qū)可以對(duì)選中的對(duì)象進(jìn)行一些設(shè)置〔后面將有詳細(xì)講解。六、⑦區(qū)如下圖所示,詳細(xì)的使用將在后面的章節(jié)詳細(xì)講述。操作舉例題目：用DREAMWEAVER8制作一個(gè)簡(jiǎn)單網(wǎng)頁(yè)實(shí)驗(yàn)操作步驟：打開(kāi)DM8,點(diǎn)擊Insert插入工具欄表格按鈕,在彈出對(duì)話框中設(shè)置表格屬性。設(shè)置行為5,列為1,寬度width為700像素在表格第一行中輸入文本的標(biāo)題點(diǎn)擊菜單windowproperies修改,打開(kāi)屬性面板。鼠標(biāo)點(diǎn)擊表格第二行,在屬性面板中點(diǎn)擊"bg"背景后的顏色框,如圖,設(shè)置表格背景為深藍(lán)色,代碼為"003366"第三行為空第四行輸入文本內(nèi)容,回車,點(diǎn)擊insert工具欄圖片按鈕,選擇一個(gè)圖片插入表格中。設(shè)置居中,再回車輸入幾個(gè)文字,也設(shè)置居中。鼠標(biāo)點(diǎn)擊表格第二行,點(diǎn)擊Insert工具欄圖片按鈕,插入一個(gè)1*1像素大小的透明圖片。設(shè)置表格高度為1,單元格成為一條直。寫(xiě)上網(wǎng)頁(yè)的標(biāo)題。完成本頁(yè)制作,按F12鍵預(yù)覽網(wǎng)頁(yè)效果。實(shí)驗(yàn)二圖文并茂實(shí)驗(yàn)?zāi)康模簩W(xué)會(huì)使用圖像和直線的做法直線問(wèn)題圖像排列圖文環(huán)繞項(xiàng)目列表移動(dòng)文字實(shí)驗(yàn)三表格應(yīng)用實(shí)驗(yàn)?zāi)康模簩W(xué)會(huì)表格在網(wǎng)頁(yè)中的用法實(shí)驗(yàn)內(nèi)容：圖片的疊字問(wèn)題表格的背景表格的邊框表格的直線問(wèn)題多樣的表格表格的隨意拆合隨意表格表格應(yīng)用實(shí)驗(yàn)四層的應(yīng)用實(shí)驗(yàn)?zāi)康模簩W(xué)會(huì)使用層的用法實(shí)驗(yàn)步驟：層的定位浮動(dòng)的圖層雙背景圖片Layer與iframe層和時(shí)間軸窗口和菜單實(shí)驗(yàn)五 CSS高級(jí)應(yīng)用實(shí)驗(yàn)?zāi)康模簩W(xué)會(huì)CSS樣式表的使用實(shí)驗(yàn)步驟：5-1 CSS簡(jiǎn)單應(yīng)用5-2 超鏈接式樣5-3 另類鏈接5-4 改變鼠標(biāo)樣式5-5 彩色滾軸5-6 文字陰影實(shí)驗(yàn)六互動(dòng)效果<行為應(yīng)用>實(shí)驗(yàn)?zāi)康模簩W(xué)會(huì)使用Dreamweaver內(nèi)置行為設(shè)置實(shí)驗(yàn)內(nèi)容：互動(dòng)效果一：在網(wǎng)頁(yè)上經(jīng)?？吹竭@樣的效果,當(dāng)鼠標(biāo)移到一張圖片上的時(shí)候,原來(lái)的圖片就切換為另一張圖片,鼠標(biāo)移開(kāi)后,又恢復(fù)原來(lái)的模樣,是怎么做的呢？Dreamweaver比Frontpage優(yōu)勝的其中一個(gè)地方是Dreamweaver能做出能具互動(dòng)性的網(wǎng)頁(yè)?，F(xiàn)在,我們就利用Dreamweaver制作這個(gè)最簡(jiǎn)單的互動(dòng)效果——變換圖片。準(zhǔn)備兩張大小相同的圖片,一張是鼠標(biāo)還沒(méi)有移上的狀態(tài),另一張是鼠標(biāo)移上去后的圖片,例如以下兩圖：點(diǎn)擊對(duì)象面板上的〔②區(qū)選中常用,在③區(qū)可找到,看到如下的對(duì)話框：A圖像名稱<ImageName>：變換圖片效果的標(biāo)記名稱,Dreamweaver會(huì)自動(dòng)分配；B原始圖像<OriginalImage>：指定原始的圖片,〔例如這里是左圖C鼠標(biāo)經(jīng)過(guò)圖像<RolloverImage>：指定鼠標(biāo)移上去后的圖片〔例如這里是右圖；D按下時(shí),前往的URL：圖片的鏈接網(wǎng)址<也可以是站點(diǎn)內(nèi)的文件,點(diǎn)后面的瀏覽可以選擇>；例如按照上圖的設(shè)置完畢后,按下OK,然后可以按F12<F12為預(yù)覽網(wǎng)頁(yè)的快捷鍵>預(yù)覽一下效果了。做出來(lái)的效果：[小提示：細(xì)心的朋友會(huì)發(fā)現(xiàn),做出來(lái)的鏈接不會(huì)彈出新窗口的,你可以選中剛做好的鼠標(biāo)經(jīng)過(guò)圖像,在屬性面板里的目標(biāo)<T>選_blank]互動(dòng)效果二：按下一按鈕時(shí),彈出一個(gè)問(wèn)候的窗口。在插入面板〔②區(qū),切換到表單,插入一個(gè)按鈕,如遇到對(duì)話框,選否就行了。選中剛插入的按鈕,在屬性面板把標(biāo)簽〔L改為請(qǐng)點(diǎn)擊我展開(kāi)⑦區(qū),再展開(kāi)設(shè)計(jì)窗口,切換到行為窗口,也可以從①區(qū)〔菜單欄里的窗口〔W,再選行為[其中Shift+F3為該操作的快捷鍵]點(diǎn)一下行為窗口上的"＋",再選彈出信息,如下圖：如果你發(fā)現(xiàn)彈出信息這一項(xiàng)為灰色的,不可選時(shí),不用急,先選顯示事件,接著IE5.0<選IE5.5或IE6.0也是可以的>,如下圖：接著再按上一步的去操作,選中彈出信息后會(huì)出現(xiàn)下面的對(duì)話框：填上你喜歡的消息,按下確定就OK了,再按下F12就可以看到你的大作了。下面的是做出來(lái)的效果：在Dreamweaver中,更復(fù)雜的效果是通過(guò)一個(gè)叫行為〔Behaviors的功能實(shí)現(xiàn)的,我們又稱為事件的響應(yīng)。通過(guò)網(wǎng)頁(yè)元素的變化,如鼠標(biāo)的移動(dòng)、點(diǎn)擊等"事件"<Events>,觸發(fā)彈出窗口,關(guān)閉頁(yè)面等"響應(yīng)"〔Actions,就是一個(gè)事件的響應(yīng)。而值得高興的是,"行為"的制作過(guò)程幾乎是傻瓜式的,下面講述行為的用法：按Shift+F3,打開(kāi)行為面板<上面已經(jīng)說(shuō)過(guò)>；1、選取產(chǎn)生行為的元素,例如圖片、帶鏈接的文字、層等。如果需要在頁(yè)面一載入就開(kāi)始出現(xiàn)效果,可以選擇狀態(tài)欄上的<body>標(biāo)簽彈出菜單在網(wǎng)頁(yè)制作中是一種非常常用的菜單方式,這種菜單不但制作簡(jiǎn)單,而且效果也很好。效果說(shuō)明本實(shí)例所要完成的效果是當(dāng)鼠標(biāo)移動(dòng)到文字上時(shí),就會(huì)彈出一個(gè)漂亮的菜單,如圖17-1和圖17-2所示。彈出菜單在網(wǎng)頁(yè)制作中是一種非常常用的菜單方式,這種菜單不但制作簡(jiǎn)單,而且效果也很好。

創(chuàng)作思想本實(shí)例首先在網(wǎng)頁(yè)中輸入一行文字,并對(duì)文字做一個(gè)特殊的超鏈接,然后利用DreamweaverMX2004自帶的行為制作彈出菜單。操作步驟

〔1輸入文字并設(shè)置超鏈接。在網(wǎng)頁(yè)中輸入文字,因?yàn)閱为?dú)的文本文字是無(wú)法添加行為的,按照Dreamweaver中的約定,將文字的超鏈接設(shè)置為"javascript:;"才能夠添加行為。所以將文字的超鏈接設(shè)為"javascript:;",并執(zhí)行[顯示彈出式菜單]行為,如圖17-3所示?！?設(shè)置菜單項(xiàng)和子菜單項(xiàng),并為菜單設(shè)置超鏈接,然后安排好各個(gè)菜單的次序,如圖17-4所示?！?設(shè)置頁(yè)面元素。將菜單設(shè)置為垂直菜單,并分別設(shè)置菜單的字體、字號(hào)、對(duì)齊方式、一般狀態(tài)和鼠標(biāo)滑過(guò)時(shí)的狀態(tài),如圖17-5所示。〔4設(shè)置[高級(jí)]標(biāo)簽。在[高級(jí)]標(biāo)簽選項(xiàng)中設(shè)置菜單的延遲時(shí)間,以及是否顯示菜單邊框。然后設(shè)置邊框的寬度、顏色、陰影、高亮,如圖17-6所示。2、按按鈕選擇一種響應(yīng)〔不同的元素,對(duì)應(yīng)的響應(yīng)也有所不同,并在隨后的對(duì)話框中設(shè)置此響應(yīng)的屬性；以下是可以供選擇的響應(yīng)說(shuō)明：

播放聲音：可以為網(wǎng)頁(yè)加入聲音；打開(kāi)瀏覽窗口：可以打開(kāi)一個(gè)小窗口〔和網(wǎng)上的彈出窗口一樣；彈出信息：可以彈出一條警告信息；調(diào)用JavaScript：調(diào)用網(wǎng)頁(yè)中包含的Javascript程序；交換圖像：實(shí)際上是交換圖像；更改辦容：可以改變已經(jīng)插入的層的內(nèi)容；恢復(fù)交換圖像：把已經(jīng)交換的圖像恢復(fù)過(guò)來(lái)；檢測(cè)插件：可以檢測(cè)訪問(wèn)者的瀏覽器是否己安裝瀏覽網(wǎng)頁(yè)所必須的插件；檢測(cè)瀏覽器：檢測(cè)訪問(wèn)者使用的是什么類型的瀏覽器；檢查表單：檢驗(yàn)網(wǎng)頁(yè)中的表單是否合法；控制Shockwave或Flash：控制網(wǎng)頁(yè)中包含的Shockwave或Flash；轉(zhuǎn)到URL：跳轉(zhuǎn)到其它頁(yè)面；設(shè)定圖像導(dǎo)航條：和交換圖像差不多；設(shè)置文字：在特定的地方顯示文字；顯示或隱藏層：設(shè)置圖層的顯示或隱藏；時(shí)間軸：可以制作更多的動(dòng)態(tài)交果；〔以后再說(shuō)跳轉(zhuǎn)菜單：插入跳轉(zhuǎn)導(dǎo)航菜單；跳轉(zhuǎn)菜單開(kāi)始：控制導(dǎo)航菜單跳到哪個(gè)頁(yè)面；拖動(dòng)層：設(shè)定圖層是否允許拖動(dòng)；預(yù)先載入圖像：在網(wǎng)頁(yè)裝載前先預(yù)先載入圖像；顯示事件：設(shè)定顯示IE或NS各個(gè)版本的事件；下載更多的行為事件：打開(kāi)網(wǎng)頁(yè),去下載更多的事件。

3、選擇事件〔Events,決定在什么情況下觸發(fā)響應(yīng)。常見(jiàn)的的事件有：onMouseOver：鼠標(biāo)移到目標(biāo)上；

onMouseUp：按下鼠標(biāo)再放開(kāi)左鍵時(shí)；

onMouseOut：鼠標(biāo)移開(kāi)時(shí)；

onMouseDown：按下鼠標(biāo)時(shí)〔不需要放開(kāi)左鍵；

onClink：點(diǎn)擊時(shí)；

onDblClick：雙擊時(shí)；

onLoad：載入網(wǎng)頁(yè)時(shí)；

onUnload：離開(kāi)頁(yè)面時(shí)；

onResize：當(dāng)瀏覽者改變?yōu)g覽窗口的大小時(shí)；

onScroll：當(dāng)瀏覽者拖動(dòng)滾動(dòng)條的時(shí)。

注意：當(dāng)你找不到所需要的事件時(shí),選顯示更多事件,換取另一個(gè)瀏覽器的件事,或更高版本瀏覽器的事件實(shí)驗(yàn)七 互動(dòng)效果<行為高級(jí)應(yīng)用>實(shí)驗(yàn)?zāi)康模簝?nèi)置行為的高級(jí)設(shè)置實(shí)驗(yàn)內(nèi)容：一、浮動(dòng)提示：1.首先插入一個(gè)兩行三列的表格,第二行的三個(gè)單元格合并起來(lái),邊框?yàn)?,并填充文字,文字加上應(yīng)該的鏈接,第二行的單元格插上一個(gè)圖層〔命名為：good,如下：2.選取"品味人生"四個(gè)字,按Shift+F3,打開(kāi)行為面板,點(diǎn)擊行為面板上的,選取設(shè)置文本,再選設(shè)置層文本,如下圖：3.然后出現(xiàn)對(duì)話框如下〔在新建HTML里填上需要的文字,然后按確：4.再點(diǎn)擊一次重復(fù)剛才的步驟,不過(guò)這次,新建HTML里不填任何文字,然后確定。行為面板變?yōu)橄聢D：5.把第二次加進(jìn)的行為onMouseover改為onMouseout,〔點(diǎn)onMouseover旁邊的,找到onMouseout后選中它,如果找不到,選顯示事件,再選其它版本瀏覽器,這樣就有onMouseout了,如：6.再選取網(wǎng)易兩個(gè)字,操作和上面的步驟一樣,只不過(guò)加入的文字不同。7.再選取搜狐兩個(gè)字,操件同理。8.把網(wǎng)頁(yè)保存下來(lái),按F2看看你的大作吧,呵呵,也可以看看下面的例子：↓↓品味人生網(wǎng)易搜狐[提示：層是可以定義位置和大小〔注意屬性面板的,如果在第2步的時(shí)候,設(shè)置的不是層文本,是狀態(tài)條文本,提示將出現(xiàn)在狀態(tài)條〔此做法不必插入圖層]二、網(wǎng)頁(yè)中做動(dòng)畫(huà)1.準(zhǔn)備一張圖片：2.了解一下DreamweaverMX中的時(shí)間軸。在下圖的方法中你可以找到時(shí)間軸〔或者按下快捷鍵ALT+F9：Dreamweaver的時(shí)間軸和FLASH中的時(shí)間軸是差不多的,我們的目的是讓圖片按時(shí)間軸上的設(shè)定進(jìn)行運(yùn)動(dòng)。3.點(diǎn)一下對(duì)象面板上的,在網(wǎng)頁(yè)設(shè)計(jì)區(qū)畫(huà)出一個(gè)圖層,在圖層里插入剛準(zhǔn)備好的圖片,調(diào)整圖層的大小,讓其適合于圖片：4.用鼠標(biāo)選中圖層,并將其拖到時(shí)間軸的的第1個(gè)小格：然后將第15那個(gè)格拉遠(yuǎn)一些,如拉到40,這樣可以讓動(dòng)畫(huà)放得慢些：5.再次選中圖層,并用鼠標(biāo)再次把它拖到時(shí)間軸,如下圖：用鼠標(biāo)點(diǎn)一下時(shí)間軸上的第55點(diǎn),并把它拉到第80點(diǎn)：用鼠標(biāo)點(diǎn)一下時(shí)間軸第40那個(gè)格子,然后把目光移動(dòng)屬性面板,把層的左<L>,加上300〔即讓其右移300像素；用鼠標(biāo)點(diǎn)一下時(shí)間軸第41那個(gè)格子,然后把目光移動(dòng)屬性面板,把層的左<L>,加上300〔即讓其右移300像素：請(qǐng)注意上圖帶有紅色框處,原來(lái)為73px,加上300后變?yōu)?73px。6.插進(jìn)兩個(gè)按鈕,第一個(gè)的標(biāo)簽〔L為播放,第二個(gè)為停止,如下圖：選中播放這個(gè)按鈕,加上播放時(shí)間軸的動(dòng)作：選中停止這個(gè)按鈕,加上停止時(shí)間軸的動(dòng)作：7.把時(shí)間軸上的循環(huán)勾上：大功告成了,按F12就可以看到你的大作了實(shí)驗(yàn)八 框架和表單使用實(shí)驗(yàn)?zāi)康模簩W(xué)會(huì)使用框架和標(biāo)單的使用實(shí)驗(yàn)內(nèi)容：一、框架使用：上網(wǎng)時(shí)候,經(jīng)?？吹近c(diǎn)擊左邊,內(nèi)容從右邊出來(lái)之類的網(wǎng)頁(yè),其實(shí)就是框架的應(yīng)用了。在插入面板〔②區(qū),選中框加,將看到：點(diǎn)擊需要的框架樣式就可以插進(jìn)去了〔你還可以從菜單欄的文件<F>,選擇新建<N>,建一框架頁(yè)面,比如點(diǎn)一下第一個(gè),就出現(xiàn)了一個(gè)左右式的框架：中間的細(xì)線是可以拉動(dòng)的,以便調(diào)整左右窗口的比例,點(diǎn)一下中間的細(xì)線,在屬性面板將看到：其中邊框<B>處可以選：是、否和默認(rèn)〔即是否顯示邊框,如果你選顯示邊框的話,還可以設(shè)邊框的顏色〔C和邊框的寬度〔W還有是左右框架的比例,在上圖,我選了80像素,也就是說(shuō),左框架為80像素,剩下的是右邊框的寬度,當(dāng)然還可以選百分比和相對(duì)的,如下圖：框架的參數(shù)就說(shuō)完了,接著你就可以把鼠標(biāo)光標(biāo)移到左邊或右邊設(shè)計(jì)網(wǎng)頁(yè)了。值得注意的就是鏈接問(wèn)題了,比如,在左邊填上"鏈接測(cè)試"幾個(gè)字,并加上鏈接：在屬性面板的目標(biāo)〔T處,將看到：在以前的鏈接里,只是看到：_blank,_parent,_self、_top幾項(xiàng)的,現(xiàn)在多了mainFrame和leftFramemainFrame指的是主框架,也就是右邊的,如果鏈接的目標(biāo)選了mainFrame,則點(diǎn)擊鏈接時(shí),內(nèi)容將在右邊出現(xiàn)；leftFrame指左邊,鏈接目標(biāo)為leftFrame則內(nèi)容在左邊出現(xiàn)；如果選_seft剛在本窗口出現(xiàn)；選_parent則在框架窗口出現(xiàn)了〔也就是替換整個(gè)框架了；選_top將在上級(jí)窗口出現(xiàn),在本例子和選_parent無(wú)差別,因?yàn)樯霞?jí)窗口就是_parent。二、表單使用：在第一章,已經(jīng)有簡(jiǎn)單的說(shuō)明了,如下圖：A為表單；B為文本框；C為隱藏域；D為文本區(qū)域；E為多選框；F為單選框；G為單選按鈕組；H為列表/菜單；I為跳菜單；J為圖像域；K為文本字段；L為按鈕；M為標(biāo)簽；N為字段集。當(dāng)要在網(wǎng)頁(yè)中輸入內(nèi)容時(shí)就要用到表單了,比如留言板,BBS,網(wǎng)上訂單等。處理表單的內(nèi)容,要用到網(wǎng)絡(luò)編程,如asp,php,cgi,jsp等,我們暫時(shí)不理會(huì),下面學(xué)習(xí)制做一個(gè)通過(guò)電子郵件發(fā)送的表單：1.點(diǎn)一下A插入一個(gè)表單,如下圖：2.在表單內(nèi)插入一個(gè)四行兩列的表格〔邊框?yàn)?,并填上文字,如下圖：3.把光標(biāo)移到表格的第一行第二列,點(diǎn)一下B插入一個(gè)文本框；光標(biāo)再移到表格第二行第二列,再插入一個(gè)文本框；光標(biāo)移到第三行第二列,點(diǎn)一下D插入一個(gè)文本區(qū)域；合并表格第四行的兩個(gè)單元格,點(diǎn)兩下L插入兩個(gè)按鈕；選中第二個(gè)按鈕,在屬性面板把動(dòng)作設(shè)