FrontPage網(wǎng)頁制作教案（18課時）
學(xué)期教學(xué)計劃
一、教材簡析
本學(xué)期使用的計算機教材是江蘇科學(xué)技術(shù)出版社出版的初中信息技術(shù)教科書。同時，由于配合高中階段選修網(wǎng)絡(luò)課程，增加部分網(wǎng)絡(luò)知識。
本教材主要內(nèi)容如下：１、網(wǎng)絡(luò)基礎(chǔ)知識２、網(wǎng)頁的建立３、網(wǎng)頁圖片的處理４、網(wǎng)頁框架的設(shè)計５、網(wǎng)頁表格的制作６、網(wǎng)頁表單的制作７、創(chuàng)建超鏈接８、動態(tài)網(wǎng)頁的制作９、網(wǎng)站的建立
二、學(xué)情評價
１、學(xué)生學(xué)習(xí)網(wǎng)絡(luò)和網(wǎng)頁制作的興趣濃厚，熱情較高 ２、學(xué)生的計算機基礎(chǔ)知識掌握不夠牢 ３、學(xué)生運用電腦的能力較差 ４、部分學(xué)生上機行為不夠規(guī)范
５、有些學(xué)生鍵盤操作不熟練，用一只手操作鍵盤現(xiàn)象較嚴(yán)重
二、目的要求
１、提高學(xué)生學(xué)習(xí)計算機網(wǎng)絡(luò)知識的興趣，注重動手能力 ２、規(guī)范學(xué)生上機行為，養(yǎng)成良好的習(xí)慣
３、掌握基本的網(wǎng)絡(luò)知識和網(wǎng)上獲取信息的能力 ４、對學(xué)生適時進行愛國主義教育
５、成績指標(biāo)：平均分80，及格率98％，高分率80％
三、教學(xué)措施
１、認(rèn)真鉆研，精心備課２、仔細(xì)講授３、耐心輔導(dǎo)４、嚴(yán)格要求學(xué)生
四、教學(xué)進度
序次 課題：（內(nèi)容）課時 周次
序次 課題：（內(nèi)容）課時 周次 1
機房常規(guī)教育和課程安排
練習(xí)、實踐
１ 10 2
網(wǎng)絡(luò)基礎(chǔ)知識，制作工具
動態(tài)網(wǎng)頁制作
１ 11 3
網(wǎng)頁的建立、網(wǎng)頁屬性設(shè)置
網(wǎng)站建立
１ 12 4
網(wǎng)頁圖片的處理
設(shè)置單元格式
１ 13 5
練習(xí)、實踐
開始
網(wǎng)頁框架的設(shè)計
分組做網(wǎng)站 7
網(wǎng)頁表格的制作
網(wǎng)頁表單的制作
創(chuàng)建超鏈接
第一節(jié)
網(wǎng)頁制作基礎(chǔ)知識
教學(xué)目標(biāo)：
1、了解網(wǎng)站、網(wǎng)頁、主頁和HTML的基本概念
2、了解常見的網(wǎng)頁制作工具
3、掌握Frontpage的啟動和退出
教學(xué)手段：教師講解與學(xué)生演示相結(jié)合
教學(xué)過程： 一．講課：
一、網(wǎng)頁及其組成
通過瀏覽器在www.tmdps.cne.htm。
操作步驟： 1． 文字編輯 2． 插入圖片
插入圖片可使網(wǎng)頁豐富多彩。在網(wǎng)頁中可以使用的圖片類型有多種，但最常用的是GIF和JPG格式的圖片，因為這兩種圖片的文件長度較小，有利于提高網(wǎng)頁的瀏覽速度。所以，插入其他格式的圖片后，在頁面存儲時，系統(tǒng)會自動將圖片格式轉(zhuǎn)換成GIF或JPG格式。
3． 插入動畫
在網(wǎng)頁制作中，經(jīng)常使用一些小動畫，使頁面生動活潑，這些小動畫文件用專門的工具制作，也以GIF作為文件的擴展名。
操作步驟：
（1）依次單擊“插入（I）” 菜單中的“圖片（P）”、“來自文件（F）?”命令，打開“圖片”對話框，單擊“瀏覽”按鈕，打開“圖片”對話框，單擊“瀏覽”按鈕，從“選擇文件”對話框中選擇所需圖片“diqiu1.gif”，單擊“確定”按鈕，插入動畫。
（2）拖動動畫到標(biāo)題下方適當(dāng)位置即可。
4． 插入水平線
水平線是貫穿網(wǎng)頁寬度的細(xì)灰條，用來分隔文本成加著重符。插入水平線可以幫助我們將各類相關(guān)信息組合到一起，但同一個頁面中水平線不宜過多。
調(diào)整水平線的寬度、高度、對齊方式以及顏色，就可以改變它的外觀。5． 設(shè)置背景
（1）單擊“格式（O）”菜單中的“背景（K）?”命令，出現(xiàn)“頁面屬性”對話框，且“背景”標(biāo)簽已被打開。
（2）單擊“瀏覽（B）?”按鈕，在“選擇文件”對話框中瀏覽文件夾內(nèi)容，從中搜索到所需背景圖案后，單擊“確定”按鈕，關(guān)閉“選擇文件”對話框，再單擊“確定”按鈕，關(guān)閉“頁面屬性”對話框，背景圖案即可插入頁面。
頁面制作完成，可以單擊“預(yù)覽”標(biāo)簽，觀察一下效果。
三、網(wǎng)頁的保存 單擊“文件（F）”菜單中的“保存文件（S）”命令，彈出“另存為”對話框.在“文件名（N）”列表框中輸入“welcome”后，單擊“保存（S）”按鈕。如果要保存的頁面含有圖片、動畫、聲音等元素，F(xiàn)rontPage還會繼續(xù)詢問是否保存這些嵌入的文件，如圖5-11所示。
此時最好將這些文件保存起來，以保持它們在網(wǎng)頁中的位置，否則，當(dāng)網(wǎng)站發(fā)生遷移時，可能因找不到這些圖片、動畫等文件而無法顯示。另外，最好將它們保存到Images文件夾中，使網(wǎng)站保持清潔，便于管理和維護。練習(xí)：
1． 在設(shè)計網(wǎng)頁過程中，定義字體時要注意哪些問題？
2． 為什么在網(wǎng)頁中通常都使用GIF或JPG格式的圖片文件？ 設(shè)置網(wǎng)頁的背景時，可不可以使用較大的圖片？有什么缺點？
制作“自我簡介”
制作“自我簡介”
一、教學(xué)目標(biāo)
1、讓學(xué)生熟悉FrontPage 2000的界面。
2、學(xué)會制作網(wǎng)頁標(biāo)題。
3、學(xué)會在網(wǎng)頁中插入美麗的圖片。
4、學(xué)會在FrontPage 2000中使用表格。
二、重、難點使用表格
三、教學(xué)方法演示法、講授法、實踐操作法、比較討論法
四、教學(xué)類型新授課
五、教學(xué)過程
[導(dǎo)入]前面大家了解因特網(wǎng)的神奇世界，暢游了豐富多彩的網(wǎng)站，欣賞了精美華麗的網(wǎng)頁。看到這么多漂亮的網(wǎng)頁，同學(xué)們是否也想自己在網(wǎng)上建立一個自己的“家園”？現(xiàn)在我們將學(xué)習(xí)如何利用FrontPage 2000在因特網(wǎng)上安一個自己的“家”。
在因特網(wǎng)上安“家”的一般步驟大致可分為網(wǎng)站規(guī)劃、網(wǎng)頁制作和上傳發(fā)布三個階段。本章創(chuàng)建的整個網(wǎng)站主要由“自我簡介”、“成長之路”、“興趣特長”和“網(wǎng)上交流”等網(wǎng)頁構(gòu)成。
[講授]創(chuàng)建網(wǎng)上家園，首先應(yīng)將自己的有關(guān)情況展示出來，讓來訪者對自己有一個大概的了解。這里，先來看一個同學(xué)制作好的“自我簡介”網(wǎng)頁。
這個網(wǎng)頁包含有圖片、表格和相關(guān)文字等，下面學(xué)著制作這個網(wǎng)頁。每個網(wǎng)頁都有一個標(biāo)題，讓來訪者一目了然。在“自我簡介”網(wǎng)頁中用“自我簡介”幾個文字來作為這個網(wǎng)頁的標(biāo)題。
[演示]
1、單擊屏幕左下角的“開始”按鈕，在“開始”菜單中選擇“程序”→“Microsoft FrontPage”菜單命令，進入FrontPage 窗口。
2、在網(wǎng)頁編輯工作區(qū)輸入文字“自我簡介”，單擊“格式”工具欄上“居中”按鈕，將文字居中。
3、選中文字“自我簡介”，通過“格式”工具欄的“字體”下拉列表，選擇“楷體_GB2312”。
4、在“格式”工具欄選擇“字號”為“24磅”，“顏色”為“粉紅色”
5、單擊“常用”工具欄上的“保存”按鈕，彈出 “另存為”對話框。
6、在“文件名”中輸入文件名“簡介”后，單擊“保存”按鈕，保存網(wǎng)頁。[實踐操作]
1、使用“格式”→“字體”菜單命令也可以方便地設(shè)置字體。啟動FrontPage，在編輯工作區(qū)中輸入文字“興趣愛好”，使用菜單命令改變字體。
2、單擊“HTML”標(biāo)簽，觀察編輯工作區(qū)的變化。[提醒]在網(wǎng)頁設(shè)計中，對于非Windows自帶的字體盡量少用，以免造成別人瀏覽此網(wǎng)頁時無法顯示這種字體，影響網(wǎng)頁整體效果。
[講授]
1、FrontPage啟動后，會自動打開一個新的空白網(wǎng)頁窗口。FrontPage窗口與前面所學(xué)的Word窗口類似，由標(biāo)題欄、菜單欄、工具欄、編輯區(qū)和狀態(tài)欄組成。
2、網(wǎng)頁文件實際上是一個按HTML語言規(guī)則編寫的文本文件。我們看到的網(wǎng)頁是瀏覽器對HTML文件進行逐條解釋，再顯示出來的結(jié)果。
HTML是英文Hyper Text Markup Language的縮寫，意為“超文本標(biāo)記語言”。這種語言用“<>”來標(biāo)記網(wǎng)頁中對象的格式和有關(guān)參數(shù)。網(wǎng)頁中除了文字保存在HTML文件中外，其他對象（如聲音、圖象、動畫等）在HTML文件中只是保存了相應(yīng)的標(biāo)識和有關(guān)參數(shù)，真正是內(nèi)容還在這些對象的文件中。因此，這些對象的文件如果被刪除或改變了位置，就不能在瀏覽器中正確顯示出來。
[討論]如果在兩個文字之間增加了一個空格后，間距又顯得太大，此時應(yīng)怎樣調(diào)整才能得到合適的間距呢？
[實踐操作]啟動FrontPage，分別建立主題為“興趣特長”和“成長之路”的兩個網(wǎng)頁，并保存為xingqu.htm和chengzhang.htm [講述]你在因特網(wǎng)上漫游時，精彩生動的圖片會使人流連忘返。在自己的網(wǎng)頁上添加美麗的圖片，一定也會增加吸引力。
[演示]
1、打開網(wǎng)頁jianjie.htm，選擇“插入”→“換行符”菜單命令，彈出 “換行符屬性”對話框，選擇“普通換行符”，單擊“確定”按鈕，將光標(biāo)下移一行。
3、單擊“常用”工具欄上的“插入文件中的圖片”按鈕，彈出 “圖片”對話框。
4、單擊“剪貼畫”按鈕，彈出“剪貼畫庫”窗口，在“比喻”類別中找到剪貼畫圖片，將此圖片插入到網(wǎng)頁中。
5、調(diào)整圖片的大小，并居中放置。
插入圖片[講授]
1、使用回車鍵換行時，行距較大，而采用普通換行符來換行，行距為0。
2、FrontPage中可以插入的圖片文件格式很多，如GIF、JPEG、PNG和BMP等。其中BMP格式的圖片是未經(jīng)過壓縮的，文件較大，一般很少使用；而GIF、JPEG、PNG格式的圖片都是壓縮過的，文件較小，便于在網(wǎng)頁中瀏覽和下載，所以經(jīng)常使用。[實踐操作]
1、在已建立的網(wǎng)頁“成長之路”中，選擇“插入”→“圖片”菜單命令，加入合適的圖片，并調(diào)整圖片的位置和大小。
2、在已建立的“興趣特長”網(wǎng)頁中，使用“常用”工具欄上的“插入文件中的圖片”按鈕，加入合適的圖片，并調(diào)整圖片的位置和大小。
3、選擇“格式”→“背景”菜單命令在網(wǎng)頁中加入背景圖片
以圖片為背景的網(wǎng)頁[講解]在FrontPage中使用表格，可以整齊地排列文本，有效地組織數(shù)據(jù)，使整個網(wǎng)頁看起來簡潔清晰。我們下面來使用表格制作出自我情況介紹。
網(wǎng)頁中的“自我簡歷表” [演示]
1、單擊“常用”工具欄上的“插入表格”按鈕，制作出一個6行2列的表格。
2、在第一行第二列中，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中，選擇“拆分單元格”命令，彈出 “拆分單元格”對話框。
3、選取“拆分為列”選項，在“列數(shù)”框中輸入3，單擊“確定”按鈕，將此單元格分為三列。
4、輸入表格中相應(yīng)的文字。
5、按住Ctrl鍵，單擊表格的第一列和第三列，選中此兩列，在“格式”工具欄上設(shè)置“字體”為“黑體”，“字號”為“4（14）磅”，“字型”為“粗體”。
6、選中第二列和第四列，設(shè)置“字體”為“楷體”，“字號”為“4（14）磅”。
7、選中表格的 所有行，單擊“格式”工具欄上的“居中”按鈕，將文字居中。
8、選中第二行、第四行、和第六行，單擊“格式”工具欄上的“突出顯示顏色”按鈕，選擇突出顯示顏色為“淺綠色”。
9、選中整個表格，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“表格屬性”菜單命令，彈出 “表格屬性”對話框。
10、選擇邊框顏色為“粉紅色”，單擊“確定”按鈕，制作出 “自我簡歷表”。[試一試]刪除表格的某一行、某一列或整個表格。[小技巧]
1、選中表格的多行、多列或多個單元格時要按住Ctrl鍵不放，再選取所需的行、列或單元格。
2、選中整個表格的方法：在表格的最左或最右邊雙擊鼠標(biāo)左鍵，當(dāng)所有單元格反色顯示時表示該表格被選中。[學(xué)生閱讀并實踐] 表格的編輯方法 用表格來安排版面 [實踐操作]
1、在自己所建的xingqu.htm網(wǎng)頁中使用表格展示自己的興趣愛好。在chengzhang.htm網(wǎng)頁中加入能反映自己成長過程的圖片。
2、建立一個2行6列的表格，在表格中插入圖片和表格。
3、將本節(jié)中所制作的主題文字、圖片和表格進行混排。
[總結(jié)]
本小節(jié)我們學(xué)習(xí)了制作幾個簡單的文字網(wǎng)頁，進一步熟悉了文字的設(shè)置。學(xué)會在網(wǎng)頁中插入圖片，并能利用插入的表格更方便地實現(xiàn)圖文混排的設(shè)計，使網(wǎng)頁看起來簡潔利落。同學(xué)們對表格的使用需要進一步加強練習(xí)。
Frontpage網(wǎng)頁制作導(dǎo)學(xué)案
青州一中
劉志韓
文件——新建——網(wǎng)頁 【學(xué)習(xí)目標(biāo)】
1、包括網(wǎng)頁制作基礎(chǔ)知識
2、站點的規(guī)劃和創(chuàng)建
3、網(wǎng)頁文本和圖片的處理、表格和框架的應(yīng)用 【學(xué)習(xí)重難點】
1、建立一個主題網(wǎng)站
2、建設(shè)一個網(wǎng)站的步驟
3、網(wǎng)頁的美化與特效的制作 【課前預(yù)習(xí)】
思考一下多媒體信息集成的方式有哪些？
【自主學(xué)習(xí)】
1、在www中，________是信息的主要組織和表現(xiàn)形式。
2、用________語言編寫的網(wǎng)頁實際上是一種文本文件，以.HTML或者.HTM為擴展名，可以使用任何文本處理軟件（如記事本、word等）創(chuàng)作或修改。
3、制作網(wǎng)頁常用的軟件有_________________和_________________。
4、網(wǎng)頁文件的擴展名有哪些？
5、網(wǎng)站開發(fā)的基本過程：
網(wǎng)站的規(guī)劃——（）——（）——網(wǎng)站的發(fā)布與管理——網(wǎng)站的評價 【合作探究與指導(dǎo)】
三、網(wǎng)站的制作
1、創(chuàng)建站點
文件——新建——站點（選擇或創(chuàng)建存儲站點的文件夾）
2、網(wǎng)頁的創(chuàng)建與編輯
3、插入對象 水平線 圖片 字幕 懸停按鈕
4、創(chuàng)建超級鏈接
在對象上右擊選擇超級鏈接——選擇鏈接的目標(biāo)。
5、使用表格
表格——插入（在制作網(wǎng)頁的過程中用表格來布局網(wǎng)頁）
6、在站點中查看網(wǎng)頁的編輯及網(wǎng)頁之間的鏈接情況。
分步驟操作練習(xí)題：
1、新建一個站點，只有一個空白網(wǎng)頁的站點。
2、在首頁上插入“我最喜愛的明星”，然后進行修飾。
3、再新建一個空白網(wǎng)頁。重新命名為“周杰倫”。
4、插入圖片“周杰倫”，文本“周杰倫”，排版設(shè)置后保存網(wǎng)頁。
5、再建立一張空白的網(wǎng)頁，重新命名為“劉亦菲”。
6、插入圖片“劉亦菲”，文本“劉亦菲”，排版設(shè)置后保存網(wǎng)頁。
7、分別在首頁和“周杰倫”“劉亦菲”網(wǎng)頁建立超級鏈接。操作練習(xí)： 【拓展任務(wù)】
以環(huán)保為主題，利用文件夾“環(huán)保”中的素材，制作一個5頁的網(wǎng)站。
【當(dāng)堂檢測】
1.在網(wǎng)頁制作中，我們經(jīng)常用下列（）辦法進行頁面布局。
A.文字
B.表格
C.表單
D.圖片 2.使用瀏覽器訪問網(wǎng)站時，第一個被訪問的網(wǎng)頁稱為（）。
A.網(wǎng)頁
B.網(wǎng)站
C.HTML語言
D.主頁 3.網(wǎng)頁中可使我們進行選擇性瀏覽的稱為（）。
A.文字
B.圖片
C.聲音
D.超鏈接
4.在FrontPage2000中，要建立同一個網(wǎng)頁內(nèi)的鏈接點，讓你點選某一鏈接后，迅速跳到同一網(wǎng)頁內(nèi)的另一個特定位置，應(yīng)采用（）鏈接。
A.單元格
B.表單
C.書簽
D.表格 5.FrontPage 2000中，下述關(guān)于圖片與鏈接的關(guān)系表述正確的是（）。
A.圖片不能建立鏈接
B.一張圖片只能建立一個鏈接
C.圖片要建立鏈接需經(jīng)過處理
D.通過設(shè)置熱區(qū)，一張圖片可建立多個鏈接 6.在FrontPage 2000“網(wǎng)頁”視圖模式下，單擊“普通”標(biāo)簽后，在出現(xiàn)的“普通”窗口中，可直接進行（）。
A.網(wǎng)頁編排
B.觀察網(wǎng)頁在瀏覽器中的效果
C.編輯HTML代碼
D.下載圖片 7.網(wǎng)頁制作的超文本標(biāo)記語言稱為（）。
A.VB語言
B.HTML語言
C.BASIC語言
D.ASCII 8.在Frontpage2000網(wǎng)頁視圖方式下，單擊（）標(biāo)簽可直接編輯HTML代碼？
A.普通
B.HTML
C.預(yù)覽
D.編輯 9.在FrontPage 2000中，我們想要文字左右交替移動的效果，是下列（）效果。
A.字體
B.DHTML效果
C.字幕
D.懸停按鈕 10.在FrontPage 2000表格單元格中，（）項目不能輸入。
A.表格
B.圖形
C.背景
D.聲音
作業(yè)：以我們寒假生活為主題，從互聯(lián)網(wǎng)上搜索的素材制作一個網(wǎng)站。
【閱讀材料】
網(wǎng)站設(shè)計
建立一個網(wǎng)站就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設(shè)計出一個滿意的網(wǎng)站。
一、確定網(wǎng)站主題
網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站，必須要找準(zhǔn)一個自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。
二、搜集材料
明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。
三、規(guī)劃網(wǎng)站
網(wǎng)站設(shè)計得成功與否，很大程度上決定于設(shè)計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣，圖紙設(shè)計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。
四、選擇合適的制作工具
網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具，這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了，如果是初學(xué)者，F(xiàn)rontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁特效工具，如有聲有色等，五、制作網(wǎng)頁
材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜來進行制作。
六、上傳測試
網(wǎng)頁制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁逐個鏈接的進行測試，發(fā)現(xiàn)問題，及時修改，然后再上傳測試。
七、推廣宣傳
網(wǎng)頁做好之后，還要不斷地進行宣傳，這樣才能讓更多的朋友認(rèn)識它，提高網(wǎng)站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網(wǎng)站交換鏈接、加入廣告鏈等。
八、維護更新
《網(wǎng)頁制作FrontPage》教案
教師：張愛平
第1、2課時 網(wǎng)頁設(shè)計概述
【教學(xué)內(nèi)容】
講解網(wǎng)頁設(shè)計的相關(guān)術(shù)語及網(wǎng)站制作的基本流程。【教學(xué)目的】
使學(xué)生對網(wǎng)站及網(wǎng)頁有一定的認(rèn)識，激發(fā)學(xué)生學(xué)習(xí)網(wǎng)頁設(shè)計的興趣。【教學(xué)重點】
網(wǎng)頁設(shè)計中的若干術(shù)語。【教學(xué)難點】
理解網(wǎng)頁設(shè)計中的若干術(shù)語。【教學(xué)方式】
講授式、討論式、案例分析式。【教學(xué)參考】
1、《網(wǎng)頁設(shè)計與制作》楊尚森 曲宏山 賈文峰等著 電子工業(yè)出版社。
2、《Internet 網(wǎng)頁工場》Wittime工作室 重慶出版社。
3、《WEB網(wǎng)站設(shè)計》Joel Sklar著 高等教育出版社。
4、《HTML網(wǎng)頁制作教程》材義語編著 鐵道出版社。【新課內(nèi)容】 1.1 中超級鏈接標(biāo)志的難點。
第7、8課時HTML表格、表單與框架標(biāo)志
【教學(xué)內(nèi)容】
講解HTML中制作表格、表單與框架的標(biāo)志。【教學(xué)目的】
使學(xué)生掌握簡單表格、表單與框架的制作。【教學(xué)重點】
* 表格中單元格的合并以及表格嵌套和疊加操作。* 框架的嵌套使用。* 表單元素標(biāo)志與屬性。【教學(xué)難點】
* 理解表格屬性rowspan與colspan的含義以及表格嵌套實現(xiàn)的基本思想。
* 理解框架屬性name、target的意義。* 理解表單中相應(yīng)元素對應(yīng)標(biāo)志及屬性的含義。【教學(xué)方式】 案例分析式、項目教學(xué) 【教學(xué)參考】
1、《網(wǎng)頁設(shè)計與制作》楊尚森 曲宏山 賈文峰等著 電子工業(yè)出版社。
2、《WEB網(wǎng)站設(shè)計》Joel Sklar著 高等教育出版社。
3、《HTML網(wǎng)頁制作教程》材義語編著 鐵道出版社。【新課內(nèi)容】 2.5 插入表格
2.5.1在網(wǎng)頁中插入表格
表格的基本構(gòu)成元素：表頭，單元格，列，行
第一行第一列 第一行第二列 第二行第一列 第二行第二列
2.5.2嵌套的表格 2.5.3表格的屬性設(shè)置 2.5.4單元格屬性設(shè)置 2.6 表單的應(yīng)用
表單在Web網(wǎng)頁中用來給訪問者填寫信息，從而能獲得用戶信息，使網(wǎng)頁具有交互的功能。2.6.1創(chuàng)建表單
2.6.2用
2.6.3定義下拉式菜單
你選修的課程：
計算機
英語
邏輯學(xué)
心理學(xué)
2.6.4定義多行文字輸入?yún)^(qū)域 請輸入你的詳細(xì)介紹：
2.7 框架窗口
框架把窗口劃分成幾個子窗口，各個子窗口可以調(diào)入各自的HTML文檔，最后形成充滿整個窗口的網(wǎng)頁。2.7.1框架的定義 2.7.2框架屬性設(shè)置
2.7.3子窗口屬性設(shè)置
SRC=“a.htm”
MarginWidth=“5”
Noresize MarginHeight=“5” Scrolling=“auto” FrameBorder=“0” FrameSpacing=“6” BorderColor=“#0000FF” Target=“rtop”> 2.7.4常見的框架窗口劃分方法（1）標(biāo)題和正文，分為上下兩部分（2）層次結(jié)構(gòu)，分為上中下三部分
（3）目錄和標(biāo)題，分為左上、左下、右三部分（4）標(biāo)題、目錄和正文，分為上、左下、右下三部分（5）嵌套目錄，分為左、右上、右下三部分 2.7.5不支持框架的網(wǎng)頁
<![CDATA[</p><p><BODY> 很抱歉，饋下使用的瀏覽器不支援框架功能，請轉(zhuǎn)用新的瀏覽器。</p><h2><a name="4" >第四篇：Frontpage網(wǎng)頁制作經(jīng)驗總結(jié)</a></h2><p>【摘要】Frontpage更以其功能強大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網(wǎng)頁，利用它可以輕松的組織、編輯網(wǎng)頁并將其發(fā)布到指定的站點上，而且在發(fā)布之后還能對更新情況進行監(jiān)控以更新站點的。</p><p>【關(guān)鍵字】Frontpage創(chuàng)建站點、新建頁面、文字、超鏈接</p><p>現(xiàn)在流行的網(wǎng)頁制作軟件有很多，如Macromedia公司的Dreamweaver、微軟公司的Frontpage、還有Adobe Pagemill 3.0--制作多框架，表單和Image map 圖像的網(wǎng)頁工具、Netscape等等。其中Frontpage更以其功能強大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網(wǎng)頁，利用它可以輕松的組織、編輯網(wǎng)頁并將其發(fā)布到指定的站點上，而且在發(fā)布之后還能對更新情況進行監(jiān)控以更新站點的內(nèi)容。</p><p>工具準(zhǔn)備好了，可根據(jù)你的個人喜好來選擇一些素材，如圖片、喜歡的文章等。現(xiàn)在就讓我們從第一步的建立站點來踏上建造網(wǎng)上家園之旅。</p><p>用FRONTPAGE創(chuàng)建站點是很容易的。首先，我們來看一下創(chuàng)建一個只包含一個網(wǎng)頁的站點。選擇“文件”菜單的“新建”選項，單擊“站點”命令，這時新建站點對話框就彈出來了，在“指定新站點位置”文本框中輸入新站點的位置，單擊“只有一個網(wǎng)頁的站點” 圖標(biāo)，單擊“確定”按鈕。這就建立好站點了，我們現(xiàn)在來看一下新的站點里有什么，單擊“視圖”工具條的“文件夾”按鈕。在文件夾列表里有一個網(wǎng)頁文件，名字叫做“index.htm”。我們知道，每一個站點都要有一個主頁，這個主頁也是一個網(wǎng)頁文件。瀏覽者訪問站點時首先進入的就是站點的主頁。主頁的名字在一般情況下就叫做“index.htm”。就是說我們新建只包含一個網(wǎng)頁的站點時，F(xiàn)RONTPAGE就自動為我們創(chuàng)建了站點的主頁了。這個新建的站點主頁時空的，我們可以向里面添加內(nèi)容。</p><p>在文件列表里除了主頁之外，還有文件夾。新建站點時，F(xiàn)RONTPAGE都會在站點所在位置下新建兩個文件夾，一個是“images”另一個是“_private”。我們在編輯站點時可以在“image”文件夾里放置站點用到的圖片。“private”文件夾比較特殊，其中的文件對瀏覽者來說是隱含的，我們可以把一些不想讓瀏覽者看到的網(wǎng)頁文件放在這個文件夾里，比如：我們可以在這個文件夾里存放注冊用戶的個人信息。</p><p>盡管每一個站點都要有一個主頁，不過創(chuàng)建站點時我們?nèi)匀豢梢詮囊粋€空站點開始：選擇“文件”菜單的“新建”命令，單擊“站點”選項，在“新建站點”對話框里，我們可以選擇“空站點”圖標(biāo)來創(chuàng)建一個空站點。“新建站點”對話框中還有許多其他圖標(biāo)，這是FRONTPAGE提供的用來創(chuàng)建站點模板或向?qū)АＮ覀儎?chuàng)建只有一個網(wǎng)頁的站點或者創(chuàng)建空站點，都是從頭開始來創(chuàng)建一個站點，這就好像蓋房子一樣，首先畫圖紙。然而，有許多的房子都具有相似的結(jié)構(gòu)和用途，所以我們可以用一張圖紙蓋很多相似的房子，這樣就節(jié)省了許多工作。</p><p>同樣的，盡管站點的風(fēng)格千差萬別但是有許多站點的功能和結(jié)構(gòu)都是一樣的，如果我們從頭開始建立站點的話，就要做許多重復(fù)勞動，這時，我們就可以使用模板或向?qū)斫⒄军c。模板和向?qū)У淖饔镁秃孟裆w房子的圖紙一樣，我們不必每次建立站點時都從頭開始。我們單擊“個人站點”圖標(biāo)，用它可以迅速創(chuàng)建一個個人站點，輸入站點所在的位置，單擊“確定”按鈕，這樣我們剛就創(chuàng)建了個人站點。個人站點模板已經(jīng)為我們規(guī)劃好了站點的目錄和建立了相關(guān)的頁面。現(xiàn)在我們點擊一下“文件夾”按鈕，雙擊index.htm圖標(biāo)，看，這就是我們的個人站點的主頁。哎，好象有許多文字都不對，沒關(guān)系，這些文字都是可以改變的，現(xiàn)在寫的是文字的用途，比如“主題”文字就是用來寫網(wǎng)站標(biāo)題的地方，我們只要把它改為自己喜歡的標(biāo)題就可以了。返回到“文件夾”模式，雙擊photo.htm。也可以把風(fēng)景圖片換成自己的照片，只要在新建站點的基礎(chǔ)上進一步修改就可以做出自己的個人站點了。這不僅節(jié)省了許多力氣，同時也給了初學(xué)者一個良好的出發(fā)點。</p><p>那么模板和向?qū)в惺裁磪^(qū)別呢？我們安裝軟件時，一步步的用對話框提示我們完成安裝過程的程序就是一個向?qū)АＴ贔RONTPAGE里，向?qū)б彩且环N模板，不過它是一種特殊的模板，它會以對話框的形式輔助你完成站點的創(chuàng)建過程。</p><p>現(xiàn)在我們選擇“文件”菜單的“新建”選項，單擊“站點”命令，你看，F(xiàn)RONTPAGE提供了兩個向?qū)В汗菊故鞠驅(qū)А⒂懻撜军c向?qū)В褂闷饋矶己芊奖悖阌信d趣也可以利用向?qū)Ы⒁粋€站點。</p><p>創(chuàng)建頁面最簡單的就是單擊FRONTPAGE“常用”工具欄的“新建”按鈕。它的右方有一個向下的小箭頭，它是用來選擇要新建什么，可以用“新建”按鈕新建網(wǎng)頁、站點、文件夾和任務(wù)。默認(rèn)狀態(tài)下是新建網(wǎng)頁。</p><p>如果要新建網(wǎng)頁，可以不用向下箭頭鍵選擇，而直接單擊“新建”按鈕。不過使用文件菜單的“新建”命令來新建網(wǎng)頁能夠有更大的選擇。單擊文件菜單的“新建”命令，選擇“新建網(wǎng)頁”，在“新建”對話框里，可以看到FRONTPAGE提供的許多網(wǎng)頁模板，我們可以用這些模板來建立相應(yīng)的網(wǎng)頁。在右下角的預(yù)覽框里可以看到選中模板的外觀。選擇“兩欄正文”網(wǎng)頁，這樣就創(chuàng)建了一個新的分為兩欄的網(wǎng)頁了。然后點確定。使用模板可以不用總是從空白網(wǎng)頁開始編輯，這樣就省力很多。</p><p>網(wǎng)上幾乎所以的網(wǎng)頁都使用圖片加以點綴，在網(wǎng)頁中插入適當(dāng)?shù)膱D片，能夠產(chǎn)生圖文并茂的效果。</p><p>如果有一個圖形，怎么把它放到網(wǎng)頁上呢？</p><p>首先要看你的圖形是什么格式的，也就是它擴展名是什么 只有擴展名為GIF和JPEG的圖形文件才能成為我們的頁面的一部分。因為這兩種圖形格式不僅廣泛，而且有利于節(jié)省存貯空間。如果圖形不是這種格式，使用了其它格式的圖形文件，在保存網(wǎng)頁時FRONTPAGE會提示做格式轉(zhuǎn)換，F(xiàn)RONTPAGE可以自動進行格式轉(zhuǎn)換。</p><p>現(xiàn)在可我們看看怎么插入圖形 選擇“插入”菜單的“圖片”命令，單擊“來自文件”按鈕。</p><p>在默認(rèn)情況下，F(xiàn)RONTPAGE認(rèn)為你要插入的圖片總是放在你建立的站點的目錄或它的子目錄下的。可以說,站點就是一個目錄。我們把編輯的許多網(wǎng)頁文件放在同一個目錄下，我們稱這個目錄為站點的主目錄。這些網(wǎng)頁引用的圖形一般也放在這個目錄下。當(dāng)然，我們也可以在這個目錄下建立其他的子目錄，再把所有的圖形放在子目錄里。所以搜索下拉列表只允許在主目錄和主目錄下的子目錄進行選擇。</p><p>如果要插入的圖片不在主目錄下, 在“選擇文件”對話框中進行選擇。選擇好文件以后，單擊“確定”按鈕，回到“圖形”對話框。單擊“確定”按鈕，圖形就插入了。現(xiàn)在單擊“常用”工具欄的“保存”按鈕。在“另存為”對話框中輸入新的web頁文件的名字，單擊“保存”按鈕。出現(xiàn)了一個對話框, 因為我們剛才插入的文件不在站點內(nèi)，現(xiàn)在FRONTPAGE要把它復(fù)制到站點內(nèi)，可是使用什么名字，放在站點的哪個目錄下呢，就要在這設(shè)置了，單擊“改變文件夾”按鈕，另外這兒還在需要時對圖形的格式進行轉(zhuǎn)換。單擊“位置”按鈕，在默認(rèn)情況下，圖形被保存在站點的主目錄下，現(xiàn)在我們選擇IMAGE目錄，單擊“確定”按鈕。回到“嵌入式文件”窗口，再單擊“確定”。這樣，圖形就保存在站點內(nèi)了</p><p>我們還可以從INTERNET上插入一個圖形。選擇“插入”菜單的“圖片”命令，在URL欄內(nèi)輸入圖片的地址，單擊“確定”按鈕。由于是插入網(wǎng)上的圖片，因此在插入圖形以后，應(yīng)該保存一下網(wǎng)頁，使圖形存到站點內(nèi)。</p><p>您可能說,我不會畫畫，插入圖片容易，可是編輯圖片就不容易了。沒關(guān)系，F(xiàn)RONTPAGE自己帶有許多剪貼畫，你可以把它們插入到自己的網(wǎng)頁。選擇“插入”菜單的“圖片”命令，選擇“剪貼畫”。你看，各種剪貼畫都分類放好了。你可以自由地選</p><p>擇。不過，插入后別忘了保存網(wǎng)頁，把剪貼畫復(fù)制到站點目錄下。</p><p>一般我們插入的圖形總是和文本在一起的，所以調(diào)整圖形和文本的對齊方式很重要。在默認(rèn)情況下，圖形自動與文本的底部對齊。這一個網(wǎng)頁，由于默認(rèn)的對齊效果，頁面出現(xiàn)了大量的空白。這時就要調(diào)整圖形的對齊屬性。在圖形上單擊鼠標(biāo)右鍵，選擇“圖片屬性”，選擇“外觀”選項卡我們把對齊方式調(diào)整為“左對齊”。使用圖形可以使網(wǎng)頁更加豐富多彩，而且我們還可以用圖形來建立超鏈接，使網(wǎng)頁相互聯(lián)系起來。怎么用圖形來建立鏈接呢？ 其實圖形超鏈接只要在建立超鏈接時選擇圖形就可以了。首先選中超鏈接的圖形，單擊箭頭圖形，單擊“常用”工具欄“超鏈接”按鈕，選擇主頁文件“頁面</p><p>1.htm”，單擊“確定”按鈕.在普通模式中，按住CTRL鍵，單擊箭頭圖形，就跳到主頁頁面了。</p><p>如果我們要在圖片上加上文字，單擊圖形工具欄“文本”按鈕，現(xiàn)在圖形中就出現(xiàn)了一個文本框，輸入：“機軟件”按一下Esc鍵，取消文字編輯，就選中文字框了，調(diào)整文本框到合適的位置，單擊頁面其他區(qū)域，文字就添加成功了。</p><p>如果我要修改 單擊一下要修改的文字，這時文字作為一個整體被選中了，再點一下文字，這時文本框里有光標(biāo)閃爍，你可以編輯文本了，重新輸入：“計算機硬件”，在頁面其他區(qū)域單擊。文字就修改完成了。</p><p>怎樣使文字更豐富、活潑呢？一個簡單的就是使用“格式”工具欄。</p><p>字體設(shè)置：選上文字，打開格式工具欄的“字體”下拉列表框，在里面選擇相應(yīng)的字體就可以了。如果瀏覽網(wǎng)頁的人使用的計算機沒有設(shè)置的字體？瀏覽器會用系統(tǒng)默認(rèn)的字體代替你設(shè)置的字體。不過，使用常用字體是一個好習(xí)慣。</p><p>字號設(shè)置：在“格式”工具欄“字號”下拉列表框中選擇相應(yīng)字體就可以了</p><p>工具欄上的B、I、U圖標(biāo)的作用是：</p><p>按下B按鈕，被選中的文字就會變?yōu)榇煮w</p><p>按下I按鈕，被選中的文字就會變?yōu)樾斌w</p><p>按下u按鈕，被選中的文字就會帶下畫線</p><p>字的顏色：單擊“格式”工具欄“字體顏色”按鈕旁的向下箭頭，選擇適當(dāng)?shù)念伾值念伾透淖兞恕?/p><p>還可以對字體進行一些其他設(shè)置。選擇“格式”菜單的“字體”命令，在這里我們還可以作進一步的設(shè)置。這里除了“格式”工具欄可以做的設(shè)置以外，還可以設(shè)置許多效果。“字符間距”選項卡：它是用來設(shè)置文字的間距的。單擊“間距”下拉列表，可以選擇字符的間距是普通、擴充還是緊縮的。選擇擴充，這時預(yù)覽框的文字間距就變大了。也可以調(diào)整間距大小來改變間距，輸入10，文字的間距就更大了。</p><p>“定位”下拉列表：在FRONTPAGE中每一行都有一個底線，定位就是指文字相對于底線的距離。也就是把文字上下移動，現(xiàn)在選擇“上移”，文字就向上移動了。預(yù)覽框中的黑線就是行的底線。</p><p>設(shè)計好的頁面，應(yīng)該檢查它在瀏覽器中是否顯示正常。</p><p>方法是，一般只要切換到預(yù)覽模式就可以了。單擊“預(yù)覽”選項卡，在這個預(yù)覽模式下的顯示和在瀏覽器中的顯示是一樣的。但這并不意味著我們就不必用瀏覽器來檢查編輯的網(wǎng)頁了。因為即使是同一個頁面，可能在不同的瀏覽器中顯示會不太一樣。比如在INTERNET EXPLORER中是這樣顯示的，但是在NETSCAPE中又是那樣顯示的。所以，我們要在自己的機器上多裝幾個瀏覽器，用來檢查網(wǎng)頁的兼容性。</p><p>那么為什么不用不同的瀏覽器來檢查呢？選擇“文件”菜單的“在瀏覽器中預(yù)覽”選項，在瀏覽器列表框中選擇不同的瀏覽器。（以INTERNET EXPLORER 5.0為例）單擊“確定”</p><p>按鈕。就可以看到新建頁面在瀏覽器中的效果了。</p><p>怎樣才能自己做的網(wǎng)頁相互聯(lián)系起來呢?也就是說讓別人點頁面上的圖形或文本就跳轉(zhuǎn)到其他頁面呢？</p><p>在網(wǎng)頁里，我們把這種點擊后會進行頁面切換的網(wǎng)頁界面元素叫超鏈接。先來看一下用文字來建立鏈接。</p><p>首先創(chuàng)建一個指向站點內(nèi)其他網(wǎng)頁的超鏈接。</p><p>選擇“插入”菜單的“超鏈接”命令，在文件列表框內(nèi)選擇“頁面1.htm”文件，注意在URL文本框中顯示了該文件的地址。單擊“確定”按鈕.超鏈接就制作成功了。我們切換到預(yù)覽模式（單擊預(yù)覽按鈕），當(dāng)我們把鼠標(biāo)指向“主頁”兩字時鼠標(biāo)變成手形，單擊它，我們就切換到主頁了。</p><p>那么為什么不在普通模式下試呢？：因為普通模式主要是用來編輯網(wǎng)頁的，當(dāng)我們在普通模式把鼠標(biāo)指向“主頁”兩字時鼠標(biāo)沒有變成小手狀，因此不能進行頁面切換。不過如果按住CTRL鍵，鼠標(biāo)就變成了小手狀。這時單擊就可以進行切換了。也就是說在普通模式中按住CTRL鍵才能激活超鏈接。</p><p>我們也可以將超鏈接指向其他站點的網(wǎng)頁。選中作為超鏈接的文本，單擊“常用”工具欄的“超鏈接”按鈕，這和選擇插入菜單的超鏈接命令是一樣的。在“創(chuàng)建超鏈接”對話框里，在URL地址欄直接輸入要連接的網(wǎng)頁或網(wǎng)站的地址。如果不清楚要作超鏈接的地址，只要單擊URL地址框后面的放大鏡就可以用瀏覽器在INTERNET上查找要鏈接的網(wǎng)頁，F(xiàn)RONTPAGE會自動記錄你找到的地址。單擊“確定”按鈕就可以了。我們還可以改變已經(jīng)設(shè)置好的超鏈接。首先確認(rèn)是普通模式，在要改變的超鏈接下單擊鼠標(biāo)右鍵，選擇“超鏈接屬性”命令，輸入新的URL地址就可以了。要想取消超鏈接，刪除所有URL地址框里的就可以了。還有一種超鏈接，可以鏈接郵件。這樣可以使你的網(wǎng)上朋友通過Email及時與你聯(lián)系，這是一個網(wǎng)站站長和網(wǎng)友交流的重要手段。先選中要作為超鏈接的文本，一般文本就是你的郵箱地址，單擊“超鏈接”按鈕，單擊“信封”按鈕，輸入你的郵箱地址，單擊“確定”按鈕，退出對話框，選擇“確定”，這時超鏈接就建立好了。我們試一下，切換到預(yù)覽模式，單擊郵件鏈接。</p><p>這樣我們就差不多完成了網(wǎng)頁的制作步驟，最后可將它發(fā)布到Web服務(wù)器上。站點發(fā)布前還要對它進行檢查工作，包括超鏈接，頁面等。</p><p>【】</p><p>〈1〉喬春源，樊天岳等。信息技術(shù)。江蘇技術(shù)出版社，2001年7月。</p><p>〈2〉李振格。Office入門與提高。清華大學(xué)出版社，2001年2月。</p><p>〈3〉王超鋒。網(wǎng)頁制作。人民郵電出版社，2001年10月。</p><h2><a name="5" >第五篇：FrontPage制作簡單網(wǎng)頁(高二公開課教案)（本站推薦）</a></h2><p>FrontPage制作簡單網(wǎng)頁</p><p>（高二信息技術(shù)公開課教學(xué)教案）</p><p>［ 教學(xué)目的 ］</p><p>了解網(wǎng)站的基本結(jié)構(gòu)、構(gòu)建網(wǎng)站的步驟，掌握用FrontPage制作簡單網(wǎng)頁 ［ 教學(xué)重點 ］</p><p>網(wǎng)站規(guī)劃、在網(wǎng)頁中輸入文字，插入圖片和表格 ［ 教學(xué)難點 ］</p><p>在網(wǎng)頁中輸入文字，插入圖片和表格 ［ 教學(xué)形式 ］ 演示與練習(xí)穿插進行 ［ 教學(xué)過程 ］ ［導(dǎo)入新課］</p><p>大家都很喜歡上網(wǎng)，因為網(wǎng)上有許多東西（學(xué)習(xí)資料、游戲、軟件、音樂……）可供我們選擇，而且許多都是免費的。這就是網(wǎng)絡(luò)的一個很重要的特點――資源共享。這些資源都是放在一個一個網(wǎng)站中的。我們也可以構(gòu)建一個網(wǎng)站，把你的珍藏整理好放上去。這樣別人就可以分享你的東西。目前，在網(wǎng)上就有許多有名的個人網(wǎng)站，像華軍軟件、電腦之家、驅(qū)動之家、九天音樂等。［講授新課］</p><p>要想在網(wǎng)上安家落戶，大體上有以下三步：網(wǎng)站規(guī)劃、網(wǎng)頁制作和上傳以布。今天我們就先來學(xué)習(xí)網(wǎng)站規(guī)劃和簡單網(wǎng)頁的制作。</p><p>一、網(wǎng)站規(guī)劃</p><p>（在制作網(wǎng)頁之前要先建站，如果沒有事先的準(zhǔn)備及策劃，只盲目的開始編輯網(wǎng)頁，將要花更多的時間和精力在網(wǎng)站的整合上。所以要養(yǎng)成先建站再織網(wǎng)的好習(xí)慣）</p><p>1． 確定網(wǎng)站的主題</p><p>2． 網(wǎng)站要包含哪些咨訓(xùn)與服務(wù) 3． 構(gòu)思每個網(wǎng)頁的草圖 4． 確定網(wǎng)頁與網(wǎng)頁之間的鏈接</p><p>演示：</p><p>1、用FrontPage中的導(dǎo)航來更直觀地了解網(wǎng)站結(jié)構(gòu)；</p><p>2、用FrontPage新建一個站點；</p><p>（1）打開FrontPage，選擇“文件”－＞“新建”－＞“站點”；（2）單擊“只有一個網(wǎng)頁的站點”</p><p>注：在“文件夾列表”中顯示該站點中所有的文件夾和文件。（一般新建站點后就有兩個文件夾，我們一般將網(wǎng)站所需的圖片放在“image”文件夾中，當(dāng)然你也可以根據(jù)需要新建一些文件夾，但必須在一個站點中）練習(xí)：</p><p>1． 自己構(gòu)建一個個人網(wǎng)站；</p><p>2． 新建個人網(wǎng)站（當(dāng)然此時的個人網(wǎng)站還只是和個空白網(wǎng)頁）二．制作網(wǎng)頁“自我簡介”（先展示一下做好的“自我簡介”）</p><p>（一）在網(wǎng)頁中輸入文字和插入表格</p><p>1． 在網(wǎng)頁中編輯工作區(qū)輸入文字“自我簡介”，居中；</p><p>2． 選中文字“自我簡介”，選擇“楷體＿GB2312”，字號為“6（24）磅”，粉紅色）； 3． 選擇“插入”－＞“換行符”，在彈出的“換行符屬性”對話框中選擇“普通換行符”，單擊“確定”，光標(biāo)移到下一行； 4． 單擊“常用”工具欄上的“插入文件中的圖片”按鈕，彈出“圖片”對話框； 5． 單擊“剪貼畫”按鈕，在“比喻”類別中選擇一幅圖片，將此圖片插入網(wǎng)頁中； 6． 調(diào)整圖片的大小，居中放置；</p><p>7． 選擇“格式”－＞“背景”命令在網(wǎng)頁中加入背景圖片； 8． 單擊“網(wǎng)頁編輯區(qū)”下方的“預(yù)覽”標(biāo)簽，可以預(yù)覽網(wǎng)頁的效果。</p><p>（二）制作“自我簡歷表”</p><p>網(wǎng)頁中僅有一個標(biāo)題和一幅圖片，內(nèi)容太少，下面插入一個表格 1． 單擊“常用”工具欄上的“插入表格”按鈕，制作一個6行2列的表格； 2． 在第一行第二列中，將單元格拆分成3列； 3． 輸入“自我簡歷表”中的文字；</p><p>4． 選中第一、三列，將字體設(shè)為“黑體”，字號為“4（14）磅”，字型為“粗體”，選中第二、四列，將字體設(shè)為“楷體”，字號為“4（14）磅”，選中這個表格，單擊“居中”按鈕，選中第二、四、六行，設(shè)置顏色為“淺綠色”；選中這個表格，單擊右鍵，選擇“表格屬性”命令，選擇邊框顏色為“粉紅色”，粗細(xì)為1；單擊確定。注：</p><p>1、格的邊框粗細(xì)設(shè)為0，則表格不顯示邊框。（我們可以利用這一特點來合理安排網(wǎng)頁的版面設(shè)置，書上163頁圖7.14的混合排版效果就是一例</p><p>2、“文件夾列表”中，雙擊某一網(wǎng)頁，該網(wǎng)頁就會顯示在網(wǎng)頁編輯區(qū)中，練習(xí)：</p><p>1． 在剛剛新建的站點上新建幾個網(wǎng)頁；</p><p>2． 在編輯網(wǎng)頁時，學(xué)會使用表格來對網(wǎng)頁進行排版。三．小結(jié)</p><p>展示和評講學(xué)生作品</p> </div>
</article>
<a href="#" tpid="25" target="_self" class="download_card jhcdown" rel="nofollow">
<img class="download_card_pic" src="http://static.xiexiebang.com/skin/default/images/icon_word.png" alt="下載FrontPage網(wǎng)頁制作教案(18課時)word格式文檔">
<div id="jdb3l39rxn9" class="download_card_msg">
<div id="jdb3l39rxn9" class="download_card_title" style="text-decoration:none;">下載FrontPage網(wǎng)頁制作教案(18課時).doc</div>
<div id="jdb3l39rxn9" class="download_card_tip">將本文檔下載到自己電腦，方便修改和收藏，請勿使用迅雷等下載。</div>
</div>
<div id="jdb3l39rxn9" class="download_card_btn">
<img src="http://static.xiexiebang.com/skin/default/images/icon_download.png">
<div id="jdb3l39rxn9" class="downlod_btn_right">
<div>點此處下載文檔</div>
<p>文檔為doc格式</p>
</div>
</div>
</a>
<div id="jdb3l39rxn9" class="post-tags mt20 mb30"><span>相關(guān)專題</span>
</div>
<div id="jdb3l39rxn9" class="single-info mb40"><span id="jdb3l39rxn9" class="hidden-xs ">網(wǎng)址：http://www.tmdps.cn/a5/2019051223/f4911b63b602fc45.html</span><br>聲明：本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)自行上傳，本網(wǎng)站不擁有所有權(quán)，未作人工編輯處理，也不承擔(dān)相關(guān)法律責(zé)任。如果您發(fā)現(xiàn)有涉嫌版權(quán)的內(nèi)容，歡迎發(fā)送郵件至：645879355@qq.com 進行舉報，并提供相關(guān)證據(jù)，工作人員會在5個工作日內(nèi)聯(lián)系你，一經(jīng)查實，本站將立刻刪除涉嫌侵權(quán)內(nèi)容。 </div>
<div id="jdb3l39rxn9" class="single-xg mb40">
<div id="jdb3l39rxn9" class="con-title">
<h3><a name="6"></a>相關(guān)范文推薦</h3>
</div>
<div id="jdb3l39rxn9" class="sticky mb20">
<ul><h2 class="mb20"><a href="/jiaoxue/kejian/3a8d173b15116244.html" target="_blank">用FrontPage制作網(wǎng)頁課件教程</a></h2><p>用FrontPage制作網(wǎng)頁教程 【教學(xué)目標(biāo)】了解用FrontPage制作課件的優(yōu)勢與不足，學(xué)會用FrontPage制作網(wǎng)頁型課件。 【重點難點】重點是如何在FrontPage插入多媒體素材，難點是課件......</p><h2 class="mb20"><a href="/jiaoxue/kejian/28fcc6c51136de53.html" target="_blank">用FrontPage制作網(wǎng)頁課件教程匯總</a></h2><p>用FrontPage制作網(wǎng)頁課件 【教學(xué)目標(biāo)】了解用FrontPage制作課件的優(yōu)勢與不足，學(xué)會用FrontPage制作網(wǎng)頁型課件。 【重點難點】重點是如何在FrontPage插入多媒體素材，難點是課......</p><h2 class="mb20"><a href="/a1/2019051217/eb65100aa6bdca21.html" target="_blank">高一frontpage制作網(wǎng)頁教程(二)</a></h2><p>應(yīng)用frontpage制作網(wǎng)頁（二） 一、網(wǎng)頁美化 A、添加網(wǎng)頁背景：即整個網(wǎng)頁的背景。 在編輯窗口中選擇“普通”選項卡，在編輯區(qū)單擊右擊選擇“網(wǎng)頁屬性”調(diào)出“網(wǎng)頁屬性”對話框，選擇......</p><h2 class="mb20"><a href="/a15/201905155/e0164fcbe5deed15.html" target="_blank">網(wǎng)頁制作教案四課時</a></h2><p>網(wǎng)頁欣賞 學(xué)習(xí)目標(biāo) 知識目標(biāo)：了解網(wǎng)頁是由哪些內(nèi)容組成的； 能力目標(biāo)：了解網(wǎng)頁的簡單結(jié)構(gòu)； 情感目標(biāo)：培養(yǎng)學(xué)生的審美觀念。 本節(jié)重點：網(wǎng)頁的概念 難點 網(wǎng)頁的結(jié)構(gòu) 學(xué)習(xí)過程 一、導(dǎo)......</p><h2 class="mb20"><a href="/a1/2019051221/127f54d8edca0090.html" target="_blank">Frontpage網(wǎng)頁設(shè)計之主頁制作5篇范文</a></h2><p>網(wǎng)頁的制作教案 一、教學(xué)目標(biāo)： 1、知道站點、主頁的概念，能在指定位置建立只有一個網(wǎng)頁的站點； 2、認(rèn)識FRONTPAGE的界面； 3、掌握在主頁中插入文字、圖片、水平線； 4、掌握頁面文......</p><h2 class="mb20"><a href="/a5/2019051223/c65e010ba8b44be3.html" target="_blank">網(wǎng)頁制作教案</a></h2><p>網(wǎng)頁制作與設(shè)計教案 第一講 網(wǎng)頁設(shè)計概述 .................................................................................................................... 3 1.......</p><h2 class="mb20"><a href="/a5/2019051223/0944f29844b4da3a.html" target="_blank">《網(wǎng)頁制作》教案范文</a></h2><p>《信息技術(shù)》第三冊新課程標(biāo)準(zhǔn)教案 制作第一個網(wǎng)頁(網(wǎng)頁誕生了) [教學(xué)目的] 1．通過瀏覽幾個精彩網(wǎng)頁，激發(fā)學(xué)生制作網(wǎng)頁的學(xué)習(xí)興趣。 2．熟練掌握啟動Frontpage 2000，熟悉Frontpa......</p><h2 class="mb20"><a href="/a5/201905130/f0b5bafafc388bd3.html" target="_blank">《網(wǎng)頁制作》教案（范文大全）</a></h2><p>《網(wǎng)頁制作》教案 潘有寅 一、說教材： (一)教材分析：現(xiàn)在網(wǎng)絡(luò)快速發(fā)展，廣大的學(xué)生接觸，使用INTERNET的機會也大大增加，學(xué)生在使用網(wǎng)絡(luò) 獲取信息時，更多的是通過瀏覽網(wǎng)頁這一方式，......</p></ul> </div>
</div>
</div>
</div>
<div id="jdb3l39rxn9" class="right-content-box wow fadeInRight delay300 right-content">
<script src="/e/member/login/loginjs.php"></script>
<div id="jdb3l39rxn9" class="sidebar">
<div class="jdb3l39rxn9" id="sidebar" role="complementary">
<aside id="recent-posts-3" class="widget widget_recent_entries">
<h3 class="widget-title">猜你喜歡</h3>
<ul class="new-list"><li><a href="/a5/2019051223/5c5766cd995d68ed.html" title="網(wǎng)頁制作教案" target="_blank">網(wǎng)頁制作教案</a></li><li><a href="/a5/201905130/84cb5012f197b7e3.html" title="網(wǎng)頁制作教案" target="_blank">網(wǎng)頁制作教案</a></li><li><a href="/jiaoxue/jiaoan/2924fadc7106efeb.html" title="Frontpage教案" target="_blank">Frontpage教案</a></li><li><a href="/a15/201905155/1a48606af641ef71.html" title="Frontpage教案" target="_blank">Frontpage教案</a></li><li><a href="/a5/2019051223/a022a0f83c29056f.html" title="dreamweaver網(wǎng)頁制作教案" target="_blank">dreamweaver網(wǎng)頁制作教案</a></li><li><a href="/a5/2019051223/c35ea2a4d6d422b5.html" title="網(wǎng)頁制作教案10" target="_blank">網(wǎng)頁制作教案10</a></li><li><a href="/a5/2019051223/186e17ac96ff4b29.html" title="網(wǎng)頁制作基礎(chǔ)知識 教案" target="_blank">網(wǎng)頁制作基礎(chǔ)知識 教案</a></li><li><a href="/a5/201905130/1b6264264bab3034.html" title="網(wǎng)頁制作教案8." target="_blank">網(wǎng)頁制作教案8.</a></li><li><a href="/a5/2019051223/cbe404a201a379dc.html" title="動態(tài)網(wǎng)頁制作教案（精選合集）" target="_blank">動態(tài)網(wǎng)頁制作教案（精選合集）</a></li><li><a href="/a5/201905130/a767a396b57e8517.html" title="《網(wǎng)頁制作工具》參考教案" target="_blank">《網(wǎng)頁制作工具》參考教案</a></li></ul> </aside>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="footer" class="p30">
<div id="jdb3l39rxn9" class="container">
<div id="jdb3l39rxn9" class="footer-top clearfix">
<div id="jdb3l39rxn9" class="copyr">
<div id="jdb3l39rxn9" class="footer-menu clearfix mb10">
<ul class="footer-menu-con">
<li><a href="/a1/">1號文庫</a></li><li><a href="/a2/">2號文庫</a></li><li><a href="/a3/">3號文庫</a></li><li><a href="/a4/">4號文庫</a></li><li><a href="/a5/">5號文庫</a></li><li><a href="/a6/">6號文庫</a></li><li><a href="/a7/">7號文庫</a></li><li><a href="/a8/">8號文庫</a></li><li><a href="/a9/">9號文庫</a></li><li><a href="/a10/">10號文庫</a></li><li><a href="/a11/">11號文庫</a></li><li><a href="/a12/">12號文庫</a></li><li><a href="/a13/">13號文庫</a></li><li><a href="/a14/">14號文庫</a></li><li><a href="/a15/">15號文庫</a></li>
</ul>
</div>
<p>Copyright ? 2018 <a href="/">寫寫幫文庫</a> All Rights Reserved <a target="_blank" rel="nofollow"> 浙ICP備11058632號</a>
<script type="text/javascript" src="http://static.xiexiebang.com/skin/default/js/tj.js"></script></p> </div>
</div>
</div>
</section>
<script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/superfish.js'></script>
<script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/jquery.slicknav.js'></script>
<script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/xs.js'></script>
<div id="jdb3l39rxn9" class="right_bar hidden-xs ">
<ul>
<li id="jdb3l39rxn9" class="rtbar_li1" style="left: 0px;"><a><img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon3.png"><span id="call_tel"></span></a></li>
<li id="jdb3l39rxn9" class="rtbar_li2"> <a href="javascript:void(0);"> <img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon4.png"> </a>
<div id="jdb3l39rxn9" class="rtbar_shwx" style="display: none;"> <img width="188" height="188" alt="微信二維碼" src="http://static.xiexiebang.com/skin/default/images/wechat.png"> </div>
</li>
<li id="jdb3l39rxn9" class="rtbar_li3" style="left: 0px;"> <a href="tencent://message/?uin=2261362615&Menu=yes"> <img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon2.png"> 點擊咨詢 </a> </li>
<li id="jdb3l39rxn9" class="rtbar_li5"><a href="#1">第一篇</a></li>
<li id="jdb3l39rxn9" class="rtbar_li6"><a href="#2">第二篇</a></li>
<li id="jdb3l39rxn9" class="rtbar_li7"><a href="#3">第三篇</a></li>
<li id="jdb3l39rxn9" class="rtbar_li8"><a href="#4">第四篇</a></li>
<li id="jdb3l39rxn9" class="rtbar_li9"><a href="#5">第五篇</a></li>
<li id="jdb3l39rxn9" class="rtbar_li10"><a href="#6">更 多</a></li>
<li id="jdb3l39rxn9" class="rtbar_li4 gotop"> <a href=""><img src="http://static.xiexiebang.com/skin/default/images/rtbar_liicon1.png"> </a></li>
</ul>
</div>
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://www.tmdps.cn/" title="久久99精品久久久久久琪琪">久久99精品久久久久久琪琪</a>
<div class="friend-links">
</div>
</div>
</footer>
主站蜘蛛池模板：
<a href="http://nokiacom.cn" target="_blank">国产亚洲日韩在线一区二区三区</a>|
<a href="http://591fax.cn" target="_blank">99精品久久99久久久久胖女人</a>|
<a href="http://cheng96.cn" target="_blank">国产精品久久久久久妇女</a>|
<a href="http://lovsen.cn" target="_blank">色婷婷香蕉在线一区二区</a>|
<a href="http://hsuw.cn" target="_blank">亚洲韩国日本高清一区</a>|
<a href="http://codejunfun.cn" target="_blank">成人午夜精品久久久久久久</a>|
<a href="http://618hp.cn" target="_blank">无码a∨高潮抽搐流白浆</a>|
<a href="http://hnjzfw.com.cn" target="_blank">亚洲成av人在线播放无码</a>|
<a href="http://u13695.cn" target="_blank">69精品丰满人妻无码视频a片</a>|
<a href="http://bjnvx.com.cn" target="_blank">欧美丰满熟妇bbbbbb百度</a>|
<a href="http://027zjpd.cn" target="_blank">丰满人妻av无码一区二区三区</a>|
<a href="http://dajir.cn" target="_blank">在线无码va中文字幕无码</a>|
<a href="http://koudaishixi.cn" target="_blank">日本丰满熟妇bbxbbxhd</a>|
<a href="http://stemcell.net.cn" target="_blank">777亚洲精品乱码久久久久久</a>|
<a href="http://kdqt.com.cn" target="_blank">亚洲国产成人a精品不卡在线</a>|
<a href="http://ediaoyutai.cn" target="_blank">成人动漫在线观看</a>|
<a href="http://yuanyaociye.cn" target="_blank">午夜家庭影院</a>|
<a href="http://548kz.cn" target="_blank">国产色爱av资源综合区</a>|
<a href="http://zjjx119.cn" target="_blank">国产莉萝无码av在线播放</a>|
<a href="http://vrainbow.cn" target="_blank">一二区成人影院电影网</a>|
<a href="http://hnzhwn.com.cn" target="_blank">国产良妇出轨视频在线观看</a>|
<a href="http://npy00.cn" target="_blank">中文无码一区二区不卡αv</a>|
<a href="http://64fwd.cn" target="_blank">国产啪精品视频网站</a>|
<a href="http://yygf.net.cn" target="_blank">日本中文一区二区三区亚洲</a>|
<a href="http://2fx.com.cn" target="_blank">色综合天天综合高清网国产在线</a>|
<a href="http://aifan8.cn" target="_blank">欧美丰满熟妇bbb久久久</a>|
<a href="http://dongyingseo.cn" target="_blank">午夜三级a三级三点自慰</a>|
<a href="http://waitanyuan.com.cn" target="_blank">天美麻花果冻视频大全英文版</a>|
<a href="http://67flc.cn" target="_blank">婷婷五月六月激情综合色中文字幕</a>|
<a href="http://ftavibo.cn" target="_blank">乌克兰少妇xxxx做受野外</a>|
<a href="http://738cx.cn" target="_blank">国产成人综合日韩精品无码不卡</a>|
<a href="http://cpnv.com.cn" target="_blank">黄色片免费看</a>|
<a href="http://utwn.cn" target="_blank">亚洲色婷婷久久精品av蜜桃久久</a>|
<a href="http://tzro.cn" target="_blank">精品无人国产偷自产在线</a>|
<a href="http://m14929.cn" target="_blank">精品人妻中文字幕有码在线</a>|
<a href="http://yiquer.cn" target="_blank">国产午夜亚洲精品不卡</a>|
<a href="http://fspartylight.cn" target="_blank">国产精品va在线观看丝瓜影院</a>|
<a href="http://sanjuly.cn" target="_blank">国产真人无码作爱免费视频</a>|
<a href="http://corporate-identity.cn" target="_blank">日本少妇人妻xxxxx18</a>|
<a href="http://cqjlbm.cn" target="_blank">国产日韩亚洲大尺度高清</a>|
<a href="http://barjrmt.cn" target="_blank">国产日韩精品欧美一区喷水</a>|
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="vmzhb" class="pl_css_ganrao" style="display: none;"><abbr id="vmzhb"><video id="vmzhb"></video></abbr><optgroup id="vmzhb"></optgroup><input id="vmzhb"><thead id="vmzhb"><legend id="vmzhb"><dfn id="vmzhb"></dfn></legend></thead></input><td id="vmzhb"><menuitem id="vmzhb"><dd id="vmzhb"></dd></menuitem></td><div id="vmzhb"><big id="vmzhb"></big></div><b id="vmzhb"></b><abbr id="vmzhb"><table id="vmzhb"><optgroup id="vmzhb"><fieldset id="vmzhb"></fieldset></optgroup></table></abbr><tt id="vmzhb"></tt><small id="vmzhb"><pre id="vmzhb"><u id="vmzhb"><option id="vmzhb"></option></u></pre></small><th id="vmzhb"><strike id="vmzhb"><form id="vmzhb"><tbody id="vmzhb"></tbody></form></strike></th><rp id="vmzhb"></rp><li id="vmzhb"></li><i id="vmzhb"></i><ul id="vmzhb"></ul><div id="vmzhb"><big id="vmzhb"></big></div><mark id="vmzhb"></mark><video id="vmzhb"></video><ins id="vmzhb"></ins><button id="vmzhb"><option id="vmzhb"><em id="vmzhb"><strong id="vmzhb"></strong></em></option></button><source id="vmzhb"></source><abbr id="vmzhb"><style id="vmzhb"><dl id="vmzhb"></dl></style></abbr><style id="vmzhb"></style><i id="vmzhb"><legend id="vmzhb"><menu id="vmzhb"></menu></legend></i><dfn id="vmzhb"><var id="vmzhb"><strong id="vmzhb"><s id="vmzhb"></s></strong></var></dfn><sup id="vmzhb"><center id="vmzhb"><acronym id="vmzhb"></acronym></center></sup><rt id="vmzhb"></rt><ol id="vmzhb"></ol><abbr id="vmzhb"><li id="vmzhb"></li></abbr><mark id="vmzhb"><option id="vmzhb"><output id="vmzhb"><strong id="vmzhb"></strong></output></option></mark><s id="vmzhb"></s><pre id="vmzhb"><pre id="vmzhb"><style id="vmzhb"></style></pre></pre><small id="vmzhb"></small><em id="vmzhb"><noframes id="vmzhb"><abbr id="vmzhb"><table id="vmzhb"></table></abbr>]]> <![CDATA[<track id="vmzhb"><table id="vmzhb"></table></track>]]> <![CDATA[<track id="vmzhb"><table id="vmzhb"></table></track>]]>
<![CDATA[<output id="vmzhb"><samp id="vmzhb"></samp></output>]]>
