計算機(jī)應(yīng)用基礎(chǔ)應(yīng)用基礎(chǔ)XP-項目七：網(wǎng)頁制作軟件Frontpake2003的應(yīng)用_第1頁
計算機(jī)應(yīng)用基礎(chǔ)應(yīng)用基礎(chǔ)XP-項目七：網(wǎng)頁制作軟件Frontpake2003的應(yīng)用_第2頁
計算機(jī)應(yīng)用基礎(chǔ)應(yīng)用基礎(chǔ)XP-項目七：網(wǎng)頁制作軟件Frontpake2003的應(yīng)用_第3頁
計算機(jī)應(yīng)用基礎(chǔ)應(yīng)用基礎(chǔ)XP-項目七：網(wǎng)頁制作軟件Frontpake2003的應(yīng)用_第4頁
計算機(jī)應(yīng)用基礎(chǔ)應(yīng)用基礎(chǔ)XP-項目七：網(wǎng)頁制作軟件Frontpake2003的應(yīng)用_第5頁
已閱讀5頁，還剩28頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

任務(wù)一用記事本創(chuàng)建一個簡單的文字網(wǎng)頁任務(wù)描述：創(chuàng)建一個如圖7-1所示的簡單文字網(wǎng)頁。任務(wù)分析：當(dāng)我們要創(chuàng)建一個最簡單的文本型網(wǎng)頁時，最先考慮到的就是使用HTML語言來編寫。HTML（HypertextMarkupLanguage）語言就是超文本標(biāo)記語言，是網(wǎng)頁制作的基礎(chǔ)，也是最基本的工具。無論用哪種工具制作網(wǎng)頁，最終生成的網(wǎng)頁文件均是HTML文檔，而且制作網(wǎng)頁也可以直接使用HTML語言書寫腳本。和一般文本的不同的是，一個HTML文件不僅包含文本內(nèi)容，還包含一些Tag，中文稱“標(biāo)記”。用記事本就可以編寫HTML文件，文件保存時將文件的后綴由.txt改為“.htm”或者是“.html”即可。知識點(diǎn)：

HTML腳本中的標(biāo)記、概念、語法規(guī)則HTML語言的常用標(biāo)簽7.1.1HTML語言概述

HTML腳本都是以<html>標(biāo)記開頭，</html>標(biāo)記結(jié)尾。在<html>……</html>標(biāo)記之間是HTML的腳本內(nèi)容，一般情況下它分為兩部分：“頭部”和“主體”。頭部是由<head>……</head>標(biāo)記組成的，其中包含了該HTML腳本的標(biāo)題和說明信息（如編碼方式、關(guān)鍵字、編輯軟件、作者信息等）。主體部分是由<body>作為起始標(biāo)記，</body>作為結(jié)束標(biāo)記，其中所包含的就是在瀏覽器中所看到的內(nèi)容，包括文字、圖片、動畫等。做一個簡單的例子打開一個文本文檔，輸入如下代碼，然后將這個文件存成first.html。<html><head><title>Titleofpage</title></head><body>Thisismyfirsthomepage.（個人頁面）<b>Thistextisbold（加粗）</b></body></html>可以看到這些文本在網(wǎng)頁中的效果。

任務(wù)一用記事本創(chuàng)建一個簡單的文字網(wǎng)頁7.1.2HTML腳本中的標(biāo)記1．標(biāo)記有三種語法格式（1）<標(biāo)記>內(nèi)容</標(biāo)記>（2）<標(biāo)記屬性1=參數(shù)1屬性2=參數(shù)2…>內(nèi)容</標(biāo)記>（3）<標(biāo)記>不同的標(biāo)記采用不同的語法格式，其中的參數(shù)要加引號。2．常用的標(biāo)記（1）<html></html>（2）<head></head>（3）<body></body>（4）<title></title>（5）<p></p>（6）<br>（7）<font></font>（8）<b></b>和<i></i>（9）<img>（10）<a></a>（11）<table>...</table>（12）<form>...</form>

任務(wù)一用記事本創(chuàng)建一個簡單的文字網(wǎng)頁7.1.3任務(wù)實(shí)施：步驟1.打開記事本，在記事本中輸入如下代碼：<html><bodybgcolor="yellow"><h1align="center">這是一個簡單的網(wǎng)頁</h1><p>上面的1號標(biāo)題是居中顯示的。</p><h2>世界</h2><h3>中國</h3><h4>山東省</h4><h5>德州市</h5><h6>德城區(qū)</h6><p>用hr這個Tag可以在HTML文件里加一條橫線。</p><hr><p><b>粗體用b表示。</b></p><hr><p><pre>這是預(yù)格式(preformatted)文本瀏覽器會保留pre里面的空格和分行。</pre></p></body></html>

