五年級(jí)下冊(cè)信息技術(shù)課件 - 第13課 制作框架網(wǎng)頁 人教新課標(biāo) (共18張PPT)

第13課制作框架網(wǎng)頁目錄CONTENTS123學(xué)習(xí)目標(biāo)學(xué)習(xí)過程小拓展4知識(shí)窗5課堂練習(xí)了解框架網(wǎng)頁的初步知識(shí)。能夠制作簡(jiǎn)單的框架網(wǎng)頁。學(xué)習(xí)目標(biāo)瀏覽網(wǎng)頁時(shí)，還會(huì)經(jīng)常遇到另一種形式的網(wǎng)頁——框架網(wǎng)頁。下面的“作品集錦”網(wǎng)頁就是一個(gè)框架網(wǎng)頁。學(xué)習(xí)過程這個(gè)網(wǎng)頁由左右兩個(gè)框架組成，每個(gè)框架中顯示一個(gè)獨(dú)立的網(wǎng)頁。訪問這個(gè)網(wǎng)頁時(shí)，單擊左框架里的欄目名稱，右框架中就會(huì)顯示出相應(yīng)的網(wǎng)頁內(nèi)容。瀏覽不同欄目的網(wǎng)頁內(nèi)容時(shí)，左框架里的內(nèi)容保持不變，右框架里只顯示當(dāng)前選定欄目的網(wǎng)頁內(nèi)容。

要制作這個(gè)框架網(wǎng)頁，可以先創(chuàng)建適當(dāng)?shù)目蚣?，再在不同的框架里制作或?qū)胂嚓P(guān)的網(wǎng)頁，然后為它們建立相應(yīng)的超鏈接。下面就來制作“作品集錦”這個(gè)網(wǎng)頁。學(xué)習(xí)過程第1步：?jiǎn)?dòng)FrontPage，打開站點(diǎn)“李敏的網(wǎng)站”。

第2步：依次打開“文件”菜單、“新建”菜單，單擊“網(wǎng)頁”命令，出現(xiàn)“新建”對(duì)話框后，打開“框架網(wǎng)頁”選項(xiàng)卡。一、創(chuàng)建網(wǎng)頁的框架學(xué)習(xí)過程動(dòng)手做：創(chuàng)建一個(gè)“目錄”結(jié)構(gòu)的框架網(wǎng)頁。第3步：在文件列表框中雙擊“目錄”選項(xiàng)，窗口中出現(xiàn)“目錄”框架網(wǎng)頁。學(xué)習(xí)過程第1步：?jiǎn)螕糇罂蛑械陌粹o，左框中會(huì)出現(xiàn)一個(gè)空白頁面。

第2步：插入一個(gè)15行1列的表格，用于安排網(wǎng)頁內(nèi)容。

第3步：?jiǎn)螕舻?行的單元格，然后插入一幅剪貼畫。

第4步：在第2行的單元格中輸入標(biāo)題“作品集錦”，并設(shè)定適當(dāng)?shù)奈淖指袷健?/p>

第5步：在第3、5、7、9、11、13行中依次輸入欄目的名稱，并設(shè)定適當(dāng)?shù)奈淖指袷健?/p>

第6步：在第15行中輸入文字“返回首頁”。二、制作導(dǎo)航網(wǎng)頁學(xué)習(xí)過程動(dòng)手做：制作“作品集錦”框架網(wǎng)頁里的導(dǎo)航網(wǎng)頁。仿照制作“北京風(fēng)光”網(wǎng)頁的操作方法，制作的“繪畫攝影”網(wǎng)頁，并以huihua.htm為文件名保存起來。三、制作右框中的網(wǎng)頁學(xué)習(xí)過程第1步：?jiǎn)螕粲铱蛑械陌粹o，出現(xiàn)“創(chuàng)建超鏈接”對(duì)話框。

