第一篇：frontpage網(wǎng)頁(yè)制作教案
Frontpage網(wǎng)頁(yè)制作導(dǎo)學(xué)案
青州一中
劉志韓
文件——新建——網(wǎng)頁(yè) 【學(xué)習(xí)目標(biāo)】
1、包括網(wǎng)頁(yè)制作基礎(chǔ)知識(shí)
2、站點(diǎn)的規(guī)劃和創(chuàng)建
3、網(wǎng)頁(yè)文本和圖片的處理、表格和框架的應(yīng)用 【學(xué)習(xí)重難點(diǎn)】
1、建立一個(gè)主題網(wǎng)站
2、建設(shè)一個(gè)網(wǎng)站的步驟
3、網(wǎng)頁(yè)的美化與特效的制作 【課前預(yù)習(xí)】
思考一下多媒體信息集成的方式有哪些？
【自主學(xué)習(xí)】
1、在www中，________是信息的主要組織和表現(xiàn)形式。
2、用________語(yǔ)言編寫的網(wǎng)頁(yè)實(shí)際上是一種文本文件，以.HTML或者.HTM為擴(kuò)展名，可以使用任何文本處理軟件（如記事本、word等）創(chuàng)作或修改。
3、制作網(wǎng)頁(yè)常用的軟件有_________________和_________________。
4、網(wǎng)頁(yè)文件的擴(kuò)展名有哪些？
5、網(wǎng)站開(kāi)發(fā)的基本過(guò)程：
網(wǎng)站的規(guī)劃——（）——（）——網(wǎng)站的發(fā)布與管理——網(wǎng)站的評(píng)價(jià) 【合作探究與指導(dǎo)】
三、網(wǎng)站的制作
1、創(chuàng)建站點(diǎn)
文件——新建——站點(diǎn)（選擇或創(chuàng)建存儲(chǔ)站點(diǎn)的文件夾）
2、網(wǎng)頁(yè)的創(chuàng)建與編輯
3、插入對(duì)象 水平線 圖片 字幕 懸停按鈕
4、創(chuàng)建超級(jí)鏈接
在對(duì)象上右擊選擇超級(jí)鏈接——選擇鏈接的目標(biāo)。
5、使用表格
表格——插入（在制作網(wǎng)頁(yè)的過(guò)程中用表格來(lái)布局網(wǎng)頁(yè)）
6、在站點(diǎn)中查看網(wǎng)頁(yè)的編輯及網(wǎng)頁(yè)之間的鏈接情況。
分步驟操作練習(xí)題：
1、新建一個(gè)站點(diǎn)，只有一個(gè)空白網(wǎng)頁(yè)的站點(diǎn)。
2、在首頁(yè)上插入“我最喜愛(ài)的明星”，然后進(jìn)行修飾。
3、再新建一個(gè)空白網(wǎng)頁(yè)。重新命名為“周杰倫”。
4、插入圖片“周杰倫”，文本“周杰倫”，排版設(shè)置后保存網(wǎng)頁(yè)。
5、再建立一張空白的網(wǎng)頁(yè)，重新命名為“劉亦菲”。
6、插入圖片“劉亦菲”，文本“劉亦菲”，排版設(shè)置后保存網(wǎng)頁(yè)。
7、分別在首頁(yè)和“周杰倫”“劉亦菲”網(wǎng)頁(yè)建立超級(jí)鏈接。操作練習(xí)： 【拓展任務(wù)】
以環(huán)保為主題，利用文件夾“環(huán)保”中的素材，制作一個(gè)5頁(yè)的網(wǎng)站。
【當(dāng)堂檢測(cè)】
1.在網(wǎng)頁(yè)制作中，我們經(jīng)常用下列（）辦法進(jìn)行頁(yè)面布局。
A.文字
B.表格
C.表單
D.圖片 2.使用瀏覽器訪問(wèn)網(wǎng)站時(shí)，第一個(gè)被訪問(wèn)的網(wǎng)頁(yè)稱為（）。
A.網(wǎng)頁(yè)
B.網(wǎng)站
C.HTML語(yǔ)言
D.主頁(yè) 3.網(wǎng)頁(yè)中可使我們進(jìn)行選擇性瀏覽的稱為（）。
A.文字
B.圖片
C.聲音
D.超鏈接
4.在FrontPage2000中，要建立同一個(gè)網(wǎng)頁(yè)內(nèi)的鏈接點(diǎn)，讓你點(diǎn)選某一鏈接后，迅速跳到同一網(wǎng)頁(yè)內(nèi)的另一個(gè)特定位置，應(yīng)采用（）鏈接。
A.單元格
B.表單
C.書簽
D.表格 5.FrontPage 2000中，下述關(guān)于圖片與鏈接的關(guān)系表述正確的是（）。
A.圖片不能建立鏈接
B.一張圖片只能建立一個(gè)鏈接
C.圖片要建立鏈接需經(jīng)過(guò)處理
D.通過(guò)設(shè)置熱區(qū)，一張圖片可建立多個(gè)鏈接 6.在FrontPage 2000“網(wǎng)頁(yè)”視圖模式下，單擊“普通”標(biāo)簽后，在出現(xiàn)的“普通”窗口中，可直接進(jìn)行（）。
A.網(wǎng)頁(yè)編排
B.觀察網(wǎng)頁(yè)在瀏覽器中的效果
C.編輯HTML代碼
D.下載圖片 7.網(wǎng)頁(yè)制作的超文本標(biāo)記語(yǔ)言稱為（）。
A.VB語(yǔ)言
B.HTML語(yǔ)言
C.BASIC語(yǔ)言
D.ASCII 8.在Frontpage2000網(wǎng)頁(yè)視圖方式下，單擊（）標(biāo)簽可直接編輯HTML代碼？
A.普通
B.HTML
C.預(yù)覽
D.編輯 9.在FrontPage 2000中，我們想要文字左右交替移動(dòng)的效果，是下列（）效果。
A.字體
B.DHTML效果
C.字幕
D.懸停按鈕 10.在FrontPage 2000表格單元格中，（）項(xiàng)目不能輸入。
A.表格
B.圖形
C.背景
D.聲音
作業(yè)：以我們寒假生活為主題，從互聯(lián)網(wǎng)上搜索的素材制作一個(gè)網(wǎng)站。
【閱讀材料】
網(wǎng)站設(shè)計(jì)
建立一個(gè)網(wǎng)站就像蓋一幢大樓一樣，它是一個(gè)系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個(gè)步驟，按部就班地一步步來(lái)，才能設(shè)計(jì)出一個(gè)滿意的網(wǎng)站。
一、確定網(wǎng)站主題
網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。特別是對(duì)于個(gè)人網(wǎng)站，必須要找準(zhǔn)一個(gè)自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。
二、搜集材料
明確了網(wǎng)站的主題以后，你就要圍繞主題開(kāi)始搜集材料了。常言道：“巧婦難為無(wú)米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報(bào)紙、光盤、多媒體上得來(lái)，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁(yè)的素材。
三、規(guī)劃網(wǎng)站
網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁(yè)之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。
四、選擇合適的制作工具
網(wǎng)頁(yè)制作涉及的工具比較多，首先就是網(wǎng)頁(yè)制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見(jiàn)即所得的編輯工具，這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了，如果是初學(xué)者，F(xiàn)rontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動(dòng)畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁(yè)特效工具，如有聲有色等，五、制作網(wǎng)頁(yè)
材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過(guò)程，一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來(lái)進(jìn)行制作。
六、上傳測(cè)試
網(wǎng)頁(yè)制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請(qǐng)的主頁(yè)存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開(kāi)自己的網(wǎng)站，逐頁(yè)逐個(gè)鏈接的進(jìn)行測(cè)試，發(fā)現(xiàn)問(wèn)題，及時(shí)修改，然后再上傳測(cè)試。
七、推廣宣傳
網(wǎng)頁(yè)做好之后，還要不斷地進(jìn)行宣傳，這樣才能讓更多的朋友認(rèn)識(shí)它，提高網(wǎng)站的訪問(wèn)率和知名度。推廣的方法有很多，例如到搜索引擎上注冊(cè)、與別的網(wǎng)站交換鏈接、加入廣告鏈等。
八、維護(hù)更新
第二篇：Frontpage網(wǎng)頁(yè)制作經(jīng)驗(yàn)總結(jié)
【摘要】Frontpage更以其功能強(qiáng)大、容易上手、界面親切而著稱。它采用所見(jiàn)即所得的方式編輯網(wǎng)頁(yè)，利用它可以輕松的組織、編輯網(wǎng)頁(yè)并將其發(fā)布到指定的站點(diǎn)上，而且在發(fā)布之后還能對(duì)更新情況進(jìn)行監(jiān)控以更新站點(diǎn)的。
【關(guān)鍵字】Frontpage創(chuàng)建站點(diǎn)、新建頁(yè)面、文字、超鏈接
現(xiàn)在流行的網(wǎng)頁(yè)制作軟件有很多，如Macromedia公司的Dreamweaver、微軟公司的Frontpage、還有Adobe Pagemill 3.0--制作多框架，表單和Image map 圖像的網(wǎng)頁(yè)工具、Netscape等等。其中Frontpage更以其功能強(qiáng)大、容易上手、界面親切而著稱。它采用所見(jiàn)即所得的方式編輯網(wǎng)頁(yè)，利用它可以輕松的組織、編輯網(wǎng)頁(yè)并將其發(fā)布到指定的站點(diǎn)上，而且在發(fā)布之后還能對(duì)更新情況進(jìn)行監(jiān)控以更新站點(diǎn)的內(nèi)容。
工具準(zhǔn)備好了，可根據(jù)你的個(gè)人喜好來(lái)選擇一些素材，如圖片、喜歡的文章等。現(xiàn)在就讓我們從第一步的建立站點(diǎn)來(lái)踏上建造網(wǎng)上家園之旅。
用FRONTPAGE創(chuàng)建站點(diǎn)是很容易的。首先，我們來(lái)看一下創(chuàng)建一個(gè)只包含一個(gè)網(wǎng)頁(yè)的站點(diǎn)。選擇“文件”菜單的“新建”選項(xiàng)，單擊“站點(diǎn)”命令，這時(shí)新建站點(diǎn)對(duì)話框就彈出來(lái)了，在“指定新站點(diǎn)位置”文本框中輸入新站點(diǎn)的位置，單擊“只有一個(gè)網(wǎng)頁(yè)的站點(diǎn)” 圖標(biāo)，單擊“確定”按鈕。這就建立好站點(diǎn)了，我們現(xiàn)在來(lái)看一下新的站點(diǎn)里有什么，單擊“視圖”工具條的“文件夾”按鈕。在文件夾列表里有一個(gè)網(wǎng)頁(yè)文件，名字叫做“index.htm”。我們知道，每一個(gè)站點(diǎn)都要有一個(gè)主頁(yè)，這個(gè)主頁(yè)也是一個(gè)網(wǎng)頁(yè)文件。瀏覽者訪問(wèn)站點(diǎn)時(shí)首先進(jìn)入的就是站點(diǎn)的主頁(yè)。主頁(yè)的名字在一般情況下就叫做“index.htm”。就是說(shuō)我們新建只包含一個(gè)網(wǎng)頁(yè)的站點(diǎn)時(shí)，F(xiàn)RONTPAGE就自動(dòng)為我們創(chuàng)建了站點(diǎn)的主頁(yè)了。這個(gè)新建的站點(diǎn)主頁(yè)時(shí)空的，我們可以向里面添加內(nèi)容。
在文件列表里除了主頁(yè)之外，還有文件夾。新建站點(diǎn)時(shí)，F(xiàn)RONTPAGE都會(huì)在站點(diǎn)所在位置下新建兩個(gè)文件夾，一個(gè)是“images”另一個(gè)是“_private”。我們?cè)诰庉嬚军c(diǎn)時(shí)可以在“image”文件夾里放置站點(diǎn)用到的圖片。“private”文件夾比較特殊，其中的文件對(duì)瀏覽者來(lái)說(shuō)是隱含的，我們可以把一些不想讓瀏覽者看到的網(wǎng)頁(yè)文件放在這個(gè)文件夾里，比如：我們可以在這個(gè)文件夾里存放注冊(cè)用戶的個(gè)人信息。
盡管每一個(gè)站點(diǎn)都要有一個(gè)主頁(yè)，不過(guò)創(chuàng)建站點(diǎn)時(shí)我們?nèi)匀豢梢詮囊粋€(gè)空站點(diǎn)開(kāi)始：選擇“文件”菜單的“新建”命令，單擊“站點(diǎn)”選項(xiàng)，在“新建站點(diǎn)”對(duì)話框里，我們可以選擇“空站點(diǎn)”圖標(biāo)來(lái)創(chuàng)建一個(gè)空站點(diǎn)。“新建站點(diǎn)”對(duì)話框中還有許多其他圖標(biāo)，這是FRONTPAGE提供的用來(lái)創(chuàng)建站點(diǎn)模板或向?qū)АＮ覀儎?chuàng)建只有一個(gè)網(wǎng)頁(yè)的站點(diǎn)或者創(chuàng)建空站點(diǎn)，都是從頭開(kāi)始來(lái)創(chuàng)建一個(gè)站點(diǎn)，這就好像蓋房子一樣，首先畫圖紙。然而，有許多的房子都具有相似的結(jié)構(gòu)和用途，所以我們可以用一張圖紙蓋很多相似的房子，這樣就節(jié)省了許多工作。
同樣的，盡管站點(diǎn)的風(fēng)格千差萬(wàn)別但是有許多站點(diǎn)的功能和結(jié)構(gòu)都是一樣的，如果我們從頭開(kāi)始建立站點(diǎn)的話，就要做許多重復(fù)勞動(dòng)，這時(shí)，我們就可以使用模板或向?qū)?lái)建立站點(diǎn)。模板和向?qū)У淖饔镁秃孟裆w房子的圖紙一樣，我們不必每次建立站點(diǎn)時(shí)都從頭開(kāi)始。我們單擊“個(gè)人站點(diǎn)”圖標(biāo)，用它可以迅速創(chuàng)建一個(gè)個(gè)人站點(diǎn)，輸入站點(diǎn)所在的位置，單擊“確定”按鈕，這樣我們剛就創(chuàng)建了個(gè)人站點(diǎn)。個(gè)人站點(diǎn)模板已經(jīng)為我們規(guī)劃好了站點(diǎn)的目錄和建立了相關(guān)的頁(yè)面。現(xiàn)在我們點(diǎn)擊一下“文件夾”按鈕，雙擊index.htm圖標(biāo)，看，這就是我們的個(gè)人站點(diǎn)的主頁(yè)。哎，好象有許多文字都不對(duì)，沒(méi)關(guān)系，這些文字都是可以改變的，現(xiàn)在寫的是文字的用途，比如“主題”文字就是用來(lái)寫網(wǎng)站標(biāo)題的地方，我們只要把它改為自己喜歡的標(biāo)題就可以了。返回到“文件夾”模式，雙擊photo.htm。也可以把風(fēng)景圖片換成自己的照片，只要在新建站點(diǎn)的基礎(chǔ)上進(jìn)一步修改就可以做出自己的個(gè)人站點(diǎn)了。這不僅節(jié)省了許多力氣，同時(shí)也給了初學(xué)者一個(gè)良好的出發(fā)點(diǎn)。
那么模板和向?qū)в惺裁磪^(qū)別呢？我們安裝軟件時(shí)，一步步的用對(duì)話框提示我們完成安裝過(guò)程的程序就是一個(gè)向?qū)АＴ贔RONTPAGE里，向?qū)б彩且环N模板，不過(guò)它是一種特殊的模板，它會(huì)以對(duì)話框的形式輔助你完成站點(diǎn)的創(chuàng)建過(guò)程。
現(xiàn)在我們選擇“文件”菜單的“新建”選項(xiàng)，單擊“站點(diǎn)”命令，你看，F(xiàn)RONTPAGE提供了兩個(gè)向?qū)В汗菊故鞠驅(qū)А⒂懻撜军c(diǎn)向?qū)В褂闷饋?lái)都很方便，你有興趣也可以利用向?qū)Ы⒁粋€(gè)站點(diǎn)。
創(chuàng)建頁(yè)面最簡(jiǎn)單的就是單擊FRONTPAGE“常用”工具欄的“新建”按鈕。它的右方有一個(gè)向下的小箭頭，它是用來(lái)選擇要新建什么，可以用“新建”按鈕新建網(wǎng)頁(yè)、站點(diǎn)、文件夾和任務(wù)。默認(rèn)狀態(tài)下是新建網(wǎng)頁(yè)。
如果要新建網(wǎng)頁(yè)，可以不用向下箭頭鍵選擇，而直接單擊“新建”按鈕。不過(guò)使用文件菜單的“新建”命令來(lái)新建網(wǎng)頁(yè)能夠有更大的選擇。單擊文件菜單的“新建”命令，選擇“新建網(wǎng)頁(yè)”，在“新建”對(duì)話框里，可以看到FRONTPAGE提供的許多網(wǎng)頁(yè)模板，我們可以用這些模板來(lái)建立相應(yīng)的網(wǎng)頁(yè)。在右下角的預(yù)覽框里可以看到選中模板的外觀。選擇“兩欄正文”網(wǎng)頁(yè)，這樣就創(chuàng)建了一個(gè)新的分為兩欄的網(wǎng)頁(yè)了。然后點(diǎn)確定。使用模板可以不用總是從空白網(wǎng)頁(yè)開(kāi)始編輯，這樣就省力很多。
網(wǎng)上幾乎所以的網(wǎng)頁(yè)都使用圖片加以點(diǎn)綴，在網(wǎng)頁(yè)中插入適當(dāng)?shù)膱D片，能夠產(chǎn)生圖文并茂的效果。
如果有一個(gè)圖形，怎么把它放到網(wǎng)頁(yè)上呢？
首先要看你的圖形是什么格式的，也就是它擴(kuò)展名是什么 只有擴(kuò)展名為GIF和JPEG的圖形文件才能成為我們的頁(yè)面的一部分。因?yàn)檫@兩種圖形格式不僅廣泛，而且有利于節(jié)省存貯空間。如果圖形不是這種格式，使用了其它格式的圖形文件，在保存網(wǎng)頁(yè)時(shí)FRONTPAGE會(huì)提示做格式轉(zhuǎn)換，F(xiàn)RONTPAGE可以自動(dòng)進(jìn)行格式轉(zhuǎn)換。
現(xiàn)在可我們看看怎么插入圖形 選擇“插入”菜單的“圖片”命令，單擊“來(lái)自文件”按鈕。
在默認(rèn)情況下，F(xiàn)RONTPAGE認(rèn)為你要插入的圖片總是放在你建立的站點(diǎn)的目錄或它的子目錄下的。可以說(shuō),站點(diǎn)就是一個(gè)目錄。我們把編輯的許多網(wǎng)頁(yè)文件放在同一個(gè)目錄下，我們稱這個(gè)目錄為站點(diǎn)的主目錄。這些網(wǎng)頁(yè)引用的圖形一般也放在這個(gè)目錄下。當(dāng)然，我們也可以在這個(gè)目錄下建立其他的子目錄，再把所有的圖形放在子目錄里。所以搜索下拉列表只允許在主目錄和主目錄下的子目錄進(jìn)行選擇。
如果要插入的圖片不在主目錄下, 在“選擇文件”對(duì)話框中進(jìn)行選擇。選擇好文件以后，單擊“確定”按鈕，回到“圖形”對(duì)話框。單擊“確定”按鈕，圖形就插入了。現(xiàn)在單擊“常用”工具欄的“保存”按鈕。在“另存為”對(duì)話框中輸入新的web頁(yè)文件的名字，單擊“保存”按鈕。出現(xiàn)了一個(gè)對(duì)話框, 因?yàn)槲覀儎偛挪迦氲奈募辉谡军c(diǎn)內(nèi)，現(xiàn)在FRONTPAGE要把它復(fù)制到站點(diǎn)內(nèi)，可是使用什么名字，放在站點(diǎn)的哪個(gè)目錄下呢，就要在這設(shè)置了，單擊“改變文件夾”按鈕，另外這兒還在需要時(shí)對(duì)圖形的格式進(jìn)行轉(zhuǎn)換。單擊“位置”按鈕，在默認(rèn)情況下，圖形被保存在站點(diǎn)的主目錄下，現(xiàn)在我們選擇IMAGE目錄，單擊“確定”按鈕。回到“嵌入式文件”窗口，再單擊“確定”。這樣，圖形就保存在站點(diǎn)內(nèi)了
我們還可以從INTERNET上插入一個(gè)圖形。選擇“插入”菜單的“圖片”命令，在URL欄內(nèi)輸入圖片的地址，單擊“確定”按鈕。由于是插入網(wǎng)上的圖片，因此在插入圖形以后，應(yīng)該保存一下網(wǎng)頁(yè)，使圖形存到站點(diǎn)內(nèi)。
您可能說(shuō),我不會(huì)畫畫，插入圖片容易，可是編輯圖片就不容易了。沒(méi)關(guān)系，F(xiàn)RONTPAGE自己帶有許多剪貼畫，你可以把它們插入到自己的網(wǎng)頁(yè)。選擇“插入”菜單的“圖片”命令，選擇“剪貼畫”。你看，各種剪貼畫都分類放好了。你可以自由地選
擇。不過(guò)，插入后別忘了保存網(wǎng)頁(yè)，把剪貼畫復(fù)制到站點(diǎn)目錄下。
一般我們插入的圖形總是和文本在一起的，所以調(diào)整圖形和文本的對(duì)齊方式很重要。在默認(rèn)情況下，圖形自動(dòng)與文本的底部對(duì)齊。這一個(gè)網(wǎng)頁(yè)，由于默認(rèn)的對(duì)齊效果，頁(yè)面出現(xiàn)了大量的空白。這時(shí)就要調(diào)整圖形的對(duì)齊屬性。在圖形上單擊鼠標(biāo)右鍵，選擇“圖片屬性”，選擇“外觀”選項(xiàng)卡我們把對(duì)齊方式調(diào)整為“左對(duì)齊”。使用圖形可以使網(wǎng)頁(yè)更加豐富多彩，而且我們還可以用圖形來(lái)建立超鏈接，使網(wǎng)頁(yè)相互聯(lián)系起來(lái)。怎么用圖形來(lái)建立鏈接呢？ 其實(shí)圖形超鏈接只要在建立超鏈接時(shí)選擇圖形就可以了。首先選中超鏈接的圖形，單擊箭頭圖形，單擊“常用”工具欄“超鏈接”按鈕，選擇主頁(yè)文件“頁(yè)面
1.htm”，單擊“確定”按鈕.在普通模式中，按住CTRL鍵，單擊箭頭圖形，就跳到主頁(yè)頁(yè)面了。
如果我們要在圖片上加上文字，單擊圖形工具欄“文本”按鈕，現(xiàn)在圖形中就出現(xiàn)了一個(gè)文本框，輸入：“機(jī)軟件”按一下Esc鍵，取消文字編輯，就選中文字框了，調(diào)整文本框到合適的位置，單擊頁(yè)面其他區(qū)域，文字就添加成功了。
如果我要修改 單擊一下要修改的文字，這時(shí)文字作為一個(gè)整體被選中了，再點(diǎn)一下文字，這時(shí)文本框里有光標(biāo)閃爍，你可以編輯文本了，重新輸入：“計(jì)算機(jī)硬件”，在頁(yè)面其他區(qū)域單擊。文字就修改完成了。
怎樣使文字更豐富、活潑呢？一個(gè)簡(jiǎn)單的就是使用“格式”工具欄。
字體設(shè)置：選上文字，打開(kāi)格式工具欄的“字體”下拉列表框，在里面選擇相應(yīng)的字體就可以了。如果瀏覽網(wǎng)頁(yè)的人使用的計(jì)算機(jī)沒(méi)有設(shè)置的字體？瀏覽器會(huì)用系統(tǒng)默認(rèn)的字體代替你設(shè)置的字體。不過(guò)，使用常用字體是一個(gè)好習(xí)慣。
字號(hào)設(shè)置：在“格式”工具欄“字號(hào)”下拉列表框中選擇相應(yīng)字體就可以了
工具欄上的B、I、U圖標(biāo)的作用是：
按下B按鈕，被選中的文字就會(huì)變?yōu)榇煮w
按下I按鈕，被選中的文字就會(huì)變?yōu)樾斌w
按下u按鈕，被選中的文字就會(huì)帶下畫線
字的顏色：?jiǎn)螕簟案袷健惫ぞ邫凇白煮w顏色”按鈕旁的向下箭頭，選擇適當(dāng)?shù)念伾值念伾透淖兞恕?/p>
還可以對(duì)字體進(jìn)行一些其他設(shè)置。選擇“格式”菜單的“字體”命令，在這里我們還可以作進(jìn)一步的設(shè)置。這里除了“格式”工具欄可以做的設(shè)置以外，還可以設(shè)置許多效果。“字符間距”選項(xiàng)卡：它是用來(lái)設(shè)置文字的間距的。單擊“間距”下拉列表，可以選擇字符的間距是普通、擴(kuò)充還是緊縮的。選擇擴(kuò)充，這時(shí)預(yù)覽框的文字間距就變大了。也可以調(diào)整間距大小來(lái)改變間距，輸入10，文字的間距就更大了。
“定位”下拉列表：在FRONTPAGE中每一行都有一個(gè)底線，定位就是指文字相對(duì)于底線的距離。也就是把文字上下移動(dòng)，現(xiàn)在選擇“上移”，文字就向上移動(dòng)了。預(yù)覽框中的黑線就是行的底線。
設(shè)計(jì)好的頁(yè)面，應(yīng)該檢查它在瀏覽器中是否顯示正常。
方法是，一般只要切換到預(yù)覽模式就可以了。單擊“預(yù)覽”選項(xiàng)卡，在這個(gè)預(yù)覽模式下的顯示和在瀏覽器中的顯示是一樣的。但這并不意味著我們就不必用瀏覽器來(lái)檢查編輯的網(wǎng)頁(yè)了。因?yàn)榧词故峭粋€(gè)頁(yè)面，可能在不同的瀏覽器中顯示會(huì)不太一樣。比如在INTERNET EXPLORER中是這樣顯示的，但是在NETSCAPE中又是那樣顯示的。所以，我們要在自己的機(jī)器上多裝幾個(gè)瀏覽器，用來(lái)檢查網(wǎng)頁(yè)的兼容性。
那么為什么不用不同的瀏覽器來(lái)檢查呢？選擇“文件”菜單的“在瀏覽器中預(yù)覽”選項(xiàng)，在瀏覽器列表框中選擇不同的瀏覽器。（以INTERNET EXPLORER 5.0為例）單擊“確定”
按鈕。就可以看到新建頁(yè)面在瀏覽器中的效果了。
怎樣才能自己做的網(wǎng)頁(yè)相互聯(lián)系起來(lái)呢?也就是說(shuō)讓別人點(diǎn)頁(yè)面上的圖形或文本就跳轉(zhuǎn)到其他頁(yè)面呢？
在網(wǎng)頁(yè)里，我們把這種點(diǎn)擊后會(huì)進(jìn)行頁(yè)面切換的網(wǎng)頁(yè)界面元素叫超鏈接。先來(lái)看一下用文字來(lái)建立鏈接。
首先創(chuàng)建一個(gè)指向站點(diǎn)內(nèi)其他網(wǎng)頁(yè)的超鏈接。
選擇“插入”菜單的“超鏈接”命令，在文件列表框內(nèi)選擇“頁(yè)面1.htm”文件，注意在URL文本框中顯示了該文件的地址。單擊“確定”按鈕.超鏈接就制作成功了。我們切換到預(yù)覽模式（單擊預(yù)覽按鈕），當(dāng)我們把鼠標(biāo)指向“主頁(yè)”兩字時(shí)鼠標(biāo)變成手形，單擊它，我們就切換到主頁(yè)了。
那么為什么不在普通模式下試呢？：因?yàn)槠胀Ｊ街饕怯脕?lái)編輯網(wǎng)頁(yè)的，當(dāng)我們?cè)谄胀Ｊ桨咽髽?biāo)指向“主頁(yè)”兩字時(shí)鼠標(biāo)沒(méi)有變成小手狀，因此不能進(jìn)行頁(yè)面切換。不過(guò)如果按住CTRL鍵，鼠標(biāo)就變成了小手狀。這時(shí)單擊就可以進(jìn)行切換了。也就是說(shuō)在普通模式中按住CTRL鍵才能激活超鏈接。
我們也可以將超鏈接指向其他站點(diǎn)的網(wǎng)頁(yè)。選中作為超鏈接的文本，單擊“常用”工具欄的“超鏈接”按鈕，這和選擇插入菜單的超鏈接命令是一樣的。在“創(chuàng)建超鏈接”對(duì)話框里，在URL地址欄直接輸入要連接的網(wǎng)頁(yè)或網(wǎng)站的地址。如果不清楚要作超鏈接的地址，只要單擊URL地址框后面的放大鏡就可以用瀏覽器在INTERNET上查找要鏈接的網(wǎng)頁(yè)，F(xiàn)RONTPAGE會(huì)自動(dòng)記錄你找到的地址。單擊“確定”按鈕就可以了。我們還可以改變已經(jīng)設(shè)置好的超鏈接。首先確認(rèn)是普通模式，在要改變的超鏈接下單擊鼠標(biāo)右鍵，選擇“超鏈接屬性”命令，輸入新的URL地址就可以了。要想取消超鏈接，刪除所有URL地址框里的就可以了。還有一種超鏈接，可以鏈接郵件。這樣可以使你的網(wǎng)上朋友通過(guò)Email及時(shí)與你聯(lián)系，這是一個(gè)網(wǎng)站站長(zhǎng)和網(wǎng)友交流的重要手段。先選中要作為超鏈接的文本，一般文本就是你的郵箱地址，單擊“超鏈接”按鈕，單擊“信封”按鈕，輸入你的郵箱地址，單擊“確定”按鈕，退出對(duì)話框，選擇“確定”，這時(shí)超鏈接就建立好了。我們?cè)囈幌拢袚Q到預(yù)覽模式，單擊郵件鏈接。
這樣我們就差不多完成了網(wǎng)頁(yè)的制作步驟，最后可將它發(fā)布到Web服務(wù)器上。站點(diǎn)發(fā)布前還要對(duì)它進(jìn)行檢查工作，包括超鏈接，頁(yè)面等。
【】
〈1〉喬春源，樊天岳等。信息技術(shù)。江蘇技術(shù)出版社，2001年7月。
〈2〉李振格。Office入門與提高。清華大學(xué)出版社，2001年2月。
〈3〉王超鋒。網(wǎng)頁(yè)制作。人民郵電出版社，2001年10月。
第三篇：FrontPage網(wǎng)頁(yè)制作教案(18課時(shí))
FrontPage網(wǎng)頁(yè)制作教案（18課時(shí)）
學(xué)期教學(xué)計(jì)劃
一、教材簡(jiǎn)析
本學(xué)期使用的計(jì)算機(jī)教材是江蘇科學(xué)技術(shù)出版社出版的初中信息技術(shù)教科書。同時(shí)，由于配合高中階段選修網(wǎng)絡(luò)課程，增加部分網(wǎng)絡(luò)知識(shí)。
本教材主要內(nèi)容如下：１、網(wǎng)絡(luò)基礎(chǔ)知識(shí)２、網(wǎng)頁(yè)的建立３、網(wǎng)頁(yè)圖片的處理４、網(wǎng)頁(yè)框架的設(shè)計(jì)５、網(wǎng)頁(yè)表格的制作６、網(wǎng)頁(yè)表單的制作７、創(chuàng)建超鏈接８、動(dòng)態(tài)網(wǎng)頁(yè)的制作９、網(wǎng)站的建立
二、學(xué)情評(píng)價(jià)
１、學(xué)生學(xué)習(xí)網(wǎng)絡(luò)和網(wǎng)頁(yè)制作的興趣濃厚，熱情較高 ２、學(xué)生的計(jì)算機(jī)基礎(chǔ)知識(shí)掌握不夠牢 ３、學(xué)生運(yùn)用電腦的能力較差 ４、部分學(xué)生上機(jī)行為不夠規(guī)范
５、有些學(xué)生鍵盤操作不熟練，用一只手操作鍵盤現(xiàn)象較嚴(yán)重
二、目的要求
１、提高學(xué)生學(xué)習(xí)計(jì)算機(jī)網(wǎng)絡(luò)知識(shí)的興趣，注重動(dòng)手能力 ２、規(guī)范學(xué)生上機(jī)行為，養(yǎng)成良好的習(xí)慣
３、掌握基本的網(wǎng)絡(luò)知識(shí)和網(wǎng)上獲取信息的能力 ４、對(duì)學(xué)生適時(shí)進(jìn)行愛(ài)國(guó)主義教育
５、成績(jī)指標(biāo)：平均分80，及格率98％，高分率80％
三、教學(xué)措施
１、認(rèn)真鉆研，精心備課２、仔細(xì)講授３、耐心輔導(dǎo)４、嚴(yán)格要求學(xué)生
四、教學(xué)進(jìn)度
序次 課題：（內(nèi)容）課時(shí) 周次
序次 課題：（內(nèi)容）課時(shí) 周次 1
機(jī)房常規(guī)教育和課程安排
練習(xí)、實(shí)踐
１ 10 2
網(wǎng)絡(luò)基礎(chǔ)知識(shí)，制作工具
動(dòng)態(tài)網(wǎng)頁(yè)制作
１ 11 3
網(wǎng)頁(yè)的建立、網(wǎng)頁(yè)屬性設(shè)置
網(wǎng)站建立
１ 12 4
網(wǎng)頁(yè)圖片的處理
設(shè)置單元格式
１ 13 5
練習(xí)、實(shí)踐
開(kāi)始
網(wǎng)頁(yè)框架的設(shè)計(jì)
分組做網(wǎng)站 7
網(wǎng)頁(yè)表格的制作
網(wǎng)頁(yè)表單的制作
創(chuàng)建超鏈接
第一節(jié)
網(wǎng)頁(yè)制作基礎(chǔ)知識(shí)
教學(xué)目標(biāo)：
1、了解網(wǎng)站、網(wǎng)頁(yè)、主頁(yè)和HTML的基本概念
2、了解常見(jiàn)的網(wǎng)頁(yè)制作工具
3、掌握Frontpage的啟動(dòng)和退出
教學(xué)手段：教師講解與學(xué)生演示相結(jié)合
教學(xué)過(guò)程： 一．講課：
一、網(wǎng)頁(yè)及其組成
通過(guò)瀏覽器在www.tmdps.cne.htm。
操作步驟： 1． 文字編輯 2． 插入圖片
插入圖片可使網(wǎng)頁(yè)豐富多彩。在網(wǎng)頁(yè)中可以使用的圖片類型有多種，但最常用的是GIF和JPG格式的圖片，因?yàn)檫@兩種圖片的文件長(zhǎng)度較小，有利于提高網(wǎng)頁(yè)的瀏覽速度。所以，插入其他格式的圖片后，在頁(yè)面存儲(chǔ)時(shí)，系統(tǒng)會(huì)自動(dòng)將圖片格式轉(zhuǎn)換成GIF或JPG格式。
3． 插入動(dòng)畫
在網(wǎng)頁(yè)制作中，經(jīng)常使用一些小動(dòng)畫，使頁(yè)面生動(dòng)活潑，這些小動(dòng)畫文件用專門的工具制作，也以GIF作為文件的擴(kuò)展名。
操作步驟：
（1）依次單擊“插入（I）” 菜單中的“圖片（P）”、“來(lái)自文件（F）?”命令，打開(kāi)“圖片”對(duì)話框，單擊“瀏覽”按鈕，打開(kāi)“圖片”對(duì)話框，單擊“瀏覽”按鈕，從“選擇文件”對(duì)話框中選擇所需圖片“diqiu1.gif”，單擊“確定”按鈕，插入動(dòng)畫。
（2）拖動(dòng)動(dòng)畫到標(biāo)題下方適當(dāng)位置即可。
4． 插入水平線
水平線是貫穿網(wǎng)頁(yè)寬度的細(xì)灰條，用來(lái)分隔文本成加著重符。插入水平線可以幫助我們將各類相關(guān)信息組合到一起，但同一個(gè)頁(yè)面中水平線不宜過(guò)多。
調(diào)整水平線的寬度、高度、對(duì)齊方式以及顏色，就可以改變它的外觀。5． 設(shè)置背景
（1）單擊“格式（O）”菜單中的“背景（K）?”命令，出現(xiàn)“頁(yè)面屬性”對(duì)話框，且“背景”標(biāo)簽已被打開(kāi)。
（2）單擊“瀏覽（B）?”按鈕，在“選擇文件”對(duì)話框中瀏覽文件夾內(nèi)容，從中搜索到所需背景圖案后，單擊“確定”按鈕，關(guān)閉“選擇文件”對(duì)話框，再單擊“確定”按鈕，關(guān)閉“頁(yè)面屬性”對(duì)話框，背景圖案即可插入頁(yè)面。
頁(yè)面制作完成，可以單擊“預(yù)覽”標(biāo)簽，觀察一下效果。
三、網(wǎng)頁(yè)的保存 單擊“文件（F）”菜單中的“保存文件（S）”命令，彈出“另存為”對(duì)話框.在“文件名（N）”列表框中輸入“welcome”后，單擊“保存（S）”按鈕。如果要保存的頁(yè)面含有圖片、動(dòng)畫、聲音等元素，F(xiàn)rontPage還會(huì)繼續(xù)詢問(wèn)是否保存這些嵌入的文件，如圖5-11所示。
此時(shí)最好將這些文件保存起來(lái)，以保持它們?cè)诰W(wǎng)頁(yè)中的位置，否則，當(dāng)網(wǎng)站發(fā)生遷移時(shí)，可能因找不到這些圖片、動(dòng)畫等文件而無(wú)法顯示。另外，最好將它們保存到Images文件夾中，使網(wǎng)站保持清潔，便于管理和維護(hù)。練習(xí)：
1． 在設(shè)計(jì)網(wǎng)頁(yè)過(guò)程中，定義字體時(shí)要注意哪些問(wèn)題？
2． 為什么在網(wǎng)頁(yè)中通常都使用GIF或JPG格式的圖片文件？ 設(shè)置網(wǎng)頁(yè)的背景時(shí)，可不可以使用較大的圖片？有什么缺點(diǎn)？
制作“自我簡(jiǎn)介”
制作“自我簡(jiǎn)介”
一、教學(xué)目標(biāo)
1、讓學(xué)生熟悉FrontPage 2000的界面。
2、學(xué)會(huì)制作網(wǎng)頁(yè)標(biāo)題。
3、學(xué)會(huì)在網(wǎng)頁(yè)中插入美麗的圖片。
4、學(xué)會(huì)在FrontPage 2000中使用表格。
二、重、難點(diǎn)使用表格
三、教學(xué)方法演示法、講授法、實(shí)踐操作法、比較討論法
四、教學(xué)類型新授課
五、教學(xué)過(guò)程
[導(dǎo)入]前面大家了解因特網(wǎng)的神奇世界，暢游了豐富多彩的網(wǎng)站，欣賞了精美華麗的網(wǎng)頁(yè)。看到這么多漂亮的網(wǎng)頁(yè)，同學(xué)們是否也想自己在網(wǎng)上建立一個(gè)自己的“家園”？現(xiàn)在我們將學(xué)習(xí)如何利用FrontPage 2000在因特網(wǎng)上安一個(gè)自己的“家”。
在因特網(wǎng)上安“家”的一般步驟大致可分為網(wǎng)站規(guī)劃、網(wǎng)頁(yè)制作和上傳發(fā)布三個(gè)階段。本章創(chuàng)建的整個(gè)網(wǎng)站主要由“自我簡(jiǎn)介”、“成長(zhǎng)之路”、“興趣特長(zhǎng)”和“網(wǎng)上交流”等網(wǎng)頁(yè)構(gòu)成。
[講授]創(chuàng)建網(wǎng)上家園，首先應(yīng)將自己的有關(guān)情況展示出來(lái)，讓來(lái)訪者對(duì)自己有一個(gè)大概的了解。這里，先來(lái)看一個(gè)同學(xué)制作好的“自我簡(jiǎn)介”網(wǎng)頁(yè)。
這個(gè)網(wǎng)頁(yè)包含有圖片、表格和相關(guān)文字等，下面學(xué)著制作這個(gè)網(wǎng)頁(yè)。每個(gè)網(wǎng)頁(yè)都有一個(gè)標(biāo)題，讓來(lái)訪者一目了然。在“自我簡(jiǎn)介”網(wǎng)頁(yè)中用“自我簡(jiǎn)介”幾個(gè)文字來(lái)作為這個(gè)網(wǎng)頁(yè)的標(biāo)題。
[演示]
1、單擊屏幕左下角的“開(kāi)始”按鈕，在“開(kāi)始”菜單中選擇“程序”→“Microsoft FrontPage”菜單命令，進(jìn)入FrontPage 窗口。
2、在網(wǎng)頁(yè)編輯工作區(qū)輸入文字“自我簡(jiǎn)介”，單擊“格式”工具欄上“居中”按鈕，將文字居中。
3、選中文字“自我簡(jiǎn)介”，通過(guò)“格式”工具欄的“字體”下拉列表，選擇“楷體_GB2312”。
4、在“格式”工具欄選擇“字號(hào)”為“24磅”，“顏色”為“粉紅色”
5、單擊“常用”工具欄上的“保存”按鈕，彈出 “另存為”對(duì)話框。
6、在“文件名”中輸入文件名“簡(jiǎn)介”后，單擊“保存”按鈕，保存網(wǎng)頁(yè)。[實(shí)踐操作]
1、使用“格式”→“字體”菜單命令也可以方便地設(shè)置字體。啟動(dòng)FrontPage，在編輯工作區(qū)中輸入文字“興趣愛(ài)好”，使用菜單命令改變字體。
2、單擊“HTML”標(biāo)簽，觀察編輯工作區(qū)的變化。[提醒]在網(wǎng)頁(yè)設(shè)計(jì)中，對(duì)于非Windows自帶的字體盡量少用，以免造成別人瀏覽此網(wǎng)頁(yè)時(shí)無(wú)法顯示這種字體，影響網(wǎng)頁(yè)整體效果。
[講授]
1、FrontPage啟動(dòng)后，會(huì)自動(dòng)打開(kāi)一個(gè)新的空白網(wǎng)頁(yè)窗口。FrontPage窗口與前面所學(xué)的Word窗口類似，由標(biāo)題欄、菜單欄、工具欄、編輯區(qū)和狀態(tài)欄組成。
2、網(wǎng)頁(yè)文件實(shí)際上是一個(gè)按HTML語(yǔ)言規(guī)則編寫的文本文件。我們看到的網(wǎng)頁(yè)是瀏覽器對(duì)HTML文件進(jìn)行逐條解釋，再顯示出來(lái)的結(jié)果。
HTML是英文Hyper Text Markup Language的縮寫，意為“超文本標(biāo)記語(yǔ)言”。這種語(yǔ)言用“<>”來(lái)標(biāo)記網(wǎng)頁(yè)中對(duì)象的格式和有關(guān)參數(shù)。網(wǎng)頁(yè)中除了文字保存在HTML文件中外，其他對(duì)象（如聲音、圖象、動(dòng)畫等）在HTML文件中只是保存了相應(yīng)的標(biāo)識(shí)和有關(guān)參數(shù)，真正是內(nèi)容還在這些對(duì)象的文件中。因此，這些對(duì)象的文件如果被刪除或改變了位置，就不能在瀏覽器中正確顯示出來(lái)。
[討論]如果在兩個(gè)文字之間增加了一個(gè)空格后，間距又顯得太大，此時(shí)應(yīng)怎樣調(diào)整才能得到合適的間距呢？
[實(shí)踐操作]啟動(dòng)FrontPage，分別建立主題為“興趣特長(zhǎng)”和“成長(zhǎng)之路”的兩個(gè)網(wǎng)頁(yè)，并保存為xingqu.htm和chengzhang.htm [講述]你在因特網(wǎng)上漫游時(shí)，精彩生動(dòng)的圖片會(huì)使人流連忘返。在自己的網(wǎng)頁(yè)上添加美麗的圖片，一定也會(huì)增加吸引力。
[演示]
1、打開(kāi)網(wǎng)頁(yè)jianjie.htm，選擇“插入”→“換行符”菜單命令，彈出 “換行符屬性”對(duì)話框，選擇“普通換行符”，單擊“確定”按鈕，將光標(biāo)下移一行。
3、單擊“常用”工具欄上的“插入文件中的圖片”按鈕，彈出 “圖片”對(duì)話框。
4、單擊“剪貼畫”按鈕，彈出“剪貼畫庫(kù)”窗口，在“比喻”類別中找到剪貼畫圖片，將此圖片插入到網(wǎng)頁(yè)中。
5、調(diào)整圖片的大小，并居中放置。
插入圖片[講授]
1、使用回車鍵換行時(shí)，行距較大，而采用普通換行符來(lái)?yè)Q行，行距為0。
2、FrontPage中可以插入的圖片文件格式很多，如GIF、JPEG、PNG和BMP等。其中BMP格式的圖片是未經(jīng)過(guò)壓縮的，文件較大，一般很少使用；而GIF、JPEG、PNG格式的圖片都是壓縮過(guò)的，文件較小，便于在網(wǎng)頁(yè)中瀏覽和下載，所以經(jīng)常使用。[實(shí)踐操作]
1、在已建立的網(wǎng)頁(yè)“成長(zhǎng)之路”中，選擇“插入”→“圖片”菜單命令，加入合適的圖片，并調(diào)整圖片的位置和大小。
2、在已建立的“興趣特長(zhǎng)”網(wǎng)頁(yè)中，使用“常用”工具欄上的“插入文件中的圖片”按鈕，加入合適的圖片，并調(diào)整圖片的位置和大小。
3、選擇“格式”→“背景”菜單命令在網(wǎng)頁(yè)中加入背景圖片
以圖片為背景的網(wǎng)頁(yè)[講解]在FrontPage中使用表格，可以整齊地排列文本，有效地組織數(shù)據(jù)，使整個(gè)網(wǎng)頁(yè)看起來(lái)簡(jiǎn)潔清晰。我們下面來(lái)使用表格制作出自我情況介紹。
網(wǎng)頁(yè)中的“自我簡(jiǎn)歷表” [演示]
1、單擊“常用”工具欄上的“插入表格”按鈕，制作出一個(gè)6行2列的表格。
2、在第一行第二列中，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中，選擇“拆分單元格”命令，彈出 “拆分單元格”對(duì)話框。
3、選取“拆分為列”選項(xiàng)，在“列數(shù)”框中輸入3，單擊“確定”按鈕，將此單元格分為三列。
4、輸入表格中相應(yīng)的文字。
5、按住Ctrl鍵，單擊表格的第一列和第三列，選中此兩列，在“格式”工具欄上設(shè)置“字體”為“黑體”，“字號(hào)”為“4（14）磅”，“字型”為“粗體”。
6、選中第二列和第四列，設(shè)置“字體”為“楷體”，“字號(hào)”為“4（14）磅”。
7、選中表格的 所有行，單擊“格式”工具欄上的“居中”按鈕，將文字居中。
8、選中第二行、第四行、和第六行，單擊“格式”工具欄上的“突出顯示顏色”按鈕，選擇突出顯示顏色為“淺綠色”。
9、選中整個(gè)表格，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“表格屬性”菜單命令，彈出 “表格屬性”對(duì)話框。
10、選擇邊框顏色為“粉紅色”，單擊“確定”按鈕，制作出 “自我簡(jiǎn)歷表”。[試一試]刪除表格的某一行、某一列或整個(gè)表格。[小技巧]
1、選中表格的多行、多列或多個(gè)單元格時(shí)要按住Ctrl鍵不放，再選取所需的行、列或單元格。
2、選中整個(gè)表格的方法：在表格的最左或最右邊雙擊鼠標(biāo)左鍵，當(dāng)所有單元格反色顯示時(shí)表示該表格被選中。[學(xué)生閱讀并實(shí)踐] 表格的編輯方法 用表格來(lái)安排版面 [實(shí)踐操作]
1、在自己所建的xingqu.htm網(wǎng)頁(yè)中使用表格展示自己的興趣愛(ài)好。在chengzhang.htm網(wǎng)頁(yè)中加入能反映自己成長(zhǎng)過(guò)程的圖片。
2、建立一個(gè)2行6列的表格，在表格中插入圖片和表格。
3、將本節(jié)中所制作的主題文字、圖片和表格進(jìn)行混排。
[總結(jié)]
本小節(jié)我們學(xué)習(xí)了制作幾個(gè)簡(jiǎn)單的文字網(wǎng)頁(yè)，進(jìn)一步熟悉了文字的設(shè)置。學(xué)會(huì)在網(wǎng)頁(yè)中插入圖片，并能利用插入的表格更方便地實(shí)現(xiàn)圖文混排的設(shè)計(jì)，使網(wǎng)頁(yè)看起來(lái)簡(jiǎn)潔利落。同學(xué)們對(duì)表格的使用需要進(jìn)一步加強(qiáng)練習(xí)。
第四篇：《網(wǎng)頁(yè)制作FrontPage》教案
《網(wǎng)頁(yè)制作FrontPage》教案
教師：張愛(ài)平
第1、2課時(shí) 網(wǎng)頁(yè)設(shè)計(jì)概述
【教學(xué)內(nèi)容】
講解網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)術(shù)語(yǔ)及網(wǎng)站制作的基本流程。【教學(xué)目的】
使學(xué)生對(duì)網(wǎng)站及網(wǎng)頁(yè)有一定的認(rèn)識(shí)，激發(fā)學(xué)生學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)的興趣。【教學(xué)重點(diǎn)】
網(wǎng)頁(yè)設(shè)計(jì)中的若干術(shù)語(yǔ)。【教學(xué)難點(diǎn)】
理解網(wǎng)頁(yè)設(shè)計(jì)中的若干術(shù)語(yǔ)。【教學(xué)方式】
講授式、討論式、案例分析式。【教學(xué)參考】
1、《網(wǎng)頁(yè)設(shè)計(jì)與制作》楊尚森 曲宏山 賈文峰等著 電子工業(yè)出版社。
2、《Internet 網(wǎng)頁(yè)工場(chǎng)》Wittime工作室 重慶出版社。
3、《WEB網(wǎng)站設(shè)計(jì)》Joel Sklar著 高等教育出版社。
4、《HTML網(wǎng)頁(yè)制作教程》材義語(yǔ)編著 鐵道出版社。【新課內(nèi)容】 1.1 中超級(jí)鏈接標(biāo)志的難點(diǎn)。
第7、8課時(shí)HTML表格、表單與框架標(biāo)志
【教學(xué)內(nèi)容】
講解HTML中制作表格、表單與框架的標(biāo)志。【教學(xué)目的】
使學(xué)生掌握簡(jiǎn)單表格、表單與框架的制作。【教學(xué)重點(diǎn)】
* 表格中單元格的合并以及表格嵌套和疊加操作。* 框架的嵌套使用。* 表單元素標(biāo)志與屬性。【教學(xué)難點(diǎn)】
* 理解表格屬性rowspan與colspan的含義以及表格嵌套實(shí)現(xiàn)的基本思想。
* 理解框架屬性name、target的意義。* 理解表單中相應(yīng)元素對(duì)應(yīng)標(biāo)志及屬性的含義。【教學(xué)方式】 案例分析式、項(xiàng)目教學(xué) 【教學(xué)參考】
1、《網(wǎng)頁(yè)設(shè)計(jì)與制作》楊尚森 曲宏山 賈文峰等著 電子工業(yè)出版社。
2、《WEB網(wǎng)站設(shè)計(jì)》Joel Sklar著 高等教育出版社。
3、《HTML網(wǎng)頁(yè)制作教程》材義語(yǔ)編著 鐵道出版社。【新課內(nèi)容】 2.5 插入表格
2.5.1在網(wǎng)頁(yè)中插入表格
表格的基本構(gòu)成元素：表頭，單元格，列，行
| 第一行第一列 | 第一行第二列 |
| 第二行第一列 | 第二行第二列 |
表單在Web網(wǎng)頁(yè)中用來(lái)給訪問(wèn)者填寫信息，從而能獲得用戶信息，使網(wǎng)頁(yè)具有交互的功能。2.6.1創(chuàng)建表單
2.6.2用定義用戶交互（1）單行文本輸入?yún)^(qū)（2）密碼輸入?yún)^(qū)（3）單選框（4）復(fù)選框（5）隱藏區(qū)域（6）按鈕
2.6.3定義下拉式菜單
你選修的課程：
2.6.4定義多行文字輸入?yún)^(qū)域 請(qǐng)輸入你的詳細(xì)介紹：
2.7 框架窗口
框架把窗口劃分成幾個(gè)子窗口，各個(gè)子窗口可以調(diào)入各自的HTML文檔，最后形成充滿整個(gè)窗口的網(wǎng)頁(yè)。2.7.1框架的定義 2.7.2框架屬性設(shè)置