主編王樹平幻燈制作蔣紅艷電子工業出版社《網頁制作基礎教程》中等職業學校電子信息類教材（計算機技術專業）電子教案第1章規劃個人網站網站開發流程（P1）：規劃與設計網站制作與發布網站更新與維護網站確定主體、結構、欄目和風格，準備素材利用網頁編輯工具，編輯網頁，完成站點的制作根據需求變化，對站點內容進行更新與維護第1章規劃個人網站任務1規劃個人網站任務2創建站點任務3管理站點任務4創建網站目錄結構任務1規劃個人網站定位網站主題和結構（P3）1、主題要簡單明確2、選擇自己擅長或喜歡的題材任務1規劃個人網站規劃網站的欄目與目錄結構(P3-4)：1、不要將所有文件都存放在根目錄下2、按欄目內容建立子目錄3、每個欄目下建立獨立的素材文件夾4、目錄層次不超過3層5、目錄使用小寫英文名稱6、目錄不宜過長任務2創建站點任務2創建站點站點：存放網頁及素材的文件夾（P4）本地站點遠程站點如果把因特網上的每個網站看成一本書，那么在瀏覽網站時看到的每個畫面則是這本書中的一頁，我們稱之為“網頁”。而在進入網站后顯示的第一個畫頁，我們稱其為“主頁”(index.html)。主頁就像一本書的目錄，它是所有網頁的索引頁。通過單擊主頁上的超級鏈接，可以打開這個網站中的其他網頁。

網站就是由一個個網頁構成的。

1.1.1認識網頁1.1.2HTML語言

HTML語言是一種超文本標記語言，它用來描述某個事物應該如何合理地顯示在計算機屏幕上。也可以這么說，HTML就是以特殊的標記形式存儲為通常的文本文件。

HTML文件并不難于讀懂，只是比較繁瑣。

<center><b><fontface="黑體"><fontsize=18>歡迎參觀我的主頁</font></font></b></center>

1.1.4網頁制作工具

網頁制作軟件可以實現主頁制作者與HTML語言的分離，我們只需在編輯器中輸入文本或圖片，網頁制作軟件將幫助我們將這些文本或圖片轉換成相應的HTML語言代碼。

Dreamweaver被認為是更專業的網頁制作工具，它和Macromedia公司的另外兩個產品Flash，Fireworks一起稱為“網絡三劍客”。擁有更廣泛的網頁制作者群，

1.2使用Dreamweaver建立一個網站

Dreamweaver是一種“所見即所得”的網頁制作工具，它也是目前最常用的網頁制作工具之一,可以制作出許多精彩的互動頁面特效。

1.2.1Dreamweaver的工作界面

“插入”面板網頁編輯區“屬性”面板菜單欄浮動面板組“插入”面板共有12個獨立的選項卡，在網頁編輯的過程中，可通過單擊面板上的按鈕來為網頁添加相應的元素；“屬性”面板則用于顯示修改所選中的網頁元素的屬性。

1.2.2畫出網站結構圖

為全面地展示一個主題，往往需要制作若干個網頁，把這些網頁互相鏈接起來，就構成了一個網站。在開始建立網站之前，首先要確定網站的主題，根據主題確定這個網站需要由多少個網頁構成，以及這些網頁之間的關聯關系等。在制作網站之前應該先畫出結構圖，這樣不但可以規劃網站結構，使網站條理清楚、主題鮮明，還可以確定各個網頁的內容，方便大家思考各網頁之間的鏈接方式。

1.2.3建立一個網站

在DreamweaverMX工作窗口中，單擊“站點”菜單中的“新建站點”命令，打開“未命名站點1的站點定義為”對話框。輸入新站點的名稱。

選擇是否需要使用服務器技術。

選擇在何處編輯網頁。

更改保存位置。

選擇如何連接到遠程服務器。

選擇是否讓別人和你同時編輯同一個網頁。

單擊完成，返回DreamweaverMX工作窗口。

任務3管理站點添加素材文件夾、重命名文件夾

添加網頁、重命名網頁任務3管理站點在浮動面板“文件”項的“站點”選項卡中，將鼠標指針移到站點名稱上，單擊右鍵，從彈出的快捷菜單中選擇“新建文件”，站點文件夾被展開，同時自動建立了一個名為“untitled.htm”的網頁。1.2.5更改網頁名稱

網頁建立以后，名稱欄中的“untitled.htm”處在選定狀態，可直接輸入網頁文件名。

用同樣的方法可以建立多個網頁。

1.3.2在網站中更改網頁標題

網頁標題指的是瀏覽該網頁時顯示在瀏覽器標題欄中的名字，而不是這個網頁的文件名。

打開網頁，在窗口頂端的“標題”欄中單擊，將其中的“無標題文檔”刪除，輸入網頁的標題，

單擊“文件”菜單中的“保存”命令，保存所做的修改。

在浮動面板“文件”項的“站點”選項卡中，單擊“展開/折疊”按鈕，再