網(wǎng)站建設(shè)是一個系統(tǒng)的過程，包括設(shè)計網(wǎng)站的結(jié)構(gòu)、收集與加工網(wǎng)站素材、開發(fā)網(wǎng)站和發(fā)布網(wǎng)站四個步驟。

一、設(shè)計網(wǎng)站的結(jié)構(gòu)

1、確定教師個人網(wǎng)站的名稱：（網(wǎng)站名稱就是一個網(wǎng)站的名字）

·                                 命名原則：內(nèi)容性               藝術(shù)性

例：某歷史教師個人網(wǎng)站：“史海泛舟”
    某語文教師個人網(wǎng)站：“語文天地”
    某數(shù)學(xué)教師個人網(wǎng)站：“數(shù)學(xué)天地”

2、設(shè)計網(wǎng)站欄目，規(guī)劃站點結(jié)構(gòu)

注：網(wǎng)站欄目是網(wǎng)站內(nèi)容的目錄，欄目的設(shè)計應(yīng)以教學(xué)需要為主要目的

例：《數(shù)海泛舟》網(wǎng)站的名稱與欄目

活動1：根據(jù)需要，確定個人網(wǎng)站的名稱并設(shè)計欄目，填寫下表。

二、收集與加工網(wǎng)站所需素材

網(wǎng)站素材包括文本、圖片、動畫、音頻和視頻等。在網(wǎng)站開發(fā)前，應(yīng)根據(jù)每個網(wǎng)頁內(nèi)容的需要，收集相關(guān)的素材。

三、開發(fā)站點

這是我們要講的重點，即利用frontpage制作個人網(wǎng)站。frontpage是一款簡便實用的網(wǎng)站開發(fā)工具，下面我們就學(xué)習(xí)一下它的基本操作流程：

制作網(wǎng)站的流程
創(chuàng)建站點——創(chuàng)建網(wǎng)頁——編輯處理各個網(wǎng)頁——發(fā)布上傳

　設(shè)計站點的基礎(chǔ)知識

一、了解網(wǎng)頁制作的幾個基本概念：

1、站點站點就是一組相關(guān)的網(wǎng)頁的有機(jī)組合，網(wǎng)頁之間彼此相連，這種完整的結(jié)構(gòu)就稱為“站點”。

2、網(wǎng)頁站點就像一本書，而網(wǎng)頁就像書中的一篇篇文章。一個網(wǎng)站內(nèi)可以包含許多個網(wǎng)頁，也可以僅包含一頁。

3、Home Page 進(jìn)入站點后看到的第一個頁面通稱為Home Page，也稱為主頁或首頁。主頁的角色就代表了整個站點的門面，如同一本書的封面和目錄，通常被命名為“index.htm。

4、URL 中文名稱為“統(tǒng)一資源定位符”，就是網(wǎng)頁的完整地址。在計算機(jī)和網(wǎng)絡(luò)中,每一個網(wǎng)頁文件都有一個唯一的地址,就可以準(zhǔn)確地找到這個文件.在因特網(wǎng)上,這個地址就叫做URL。如“http://www.sohu.com/”表示“搜狐”網(wǎng)站的地址。

二、Frontpage的基本操作

1、啟動：雙擊桌面快捷方式，或從桌面“開始”菜單中選擇此程序。

2、新建網(wǎng)站：打開FrontPage程序，單擊文件→新建\站點，彈出對話框→單擊“只有一個網(wǎng)頁網(wǎng)站”的圖標(biāo)，在“指定新站點位置”文本框中輸入新站點的位置與名稱，然后“確定”。

 注：在制作網(wǎng)站時,所涉及的各類名稱中不能出現(xiàn)tab \ / < > ? * : # | 等符號，還不能出現(xiàn)漢字。

