【正文】 、選擇層layer2，layer3，layer4，選擇[修改]/[排列順序]/[左對(duì)齊]菜單，設(shè)置這3層垂直方向?qū)R。選中層layer1，打開“屬性面板”，將“Z軸”改為“5”。單擊網(wǎng)頁(yè)空白處，打開“行為”面板。單擊“添加行為”按鈕，在彈出的菜單中選擇“拖動(dòng)層”，彈出如圖2812所示的對(duì)話框。圖2812單擊“基本”選項(xiàng)卡，將“層”設(shè)為“l(fā)ayer2”，再單擊“高級(jí)”選項(xiàng)卡，將“拖動(dòng)控制點(diǎn)”設(shè)為“整個(gè)層”,”拖動(dòng)時(shí)”，勾選“將層移至最前，然后”，“恢復(fù)Z軸”，如圖2813所示，再單擊“確定”按鈕。圖2813回到“行為”面板，將事件改為“onMouseDown”。重復(fù)步驟4，5，6兩次，分別將“層”設(shè)為“l(fā)ayer3”，“l(fā)ayer4”即可。按【F12】鍵，預(yù)覽。內(nèi)容4的步驟： 打開要實(shí)現(xiàn)下拉菜單效果的文檔。 在打開的頁(yè)面上選擇“動(dòng)畫作品”文字，然后在【行為】面板中單擊【添加行為】按鈕，在彈出的菜單中執(zhí)行【顯示彈出菜單命令】，這樣彈出【顯示彈出菜單】對(duì)話框，在其中的【文本】參數(shù)中輸入“FLASH MV”，在【鏈接】參數(shù)中輸入要鏈接的文件，這就是下拉菜單的第1個(gè)菜單項(xiàng)，然后單擊【菜單】參數(shù)右邊的【添加項(xiàng)】按鈕新增一個(gè)菜單項(xiàng)，再在文本中輸入“廣告片頭”， 在【鏈接】參數(shù)中輸入要鏈接的文件，這就是下拉菜單的第2個(gè)菜單項(xiàng)，一次添加氣體菜單項(xiàng)，如圖2814所示。圖2814 添加菜單項(xiàng) 完成了菜單項(xiàng)的添加后，切換到【外觀】選項(xiàng)卡，在對(duì)應(yīng)的面板中設(shè)置下拉菜單的字體、大小、顏色、背景顏色等參數(shù)，如圖2815所示。 切換到【高級(jí)】選項(xiàng)卡，在對(duì)應(yīng)的面板中可以設(shè)置下拉菜單邊框的厚度和顏色等參數(shù)，如圖2816所示。 圖2815 設(shè)置下拉菜單的外觀 圖2816 【高級(jí)】選項(xiàng)卡 切換到【位置】選項(xiàng)卡，在對(duì)應(yīng)的面板中可以設(shè)置下拉菜單的坐標(biāo)位置。在【菜單位置】參數(shù)右邊選擇第一個(gè)圖標(biāo)，然后設(shè)置【x】坐標(biāo)值為10，【y】坐標(biāo)值為20，如圖2817所示。 單擊【確定】按鈕完成本實(shí)例制作，這是【行為】面板如圖2818所示。 圖2817 設(shè)置下拉菜單位置 圖2818 【行為】面板思考題：書上在線試衣的例子中，模特能夠同時(shí)穿上好幾件衣服，如何能夠做到襯衣一次只能穿一件，裙子只能單獨(dú)穿在身上，襯衣和褲子可以穿成一套，而且襯衣要露在褲子的外面的效果呢？實(shí)驗(yàn)九　框架型網(wǎng)頁(yè)的制作一、 實(shí)驗(yàn)?zāi)康恼莆湛蚣芗涂蚣艿膭?chuàng)建和保存；掌握框架、框架集的編輯和屬性的設(shè)置；掌握框架超級(jí)鏈接。二、實(shí)驗(yàn)內(nèi)容利用框架制作如下圖所示的頁(yè)面效果，其中：； 圖292 單擊左側(cè)“動(dòng)物類”的網(wǎng)頁(yè)效果圖；圖293 單擊左側(cè)“插花類”的網(wǎng)頁(yè)效果圖；圖294 單擊左側(cè)“海洋類”的網(wǎng)頁(yè)效果圖；圖295 單擊左側(cè)“郵票類”的網(wǎng)頁(yè)效果圖；圖296 單擊左側(cè)“詩(shī)歌”的網(wǎng)頁(yè)效果圖，其中詩(shī)歌內(nèi)容在“”文檔中；圖297 單擊左側(cè)“散文”的網(wǎng)頁(yè)效果圖，其中散文內(nèi)容在“”文檔中。 圖291 圖292 圖293 圖294 圖295 圖296圖297三、知識(shí)點(diǎn)分解該實(shí)驗(yàn)主要涉及的知識(shí)點(diǎn)就是框架和框架集的保存以及設(shè)置超鏈接的目標(biāo)框架。四、實(shí)驗(yàn)步驟 選擇[文件]/[新建]菜單命令。在“新建文檔”對(duì)話框“類別”列表中選擇“框架集”選項(xiàng)。從“框架集”列表選擇相應(yīng)的框架集，如圖298所示。圖298 “新建文檔”對(duì)話框單擊按鈕，則會(huì)彈出“框架標(biāo)簽輔助功能屬性”對(duì)話框，為每一框架指定一個(gè)標(biāo)題，單擊“確定”按鈕，則上方框架標(biāo)題為“topFrame”，左側(cè)框架標(biāo)題為“l(fā)eftFrame”，右側(cè)框架標(biāo)題為“mainFrame”。 選擇[查看]/[可視化助理]/[框架邊框]菜單命令，則在文檔中就會(huì)出現(xiàn)框架的邊框。選擇[文件]/[保存全部]菜單命令，。 注意：對(duì)于框架集和框架文件保存的文件名，一定要做的看到文件名就能知道該文件對(duì)應(yīng)與該框架集中的哪個(gè)框架。選擇[窗口]/[框架] 菜單命令，打開“框架”面板，直接在面板中單擊最外面的框架集，打開屬性對(duì)話框，設(shè)置“行值”：119px，再選擇里面嵌套的框架集，設(shè)置“列值”：253px。將“插入”欄中的“常用”選項(xiàng)卡改為“布局”選項(xiàng)卡，此時(shí)就出現(xiàn)“布局”工具欄，切換到“布局”模式，單擊“布局表格”按鈕，繪制一個(gè)寬：350px高：88px，“居中對(duì)齊”的表格，再在該表格內(nèi)繪制一個(gè)同樣大小的單元格，并將該單元格背景圖像設(shè)為“”，水平“居中對(duì)齊”，垂直“居中”，再在該單元格內(nèi)寫上文字“我的收藏”，并將該文字設(shè)為：字體“隸書”，大小“16px”，顏色“993300”。注意：可以不需要打開相對(duì)應(yīng)的框架文件。接著上面表格的下方再繪制一個(gè)表格，并將其寬設(shè)為“自動(dòng)伸展”，高：8，背景圖像設(shè)為“”。按【Ctrl+S】保存該網(wǎng)頁(yè)。1將“插入”欄中的“常用”選項(xiàng)卡改為“布局”選項(xiàng)卡，此時(shí)就出現(xiàn)“布局”工具欄，切換到“布局”模式，單擊“布局表格”按鈕，繪制一個(gè)寬：162px，高：40px，背景顏色“FFCCCC”，“右對(duì)齊”的表格。1再在該表格中布一個(gè)同樣大小的單元格，單擊“在下面插入行”按鈕，連續(xù)插7行，將光標(biāo)定位到每個(gè)單元格，分別輸入文字：圖片收藏，動(dòng)物類，插花類，海洋類，郵票類，文章收藏，詩(shī)歌，散文，并將“圖片收藏”和“文章收藏”設(shè)為“黑體”，“左對(duì)齊”，其余文字都設(shè)為“居中對(duì)齊”。1按【Ctrl+S】保存該網(wǎng)頁(yè)。1將“插入”欄中的“常用”選項(xiàng)卡改為“布局”選項(xiàng)卡，此時(shí)就出現(xiàn)“布局”工具欄，切換到“布局”模式，單擊“布局表格”按鈕，繪制一個(gè)寬：500px，高：355px，背景圖像“”的表格。1單擊“布局單元格”按鈕，從表格的左下角開始繪制一個(gè)寬：112px，高：268px的單元格，輸入文字“收藏精美的圖片，凄美、憂郁、壯麗的文章是我最大的愛(ài)好，它們能帶給我無(wú)窮的樂(lè)趣，無(wú)限的遐想?！辈⑽淖衷O(shè)為：字體“楷體”，大小“14px”，顏色“CC6633”。1切換到“標(biāo)準(zhǔn)”模式，單擊“繪制層”按鈕，繪制一個(gè)層，選中表格，將表格拖到該層內(nèi)，選中層，打開屬性面板，設(shè)置：左“84px”，上“29px”。1按【Ctrl+S】保存該網(wǎng)頁(yè)。1新建一個(gè)文檔，將“插入”欄中的“常用”選項(xiàng)卡改為“布局”選項(xiàng)卡，此時(shí)就出現(xiàn)“布局”工具欄，單擊“繪制層”按鈕，繪制一個(gè)層，打開屬性面板，設(shè)置：左“84px”，上“29px”。1將光標(biāo)定位到層內(nèi)，單擊“表格”按鈕，插入一個(gè)2行4列，寬：500px，高：271px，間距：5，對(duì)齊：居中對(duì)齊，邊框：1，邊框顏色：996600，背景圖像：。合并第1行的單元格，設(shè)置該行高：83px，邊框：FF99CC，輸入文字“動(dòng)物類：”，字體為“黑體”。2在第2行的4個(gè)單元格內(nèi)分別插入圖像“”，“”，“”，“”，設(shè)置圖像:寬“100”，高“150”，“居中對(duì)齊”，設(shè)置該行的邊框顏色：FF99CC。2按【Ctrl+S】。2重復(fù)步驟1822，，；并將其中的圖像替換掉即可。2新建一個(gè)文檔，粘貼到該文檔中，選中所有文字，設(shè)為“居中對(duì)齊”，選中標(biāo)題“獻(xiàn)給我的同代人”，設(shè)置顏色“990000”。2按【Ctrl+S】。2新建一個(gè)文檔，將“”導(dǎo)入到該文檔中，選中所有的文字，設(shè)置“左對(duì)齊”，將光標(biāo)定位到標(biāo)題“愛(ài)情人生”，敲“回車鍵”，選中該文字，設(shè)置顏色“FF0000 ”，“居中對(duì)齊”。2按【Ctrl+S】。2選中文字“動(dòng)物類”，打開屬性面板，設(shè)置鏈接：，目標(biāo)：mainFrame。2同理分別選中文字“插花類”，“海洋類”，“郵票類”，打開屬性面板，分別設(shè)置鏈接：，，目標(biāo)都為：mainFrame。選中文字“詩(shī)歌”，打開屬性面板，設(shè)置鏈接：，目標(biāo)：leftFrame或_self。3選中文字“散文”，打開屬性面板，設(shè)置鏈接：，目標(biāo)： _black。3按【Ctrl+S】保存該網(wǎng)頁(yè)。3按【F12】預(yù)覽。思考題：創(chuàng)建完框架集后，選擇“文件|保存全部”，、而是保存為默認(rèn)的文件，、，發(fā)現(xiàn)框架頁(yè)顯示“該頁(yè)無(wú)法顯示”，問(wèn)題出在哪？怎么修改？實(shí)驗(yàn)十 利用模板制作網(wǎng)頁(yè)一、實(shí)驗(yàn)?zāi)康?掌握模板的創(chuàng)建； 掌握模板的的編輯； 掌握基于模板創(chuàng)建網(wǎng)頁(yè)。二、實(shí)驗(yàn)內(nèi)容利用模板制作如下圖所示網(wǎng)頁(yè)利用模板制作如下圖所示網(wǎng)頁(yè)；其中：圖2101為“首頁(yè)”，；圖2102為“個(gè)人簡(jiǎn)介”，對(duì)于該頁(yè)面，單擊左欄的導(dǎo)航文字，右欄會(huì)跳到相對(duì)應(yīng)文字所在的位置，；圖2103為“文學(xué)作品”，；圖2104為“繪畫作品”；圖2105為“繪畫作品”，其中左側(cè)的導(dǎo)航按鈕，初始化時(shí)是一張圖像，鼠標(biāo)單擊時(shí)又是一張圖像；“動(dòng)畫一”；“動(dòng)畫二”；“動(dòng)畫三”；“動(dòng)畫四”；圖21010為 “學(xué)習(xí)心得”；導(dǎo)航中的“寫信給我”鏈接到你的郵箱，設(shè)置所有鏈接的顏色為白色，已訪問(wèn)的鏈接的顏色為黃色。 圖2101 圖2102 圖2103 圖2104 圖2105 圖2106 圖2107 圖2108 圖2109 圖21010 三、知識(shí)點(diǎn)分解由上圖可知，所有頁(yè)面的頁(yè)眉、導(dǎo)航和頁(yè)腳區(qū)域的內(nèi)容都是一致的，只要主題區(qū)不一致，所以我們可以利用模板來(lái)創(chuàng)建這些頁(yè)面，該模板的頁(yè)眉、導(dǎo)航和頁(yè)腳區(qū)域都是固定區(qū)域，只有主體區(qū)是可編輯區(qū)域，在主體區(qū)域我們可以繪制2個(gè)表格，每個(gè)表格內(nèi)創(chuàng)建1個(gè)可編輯區(qū)域，同時(shí)設(shè)置左邊表格的背景顏色和右邊表格的背景圖像。，，，從它們的效果圖可以看出這5個(gè)頁(yè)面的主體區(qū)只有右邊在變化，所以我們同樣可以再創(chuàng)建1個(gè)模板，在該模板的主體區(qū)的右欄創(chuàng)建1個(gè)可編輯區(qū)域。因此，對(duì)于該實(shí)驗(yàn)我們需要?jiǎng)?chuàng)建2個(gè)模板。四、實(shí)驗(yàn)步驟新建一個(gè)文檔，將“插入”欄中的“常用”選項(xiàng)卡改為“布局”選項(xiàng)卡，此時(shí)就出現(xiàn)“布局”工具欄，切換到“布局”模式，單擊“布局表格”按鈕，繪制一個(gè)寬：780px，高：636px的表格。單擊“布局表格”按鈕，從該表格的左上角起，繪制一個(gè)寬：780，高：120的表格。單擊“布局單元格”按鈕，從表格的左上角開始繪制一個(gè)寬：140，高：120的單元格.將光標(biāo)定位在單元格內(nèi)，選擇[插入]/[圖像]菜單命令，打開“選擇圖像源”文件對(duì)話框。單擊“布局單元格”按鈕，接著上面的單元格的右邊繪制一個(gè)寬：640，高：120的單元格.將光標(biāo)定位在單元格內(nèi)，選擇[插入]/[媒體]/[Flash]菜單命令，打開“選擇文件”對(duì)話框。接著往下繪制一個(gè)寬：780，高：21，水平：居中對(duì)齊，垂直。居中，背景顏色：CC3333的單元格，輸入文字：首頁(yè)　個(gè)人簡(jiǎn)介 文學(xué)作品 繪畫作品 動(dòng)畫作品　視頻作品　學(xué)習(xí)心得　給我留言　寫信給我，設(shè)置文字格式：字體“宋體”，大小“14px”。接著再往下繪制一個(gè)寬：140，高：470，水平：居中對(duì)齊，垂直。居中，背景顏色：0066FF的單元格。接著上面表格的右邊繪制一個(gè)寬：640，高：470，水平：居中對(duì)齊，垂直。居中，背景圖像：。接著上面的兩個(gè)表格的下面繪制一個(gè)高：18，水平：居中對(duì)齊，垂直。居中，背景顏色：000000的單元格，輸入文字：2006年12月20日最后更新 169。 Copyright 2006　小慧版權(quán)所有，設(shè)置文字格式：字體：宋體，大?。?2px，顏色：白色。1回到“標(biāo)準(zhǔn)”模式，將光標(biāo)定位到第8步創(chuàng)建的單元格內(nèi)，選擇[插入]/[模板對(duì)象]/[可編輯區(qū)域]菜單命令，彈出如圖21011所示的對(duì)話框，單擊“確定”按鈕，則在該單元格內(nèi)就出現(xiàn)了一個(gè)名為“EditRegion1”的可編輯區(qū)域。圖21011 “新建可編輯區(qū)域”對(duì)話框1將光標(biāo)定位到第9步創(chuàng)建的單元格內(nèi)，選擇[插入]/[模板對(duì)象]/[可編輯區(qū)域]，彈出如圖21011所示的對(duì)話框，單擊“確定”按鈕，則在該表格內(nèi)就出現(xiàn)了一個(gè)名為“EditRegion2”的可編輯區(qū)域，創(chuàng)建的模板的效果圖如下。 圖21012 模板的效果圖 圖21013 “另存為模板”對(duì)話框1刪除可編輯區(qū)域里面的文字“EditRegion1”，“EditRegion2”。1選擇[文件]/[另存為模板]菜單命令，彈出如圖21013所示的“另存為模板”對(duì)話框，選擇模板所在的站點(diǎn)，如果該站點(diǎn)下有模板，則在“現(xiàn)存的模板”中會(huì)出現(xiàn)該模板的名稱，如果該站點(diǎn)下沒(méi)有模板，則在“現(xiàn)存的模板”中會(huì)出“沒(méi)有模板”，在“另存為”中輸入模板的名稱xiaohui，單擊“保存”按鈕，該模板會(huì)自動(dòng)保存在Templates文件夾中。1選擇[文件] /[新建]菜單命令，彈出如圖21014所示的“從模板新建”對(duì)話框，選擇“模板”選項(xiàng)卡，單擊該站點(diǎn)下的模板“xiaohui”，單擊“創(chuàng)建”按鈕，即創(chuàng)建了一個(gè)新的文檔