第四章 網(wǎng)站與網(wǎng)頁.ppt

1、第二部分 網(wǎng)頁設(shè)計,第四章 網(wǎng)站與網(wǎng)頁 第五章 網(wǎng)頁設(shè)計語言html,第四章 網(wǎng)站與網(wǎng)頁,4.1 網(wǎng)站與網(wǎng)頁基本概念 4.2 網(wǎng)站基本操作 4.3 網(wǎng)頁基本操作,4.1 網(wǎng)站與網(wǎng)頁基本概念 網(wǎng)站：由網(wǎng)頁組成的，是在internet上的一個相對獨立的單元。 網(wǎng)頁：是網(wǎng)站的基本組成部分，通常成組出現(xiàn)，并且這組網(wǎng)頁之間通過超鏈接相互組織成為反映某個主題的網(wǎng)站。 主頁：每個網(wǎng)站的起始頁稱為主頁，一般默認的主頁名稱是index.htm、default.htm及index.asp等。,4.2 網(wǎng)站基本操作 一、建立站點 新建站點實際上是在你的本地機硬盤上建立的一個文件夾，在該站點（該文件夾）內(nèi)可以建立若干

2、個網(wǎng)頁文件，并對相應(yīng)的網(wǎng)頁內(nèi)容進行編輯、修改、鏈接，最后把建立好的網(wǎng)站發(fā)布到某個Web服務(wù)器上，這個Web服務(wù)器可以是局域網(wǎng)的服務(wù)器，也可以是因特網(wǎng)上的某一個Web服務(wù)器（現(xiàn)有許多站點都提供了免費或收費的個人站點空間，例如：、等）。,一個網(wǎng)站一定要有一個明確的主題，如公司的網(wǎng)站是用于介紹公司的產(chǎn)品、技術(shù)公告、支持服務(wù)；而個人站點，可以把個人簡歷，興趣愛好，相片等個人信息發(fā)布到網(wǎng)上，展現(xiàn)個人風(fēng)采，結(jié)交朋友，收集資料等等。,二、站點的打開與關(guān)閉 在相應(yīng)的軟件中打開相應(yīng)的網(wǎng)站 在相應(yīng)的軟件中關(guān)閉已經(jīng)打開的相應(yīng)網(wǎng)站 三、刪除站點 對于已經(jīng)不需要的網(wǎng)站我們可以刪除它。 四、發(fā)布站點,五、例題：網(wǎng)站的基本

3、操作（使用FrontPage 進行） 1.建立站點 方法步驟：“文件”“新建”“站點”選擇所建網(wǎng)站的地址選擇網(wǎng)站類型。 例如在D盤根目錄下建立Myweb1站點。 “文件”“新建”“站點”在對話框的右側(cè)點擊“瀏覽”命令按鈕，選擇D盤下的Myweb1文件夾選擇“只有一個網(wǎng)頁的網(wǎng)站”，最后點“確定”。如圖4-1。,圖 4-1,2.站點的打開與關(guān)閉 站點的打開： “文件”“打開網(wǎng)站”在對話框中選擇站點名稱“打開”。 例如打開盤下的yweb1網(wǎng)站，步驟如下： “文件”“打開網(wǎng)站”在對話框中選擇Myweb1“打開”。如圖4-2、4-3。,圖 4-2,圖4-3,站點的關(guān)閉：“文件”“關(guān)閉網(wǎng)站”。如圖4-4。

4、,圖4-4,3.刪除站點 單擊“文件夾列表”選擇要刪除的站點“編輯”“刪除”在對話框中選擇“刪除整個網(wǎng)站”“確定”。 例如刪除盤下的yweb3站點, 步驟如下： 單擊“文件夾列表”選擇Myweb3站點“編輯”“刪除”在對話框中選擇“刪除整個網(wǎng)站”“確定”。如圖4-5、4-6、4-7。,圖4-5,圖4-6,圖4-7,4.發(fā)布站點 文件發(fā)布網(wǎng)站，如圖48、圖4-9,圖4-8,圖4-9,4.3 網(wǎng)頁基本操作 一、創(chuàng)建新的網(wǎng)頁 二、打開網(wǎng)頁 三、保存網(wǎng)頁 例4.2：網(wǎng)頁基本操作（使用FrontPage 進行） 創(chuàng)建新的網(wǎng)頁 方法步驟：“文件”“新建”“網(wǎng)頁”在對話框中選擇網(wǎng)頁類型。或者點擊工具欄上的“新建”按鈕。 例如在D盤的Myweb1網(wǎng)站中建立一個空白的新網(wǎng)頁，步驟如下: “文件”“新建”“網(wǎng)頁”在對話框中選擇空白網(wǎng)頁。系統(tǒng)默認該網(wǎng)頁為new_page_1.htm。如圖4-10、4-11。,圖4-10,圖4-11,打開網(wǎng)頁 方法步驟：“文件”“打開”，或者點擊工具欄上的“打開”按鈕在打開的對話框中選擇要打開的網(wǎng)頁點擊“打開”按鈕，如圖4-12。,圖4-12,保存網(wǎng)頁 保存方法與Word等相同，步驟如下： “文件”“保存”/“另存為”/工具欄上的“保存”按鈕在對話框中給定網(wǎng)頁文件的名稱和位置“保存”按鈕。 例如將如前所建立的new_page_1.htm保存，步驟如下： “