《網頁設計與制作基礎教程(第3版)》第十三章制作ASP動態網頁:::::《計算機基礎與實訓教材系列》系列叢書官方網站edu:::::學習目標

在本書前面的章節中已經介紹了動態網頁的基礎知識，例如使用表單創建交互式網頁、架設ASP動態網站服務器以及創建與運行簡單ASP應用程序等，還略帶介紹欄服務器行為。本章將重點介紹在DreamweaverCC中制作ASP動態網頁的具體方法，幫助用戶進一步掌握動態網頁設計與制作的相關知識。:::::《計算機基礎與實訓教材系列》系列叢書官方網站edu:::::本章重點

設計Access數據庫

連接數據庫

添加服務器行為:::::《計算機基礎與實訓教材系列》系列叢書官方網站edu:::::13.1設計Access數據庫

數據庫的主要功能是存儲與管理數據，在目前市面上存在的多種形式的數據庫產品中，關系型數據庫最受歡迎并被廣泛使用。該類數據庫將數據按類別存儲在各種數據表中，并且通過數據表之間的關聯進行數據的調整和搜索等維護操作。

Access數據庫的基本操作Access數據庫的基礎知識:::::《計算機基礎與實訓教材系列》系列叢書官方網站edu:::::13.1.1Access數據庫的基本操作

Access數據庫是目前比較流行的數據庫管理系統，它是一個運行在Windows系統環境下的桌面關系型數據庫，也是Office的組件之一。下面將圍繞幾個與創建Access數據庫相關的問題進行講述，以便用戶對該數據庫的應用有個概括的了解。

認識Access數據庫界面創建Access數據庫:::::《計算機基礎與實訓教材系列》系列叢書官方網站edu:::::13.1.2Access數據庫的基礎知識

本節將以【例13-1】創建的數據庫db1為基礎，介紹組成Access數據庫的各個部分的結構及功能，包括數據庫結構、數據表結構、數據內容和字段索引等內容。

數據庫結構數據表結構

數據內容

字段索引:::::《計算機基礎與實訓教材系列》系列叢書官方網站edu:::::13.2連接數據庫

要在動態網頁中使用數據庫，就需要創建一個指向該數據庫的連接。在Windows系統中，ODBC的連接主要是通過ODBC數據庫資源管理器來完成的。

DNS結構定義系統DNS

創建系統DNS連接:::::《計算機基礎與實訓教材系列》系列叢書官方網站edu:::::13.3定義記錄集

記錄集是根據查詢關鍵字在數據庫中查詢得到的數據庫中記錄的子集。查詢根據搜索準則，這些準則決定了包含在記錄集中的內容。

定義簡單記錄集

定義高級記錄集:::::《計算機基礎與實訓教材系列》系列叢書官方網站edu:::::13.4綁定動態數據

用戶在Dreamweaver中定義的數據源都會在“綁定”面板中顯示，綁定動態數據，就是將定義好的數據源綁定到頁面上，這樣可以將動態數據源綁定到頁面中的任何位置。

綁定動態文本數據

設置動態文本數據:::::《計算機基礎與實訓教材系列》系列叢書官方網站edu:::::13.5添加服務器行為

服務器行為是一些常用的可定制的Web應用代碼模塊。在前面章節的進階練習中添加了“插入記錄”服務器行為，下面將主要介紹Dreamweaver中的常用服務器行為。

“重復區域”行為

“記錄集分頁”行為

“顯示區域”行為

“轉到詳細頁面”行為

“轉到相關頁面”行為

“插入記錄”行為

“更新記錄”行為

“刪除記錄”行為

“登錄用戶”行為

“限制對頁面的訪問”行為

“注銷用戶”行為

“檢查新用戶名”行為:::::《計算機基礎與實訓教材系列》系列叢書官方網站edu:::::1.1.2網頁的布局結構

結構化布局是最基本的網頁布局之一，其特點是將網頁的各種結構模塊進行平面排列，以構成整個網頁。在設計網頁布局的過程中，應遵循對稱平衡、異常平衡、對比、凝視和空白等原則。一般情況下，網頁的常見布局有以下幾種結構。

π型網頁布局

T型網頁布局三型網頁布局

Flash網頁布局:::::《計算機基礎與實訓教材系列》系列叢書官方網站edu:::::1.1.3網頁的制作流程

在制作網站時，首先應考慮網站的主題，然后根據主題來制作演示圖板，并準備各個網頁上要插入的文字、圖像、多媒體文件等所需元素，這些都準備好后就可以開始制作網頁了。下面將介紹網頁的制作流程。

網站的策劃階段

網站制作的準備階段

網頁制作與上傳階段:::::《計算機基礎與實訓教材系列》系列叢書官方網站edu:::::1.2DreamweaverCC簡介

DreamweaverCreativeCloud(CC)是一款可視的網頁制作與編輯軟件，它可以針對網絡及移動平臺設計、開發并發布網頁。DreamweaverCC提供直覺式的視覺效果界面，可用于建立及編輯網站，并與最新的網絡標準相兼容（同時對HTML5/CSS3和jQuery提供支持）。本節將詳細介紹DreamweaverCC的工作界面和基本操作，幫助用戶初步了解該軟件的使用方法。