（當(dāng)我們新建一個網(wǎng)頁的站點時，F(xiàn)rontPage自動為我們在站點所在位置下創(chuàng)建了一個主頁，名字為“index.htm”，這個新建的主頁是空的，我們可以向里面添加內(nèi)容。還有兩個文件夾，一個是“images”，另一個是“_private”。我們在編輯站點時可以在“images”文件夾里放置站點用到的圖片，“_private”文件夾比較特殊，其中的文件對瀏覽者來說是隱含的，我們可以把一些不想讓瀏覽者看到的網(wǎng)頁文件放在這個文件夾里，如存放注冊用戶的個人信息。我們還可根據(jù)實際需要建立相應(yīng)的子文件夾，用于對素材進(jìn)一步分類。）

3、打開一個已有網(wǎng)站

·                                 方法一：文件——打開站點

·                                 方法二：單擊工具欄中的“打開站點”按鈕，從對話框中選取站點。 

4.關(guān)閉網(wǎng)站

    單擊文件→關(guān)閉網(wǎng)站

5.重命名網(wǎng)站

    單擊工具→站點設(shè)置

6.文件夾列表

    單擊查看→文件夾列表

三、認(rèn)識FrontPage 的工作窗口

1、窗口的組成：標(biāo)題欄、菜單欄、工具欄、標(biāo)記欄、工作區(qū)、視圖欄、狀態(tài)欄

2、網(wǎng)站視圖模式：在FrontPage 2000中，有六種視圖模式，每一種視圖提供關(guān)于網(wǎng)站的不同信息，可以用來有效地管理網(wǎng)站。這些視圖功能如下：

·                     網(wǎng)頁視圖：可于創(chuàng)建、編輯、預(yù)覽網(wǎng)頁等基本操作，具有所見即所得的特性。

·                     文件夾視圖：用于管理站點中的文件和文件夾，包括文件及文件夾的創(chuàng)建、刪除、更名等。該視圖將工作區(qū)分為左右兩部分，左側(cè)顯示網(wǎng)站中所有文件夾，單擊任一文件夾，右側(cè)工作區(qū)將顯示該文件夾下的內(nèi)容。在"文件夾"視圖中，可以移動某頁面的位置，F(xiàn)rontPage將自動更新與該頁面有關(guān)的所有鏈接。

·                     報表視圖：用來分析站點內(nèi)容，可以使用戶了解站點中的所有文件大小、更新鏈接情況、所有文件列表及變化情況等信息。

·                     導(dǎo)航視圖：用來創(chuàng)建、顯示、打印和更改網(wǎng)站導(dǎo)航結(jié)構(gòu)的視圖，可以通過鼠標(biāo)拖動網(wǎng)頁來更改結(jié)構(gòu)。

·                     超鏈接視圖：用于將當(dāng)前站點的各個網(wǎng)頁的相互鏈接關(guān)系展現(xiàn)出來。

·                                 任務(wù)視圖：列出站點中要完成的任務(wù)。

   注：重點掌握網(wǎng)頁視圖模式，其它視圖模式是用來管理和維護(hù)站點的，我們簡單了解一下它們的功能就可以了。

3、FrontPage2000的工作模式

    當(dāng)選擇“網(wǎng)頁”視圖編輯網(wǎng)頁時，此時工作區(qū)的左下角有三個切換顯示模式的選項卡，即：普通、HTML和預(yù)覽，它提供了編輯網(wǎng)頁時的3種工作模式，單擊選項卡可以實現(xiàn)三種模式的切換。

·                                 普通模式：在此模式下可以編輯網(wǎng)頁的內(nèi)容以及設(shè)置各種格式。

·                                 HTML模式：在HTML下中可以直接輸入HTML代碼來編輯網(wǎng)頁，從而為網(wǎng)頁做一些特殊的設(shè)置，當(dāng)然一般情況下只是通過HTML方式查看HTML代碼，必要時修改其中的代碼。

·                                 預(yù)覽模式：在此模式下可以查看當(dāng)前編輯的網(wǎng)頁在瀏覽器中的顯示情況，但在預(yù)覽模式下是不能編輯網(wǎng)頁的。

創(chuàng)建網(wǎng)頁