步驟2.選擇文件菜單保存命令，在彈出的對話框中將保存路徑設(shè)置為“桌面”，再將文件名稱由“*.txt”改為“簡單網(wǎng)頁.html”，單擊保存按鈕。步驟3.返回到桌面，雙擊桌面上的“簡單網(wǎng)頁.html”，觀看最終效果。任務(wù)一用記事本創(chuàng)建一個簡單的文字網(wǎng)頁任務(wù)描述：FrontPage2003是Microsoft公司推出的Office2003組件之一，是一個網(wǎng)頁制作和網(wǎng)站維護(hù)工具。如何利用FrontPage2003創(chuàng)建新的網(wǎng)頁文件呢？任務(wù)分析：FrontPage2003提供了“所見即所得”的網(wǎng)頁創(chuàng)作環(huán)境可以輕松愉快地制作出自己喜愛的網(wǎng)頁。它的工作方式與Word非常相似，有了使用Word的基礎(chǔ)，使用FrontPage2003能很容易的制作出滿意的網(wǎng)頁。知識點(diǎn)：啟動與退出窗口界面新建空白網(wǎng)頁及站點(diǎn)任務(wù)二使用FrontPage2003創(chuàng)建新的網(wǎng)頁文檔7.2.1FrontPage2003的啟動與退出1.FrontPage的啟動啟動FrontPage2003有兩種方法：（1）單擊任務(wù)欄中的“開始”按鈕，在“開始”菜單中選擇“程序”→“MicrosoftFrontPage2003”菜單命令即可，打開的窗口界面如圖7-1所示。（2）如果在桌面上添加了MicrosoftFrontPage2003的快捷方式，雙擊其圖標(biāo)即可。2．FrontPage2003的退出使用結(jié)束需退出FrontPage2003系統(tǒng)時，有五種方法：（1）選擇“文件”→“退出”菜單命令。（2）單擊標(biāo)題欄中最左邊的控制菜單圖標(biāo)，再單擊菜單中的“關(guān)閉”命令。（3）單擊標(biāo)題欄中最右邊的按鈕。（4）雙擊FrontPage2003窗口左上角的控制菜單按鈕。（5）使用快捷鍵Alt+F4。任務(wù)二使用FrontPage2003創(chuàng)建新的網(wǎng)頁文檔7.2.2FrontPage的窗口界面