DreamweaverCC工作界面

DreamweaverCC基本操作:::::《計算機基礎與實訓教材系列》系列叢書官方網站edu:::::1.2.1DreamweaverCC工作界面

DreamweaverCC的工作界面效果秉承欄Dreamweaver系列軟件產品一貫簡潔、高效和易用的特點，軟件的多數功能都能在功能界面中非常方便地找到。:::::《計算機基礎與實訓教材系列》系列叢書官方網站edu:::::1.2.2DreamweaverCC基本操作

使用DreamweaverCC編輯網頁之前，用戶應掌握該軟件的基本操作方法，例如創建網頁、保存網頁、打開網頁、設置網頁屬性以及預覽網頁的效果等。

創建新網頁

打開網頁文檔

設置網頁文檔

預覽網頁效果

保存網頁文檔:::::《計算機基礎與實訓教材系列》系列叢書官方網站edu:::::1.3創建與設置站點

在Dreamweaver中，用戶可以創建本地站點，本地站點是本地計算機中創建的站點，其所有的內容都保存在本地計算機硬盤上，本地計算機可以被看成是網絡中的站點服務器。本節將通過實例操作，詳細介紹在本地計算機上創建與管理站點的方法。站點簡介規劃站點

創建本地站點

設置本地站點

創建網站文件:::::《計算機基礎與實訓教材系列》系列叢書官方網站edu:::::1.3.1站點簡介

互聯網中包括無數的網站和客戶端瀏覽器，網站宿主于網站服務器中，它通過存儲和解析網頁的內容，向各種客戶端瀏覽器提供信息瀏覽服務。通過客戶端瀏覽器打開網站中的某個網頁時，網站服務軟件會在完成對網頁內容的解析工作后，將解析的結構回饋給網絡中要求訪問該網頁的瀏覽器。:::::《計算機基礎與實訓教材系列》系列叢書官方網站edu:::::1.3.2規劃站點

用戶在規劃網站時，應明確網站的主題，并搜集所需要的相關信息。規劃站點指的是規劃站點的結構，完成站點的規劃后，在創建站點時用戶既可以創建一個網站，也可以創建一個本地網頁文件的存儲地址。

設計網站目錄結構

設計網站鏈接結構:::::《計算機基礎與實訓教材系列》系列叢書官方網站edu:::::1.3.3創建本地站點

在網絡中創建網站之前，一般需要在本地計算機上將整個網站完成，然后再將站點上傳到網站Web服務器上。在Dreamweaver軟件中，創建站點既可以使用軟件提供的向導創建，也可以使用高級面板創建。

通過向導創建本地站點

使用高級面板創建站點:::::《計算機基礎與實訓教材系列》系列叢書官方網站edu:::::1.3.4設置本地站點

在Dreamweaver中完成本地站點的創建后，用戶可以選擇【站點】|【管理站點】命令，打開【管理站點】對話框，并利用該對話框中的工具欄對站點進行一系列的編輯操作，例如重新編輯當前選定的站點、復制、導出或刪除站點等。:::::《計算機基礎與實訓教材系列》系列叢書官方網站edu:::::1.3.5創建網站文件

成功創建Dreamweaver本地站點后，用戶可以根據需要創建各欄目文件夾和文件，對于創建好的站點也可以進行再次編輯，或復制與刪除這些站點。

創建站點文件與文件夾

重命名站點文件與文件夾

刪除站點文件與文件夾:::::《計算機基礎與實訓教材系列》系列叢書官方網站edu:::::1.4設置DreamweaverCC視圖

在DreamweaverCC中，軟件提供了“設計”、“代碼”、“拆分”、“實時視圖”等多種視圖模式，可以幫助設計者隨時查看網頁的設計效果和相應代碼的對應狀態。除此之外，在“設計”視圖中，用戶還可以使用“標尺”和“網絡”功能，精確定位網頁中的各種頁面元素。切換【文檔】視圖使用可視化助理:::::《計算機基礎與實訓教材系列》系列叢書官方網站edu:::::1.4.1切換【文檔】視圖

DreamweaverCC文檔窗口顯示欄當前文檔，選擇【查看】命令，在文檔視圖下拉菜單中，用戶可以【設計】、【代碼】、【拆分】、【實時視圖】等視圖模式，其各自的功能如下。

設計視圖

代碼視圖

代碼視圖

實時視圖

實時代碼模式

檢查模式:::::《計算機基礎與實訓教材系列》系列叢書官方網站edu:::::1.4.2可視化助理

DreamweaverCC提供了【標尺】和【網格】功能，用于輔助設計網頁文檔。【標尺】功能可以輔助測量、組織和規劃布局；【網格】功能可以絕對定位的網頁元素在移動時自動靠齊網格，還可以通過指定網格設置更改網格或控制靠齊行為。

使用【標尺】功能

使