第2步：我到并雙擊已制作好的huihua.htm網(wǎng)頁文件，右框架中會(huì)顯示出網(wǎng)頁的內(nèi)容。此后，瀏覽該框架網(wǎng)頁時(shí)，huihua.htm網(wǎng)頁將作為初始網(wǎng)頁顯示在右框架中。四、設(shè)置右框中的初始網(wǎng)頁學(xué)習(xí)過程動(dòng)手做：設(shè)置“作品集錦”網(wǎng)頁右框的初始網(wǎng)頁。第1步：選定左框里的欄目名稱，如“繪畫攝影”，單擊常用工具欄中的按鈕，打開“創(chuàng)建超鏈接”對(duì)話框。

第2步：找到并單擊要鏈接到的網(wǎng)頁文件，如huihua.htm。五、設(shè)置網(wǎng)頁間的超鏈接學(xué)習(xí)過程動(dòng)手做：把左框中的欄目名稱與右框中的網(wǎng)頁建立鏈接。第3步：?jiǎn)螕魧?duì)話框右下方“目標(biāo)框架”選擇框右側(cè)的按鈕，打開“目標(biāo)框架”對(duì)話框，在“當(dāng)前框架網(wǎng)頁”欄中單擊右側(cè)的框架，選擇鏈接到的網(wǎng)頁要使用的框架。

第4步：設(shè)置完成后，單擊按鈕，關(guān)閉對(duì)話框。

第5步：選定文字“返回首頁”，單擊常用工具欄中的按鈕，打開“創(chuàng)建超鏈接”對(duì)話框。

第6步：找到并單擊要鏈接到的網(wǎng)頁文件index.htm。

第7步：?jiǎn)螕魧?duì)話框中的按鈕，打開“目標(biāo)框架”對(duì)話框，在“公用的目標(biāo)區(qū)”選擇框中單擊“整頁”選項(xiàng)，表示整個(gè)框架網(wǎng)頁同時(shí)返回首頁。學(xué)習(xí)過程第1步：?jiǎn)螕艨蚣芫W(wǎng)頁的左框架選定它，再單擊常用工具欄中的按鈕，出現(xiàn)“另存為”對(duì)話框時(shí)，在“文件名”框中輸入左框中網(wǎng)頁的文件名，如zuopinzk.htm。

第2步：?jiǎn)螕舭粹o，屏幕上會(huì)接著彈出一個(gè)“另存為”對(duì)話框，表示將要保存整個(gè)框架網(wǎng)頁。六、保存框架網(wǎng)頁學(xué)習(xí)過程動(dòng)手做：保存“作品集錦”框架網(wǎng)頁。在“文件名”框中輸入整個(gè)框架網(wǎng)頁的文件名，如zuopin.htm，然后單擊按鈕。第3步：在瀏覽器窗口中瀏覽框架網(wǎng)頁。學(xué)習(xí)過程小拓展制作好框架網(wǎng)頁后，可以根據(jù)實(shí)際需要改變框架的屬性，如調(diào)整框架的大小、設(shè)置框架的邊框和滾動(dòng)條等。

打開要編輯的框架網(wǎng)頁文件，右擊要修飾的框架，出現(xiàn)一個(gè)快捷菜單后，單擊其中的“框架屬性”命令，打開“框架屬性”對(duì)話框，就可以設(shè)置框架的屬性了。自己試一試吧。知識(shí)窗框架網(wǎng)頁是一種特殊的網(wǎng)頁，它把網(wǎng)頁分為幾個(gè)部分，每個(gè)框架顯示不同的網(wǎng)頁，各框架中的網(wǎng)頁通過超鏈接建立聯(lián)系。利用框架網(wǎng)頁，可以使網(wǎng)頁布局更合理，條理更清晰，幫助瀏覽者了解網(wǎng)站結(jié)構(gòu)，避免在瀏覽時(shí)迷失方向。但如果在同一窗口中使用過多的框架，會(huì)使瀏覽者感到眼花繚亂、無所適從?？蚣芫W(wǎng)頁多用于書目、欄目、標(biāo)題等形式的網(wǎng)頁。1.搜集素材，制作“作品集錦”框架網(wǎng)頁中有關(guān)欄目?jī)?nèi)容的網(wǎng)頁，并建立相應(yīng)的超鏈接。完成后，瀏覽網(wǎng)頁，單擊左框中的欄目名稱，觀察