dw網(wǎng)頁制作實(shí)例教程

以下是一個(gè)基于Dreamweaver（DW）的網(wǎng)頁制作實(shí)例教程，涵蓋從基礎(chǔ)設(shè)置到內(nèi)容編輯的關(guān)鍵步驟：

一、前期準(zhǔn)備與站點(diǎn)設(shè)置

1. 創(chuàng)建站點(diǎn)文件夾
   在任意根目錄（如E盤）下新建文件夾（命名為MyWeb），用于存儲(chǔ)網(wǎng)站文件。建議文件名使用英文。

2. 定義站點(diǎn)

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

二、頁面創(chuàng)建與基礎(chǔ)設(shè)置

1. 新建HTML文件
   • 點(diǎn)擊“文件”→“新建”→“常規(guī)”→“基本頁”→“HTML”，創(chuàng)建默認(rèn)HTML文件。
   • 默認(rèn)文件名為untitled.htm，建議重命名為index.htm（網(wǎng)站首頁常用名）。
2. 頁面屬性設(shè)置
   • 雙擊index.htm進(jìn)入編輯狀態(tài)，在標(biāo)題欄輸入網(wǎng)頁名稱。
   • 右鍵選擇“頁面屬性”，設(shè)置標(biāo)題、背景顏色/圖像、超鏈接顏色等。

三、內(nèi)容編輯與格式設(shè)置

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

四、圖片插入與屬性設(shè)置

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

五、超鏈接創(chuàng)建

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

六、表格插入與布局

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

七、完整頁面構(gòu)建示例

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

八、保存與預(yù)覽

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

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

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