一、創(chuàng)建網(wǎng)頁
   1）法1：單擊文件→新建\，打開任務(wù)窗格，單擊新建網(wǎng)頁，彈出新建對話框。
       法2：單擊工具欄中的新建網(wǎng)頁按鈕，新建一個空白網(wǎng)頁。
       法3：在文件夾列表窗口，選擇新建網(wǎng)頁將要存放的文件夾，然后在空白處擊右鍵—新建網(wǎng)頁。

   2）在新建對話框中，F(xiàn)rontPge提供了許多網(wǎng)頁模板，可以用這些模板來建立相應(yīng)的網(wǎng)頁。在預(yù)覽框里可以看到模板外觀，如果選擇“普通網(wǎng)頁”則創(chuàng)建一個新的空白網(wǎng)頁。

二、保存網(wǎng)頁
  單擊保存按鈕或單擊文件→保存

保存位置：當(dāng)前站點
保存名稱：不能出現(xiàn)漢字

提示：應(yīng)及時將新建的網(wǎng)頁保存到自己的站點中。

三、打開網(wǎng)頁
    雙擊文件夾列表中的網(wǎng)頁

四、關(guān)閉網(wǎng)頁
    法1：單擊工作區(qū)上方的×
    法2：單擊文件→關(guān)閉

五、設(shè)置網(wǎng)頁邊距
    在工作區(qū)空白處單擊右鍵→網(wǎng)頁屬性→邊距，可設(shè)上、左邊距

六、設(shè)置背景
    在網(wǎng)頁工作區(qū)內(nèi)空白處單擊右鍵→網(wǎng)頁屬性→背景\格式（圖片或顏色）

七、設(shè)置網(wǎng)頁標(biāo)題
   在網(wǎng)頁工作區(qū)內(nèi)空白處單擊右鍵→網(wǎng)頁屬性→常規(guī)
    注：網(wǎng)頁標(biāo)題在預(yù)覽時將出現(xiàn)在瀏覽器的標(biāo)題欄中。

活動一：

·                                 ü在D盤創(chuàng)建一個自己的站點

·                                 ü根據(jù)自己的素材類型建立相應(yīng)的文件夾

·                                 ü根據(jù)自己網(wǎng)站的欄目建立網(wǎng)頁文件并重命名

·                                 ü設(shè)置合適的網(wǎng)頁標(biāo)題

網(wǎng)頁的編輯

一、文字操作（其操作方法與Word基本相同）

   1. 輸入文本：可利用鍵盤輸入，也可利用復(fù)制、粘貼導(dǎo)入文本。

     注：換行（Shift+Enter）和分段（Enter）的區(qū)別。

    2.輸入特殊符號：可以利用軟鍵盤輸入。

    3.格式化文本:包括設(shè)置字體、字號、顏色等。

①設(shè)置文字格式:

刪除字符格式：單擊格式→刪除格式

②設(shè)置段落：包括設(shè)置對齊方式、行間距、段間距和列表格式

二、插入水平線

步驟：1）光標(biāo)定位；2）單擊“插入”→水平線

刪除：選中，按Delete

改變屬性：直接雙擊水平線或選中水平線擊右鍵→水平線屬性；如想改變水平線長度，也可用鼠標(biāo)直接拖動控點。

注：水平線變化有限，裝飾性不強(qiáng)，我們可以插入更豐富的線條來修飾頁面，那就是線條圖像，如剪貼畫中的線條圖形。步驟：插入\圖片\剪貼畫

三、插入時間標(biāo)記：

步驟：1）光標(biāo)定位；2）單擊插入→日期和時間  2008-07-06 16:27:06

五、插入注釋

注釋：在我們創(chuàng)建編輯和修改網(wǎng)頁的過程中，經(jīng)常需要插入一些文字，表明設(shè)計的意圖和方法，
在編輯網(wǎng)頁時作為參考和提示，這就是注釋。

步驟：1）光標(biāo)定位；2）單擊插入→注釋

六、預(yù)覽新建頁面（方法有二）

法一：切換到預(yù)覽模式即可。（較方便）

法二：單擊文件→在瀏覽器中預(yù)覽 （更全面）

七、設(shè)置網(wǎng)頁標(biāo)題

右擊鼠標(biāo)—→選網(wǎng)頁屬性\常規(guī)--標(biāo)題

注：網(wǎng)頁標(biāo)題將出現(xiàn)在瀏覽器的標(biāo)題欄中