網(wǎng)頁(yè)設計的規劃書(shū)
??一、實(shí)驗目的和要求綜合應用Dreamweaver 8的基礎知識創(chuàng )建和編輯網(wǎng)頁(yè)。二、實(shí)驗內容及步驟（1） 在“文件”中新建一個(gè)網(wǎng)頁(yè)，在“插入面板”的“布局”中，新建“左側和嵌套的頂部框架”框架，并使框架網(wǎng)頁(yè)符合下列要求。 ① “文件”中的“框架集”另存為，保存框架集時(shí)，把框架集文件名改為index。
??htm。 ② 在“框架浮動(dòng)面板”中選中左框架，在“文件”中選擇“保存框架頁(yè)”，同時(shí)給左框架文件命名為left。htm，在框架浮動(dòng)面板中選中左框架，在“修改”中將“頁(yè)面屬性”中設置背景圖像為bg0035。jpg以及左框架的列寬度為320像素。
?? ③在框架浮動(dòng)面板中選中頂框架，在“文件”中選擇“保存框架頁(yè)”，頂框架文件名為top。htm，選中頂框架，“屬性面板”中設置行高度為65像素。 ④ 選中主框架，在“屬性面板”中設置主框架頁(yè)面的“滾動(dòng)”方式為自動(dòng)，[源文件]為本地站點(diǎn)中的網(wǎng)頁(yè)文件main。
??htm。 ⑤ 分別選中3個(gè)框架,在“屬性面板”,“頁(yè)面屬性”中將三個(gè)框架網(wǎng)頁(yè)的頁(yè)面屬性“左邊界”、“頂部邊界”、“邊界寬度”、“邊界高度”設為0，在“文件”中選擇“保存全部”,將全部框架文件保存在本地站點(diǎn)中。 （2） 用photo子文件夾中的圖像創(chuàng )建網(wǎng)站圖像冊，其要求如下。
?? ①新建一個(gè)網(wǎng)頁(yè),在“命令”中“創(chuàng )建網(wǎng)站相冊”,在彈出的窗口中設置標題為“名畫(huà)——人類(lèi)的精神糧食”，省略副標題。 ②在①彈出的窗口中繼續設置頁(yè)面圖像的縮略圖尺寸為100*100像素；每行列數我為6列；縮略圖像文件格式為。jpg。 ③在①彈出的窗口中繼續設置“源圖像文件”為本地站點(diǎn)根文件夾中的photo子文件夾，“目標文件夾”為本地站點(diǎn)根文件夾，其他參數默認。
?? ④在“頁(yè)面屬性”中用img文件夾中的文件bg0029。jpg設置網(wǎng)頁(yè)背景圖像。 ⑤插入“庫”項目:在頁(yè)面中插入層,點(diǎn)擊“文件浮動(dòng)面板”，“資源”中選擇“庫”,選中庫項目return,按下”插入”按鈕。 ⑥在“文件”中選擇“另存為”,保存網(wǎng)頁(yè)文件,以index1。
??htm為名保存在本地站點(diǎn)的根文件夾中。（3） 新建一個(gè)網(wǎng)頁(yè),命名為 fg1。htm，并將此文件保存本地站點(diǎn)根文件夾中。打開(kāi)文件fangao。dwt。 ①將 “梵高的故事。doc”中的文字內容復制粘貼到網(wǎng)頁(yè)文字可編輯區域的藍色框中，并在模板左側2個(gè)圖像可編輯區域中，單擊可編輯區域,在“插入”中選擇“圖像”,選擇img文件夾中的tu1_3。
??jpg和tu2_3。jpg，模板頂部標題可編輯區域輸入文字“梵高的故事”。 ②在“屬性面板”中選擇“樣式”，“附加樣式表”,附加本地站點(diǎn)根文件夾中的外部層疊樣式表文件format。css，選中網(wǎng)頁(yè)標題,在“屬性面板”樣式中選擇title作用于網(wǎng)頁(yè)標題，同樣方法將樣式format作用于網(wǎng)頁(yè)中的其他文字，樣式filter作用于圖像文件tu1_3。
??jpg和tu2_3。jpg。 ③把光標放在要插入的位置,在“插入”中選擇“命名錨記”,輸入名稱(chēng)”aa”,在網(wǎng)頁(yè)中最后一段的文字“鑲板畫(huà)”中間插入用于超鏈接的名為“aa”的站點(diǎn)。 ④在頁(yè)面左下角插入層, 在“文件浮動(dòng)面板”的“資源”中選擇“庫”,選中庫項目return,按下”插入”按鈕。
??（4） 新建網(wǎng)頁(yè)文件，并將此文件以fg2。htm為名保存在本地站點(diǎn)的文件夾中。 ①在“屬性面板”的“頁(yè)面屬性”中設置頁(yè)面背景圖像為bg0029。jpg，在“插入”中選中“表單”中的“表單”。在“屬性面板”中設置表單的名稱(chēng)為：“調查”，動(dòng)作為：答題學(xué)生本人的郵件地址，方式為：POST。
?? ②輸入文字“問(wèn)卷調查”，選中文字在“屬性面板“中設定”居中”,并設置文字格式。 ③在“插入”中選擇“表單”，“文本域”,在表單的第2行，插入文本域。設置標簽文字為“姓名”,確定。選中文本域,在“屬性面板”中設置“字符寬度”為20，“類(lèi)型”為單行，“最多字符數”為20。
?? ④在“插入”中選擇“表單”，“單選按鈕組”,在同一行中再插入單選按鈕組，單選按鈕組的名稱(chēng)為“性別”。將標簽改為”男\女”,在屬性面板中設置標識是“男”的單選按鈕的“初始狀態(tài)”為已勾選，“選定值”為“男”。標識為“女”的單選按鈕的“初始狀態(tài)”為未勾選，“選定值”為“女”。
?? ⑤在“插入”中選擇“表單”，“文本區域”,在表單的第3行中插入多行文本域,在彈出的窗口中設置標簽文字為“談?wù)勀銓Ρ揪W(wǎng)站的觀(guān)感：”。換行后，插入多行文本域，選中該文本域,在屬性面板中設置其“字符寬度”為50，“類(lèi)型”為多行，“行數”為10，“換行”為默認，“初始值”為“請發(fā)表您的瀏覽觀(guān)感”。
?? ⑥在“插入”中選擇“表單”，“按鈕”,在表單的第5行居中插入2個(gè)按鈕，在“屬性面板”中并分別將它們的“標簽”和“動(dòng)作”設為：遞交表單和重設表單。 ⑦在頁(yè)面左下角插入層, 在“文件浮動(dòng)面板”中選擇“資源”，“庫”,選中庫項目return,按下”插入”按鈕。
?? （5） 打開(kāi)網(wǎng)頁(yè)首頁(yè)文件index。htm。 ①點(diǎn)擊頂部框架,在“插入”中選擇“媒體”中的flash,在頂部框架中插入Flash文件fgl。swf。 ②在“插入面板”的“布局”中選擇“繪制布局表格”,在左框架的上半部分畫(huà)布局表格,在其中畫(huà)5個(gè)布局單元格分別選中,在“屬性面板”中設置大小為93*63像素，在“插入”中選擇“鼠標經(jīng)過(guò)圖像”,在其中分別插入“鼠標經(jīng)過(guò)圖像”，在彈出的窗口中設置其“原始圖像”文件分別為tu1_2。
??gif、tu2_2。gif、tu3_2。gif、tu4_2。gif、tu5_2。gif，“鼠標經(jīng)過(guò)圖像”文件分別為tu1_1。gif、tu2_1。gif、tu3_1。gif、tu4_1。gif、tu5_1。gif。 ③在左框架的下半部分按樣張畫(huà)三個(gè)層,屬性設置為210*150大小，在這個(gè)3層中插入3幅圖像分別是tu1_3。
??gif、tu2_3。gif、tu3_3。gif,選中3個(gè)層,在“修改”中選擇“排列順序”中設置3個(gè)層重疊,分別將3個(gè)層選中,在右鍵菜單中選擇添加到時(shí)間軸,在3幅圖像的動(dòng)畫(huà)條中插入適當的關(guān)鍵幀,在“屬性”中更改關(guān)鍵幀處的可見(jiàn)性,制作時(shí)間軸控制3幅圖像輪流顯示的時(shí)間軸動(dòng)畫(huà)，每幅圖像顯示的時(shí)間為1s,并鉤選自動(dòng)播放和循環(huán) ④在“文件浮動(dòng)面板”的“資源”中選擇“庫”中,選中庫項目return，點(diǎn)擊面板右下角的”編輯”按鈕,選中它,在“屬性面板”中設置其與首頁(yè)index。
??htm建立鏈接，并使首頁(yè)index。htm在復框架中顯示,目標_parent，然后“修改”中選擇“庫”的“更新頁(yè)面站點(diǎn)”。 ⑤在首頁(yè)文件index。htm被瀏覽時(shí)播放聲音文件Applause。wav。 ⑥將文件保存。 （6） 按下列要求為左框架中的5個(gè)圖像按鈕添加行為和超鏈接。
?? ①選中圖像，在“行為面板”中選擇行為“Ondblclick”。然后“添加行為”，“控制shockwave或flash”,操作:停止， 在“行為面板”中選擇行為Onclick，“添加行為”“控制shockwave或flash”,操作:播放,可達到以下效果：雙擊該圖像，停止播放頂部框架中的Flash文件fg1。
??swf，單擊該圖像，開(kāi)始播放頂部框架中的Flash文件fg1。swf。 ②選中第2個(gè)鼠標經(jīng)過(guò)圖像在“屬性面板”添加超鏈接,鏈接至index1。htm,選擇“目標”為“mainframe”可達到以下效果:單擊此圖像是鏈接網(wǎng)站相冊文件index1。
??htm，并使該文件在主框架中顯示。 ③選中圖片在“屬性面板”中設置鏈接為fg1。htm#aa,目標為_(kāi)mainframe,即可單擊此圖像時(shí)鏈接到文件fg1。htm的錨點(diǎn)“aa”上，并使該文件在主框架中顯示。 ④給網(wǎng)頁(yè)左框架第4個(gè)鼠標經(jīng)過(guò)圖像添加超鏈接，選中圖片,在“屬性面板”中設置鏈接至fg2。
??htm, 目標為_(kāi)mainframe,即可單擊此圖像時(shí)鏈接到文件fg2。htm上，并使該文件在主框架中顯示。 ⑤選中圖像,在行為面板中選擇行為“Ondblclick”, “添加行為”“控制”shockwave或flash,操作：停止；選擇行為“Onclick”, “添加行為”“控制”shockwave或flash,操作：播放。
??使雙擊該圖像，停止播放左框架底部的時(shí)間軸動(dòng)畫(huà)，單擊該圖像，開(kāi)始播放左框架底部的時(shí)間軸動(dòng)畫(huà)。三、實(shí)驗中遇到的問(wèn)題及解決方法1．起初插入的flash動(dòng)畫(huà)始終無(wú)法顯示，插入的main。htm中有個(gè)別圖象無(wú)法顯示，通過(guò)改變絕對路徑,完成顯示效果。2．做超鏈接時(shí)，鏈接的無(wú)效果，通過(guò)改變鏈接途徑達到鏈接效果。
??3。在做最后一步的六個(gè)圖片的超鏈接時(shí)，添加行為和控制shockwave或flash，多次操作和調試都無(wú)法成功，后來(lái)經(jīng)過(guò)請教同學(xué)，知道是在“行為面板”中選擇行為“Ondblclick”。然后“添加行為”，“控制shockwave或flash”,操作:停止，再在“行為面板”中選擇行為Onclick，“添加行為”“控制shockwave或flash”,操作:播放,即可達到要求的效果。
??4．在做3副圖象輪流顯示的時(shí)間軸動(dòng)畫(huà)時(shí)，開(kāi)始不會(huì )做，后來(lái)知道是在右鍵菜單中選擇“添加到時(shí)間軸”,在3幅圖像的動(dòng)畫(huà)條中插入適當的關(guān)鍵幀,在“屬性”中更改關(guān)鍵幀處的可見(jiàn)性,制作時(shí)間軸控制3幅圖像輪流顯示的時(shí)間軸動(dòng)畫(huà)，每幅圖像顯示的時(shí)間為1s,并鉤選自動(dòng)播放和循環(huán)。
本回答由提問(wèn)者推薦。