啟動FrontPage2003后，出現(xiàn)如圖7.2所示的窗口界面，它由標(biāo)題欄、菜單欄、工具欄、視圖欄、編輯區(qū)、滾動條和狀態(tài)欄等組成。主要部分的功能及使用方法如下：1．標(biāo)題欄、菜單欄和工具欄標(biāo)題欄、菜單欄和工具欄的功能和使用方法和Word類似，在此不再贅述。2．編輯區(qū)FrontPage2003窗口中的空白區(qū)域就是編輯區(qū)，如圖7-3所示。用戶可以在該區(qū)域中輸入文本、插入圖片、表格以及各種組件。打開一個新網(wǎng)頁文件時，F(xiàn)rontPage2003在編輯區(qū)的左下方顯示網(wǎng)頁編輯狀態(tài)切換標(biāo)簽：“設(shè)計”、“拆分”、“代碼”以及“預(yù)覽”。單擊某個標(biāo)簽后，系統(tǒng)將在對應(yīng)的編輯狀態(tài)中顯示當(dāng)前網(wǎng)頁的內(nèi)容。3．任務(wù)窗格任務(wù)窗格是Office應(yīng)用程序中提供常用命令的窗口，如圖7-5所示。它的位置適宜，尺寸較小，可以一邊使用這些命令，一邊繼續(xù)處理文件。4．狀態(tài)欄狀態(tài)欄位于窗口的最下端，顯示出當(dāng)前操作的相關(guān)信息、超鏈接的URL地址、預(yù)計的下載時間以及NumLock鍵的狀態(tài)。任務(wù)二使用FrontPage2003創(chuàng)建新的網(wǎng)頁文檔任務(wù)描述：網(wǎng)頁要想吸引瀏覽者的眼球，必須是圖文并茂，如何用Frontpage2003創(chuàng)建一個如圖7-8所示的圖片并茂的網(wǎng)頁呢？任務(wù)分析：Frontpage2003提供了豐富的圖文混排功能，可以很方便的完成在網(wǎng)頁頁面中插入圖片并進(jìn)行編輯。知識點(diǎn)：文本的輸入文本格式的設(shè)置圖片的插入圖片格式的設(shè)置設(shè)置段落格式設(shè)置動態(tài)文字任務(wù)三制作圖文網(wǎng)頁7.3.1文字的輸入與編輯FrontPage2003中對于文字與圖像的處理與Word類似，只是在Word的基礎(chǔ)上增加了很多制作網(wǎng)頁的功能，讓初學(xué)者也能制作出復(fù)雜而且美觀的網(wǎng)頁。FrontPage2003中對于文字以及圖像的處理基本集中在這三個菜單項里：“編輯”、“插入”和“格式”。文本的輸入在FrontPage2003中輸入文本與在Word中輸入文本非常類似，具體方法不在贅述，需要注意的地方如下：(1)當(dāng)輸入文本達(dá)到所定義的右邊界時，將自動換行，不能使用回車，只有需要加入空行或另起一段時才能使用回車鍵。若錄入文字有錯可按Backspace鍵清除錯誤，重新錄入。(2)可在文本中任意位置處插入新文本內(nèi)容，操作時把鼠標(biāo)指針定位到欲加文本處即可添加文本。(3)可進(jìn)行覆蓋式錄入，即先用鼠標(biāo)選中要替換的文本，然后直接錄入文本。(4)可通過單擊常用工具欄的“顯示所有”按鈕，讓段落標(biāo)記在屏幕上顯示或隱藏，借助段落標(biāo)記可清楚地看到段與段之間的空行。任務(wù)三制作圖文網(wǎng)頁2.文本的編輯（1）設(shè)置字體格式選擇要改變的文字，單擊格式工具框中相應(yīng)的按鈕進(jìn)行設(shè)置，或是選擇“格式”→“字體”菜單命令，打開如圖7-9所示的“字體”對話框，在該對話框中的字體選項卡中進(jìn)行字體、字形、大小、顏色、特殊效果的設(shè)置。設(shè)置完成后將一直保持，直到用戶又重新設(shè)置新的字體為止。注意：在制作網(wǎng)頁時，一般不采用“下劃線”效果，因為下劃線在一些網(wǎng)頁中都表示有超鏈接；文字特殊效果只有在瀏覽器中才能體現(xiàn)出來。任務(wù)三制作圖文網(wǎng)頁（2）文本的縮進(jìn)文本的縮進(jìn)就是使文本左邊、右邊顯示空白，這種效果有利于對關(guān)鍵段落加強(qiáng)說明。要對一個已有的段落運(yùn)用縮進(jìn)的方式，首先選中段落，然后在格式工具欄上單擊“增加縮進(jìn)”按鈕，段落左邊和右邊分別縮進(jìn)一段距離，連續(xù)按”增加縮進(jìn)”按鈕，縮進(jìn)將進(jìn)一步加大。這種在文字兩邊同時縮進(jìn)的方式也稱之為雙向縮進(jìn)。若縮進(jìn)的空間太大，可以通過單擊“減少縮進(jìn)”按鈕來減少縮進(jìn)的空間。（3）文本對齊方式文本的對齊方式有左對齊、右對齊和居中。要進(jìn)行對齊設(shè)置，首先選中要設(shè)置的文本，然后單擊格式工具欄上的“向左對齊”、“居中”和“向右對齊”按鈕來實(shí)現(xiàn)。不同的對齊方式可以使文本呈現(xiàn)不同的顯示樣式，而且可以清楚地表明用戶想要說明的問題，使網(wǎng)頁整體保持協(xié)調(diào)。（4）加入項目符號或列表編號在Web頁面中加入項目符號或列表編號可使內(nèi)容有條理、更清楚，可以通過列表把大量內(nèi)容簡要地描述出來，便于讀者抓住重點(diǎn)。還有另外一種形式即列表編號，可以用來描述一個問題的處理步驟和順序，這兩種處理形式在FrontPage2003中運(yùn)用起來很方便。任務(wù)三制作圖文網(wǎng)頁圖7-10目符號和編號方式對話框

