淺談框架網(wǎng)頁(yè)的學(xué)習(xí)
2019-02-03 09:37李仙花
現(xiàn)代職業(yè)教育·職業(yè)培訓(xùn) 2019年12期
李仙花
[摘? ? ? ? ? ?要]? 中職學(xué)生在初學(xué)框架網(wǎng)頁(yè)時(shí)，往往效率不高。通常表現(xiàn)為框架結(jié)構(gòu)建立不正確，框架網(wǎng)頁(yè)文件保存混亂，框架代碼看不懂。從手繪框架結(jié)構(gòu)圖建立框架網(wǎng)頁(yè)、根據(jù)關(guān)鍵字符命名并保存框架網(wǎng)頁(yè)、利用框架面板辨析框架代碼這三方面來(lái)論述框架網(wǎng)頁(yè)的學(xué)習(xí)。
[關(guān)? ? 鍵? ?詞]? 手繪框架圖;關(guān)鍵字符;框架面板
[中圖分類號(hào)]? G712 ? ? ? ? ? ? [文獻(xiàn)標(biāo)志碼]? A? ? ? ? ? ? ? ? ? ? [文章編號(hào)]? 2096-0603（2019）36-0208-02
根據(jù)省對(duì)口高考招生考試計(jì)算機(jī)應(yīng)用類專業(yè)考試大綱要求，學(xué)生不僅要掌握框架網(wǎng)頁(yè)的設(shè)計(jì)，還要掌握java代碼在框架網(wǎng)頁(yè)中進(jìn)行綜合運(yùn)用。而學(xué)生在初學(xué)框架網(wǎng)頁(yè)時(shí)存在如下問(wèn)題：創(chuàng)建框架網(wǎng)頁(yè)的結(jié)構(gòu)是混亂的、框架網(wǎng)頁(yè)的保存是混亂的、無(wú)法辨析框架代碼。從多年的教學(xué)來(lái)看，我覺(jué)得在初學(xué)框架網(wǎng)頁(yè)時(shí)，手繪框架圖、按關(guān)鍵字提示保存框架文件以及運(yùn)用框架面板分析框架代碼，可以快速地弄清框架網(wǎng)頁(yè)的知識(shí)，正確建立符合要求的框架網(wǎng)頁(yè)。
下面，我以如圖1的框架結(jié)構(gòu)的網(wǎng)頁(yè)為例，談一談如何進(jìn)行框架網(wǎng)頁(yè)的學(xué)習(xí)。
一、手繪框架結(jié)構(gòu)圖
許多學(xué)生在初學(xué)框架網(wǎng)頁(yè)時(shí)，在確定框架網(wǎng)頁(yè)的樣式后僅繪一個(gè)如圖1那樣由幾根線條組成的結(jié)構(gòu)圖，這樣的圖是無(wú)法體現(xiàn)出框架網(wǎng)頁(yè)各個(gè)對(duì)象的包含關(guān)系的，導(dǎo)致所建立的框架網(wǎng)頁(yè)是凌亂的。我認(rèn)為，采用手繪框架圖的方法和步驟，細(xì)化各個(gè)框架，便可以幫助學(xué)生理清框架的結(jié)構(gòu)及各對(duì)象的關(guān)系。
第一步：手繪框架，細(xì)化框架結(jié)構(gòu)。
這里采用矩形嵌套的方法，從外到里的順序繪制，按如圖2步驟完成。先繪制外面最大的矩形（它含上方框架），再繪中間的矩形（含左側(cè)框架），然后繪出最里面的矩形（含底部框架），最后使用一條直線將里面的矩形一分為二。這樣既符合了“上方固定，左側(cè)嵌套”的結(jié)構(gòu)，又將框架頁(yè)（內(nèi)容頁(yè)）從“底部框架”中分出來(lái)了。這樣層層相套，各框架結(jié)構(gòu)就很分明了。
第二步：標(biāo)注框架名。
在新建框架網(wǎng)頁(yè)時(shí)，軟件會(huì)默認(rèn)給各個(gè)框架命名，我們只需在提示“為每一個(gè)框架指定一個(gè)標(biāo)題”時(shí)，按默認(rèn)選擇即可，同時(shí)在框架面板的各個(gè)框架內(nèi)顯示相應(yīng)的框架名字。對(duì)于手繪的框架，我們也應(yīng)分別為它們標(biāo)上相應(yīng)的框架名，為后面理解和分析代碼提供了方便。如圖3，在含有上方框架的大矩形內(nèi)標(biāo)上topFrame，在含有左側(cè)框架的中間矩形內(nèi)標(biāo)上leftFrame，在含有底部框架的小矩形內(nèi)標(biāo)上bottomFrame，再在分出的內(nèi)容頁(yè)里標(biāo)上mainFrame即可。這樣有利于我們看懂框架圖，為操作時(shí)保存各個(gè)框架文件做準(zhǔn)備，這樣的框架名將會(huì)在框架面板中對(duì)應(yīng)顯示。
第三步：標(biāo)注所指文件。
在手繪的框架圖上標(biāo)注好框架名后，便是標(biāo)注出要生成的框架集文件和各框架所指的文件。由于一個(gè)框架網(wǎng)頁(yè)包含1個(gè)框架集文件和多個(gè)框架文件，其中每個(gè)框架對(duì)應(yīng)一個(gè)文檔，即一個(gè)文件。比方說(shuō)，一個(gè)包含4個(gè)框架的框架集實(shí)際有5個(gè)文件：1個(gè)是總的框架集文件和4個(gè)分別包含了各自框架內(nèi)的文件。就圖1框架網(wǎng)頁(yè)而言，共有5個(gè)文件要保存，含1個(gè)框架集文件和4個(gè)框架所指的文件。如圖4，我們?yōu)檫@個(gè)框架集保存為index.htm的主頁(yè)文件;而上方框架topFrame所指向的文件，即保存為1個(gè)文件：top.htm;左側(cè)框架leftFrame所指向的文件，也要保存為1個(gè)文件：left.htm;里面小矩形的底部框架bottomFrame和框架頁(yè)mainFrame分別要指向1個(gè)文件，即保存bottom.htm和main.htm這2個(gè)文件。依次標(biāo)注這些文件名后，在保存操作時(shí)便可對(duì)照命名，提高操作的正確性。
二、根據(jù)關(guān)鍵字符保存框架網(wǎng)頁(yè)文件
正確保存框架網(wǎng)頁(yè)為后面學(xué)習(xí)和分析腳本代碼提供保障。怎樣才算正確保存完整的框架網(wǎng)頁(yè)呢？由于一個(gè)框架網(wǎng)頁(yè)文件的保存包括1個(gè)框架集文件和多個(gè)框架文件（含1個(gè)內(nèi)容網(wǎng)頁(yè)）的保存，所以需要認(rèn)真對(duì)照才不至于保存的文件是混亂的。很多學(xué)生在保存時(shí)分不清是在保存“框架集”還是“框架”，我覺(jué)得最重要的一點(diǎn)是我們只要將關(guān)鍵字符Frameset是框架集、Frame是框架分別對(duì)應(yīng)起來(lái)即可。
對(duì)于初學(xué)者，在首次保存框架網(wǎng)頁(yè)時(shí)，建議選擇“保存全部”命令。在“另存為”對(duì)話框中，默認(rèn)會(huì)給出的文件名“UntitledFrameset-1.html”，當(dāng)顯示含有“Frameset”的字符時(shí)，表示這是在保存框架集文件，將它命名為之前標(biāo)注的“index.htm”主頁(yè)文件即可。如果給出默認(rèn)的文件名中含有“Frame”的字符，我們對(duì)照“設(shè)計(jì)”窗口中毛邊狀的框架，再用對(duì)應(yīng)的框架文件名保存就是。如果給出默認(rèn)的文件名是“Untitled-1.html”，則保存為內(nèi)容網(wǎng)頁(yè)main.htm即可。
三、運(yùn)用框架面板辨析框架代碼
高考網(wǎng)頁(yè)題以java代碼為主，而中職學(xué)生的英文水平有限，理解能力較弱，我覺(jué)得學(xué)習(xí)框架部分的代碼時(shí)，利用框架面板對(duì)照學(xué)習(xí)是最有效的。
當(dāng)單擊框架面板的任意邊框或內(nèi)容，代碼窗口中相應(yīng)的框架代碼便會(huì)被選中，呈藍(lán)底白字狀態(tài)，且java代碼和其他的程序代碼一樣，都是有層次感和遞進(jìn)效果的，具有嵌套關(guān)系。我們只需利用框架的嵌套方式來(lái)推理這些代碼，就能理解哪個(gè)對(duì)象對(duì)應(yīng)哪幾行代碼。另外，我們還可以利用代碼窗口底部的狀態(tài)欄上的一個(gè)個(gè)嵌套的標(biāo)簽，如