網(wǎng)頁(yè)制作案例教程 沈大林 第3章

ID:40338494

大?。?.48 MB

頁(yè)數(shù):32頁(yè)

時(shí)間:2019-07-31

網(wǎng)頁(yè)制作案例教程 沈大林 第3章_第1頁(yè)
網(wǎng)頁(yè)制作案例教程 沈大林 第3章_第2頁(yè)
網(wǎng)頁(yè)制作案例教程 沈大林 第3章_第3頁(yè)
網(wǎng)頁(yè)制作案例教程 沈大林 第3章_第4頁(yè)
網(wǎng)頁(yè)制作案例教程 沈大林 第3章_第5頁(yè)
資源描述:

《網(wǎng)頁(yè)制作案例教程 沈大林 第3章》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、第3章框架、層、表格與網(wǎng)頁(yè)局本章要點(diǎn)3.1在網(wǎng)頁(yè)中創(chuàng)建框架3.2層3.3在網(wǎng)頁(yè)中創(chuàng)建表格3.4網(wǎng)頁(yè)布局3.5應(yīng)用實(shí)例習(xí)題33.1.1創(chuàng)建框架與編輯框架1.創(chuàng)建框架創(chuàng)建框架有以下幾種方法。(1)方法一:?jiǎn)螕簟拔募薄靶陆ā泵?,調(diào)出“新建文檔”對(duì)話框,如圖3-1-1所示。單擊該對(duì)話框左邊“類別”欄中的“框架集”選項(xiàng),再單擊選中該對(duì)話框右邊“框架集”欄內(nèi)的一種框架選項(xiàng),然后單擊“創(chuàng)建”按鈕,即可創(chuàng)建有框架的網(wǎng)頁(yè)。(2)方法二:?jiǎn)螕簟安迦搿保ú季郑┟姘宓摹翱蚣堋笨旖莶藛沃械囊粋€(gè)按鈕,即可在頁(yè)面內(nèi)設(shè)置出相應(yīng)的框架,如圖3-1-2所示。(3)方法三:利用“修改”→“框架集”下相

2、應(yīng)的命令或利用“插入”→“HTML”→“框架”下相應(yīng)的命令,也可以創(chuàng)建框架。建立了框架后,要增加框架的個(gè)數(shù),可采用如下方法:?jiǎn)螕艨蚣軆?nèi)部,再單擊“查看”→“可視化助理”→“框架邊框”命令,使該命令左邊有。然后,將鼠標(biāo)指針移到框架的邊緣處,當(dāng)鼠標(biāo)指針為“?”或“”形狀時(shí),向鼠標(biāo)指針箭頭指示的方向拖曳鼠標(biāo),即可在水平或垂直方向增加一個(gè)框架。3.1在網(wǎng)頁(yè)中創(chuàng)建框架3.1在網(wǎng)頁(yè)中創(chuàng)建框架圖3-1-2“框架”快捷菜單圖3-1-1在頁(yè)面內(nèi)創(chuàng)建上下兩個(gè)框架2.簡(jiǎn)單編輯框架(1)調(diào)整框架的大?。河檬髽?biāo)拖曳框架線,即可調(diào)整框架的大小。(2)刪除框架:用鼠標(biāo)拖曳框架線,一直拖曳到另一條框架

3、線或邊框處,即可刪除框架。3.設(shè)置框架集屬性單擊框架的外邊框后,可使“屬性”欄變?yōu)榭蚣芗皩傩浴睓冢鐖D3-1-3所示。改變總框架屬性需要通過(guò)框架集“屬性”欄來(lái)完成。3.1在網(wǎng)頁(yè)中創(chuàng)建框架圖3-1-3框架集“屬性”欄4.設(shè)置分欄框架屬性按住Alt鍵,單擊分欄框架的內(nèi)部后,可使“屬性”欄變?yōu)榉謾诳蚣堋皩傩浴睓?,如圖3-1-4所示。分欄框架的框架“屬性”欄中幾個(gè)選項(xiàng)的作用如下。3.1在網(wǎng)頁(yè)中創(chuàng)建框架圖3-1-4分欄框架“屬性”欄3.1.2框架觀察器單擊“窗口”→“框架”命令,調(diào)出“框架”面板,也叫框架觀察器,如圖3-1-5所示。如果光標(biāo)在框架內(nèi),則框架觀察器中對(duì)應(yīng)框架內(nèi)的文

4、字變?yōu)楹谏?,如圖3-1-5所示。框架觀察器的作用是顯示出框架網(wǎng)頁(yè)的框架結(jié)構(gòu)(也叫分欄結(jié)構(gòu))。單擊某一個(gè)分欄框架(選中的框架邊框呈黑色),即可選中該分欄框架,同時(shí)“屬性”欄變?yōu)樵摲謾诳蚣堋皩傩浴睓?。如果單擊框架的外框線,可以選中整個(gè)框架,如圖3-1-6所示,同時(shí)“屬性”欄變?yōu)榭蚣芗皩傩浴睓凇?.1在網(wǎng)頁(yè)中創(chuàng)建框架圖3-1-5框架觀察器圖3-1-6選中整個(gè)框架后的觀察器3.1.3在框架內(nèi)插入HTML文件內(nèi)容與保存框架文件1.在框架內(nèi)插入HTML文件內(nèi)容在框架內(nèi)插入HTML文件內(nèi)容的步驟如下。(1)單擊網(wǎng)頁(yè)框架的某一個(gè)區(qū)域內(nèi)部,使光標(biāo)在該區(qū)域內(nèi)出現(xiàn)。(2)可以像在沒(méi)有框架的