注意：在FrontPage2003中新建的兩個文本行之間都有一個空行，如果用戶在輸入或添加項目時不想每兩行之間都出現(xiàn)一個空行，可以在格式工具欄上單擊“項目符號”或“編號方式”按鈕。該按鈕為下凹狀態(tài)時出現(xiàn)第一個項目符號，輸入需要的文字后，按“回車”鍵，然后在自動出現(xiàn)的下一個項目符號后繼續(xù)輸入。任務(wù)三制作圖文網(wǎng)頁（5）設(shè)置段落格式選擇“格式”→“段落”菜單命令，打開段落對話框，如圖7-11所示。在段落對話框中，選擇適當(dāng)?shù)亩温涓袷郊纯?。?）設(shè)置動態(tài)文字（設(shè)置動態(tài)字幕）選擇“插入”→“web組件”菜單命令，在彈出的對話框中雙擊“字幕”命令，打開字幕屬性對話框，如圖7-12所示，其中：“方向”區(qū)域用來選擇文字的移動方向?！八俣取眳^(qū)域用來指定文字的移動速度，其中“延遲”列表框中的數(shù)值用來設(shè)置兩次連續(xù)運(yùn)行之間暫停的毫秒數(shù)；“數(shù)量”列表框中的數(shù)值用來表示文本每次移動距離的像素數(shù)?！氨憩F(xiàn)方式”區(qū)域用來選擇文字的運(yùn)動方式?！爸貜?fù)”區(qū)域用來指定文字的動態(tài)效果是否循環(huán)顯示。若選中“連續(xù)”復(fù)選框，則移動字幕連續(xù)不停循環(huán)，否則手工設(shè)置重復(fù)次數(shù)。“背景顏色”列表框用來選擇移動字幕的背景顏色。在該對話框中選擇合適的參數(shù)，點(diǎn)擊“確定”即可。圖7-11段落對話框任務(wù)三制作圖文網(wǎng)頁（7）設(shè)置交互式按鈕選擇“插入”→“交互式按鈕”菜單命令，彈出“交互式按鈕對話框”如圖7-14所示，在對話框中選擇合適的動態(tài)按鈕即可。任務(wù)三制作圖文網(wǎng)頁7.3.2圖像處理1．插入圖片把光標(biāo)定位到需要插入圖片的位置，選擇“插入”→“圖片”→“剪貼畫”或“來自文件”菜單命令，打開相應(yīng)的對話框，在對話框中選擇適用的剪貼畫或圖片文件，點(diǎn)擊“確定”按鈕即可。2．圖片格式的編輯插入圖片之后，可以對圖片進(jìn)行編輯，編輯圖片一般有兩種方法：（1）在已經(jīng)創(chuàng)建的圖片上單擊左鍵，打開圖片工具欄，如圖7-15所示。工具欄中從左至右各個按鈕的功能如下：任務(wù)三制作圖文網(wǎng)頁①插入文件中的圖片：以插入的新圖像替代選中的圖像。②文本：在圖像上加入文字。③自動縮略圖：可創(chuàng)建縮略圖。④絕對定位：鎖定圖片在網(wǎng)頁中的位置。⑤上移、下移一層：類似于FireWorks中的排列，點(diǎn)擊后，圖像可以在網(wǎng)頁中任意拖動確定位置。⑥翻轉(zhuǎn)：可以上下左右翻轉(zhuǎn)圖片。⑦對比度以及亮度的處理：可以對圖片進(jìn)行亮度及對比度的處理。⑧裁剪、線性、填充色、設(shè)置透明色、顏色、凹凸效果都用于修改圖片屬性。⑨最后幾個是添加熱區(qū)，也就是圖片上的超鏈接。任務(wù)三制作圖文網(wǎng)頁（2）在圖片上單擊右鍵，在彈出的快捷菜單選擇“圖片屬性”命令，打開“圖片屬性”對話框，如圖7-16所示。在該對話框中，選擇不同的選項卡，可以完成對圖片屬性的設(shè)置。圖7.16片屬性對話框任務(wù)三制作圖文網(wǎng)頁任務(wù)描述：要求用Frontpage2003實(shí)現(xiàn)在網(wǎng)頁中插入表格，精確的布局圖片和文字，使圖片和文字保持精確的位置，效果如圖7-17所示。任務(wù)分析：在網(wǎng)頁中精確地布局圖片與文字的位置，F(xiàn)rontpage2003中的實(shí)現(xiàn)方法有多種，應(yīng)用表格布局網(wǎng)頁，是常用的方法之一。表格布局時可以及在表格中繼續(xù)嵌套表格，對表格的格式進(jìn)行設(shè)置、合并與拆分等。知識點(diǎn)：嵌套表格表格為網(wǎng)頁布局表格屬性的編輯任務(wù)四使用表格布局的網(wǎng)頁

