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

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

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

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

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

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

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

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

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

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

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

三、開發(fā)站點

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

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

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

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

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

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

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

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

二、Frontpage的基本操作

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

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

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

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

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

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

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

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

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

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

    單擊工具→站點設置

6.文件夾列表

    單擊查看→文件夾列表

三、認識FrontPage 的工作窗口

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

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

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

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

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

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

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

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

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

3、FrontPage2000的工作模式

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

活動一：

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

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

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

·                                 ü設置合適的網(wǎng)頁標題

網(wǎng)頁的編輯

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

   1. 輸入文本：可利用鍵盤輸入，也可利用復制、粘貼導入文本。

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

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

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

①設置文字格式:

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

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

二、插入水平線

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

刪除：選中，按Delete

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

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

三、插入時間標記：

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

五、插入注釋

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

步驟：1）光標定位；2）單擊插入→注釋

六、預覽新建頁面（方法有二）

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

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

七、設置網(wǎng)頁標題

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

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