5、網(wǎng)頁(yè)頁(yè)面內(nèi)輸入文字和導(dǎo)入對(duì)象那樣,在選中的框架區(qū)域內(nèi)輸入文字和導(dǎo)入對(duì)象。也可以單擊“文件”→“在框架中打開(kāi)”命令,調(diào)出“選擇HTML文件”對(duì)話框。利用它可將外部的HTML文件加載到選定的框架區(qū)域內(nèi)。3.1在網(wǎng)頁(yè)中創(chuàng)建框架2.保存框架文件保存框架文件的方法為:?jiǎn)螕簟拔募薄翱蚣芗泶鏋椤泵?,調(diào)出“另存為”對(duì)話框。利用該對(duì)話框可輸入文件名,再單擊“保存”按鈕,完成框架文件的存儲(chǔ)。如果網(wǎng)頁(yè)中的框架進(jìn)行了修改,而且框架網(wǎng)頁(yè)已經(jīng)保存過(guò),則單擊“文件”→“保存框架頁(yè)”命令即可再保存。如果框架網(wǎng)頁(yè)內(nèi)各個(gè)框架區(qū)域內(nèi)的內(nèi)容是輸入和導(dǎo)入對(duì)象產(chǎn)生的,而且沒(méi)有存儲(chǔ)為文件,可按下述方法將不同

6、框架區(qū)域中的內(nèi)容分別保存為HTML文件。操作方法如下。(1)單擊一個(gè)框架窗口內(nèi)部,使光標(biāo)出現(xiàn)在該框架窗口內(nèi),單擊“文件”→“框架另存為”命令,調(diào)出“另存為”對(duì)話框。輸入網(wǎng)頁(yè)的名字,單擊“保存”按鈕,即可將該框架窗口中的內(nèi)容存儲(chǔ)。再按照上述方法存儲(chǔ)各個(gè)窗口中的內(nèi)容和整個(gè)框架文件。(2)修改后再存儲(chǔ),可單擊“文件”→“保存全部”命令。先保存框架,再依次保存各個(gè)框架內(nèi)的HTML文件。(3)修改后單擊“文件”→“關(guān)閉”命令關(guān)閉框架文件時(shí),會(huì)彈出一個(gè)提示框,提示是否存儲(chǔ)各個(gè)HTML文件。單擊“是”按鈕即可依次保存各框架(先保存整個(gè)框架,再保存光標(biāo)所在的框架)。3.1在網(wǎng)頁(yè)中創(chuàng)建框

7、架3.2.1設(shè)置層的默認(rèn)屬性和創(chuàng)建層1.設(shè)置層的默認(rèn)屬性單擊“編輯”→“首選參數(shù)”命令,調(diào)出“首選參數(shù)”對(duì)話框,如圖3-2-1所示。再單擊選中該對(duì)話框內(nèi)“分類”列表框中的“層”列表項(xiàng)?!笆走x參數(shù)”(層)對(duì)話框內(nèi)各個(gè)選項(xiàng)的作用如下。3.2層圖3-2-1“首選參數(shù)”對(duì)話框2.在頁(yè)面中創(chuàng)建層圖3-2-2在頁(yè)面內(nèi)創(chuàng)建一個(gè)層在頁(yè)面中創(chuàng)建層的步驟如下。(1)單擊“插入”(布局)欄中的“描繪層”按鈕,將鼠標(biāo)指針移到文檔窗口之中,這時(shí)鼠標(biāo)指針變?yōu)槭志€狀態(tài)。再在頁(yè)面內(nèi)拖曳鼠標(biāo)來(lái)創(chuàng)建層,如圖3-2-2所示。用鼠標(biāo)將“描繪層”按鈕拖曳到網(wǎng)頁(yè)頁(yè)面中,也可在頁(yè)面

當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁(yè),下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動(dòng)畫(huà)的文件,查看預(yù)覽時(shí)可能會(huì)顯示錯(cuò)亂或異常,文件下載后無(wú)此問(wèn)題,請(qǐng)放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫(kù)負(fù)責(zé)整理代發(fā)布。如果您對(duì)本文檔版權(quán)有爭(zhēng)議請(qǐng)及時(shí)聯(lián)系客服。
3. 下載前請(qǐng)仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時(shí)可能由于網(wǎng)絡(luò)波動(dòng)等原因無(wú)法下載或下載錯(cuò)誤,付費(fèi)完成后未能成功下載的用戶請(qǐng)聯(lián)系客服處理。
关闭