7.4.1插入表格1．表格的組成表格由表頭、行、列、單元格和邊框組成，各部分的含義如下：表頭：表格的首行，表示表格各列的名稱。行：表格的一行，水平方向。列：表格的一列，垂直方向。單元格：在表格中，每個方格稱為一個單元格（Cell）。邊框：在表格的四周，可設(shè)置邊框的有無。在每個單元格中，除了可以填寫文本之外，還可以放置圖片、表單等，表格的最大好處是能分類顯示數(shù)據(jù)，同時還能利用表格來組織網(wǎng)頁的整體布局。2．插入表格在Frontpage2003中插入表格有三種方法：（1）使用“插入表格”工具按鈕（2）使用“表格”菜單命令（3）使用手工繪制表格任務(wù)四使用表格布局的網(wǎng)頁

7.4.2表格屬性設(shè)置把光標(biāo)定位到表格的任一單元格內(nèi)，選擇“表格”→“表格屬性”菜單命令，打開“表格屬性”對話框，如圖7-20所示。與“插入表格”對話框類似在“表格屬性”對話框中可以對表格的外觀進(jìn)行設(shè)置：包括表格的行高和列寬、表格的對齊方式、邊框?qū)傩院捅尘邦伾?。任?wù)四使用表格布局的網(wǎng)頁

7.4.3表格的其它操作表格的其它屬性的設(shè)置如：合并/拆分單元格、插入行與列、刪除行與列等操作與Word中的操作基本相同，在此不再贅述。7.4.4任務(wù)實(shí)施步驟1.在空白網(wǎng)頁中插入10行5列的表格。步驟2.通過合并單元格與拆分單元格實(shí)現(xiàn)表格的布局，如圖7-17所示。步驟3.用鼠標(biāo)拖動法調(diào)整各個單元格的高度和寬度。步驟4.通過調(diào)整背景顏色、輸入文字和插入圖片美化網(wǎng)頁。步驟5.以index.htm為名保存網(wǎng)頁。

任務(wù)四使用表格布局的網(wǎng)頁

任務(wù)描述：網(wǎng)頁的強(qiáng)大之處就在它的超鏈接，在瀏覽器中通過點(diǎn)擊網(wǎng)頁中的超鏈接，可以很方便地打開另外一個網(wǎng)、圖片、文件、郵件地址等。要求在網(wǎng)頁中建立超鏈接，使網(wǎng)站的多個頁面之間建立鏈接聯(lián)系，效果如圖7-21所示。任務(wù)分析：每一個網(wǎng)站及每一個網(wǎng)頁都有獨(dú)一無二的地址，在英文中被稱作url(UniformResourceLocator：通用資源標(biāo)示符)，多個頁面之間以及多個網(wǎng)站之間通過超級鏈接而建立鏈接。因此鏈接是網(wǎng)頁頁面中最重要的元素之一，是一個網(wǎng)站的靈魂。一個網(wǎng)頁中的鏈接可分成兩個部分：“鏈接的載體”和“鏈接的目標(biāo)地址”?！版溄拥妮d體”就是網(wǎng)頁中的文字和圖片，凡是包含鏈接的文字和圖片都稱為“超鏈接”。“鏈接的目標(biāo)地址”就是超鏈接指向的網(wǎng)頁。要想在網(wǎng)頁中加入超鏈接，要從學(xué)習(xí)創(chuàng)建鏈接，修改鏈接的屬性開始。知識點(diǎn)：建立超鏈接同一頁面內(nèi)書簽鏈接修改鏈接的屬性熱點(diǎn)鏈接在圖片上添加熱區(qū)管理超鏈接任務(wù)五為網(wǎng)頁建立超級鏈接

7.5.1設(shè)置文字的超鏈接打開網(wǎng)頁文件，拖動鼠標(biāo)選擇要建立超鏈接的文字，單擊常用工具欄中的“插入超鏈接”按鈕，或者是單擊鼠標(biāo)右鍵，在彈出的菜單中選擇”超鏈接”命令，彈出創(chuàng)建超鏈接對話框如圖7.22所示，在列表中選擇要超鏈接的網(wǎng)頁文件，單擊“確定”按鈕即可。任務(wù)五為網(wǎng)頁建立超級鏈接

