以Dreamweaver CS軟件為依托，以建立一個網站為實例過程，系統地介紹網頁的設計與制作過程。本教材對文字、圖像、超鏈接、樣式、行為、AP元素和表單等網頁元素的含義及應用進行了詳細的講解，并且加入Dreamweaver與Fireworks、Flash的整合應用，最后介紹網站的管理方法和上傳步驟。
《網頁制作基礎教程（Dreamweaver CS3版）》從基礎知識和基本操作入手，循序漸進，直觀明了地闡述了各知識點，并配有大量的圖片和實例，使讀者在《網頁制作基礎教程（Dreamweaver CS3版）》的指導下能夠自己建立簡單的網站，制作和維護網頁，尤其是制作動態網頁，并學會申請空間和上傳網頁。
《網頁制作基礎教程（Dreamweaver CS3版）》是中等職業學校的教材，兼顧了目前中等職業教育的幾種辦學模式（中專、職高、技校）的特點和差異，淡化了各類中等職業學校的界限，可以作為上述幾類中等職業學校的教材，也可以作為具有中等文化程度的學生、計算機愛好者和工程技術人員自學的參考教材。
《網頁制作基礎教程（Dreamweaver CS3版）》還配有電子教學參考資料包（包括電子教案、教學指南及習題答案）。
本教材適應中等職業教育課程改革的需要，特別是面向學分制的模塊式課程和綜合化課程的需要，并增強了課程的靈活性、適用性和實踐性。本教材的體系采用模塊化結構、單元組合、任務驅動的模式，在每個單元學完后能掌握部分基本知識，學會一些操作技能，最后完成一個具體任務；通過將幾個單元形成一個模塊，將幾個小任務組合成一個大任務，并以完成任務為手段，實現教學目標。
本教材既兼顧目前中等職業教育的幾種辦學模式（中專、職高、技校）的特點和差異，又淡化了各類中等職業學校的界限。將培養目標統一定位在“具有綜合職業能力，在生產、服務、技術和管理第一線工作的高素質勞動者及初、中級專門人才”上，淡化“技術員”和“操作工人”的界限。
本教材的知識和技能體系按照由淺入深、先易后難的原則，采用雙重模塊結構，增強了課程的靈活性和適用性。教材設計為5個模塊，分別是網頁制作前的準備、網頁布局與規劃、網頁的編輯、服務器的配置，以及網頁的管理與上傳。其中前4個模塊為基礎模塊，要求開設該課程的學校必須完成這些模塊的教學；網頁的管理與上傳為選修模塊，可以根據地區和學校的實際情況酌情選用。
本課程的參考教學時數為72學時。全書共分10章。第1章，網站的建立；第2章，網頁的布局；第3章，網頁的編輯；第4章，超鏈接的創建與管理；第5章，樣式表與行為；第6章，AP元素和時間軸；第7章，表單的使用；第8章，圖像和動畫的制作與優化；第9章，網頁的管理；第10章，網頁的上傳。其中，第1～4、9、10章為本書的重點。
本教材由黃洪杰、王軍擔任主編，田敏老師任副主編，青島科技大學的周新老師和青島外事學校的王鈺等老師參加了本書的編寫工作。史建軍老師審閱了全書。
編者意在奉獻給讀者一本實用并具有特色的教材，但由于水平有限，難免有不妥之處，敬請廣大師生和讀者批評指正。
為了方便教師教學，本書還配有教學指南、電子教案及習題答案（電子版）。請有此需要的教師登錄華信教育資源網免費注冊后再進行下載，有問題時請在網站留言板留言或與電子工業出版社聯系。
收起全部↑
第1章 網站的建立
1.1 網頁與制作工具
1.1.1 網頁與網站
1.1.2 HTML
1.1.3 網頁制作工具
1.2 使用Dreamweaver建立網站
1.2.1 Dreamweaver概述
1.2.2 建立網站前的準備工作
1.2.3 建立空站點
1.2.4 在網站中添加網頁
1.2.5 更改網頁文件名
1.3 創建站點地圖
1.3.1 制作站點地圖
1.3.2 在站點地圖中更改網頁標題
1.3.3 退出Dreamweaver
習題
第2章 網頁的布局
2.1 網頁布局實例
2.1.1 網站的風格
2.1.2 網頁布局實例
2.1.3 網頁布局注意事項
2.1.4 畫出網頁布局草圖
2.2 使用表格
2.2.1 在網頁中插入表格
2.2.2 制作不規則表格
2.2.3 合并與拆分單元格
2.2.4 表格的嵌套
2.2.5 設置表格框線
2.2.6 使用表格規劃網頁布局
2.3 在布局模式下繪制布局表格
2.3.1 布局模式
2.3.2 在布局模式下規劃網頁布局
2.4 使用框架
2.4.1 框架概述
2.4.2 框架的建立與保存
2.4.3 設置框架
2.4.4 使用框架規劃網頁布局
習題
第3章 網頁的編輯
3.1 字體與段落的設置
3.1.1 字體與字號
3.1.2 文字的對齊方式
3.1.3 文字的風格與顏色
3.1.4 段首縮進與行間距
3.2 美化網頁
3.2.1 插入水平線
3.2.2 插入圖片
3.2.3 設置圖片
3.2.4 添加網頁背景
3.2.5 設置表格背景
習題
第4章 超鏈接的創建與管理
4.1 創建文本超鏈接
4.1.1 創建網站內文本超鏈接
4.1.2 創建網站外文本超鏈接
4.1.3 創建電子郵件超鏈接
4.1.4 修改超鏈接
4.1.5 創建重新打開一個窗口的超鏈接
4.2 創建圖片超鏈接
4.2.1 創建整個圖片超鏈接
4.2.2 創建圖片熱區超鏈接
4.3 使用Flash動態文本超鏈接
4.3.1 使用Flash文本創建超鏈接
4.3.2 使用Flash按鈕創建超鏈接
4.4 創建網頁書簽
4.4.1 網頁書簽
4.4.2 制作網頁書簽
習題
第5章 樣式表與行為
5.1 使用樣式表
5.1.1 樣式表及其分類
5.1.2 使用CSS增大行間距
5.1.3 使用CSS去掉超鏈接下畫線
5.2 行為及其簡單應用
5.2.1 行為
5.2.2 使用行為為網頁添加背景音樂
5.2.3 使用行為彈出對話框
5.2.4 使用行為彈出網頁窗口
習題5
第6章 AP元素和時間軸
6.1 使用AP元素
6.1.1 AP元素的作用
6.1.2 使用AP元素規劃布局實現圖文混排
6.2 AP元素與時間軸配合使用的動態效果
6.2.1 時間軸
6.2.2 實現文字跑馬燈效果
6.2.3 實現幻燈片效果
6.2.4 創建頁面浮動廣告
習題6
第7章 表單的使用
7.1 創建表單網頁
7.1.1 表單域
7.1.2 單行文本框
7.1.3 滾動文本框
7.1.4 單選按鈕
7.1.5 復選框
7.1.6 列表/菜單
7.1.7 按鈕
7.2 設置Web服務器
7.2.1 Web服務器概述
7.2.2 安裝與設置IIS
7.3 創建留言簿
7.3.1 更改站點設置
7.3.2 完善留言簿表單欄目
7.3.3 提交表單信息
7.4 驗證表單內容
習題7
第8章 圖像和動畫的制作與優化
8.1 圖像的制作與優化
8.1.1 Fireworks簡介
8.1.2 Fireworks中圖片的制作
8.1.3 Fireworks中圖片的優化
8.1.4 Fireworks與Dreamweaver整合應用
8.2 動畫的制作與優化
8.2.1 Flash簡介
8.2.2 使用Flash制作補間動畫
8.2.3 使用Flash制作逐幀動畫
8.2.4 Flash與Dreamweaver整合應用
習題8
第9章 網頁的管理
9.1 網站中文件的管理
9.1.1 網站中文件的整理
9.1.2 網頁文件的管理
9.2 網站域名和空間的管理
9.2.1 注冊域名
9.2.2 選擇存放網站的服務商
9.2.3 申請網頁空間
習題9
第10章 網頁的上傳
10.1 在Dreamweaver中上傳網頁
10.1.1 配置服務器信息
10.1.2 上傳網頁
10.1.3 瀏覽上傳的網頁
10.1.4 更新網站中的文件
10.2 使用FTP軟件上傳網頁
10.2.1 配置站點信息
10.2.2 上傳網頁
10.2.3 使用FTP軟件續傳網頁
習題10
附錄A 常用網站地址一覽表
A.1 搜索引擎
A.2 中文熱門網點
A.3 網上博物館
A.4 網上教育
A.5 網上圖書館
A.6 網上報刊
A.7 影視網址
A.8 網上旅游
A.9 網上體育
A.10 中國高校網址
WWW瀏覽之所以如此流行，一個重要的原因是超鏈接這一概念的存在。超鏈接允許我們從自己的頁面出發直接指向Internet上存在的任何一個其他頁面，或者說，在一臺計算機上可以打開Internet上成千上萬的網頁文件。
根據鏈接的范圍，超鏈接可以分為內部超鏈接、外部超鏈接和錨記超鏈接。內部超鏈接是指打開的超鏈接對象在本網站內；外部超鏈接是指打開的超鏈接對象在WWW的其他網站中：而錨記超鏈接可以鏈接到同一網頁中的不同位置，也稱為書簽。根據建立超鏈接的不同對象，超鏈接又可以分為文本超鏈接和圖片超鏈接。
文本超鏈接是最基本的一種超鏈接，在早期的網頁制作過程中常常使用文本超鏈接。其特征是關鍵詞呈藍色，而且帶有下畫線。現在，隨著寬帶技術的普及，特別是網頁制作技術的發展，那種藍色帶有下畫線的超鏈接關鍵詞已經少多了。
在瀏覽網頁的時候，特別是使用手機上網，或者瀏覽網絡小說時，常常會看到一些藍色帶下畫線的文字，將鼠標移動到這些文字上時，鼠標指針變成手形，單擊鼠標會打開另一個網頁。這個鏈接就是一個文本超鏈接，帶下畫線的文字稱為熱區文本。
創建文本超鏈接的一項重要工作就是選擇合適的熱區文本。下面講解如何選擇熱區文本，并設置超鏈接。
首先，打開各個網頁，輸入相關內容并保存。然后在網頁“.index.htm”中選中“每周一星”這幾個字，將其作為建立超鏈接的熱區文本。
新書資訊