眾所周知，網站製作涉及了各個方面的知識，包括平面設計、HTML頁面製作、CSS樣式定義、客戶端腳本編寫（JavaScrfipt/VBScript）、伺服器端腳本編寫（Asp/Asp.Net/PHP/JSP）等諸多內容。本期筆者從最基礎的講起，著重介紹怎麼製作一個簡單的HTML網站，初步體會一下其中的樂趣。
1.這裡筆者使用的網頁製作工具是Dreamweaver。首先執行Dreamweaver，選擇「檔案」→「新建」選單，此時會彈出如圖1所示的視窗。
2.在此視窗中的「基本頁面」標籤下有七個選項，我們選擇「HTML」項目後點擊「建立」按鈕，建立工作區就會變成空白，這表示HTML頁面已經建立成功，單擊程式碼視圖就會出現如圖2所示的內容。
3.先不要理會這些顯示出的HTML頁面代碼的具體含義，我們首先將“Title無標題文檔”改成“網頁處女秀”，然後再選擇設計視圖。點選“選單”→“插入”→“HTML”→“框架”→“上方”，即在網頁的上方插入了一個框架。此時網頁就分成了兩個框架，即上框架和下框架。我們選擇下框架後，選擇「選單」→「插入」→「HTML」→「框架」→「左方」指令，也就是在網頁的左邊插入了一個框架。
4.點選「Ctrl＋S」儲存各個框架（top.htm，left.htm，right.htm）。然後選擇左框架，點選「選單」→「插入」→「超連結」指令，會出現如圖3所示的對話框。在該對話方塊中輸入各個項，其中「文字」是連結顯示的文字，「連結」是點擊之後跳到的頁面位址，「目標」是在哪個框架中顯示。在此我們選擇「目標」為mainFrame(即左邊框架)，並依照此步驟繼續插入超連結。接下來進入右邊框架(right.htm)的程式碼視圖，在<body></body>裡輸入<marquee direction=left align=middle>歡迎光臨我的網站!!!</marquee>，這是一個文字特效，可以讓文字左右上下移動，其中把direction換成(UP，DOWN，Left，Right)就可以改變文字的移動方向了。
5.至此已經做出了一個有框架的HTML頁面，下面我們要在上框架(top.htm)上加入一個Banner。 Banner可以做一些JavaScript動態效果，動態交換效果具體程式碼可以去Top.Htm頁面的源碼裡查看，筆者在此只給出關鍵代碼：
bannerAD[0]=pic173.gif;
bannerADlink[0]=http://www.sina.com;
bannerAD[1]=pic1732.gif;
bannerADlink[1]=http://www.sohu.com;
程式碼解釋：如上給出的是一個JavaScript數組，bannerAD存放的是圖片，bannerADlink存放的是單擊圖片後的鏈接，可以根據自己的需要加減圖片。
6.繼續為右邊框架的超連結做頁面，具體內容可以自己設定。選擇“檔案”選單，點擊“新建”，選擇HTML建立一系列頁面，頁面的名稱要與插入連結時寫的名稱一致。筆者在原始文件裡做了兩個例子（最新消息和人氣明星），讀者朋友可以自己嘗試加入更多內容。這樣，一個HTML網站的雛形就製作好了，如圖4所示是該頁面的最終效果。
動態效果在截圖中體現在不出來，讀者可以直接在IE開啟來源檔案中的Index.htm，開啟後會有提示，點選右鍵就會跳出「允許封鎖內容」的提示選單（如圖5）。
總結：本期我們介紹的是如何用Dreamweaver做一個簡單的HTML站點，裡面用到了部分JavaScript、HTML框架、超連結等技術。另外上面我們看到的出現封鎖內容的提示，是因為沒有把網頁發佈到網站上。在下期，筆者將帶給大家更精彩的內容。