7.5.2.設(shè)置圖片的超鏈接選中要建立鏈接的圖片，單擊常用工具欄中的“插入超鏈接”按鈕，或者是鼠標(biāo)右鍵單擊要設(shè)置超鏈接的圖片，在右鍵菜單中選擇”超鏈接”命令，然后設(shè)置要鏈接的文件，也可以鏈接圖片、音樂、E－Mail地址等。7.5.3在圖片上添加熱區(qū)選中要添加熱區(qū)的圖片，在圖片工具欄中選擇“插入熱區(qū)”按鈕，可以插入“矩形熱區(qū)”、“圓形熱區(qū)”或“多邊形熱區(qū)”。任務(wù)五為網(wǎng)頁建立超級鏈接

7.5.4管理超鏈接

一個網(wǎng)站的超鏈接就像一張網(wǎng)一樣，網(wǎng)住了網(wǎng)站的所有文件。選擇“視圖”→“超鏈接”菜單命令，打開超鏈接對話框，可以看到各個文件相互間的鏈接情況，文件中鏈接了哪些文件，又被哪些文件鏈接。也可以在超鏈接的示意窗口中直接展開某個文件的上、下超鏈接。（1）.修改超鏈接的目的端選中已經(jīng)建立超鏈接的對象，右鍵單擊，在快捷菜單中選擇“超鏈接屬性”，彈出“編輯超鏈接”對話框，在對話框中選擇要修改的超鏈接的目的端，單擊“確定”按鈕完成。（2）.設(shè)置超鏈接的顯示顏色選擇“格式”→“主題”菜單命令，在打開的窗口右邊的任務(wù)窗格中選擇最后一項“新建主題”，單擊“顏色”按鈕，選擇“自定義”選項卡，在“項目”列表中修改超鏈接的顏色色塊，單擊“確定”→“另存為”→“保存主題”對話框→“確定”，完成設(shè)置。（3）.刪除超鏈接方法1：選中超鏈接文本或圖片，單擊“delete”鍵，完成刪除。方法2：右鍵單擊超鏈接（在網(wǎng)頁設(shè)計視圖模式下），選擇“超鏈接屬性”菜單命令，在URL地址欄中刪除其內(nèi)容，單擊“確定”，完成刪除。任務(wù)五為網(wǎng)頁建立超級鏈接

7.5.5.設(shè)置同一頁面中的書簽當(dāng)一個網(wǎng)頁文章內(nèi)容比較長的時候，為了便于瀏覽，往往在網(wǎng)頁中分章節(jié)使用書簽。在網(wǎng)頁中使用書簽的步驟分為兩步：第一步是先定義書簽，即在網(wǎng)頁中的每個章節(jié)位置上先定義一個書簽；接下來是使用書簽，即定義一個超鏈接到該書簽。具體操作步驟見課本任務(wù)五為網(wǎng)頁建立超級鏈接

任務(wù)描述：在網(wǎng)頁布局中，框架布局是比較常用的網(wǎng)頁布局技術(shù)之一。框架技術(shù)可以將不同的網(wǎng)頁文檔在同一個瀏覽器窗口中顯示出來。因此，框架技術(shù)經(jīng)常被用于實(shí)現(xiàn)頁面文檔的導(dǎo)航。用戶可以直接通過導(dǎo)航條切換到想要瀏覽的頁面，而不必每一次都翻一個頁面，且各個框架之間互不干擾。要求制作一簡單的框架型網(wǎng)頁，效果如圖7-27所示。任務(wù)分析：框架的功能有點(diǎn)像windows操作系統(tǒng)的“資源管理器”，在窗口的一邊顯示目錄，另一邊顯示內(nèi)容。想制作框架網(wǎng)頁，要掌握FrontPage2003中框架網(wǎng)頁的建立、屬性修改、增加新框架、在框架中添加基本的網(wǎng)頁元素等知識知識點(diǎn)：創(chuàng)建框架增加新框架修改框架屬性任務(wù)六制作框架網(wǎng)頁

