以下是一個基于Dreamweaver（DW）的網頁制作實例教程，涵蓋從基礎設置到內容編輯的關鍵步驟：

一、前期準備與站點設置

1. 創建站點文件夾
   在任意根目錄（如E盤）下新建文件夾（命名為MyWeb），用于存儲網站文件。建議文件名使用英文。

2. 定義站點

   • 打開Dreamweaver，點擊“站點”→“新建站點”。
   • 在站點名稱中輸入名稱（可用中文），在本地根文件夾中選擇剛創建的E:\MyWeb文件夾。

二、頁面創建與基礎設置

1. 新建HTML文件
   • 點擊“文件”→“新建”→“常規”→“基本頁”→“HTML”，創建默認HTML文件。
   • 默認文件名為untitled.htm，建議重命名為index.htm（網站首頁常用名）。
2. 頁面屬性設置
   • 雙擊index.htm進入編輯狀態，在標題欄輸入網頁名稱。
   • 右鍵選擇“頁面屬性”，設置標題、背景顏色/圖像、超鏈接顏色等。

三、內容編輯與格式設置

1. 文字處理
   • 將光標置于頁面左上角，輸入歡迎語（如“歡迎來到我的主頁”）。
   • 選中文字，通過“窗口”→“屬性”設置文字大小為6，居中顯示。
2. 字體設置
   • 默認字體為宋體，避免使用特殊字體（用戶電腦可能未安裝）。
   • 如需特殊字體，建議將其制作成圖片插入。
3. 空格與換行
   • 輸入空格：將輸入法調為全角模式。
   • 換行：按Shift+Enter（換行）；按Enter（換段）。

四、圖片插入與屬性設置

1. 創建圖片文件夾
   • 在E:\MyWeb下新建文件夾（命名為images），用于存儲圖片。
2. 插入圖片
   • 點擊“插入”→“圖像”，選擇圖片文件并保存到images文件夾。
   • 選中圖片，通過屬性面板設置名稱、高寬、對齊方式等。
   • 按住Shift鍵拖動角點可保持寬高比例。

五、超鏈接創建

1. 文字鏈接
   • 選中需要鏈接的文字（如“文章”），在屬性面板的“鏈接”欄中選擇目標頁面。
   • 設置“目標”為_self（當前窗口打開）或_blank（新窗口打開）。
2. 圖片鏈接
   • 插入圖片后，在屬性面板的“鏈接”欄中選擇目標頁面。
   • 可為圖片設置多個熱區（如方形、圓形），分別設置不同鏈接。
3. E-mail鏈接
   • 選中文字或圖片，在屬性面板的“鏈接”欄輸入mailto:郵件地址（無空格）。

六、表格插入與布局

1. 插入表格
   • 點擊“插入”→“表格”，設置行數、列數、寬度、邊框等。
   • 單元格填充：單元格內側與內容的距離；單元格間距：單元格之間的距離。
2. 表格屬性設置
   • 選中表格，在屬性面板中設置背景色、對齊方式等。
   • 選中單元格，可設置背景色、邊框、合并/拆分單元格等。

七、完整頁面構建示例

1. 網頁頂部
   • 創建1行2列、寬760像素的表格，設置背景色為#3366CC。
   • 左邊單元格插入網站圖標（logo），右邊單元格插入廣告（banner）。
2. 導航條
   • 在頂部表格下方插入1行1列、寬760像素的表格，設置背景色為#005173。
   • 插入導航條圖像。
3. 主體內容
   • 插入1行3列、寬760像素的表格，設置背景色為#FFFFFF。
   • 左邊單元格插入導航條圖片，中間單元格插入主要內容，右邊單元格插入其他導航條。

八、保存與預覽

1. 保存文件
   • 點擊“文件”→“保存”，將文件保存到E:\MyWeb文件夾。
2. 預覽網頁
   • 點擊“文檔”工具欄上的“在瀏覽器中預覽/調試”按鈕，選擇瀏覽器預覽。
   • 或按F12鍵預覽。

域名頻道百搭云建站系統是域名頻道推出的全新基于云計算技術的PC網站+手機網站+微信+APP+微信小程序五站合一的智能自助建站系統，有近三千套建站模板，不管生產類企業網站模板，還是其它個人類型網站建設，能適配各行各業，自己選擇合適的網站模板，不會設計也可以做出精美網站。系統擁有文章、產品、營銷、統計等豐富功能，滿足您所有需求；五站同源，網站數據統一管理；一次制作，多端適配，讓你輕輕松松制作代刷網網站。讓更多人看到你的站點，實時預覽醫療網站建設效果！所見即所得的操作方式，無需專業技術，不用解碼，可自由添加組件，拖拽式操作，想怎么搭，就怎么搭！百搭云建站詳情點擊鏈接http://www.tom51.com/web/

中國大型網站空間服務商專業專注服務十余年，數萬客戶的合作伙伴。
域名頻道云建站，讓建站更簡單,PC+手機+微信+APP+微信小程序五站合一，多端適配，讓更多人看到你的網站！
域名頻道經過多年的運營經驗精心打造出高端的虛擬主機，穩定的國內虛擬主機，空間支持綁定多個域名，擁有多線路自由選擇、數據分發到高速節點，讓網站訪問速度順暢。
域名頻道微官網，開啟指尖上的營銷新時代,玩轉微營銷 省時省心省力。詳情點擊http://http://www.tom51.com/web/weigy.asp