7.6.1創(chuàng)建框架框架是在同一瀏覽器窗口中顯示多個相互隔離的HTML頁的結(jié)構(gòu)。使用框架是進(jìn)行網(wǎng)頁布局設(shè)計的一種重要手段。也就是把Web瀏覽器的視窗分成幾個部分，每個部分都是獨(dú)立的Web頁面，這樣便可同時顯示多個頁面。為了創(chuàng)建具有框架的Web頁面，可從工作區(qū)右邊的“新建任務(wù)窗格”中選擇“其他網(wǎng)站模板”命令，打開“網(wǎng)頁模板”對話框，選擇“框架網(wǎng)頁”選項卡，如圖7-28所示，從中可選擇不同類型的框架模板，按“確定”按鈕即可創(chuàng)建一個具有框架的網(wǎng)頁。單擊各個框架中的“新建網(wǎng)頁”按鈕，完成空白框架網(wǎng)頁的創(chuàng)建，注意：在創(chuàng)建有框架的Web頁面時，應(yīng)注意有些web瀏覽器不支持框架。雖然使用不能顯示框架的瀏覽器的用戶已很少，為確保這些用戶仍然能夠瀏覽到Web站點(diǎn)上的內(nèi)容，可以填上要告訴那些低版本瀏覽器的使用者的話，例如請對方更換瀏覽器等。在新建的框架窗口中，單擊“設(shè)置初始頁”按鈕將會彈出“創(chuàng)建超鏈接”對話框，可以鏈接到一個指定頁面；單擊“新建網(wǎng)頁”按鈕將創(chuàng)建一個新頁面，然后在該頁面內(nèi)對該頁進(jìn)行編輯。在編輯頁面時，若感覺頁面被放在一個狹窄的框架中太擁擠，可選擇“框架”菜單中的“在新窗口中打開網(wǎng)頁”命令，這樣便打開一個新的滿屏窗口，可以自由地在頁面中增加內(nèi)容。任務(wù)六制作框架網(wǎng)頁

7.6.2增加新框架要給框架頁面增加新框架，就是像拆分表格的單元格一樣，把一個框架分為兩個框架。其操作方法如下：（1）按住Ctrl鍵，將鼠標(biāo)放在框架邊框上，當(dāng)鼠標(biāo)變?yōu)樯舷录^時，可把邊框拖到一個新位置，當(dāng)松開鼠標(biāo)按鈕時，一個新的空白內(nèi)容的框架就形成了。（2）也可以通過命令來操作：首先單擊要拆分的框架內(nèi)部，選擇“框架”→“拆分框架”菜單命令，在彈出的“拆分框架”對話框中單擊“拆分成列”或“拆分成行”單選按鈕，單擊“確定”按鈕即可。

7.6.3刪除框架若框架頁面看起來太亂，可刪除某些框架。要刪除一個框架，可先單擊該框架選擇它，再選擇“框架”菜單中的“刪除框架”命令即可。任務(wù)六制作框架網(wǎng)頁

7.6.4修改框架屬性在設(shè)置好框架的整體布局后，還可以對每一框架的具體屬性進(jìn)行設(shè)置，操作如下：（1）單擊需設(shè)置屬性的框架，選擇“框架”→“框架屬性”菜單命令，彈出“框架屬性”對活框，如圖7-30所示。（2）在對話框的“名稱”文本框中可輸入框架名，這樣便于識別不同的框架；在“選項”區(qū)域中，若選中“在例覽器中可以調(diào)大小”復(fù)選框，則在瀏覽站點(diǎn)時，可重新定義框架尺寸，通過在“顯示滾動條”下拉列表框中選擇不同的描述項，可設(shè)置讓滾動條是否出現(xiàn)。（3）在“框架大小”區(qū)域中，可設(shè)置框架大小，可以定義一個絕對像素值或相對于瀏覽器窗口的百分比，若要用瀏覽器來設(shè)置相對于該頁面中框架的尺寸，可選“相對”；在“邊距”區(qū)域中，可設(shè)置內(nèi)容頁面與框架邊框分隔的像素數(shù)值。（4）要改變開始頁面，可以在“初始網(wǎng)頁”文本框中輸入一個新的頁面名字或URL。（5）單擊“框架網(wǎng)頁”按鈕，則彈出“網(wǎng)頁屬性”對話框。（6）在該對話框的“框架”選項卡中，在“框架間距”文本框中，可輸入以像素為單位的邊框?qū)挾?；若要使框架邊框消失，則不要選中“顯示邊框”復(fù)選框。（7

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論