【正文】 多個表中提取的數(shù)據(jù)子集稱為記錄集?！　　　　粋€數(shù)據(jù)庫可包含多個表，每個表具有唯一的名稱。關(guān)系數(shù)據(jù)庫正式利用這種二維表格的形式來描述和管理程序中的數(shù)據(jù)的。數(shù)據(jù)庫技術(shù)是目前使用最廣泛的數(shù)據(jù)存儲和管理技術(shù)，它在大量以數(shù)據(jù)處理為主的程序中起舉足輕重的作用。以ASP技術(shù)為例，動態(tài)站點(diǎn)的一般實(shí)現(xiàn)原理如圖2所示。那么什么是靜態(tài)站點(diǎn)？什么又是動態(tài)站點(diǎn)呢？還是簡單的說明一下： 　　▲靜態(tài)站點(diǎn)和動態(tài)站點(diǎn)概述　　△所謂“靜態(tài)”指的就是網(wǎng)站的網(wǎng)頁內(nèi)容“固定不變”，當(dāng)用戶瀏覽器通過互聯(lián)網(wǎng)的HTTP協(xié)議向WEB服務(wù)器請求提供網(wǎng)頁內(nèi)容時，服務(wù)器僅僅是將原已設(shè)計(jì)好的靜態(tài)HTML文檔傳送給用戶瀏覽器?？梢栽趯傩悦姘逋瓿梢陨喜僮鳎鐖D4所示?！　　　‖F(xiàn)在是最關(guān)鍵的操作?；蛘咴贒reamweaver MX中單擊插入欄中的 按鈕插入Fireworks HTML。這里特別要注意③、④兩個切片的切割，它們的寬度應(yīng)一致（10像素）。大致包括3部分：頁面頭圖片、表格框、頁面尾圖片。我們就學(xué)習(xí)這個頁面是怎樣畫出來的。好了，別酸了，還是討論我們的課程吧…… 　　這次課定位在“畫”網(wǎng)頁，一個畫字給了我們更大的設(shè)計(jì)空間！網(wǎng)頁可以畫出來？那當(dāng)然。 第七課這個教程的上篇到本課就要結(jié)束了。　　　　　　圖7 文件頭meta標(biāo)簽屬性　　單擊圖7所示的“關(guān)鍵字屬性”按鈕，在彈出的關(guān)鍵字設(shè)置對話框的關(guān)鍵字文本框中輸入站點(diǎn)的關(guān)鍵字。改這里：var message = 嘿嘿，右鍵不能拿我的東西！?！　　　⒐鈽?biāo)定位在 script language=JavaScript type=text/JavaScript 與 /script 之間。這里就是我們將要插入JavaScript腳本代碼的地方。　　　　　　圖4 打開瀏覽器窗口的外觀參數(shù)的定義　　　行為面板是個很重要的面板，我們在創(chuàng)建頁面效果時會經(jīng)常用到它，它里面有很多常見的效果的定義?！　　　　　D3 行為面板——定義行為　　　在出現(xiàn)的彈出信息對話框的信息文本框中輸入想彈出的提示信息。這兩個效果都是通過在行為面板中定義頁面載入時的行為而實(shí)現(xiàn)的?！　　　螕舻?0幀，然后將頁面文檔中的層水平向右移動合適的距離如圖2所示。默認(rèn)的情況是插入的動畫長度為15幀，相應(yīng)的層名（Layer1）顯示在該動畫欄中，并且在動畫欄的兩端自動加入了兩個關(guān)鍵幀。在層中輸入需要的字幕文字?！　?小字報(bào)：今天留言板的最多的問題是這個教程共有幾課？　　看到上面這個滾動字幕的效果了吧，它是通過在Dreamweaver時間軸面板中定義層的移動動畫來實(shí)現(xiàn)的。掌握了這些技術(shù)，我們設(shè)計(jì)一般的靜態(tài)站點(diǎn)應(yīng)該是沒有問題了。　　　　如圖7所示，單擊插入欄中的插入Fireworks HTML命令可以實(shí)現(xiàn)Fireworks HTML文檔的插入?！　　、鄯謩e定義每個單元格中的文本或者圖像的超級鏈接?！　　　　　D5 插入導(dǎo)航條對話框　　　在如圖5所示的插入導(dǎo)航條對話框中，我們要定義5個導(dǎo)航項(xiàng)目，將來得到的是5個水平排列的導(dǎo)航按鈕。在其中瀏覽選擇需要插入的flash動畫文件。　　　　△5組共10個寬91像素、高30像素的圖像文件（daohang*_*），在Fireworks MX制作完成。將頁面頂部的表格重新拆分調(diào)整為如圖1所示的效果。如果你的站點(diǎn)導(dǎo)航系統(tǒng)設(shè)計(jì)得好，訪問你的網(wǎng)站的用戶就會感到特別方便，反之，用戶會感到無所適從?！　　　　　D14 代碼視圖下CSS樣式表模板的內(nèi)容　　　我們可以直接在CSS樣式表模板的代碼視圖下直接對它的內(nèi)容進(jìn)行編輯，也可以把它附加到某一個頁面文檔以后再在CSS樣式面板的編輯視圖下對它進(jìn)行編輯。　　　　　　圖12 鏈接外部樣式表　　　在圖12所示的鏈接外部樣式表中瀏覽找到要附加的CSS樣式表文件以后，單擊“確定”按鈕就完成了將一個外部CSS樣式表附加到頁面文檔的操作，我們在CSS樣式表面板的編輯視圖下就可以看到附加的樣式表，如圖11所示。　　　　▲附加外部樣式表　　　上面我們建立了一個外部CSS樣式表文件（*.css），這個外部CSS樣式文件自動附加到定義它的頁面文檔中了。也可參看圖4?！　　　　　D8 保存外部樣式表對話框　　　完成圖8的設(shè)置并單擊保存按鈕后，會彈出body的CSS樣式定義對話框，如圖4所示，請按照圖4進(jìn)行設(shè)置?！　　　　x外部CSS樣式表文件　　打開CSS樣式面板，單擊右下角的新建樣式按鈕 ，則彈出新建樣式對話框，如圖7所示?！　　　　:visited　超級鏈接文字訪問過以后的外觀屬性　　　　a:hover　當(dāng)鼠標(biāo)經(jīng)過超級鏈接文字時的外觀屬性　　　●經(jīng)過前面對body和a標(biāo)簽的屬性重新定義以后，定義的CSS樣式會自動套用到頁面的元素上。只設(shè)置“修飾”和“顏色”，其它不設(shè)置?！　　　　　D4 body屬性樣式設(shè)置——類型屬性　　　▲重新定義文本超級鏈接屬性樣式　　　打開CSS樣式面板，選擇編輯樣式面板視圖?！　　　　囟xhtml標(biāo)簽body的屬性樣式　　　打開CSS樣式面板，選擇編輯樣式面板視圖。該窗格中不顯示重定義的HTML樣式和選擇器樣式。選擇執(zhí)行“窗口/CSS樣式”命令可以打開“CSS樣式面板”，如圖1所示。除了設(shè)置文本格式外，還可以控制網(wǎng)頁中塊級別元素的格式和定位。使用CSS樣式可以非常靈活并更好地控制確切的網(wǎng)頁外觀，從精確的布局定位到特定的字體和樣式。咣當(dāng)！字大了，段落也亂了！怎么這個效果啊！　　　　在頁面的編輯過程中，每次按Enter（回車）鍵是一個新段落的開始，但段落間的距離怎么那么大??？也找不到控制距離的命令?！　　帽砀癫季猪撁媸窃O(shè)計(jì)網(wǎng)頁的基礎(chǔ)，表格的布局是很靈活的，大家要多練習(xí)，嘗試不同的布局變化，這樣才能找到和掌握更多的規(guī)律。如圖5是創(chuàng)建層和在層面板管理層的示意圖?！　　笤趯傩悦姘逯苯虞斎雴卧竦膶捄透?，來精確的控制調(diào)整單元格的大小。　　◇基于像素的表格被設(shè)置為某個特定寬度，并且不會隨著瀏覽器窗口大小的改變而改變?！　、谠诒砀裰械娜我庖粋€單元格單擊鼠標(biāo)，然后在標(biāo)簽檢查器選擇相應(yīng)的標(biāo)簽，以實(shí)現(xiàn)選中表格或者單元格的目的，如圖4所示。這些都是對表格的編輯。單擊繪制布局表格或單元格按鈕以后就可以用鼠標(biāo)直接繪制了?！　　　　　D2 插入表格和定義表格　　　在本例中我們插入兩個表格：一個是1行1列，寬度是755像素?！　　　?chuàng)建表格　　在Dreamweaver MX中創(chuàng)建表格有兩種模式，一種是在標(biāo)準(zhǔn)視圖下插入表格，一種是在布局視圖下直接畫表格。所以它的類型是動態(tài)腳本頁面文檔，文件擴(kuò)展名是asp。除了表格布局，利用層布局頁面也是一種選擇。文件名：?！　〔迦氲乃骄€默認(rèn)是灰色的，要更改它的顏色，我們需要這樣操作：　　選中水平線，切換到代碼視圖。然后找到要插入的圖像文件?！　　耜P(guān)于段落：每按一次Enter（回車）鍵就代表一個新段落的開始。具體的屬性設(shè)置可以在屬性面板中實(shí)現(xiàn)?！　?zhí)行“文件/新建”命令，在彈出的新建文檔對話框中選擇“基本頁/html”，然后單擊“創(chuàng)建”按鈕，如圖5所示。下載　　按照上面的步驟把站點(diǎn)中的資源文件部署好以后，在資源面板中就可以看到我們部署好的相應(yīng)的資源，如圖4所示。下載（rar文件）　　　●留言板系統(tǒng)導(dǎo)航條圖像?！　　　?　　圖3 在站點(diǎn)視圖創(chuàng)建新文件夾　　▲請下載以下資源，并把它們放在相應(yīng)的文件夾中?！　〖僭O(shè)我們的留言板站點(diǎn)的根文件夾路徑為：c:\Inetpub\root\liuyanban\。最后單擊完成按鈕即可。比如是：liuyanban。從這次課開始我們要系統(tǒng)的來學(xué)習(xí)如何創(chuàng)建一個留言板站點(diǎn)?！　?　　　　圖10 圖像和文本間的距離示意圖　圖11 設(shè)置圖像和文本距離　　　保存文件?！　　　　　D8 占位符屬性面板　　　在屬性面板中設(shè)置文本的屬性，由于我們的頁面上的文本實(shí)際上都是在表格中，所以實(shí)際上是設(shè)置表格的單元格屬性，如圖9所示。我們在頁面中看到的是一個圖像占位符，下面我們要用一個具體的圖像替換它。　　　　　　圖7 利用模板創(chuàng)建新文檔示意圖　　　現(xiàn)在我們在頁面編輯區(qū)得到一個新頁面，并且頁面中已包含了一些模板內(nèi)容?！　　瓿烧军c(diǎn)的建立之后，在文件面板中你會看到如圖6所示的類似結(jié)果（本地視圖）。　　▲如果你有遠(yuǎn)程的FTP服務(wù)器空間，在這一步驟可以按照如圖5所示進(jìn)行連接到遠(yuǎn)程服務(wù)器的設(shè)置。然后單擊“確定”?！　　襁x擇標(biāo)有“編輯我的計(jì)算機(jī)上的本地拷貝，完成后再上傳到服務(wù)器（推薦）”的選項(xiàng)。選擇“否”選項(xiàng)指示目前該站點(diǎn)是一個靜態(tài)站點(diǎn)，沒有動態(tài)頁。例如，您可以將站點(diǎn)命名為“mysit”。 　　如果對話框顯示的是“高級”選項(xiàng)卡，則單擊“基本”。僅建議喜歡使用更熟悉的工作區(qū)的 Dreamweaver 4 用戶使用這種布局。Dreamweaver MX建議HomeSite或ColdFusion Studio用戶以及其他需要使用熟悉的工作區(qū)布局的手工編碼人員使用這種布局?！　　　　　D1 選擇工作區(qū)布局對話框　　　●Dreamweaver MX工作區(qū)是一個使用 MDI（多文檔界面）的集成工作區(qū)，其中全部“文檔”窗口和面板被集成在一個更大的應(yīng)用程序窗口中，并將面板組?？吭谟覀?cè)。用DreamWeaver打造留言板第一課在這一課，我們首先討論一下Dreamweaver MX的工作環(huán)境以及如何在我們的本地pws服務(wù)器建立站點(diǎn)和初步管理站點(diǎn)的文件。如圖1是選擇工作區(qū)布局的對話框?！　　馠omeSite/代碼編寫者樣式的Dreamweaver MX工作區(qū)是同樣的集成工作區(qū)，但是將面板組?？吭谧髠?cè)，“文檔”窗口在默認(rèn)情況下顯示“代碼”視圖。面板組停靠在一起，但并不是停靠在一個更大的應(yīng)用程序窗口中。）即會出現(xiàn)“站點(diǎn)定義”對話框。該名稱可以是任何所需的名稱。出現(xiàn)向?qū)У南乱粋€屏幕，詢問您是否要使用服務(wù)器技術(shù)。出現(xiàn)向?qū)У南乱粋€屏幕，詢問您要如何使用您的文件，如圖4所示。隨即會出現(xiàn)“選擇站點(diǎn)的本地根文件夾”對話框，在對話框中瀏覽到本地磁盤上可以存放所有站點(diǎn)的文件夾。從彈出式菜單中選擇“無”。單擊“完成”完成設(shè)置。在此對話框中選擇“常規(guī)/頁面設(shè)計(jì)/文本：文章C”，然后單擊“創(chuàng)建”按鈕，如圖7是示意圖?！　D像進(jìn)行處理。　　●如果圖像還沒有創(chuàng)建，就單擊占位符屬性面板中的創(chuàng)建按鈕，在FireworksMX中創(chuàng)建。我們可以先選中圖像，然后在圖像屬性面板中設(shè)置圖像和文本之間的距離，如圖11所示。 第二課經(jīng)過上一課的學(xué)習(xí)，我們對Dreamweaver MX的工作環(huán)境以及如何創(chuàng)建一個站點(diǎn)和編輯頁面文檔有了一個初步的認(rèn)識。以下是創(chuàng)建步驟：　　執(zhí)行“站點(diǎn)/新建站點(diǎn)”命令，得到建站向?qū)?，在?步中，給你的站點(diǎn)起個名字。　　　　　　圖2 建站向?qū)А军c(diǎn)URL　　以下步驟按照建站向?qū)У哪J(rèn)設(shè)置?！　　?現(xiàn)在我們就在留言板站點(diǎn)根文件夾中創(chuàng)建新文件夾，并把相應(yīng)的資源文件復(fù)制到資源文件夾中?！　“凑者@種方法，先創(chuàng)建兩個文件夾：images（用來放圖像文件）和swf（用來放Flash動畫）。放在images文件夾中。放在swf文件夾中。它用來對我們的留言板系統(tǒng)進(jìn)行說明?！　　　　　D6 定義頁面標(biāo)題　　●輸入頁面文字內(nèi)容并定義它們的字體、顏色等屬性?？梢赃@樣實(shí)現(xiàn)：將中文輸入法切換到“全角”方式，然后連續(xù)按兩次空格，完了以后再切換到“半角”方式進(jìn)行文字內(nèi)容的輸入。用鼠標(biāo)單擊“插入欄”中“常用”標(biāo)簽下的圖像按鈕，如圖8所示。我們還可以在屬性面板設(shè)置它的簡單屬性，但不能直接在屬性面板設(shè)置它的顏色。執(zhí)行“文件/保存”命令，把文檔保存到站點(diǎn)的根目錄下。復(fù)雜的頁面一般都要先用表格布局，我們就從留言板主頁面的表格布局開始學(xué)習(xí)。單擊這里打開頁面效果，具體設(shè)計(jì)步驟如下：　　　　創(chuàng)建主頁面新文檔（）　　　這個主頁面將來是個包含ASP腳本的動態(tài)頁面。 　　　　　　圖1 新建ASP VBScript動態(tài)文檔　　●打開站點(diǎn)面板，在留言板站點(diǎn)本地視圖下面的窗口中右鍵單擊站點(diǎn)名，在彈出的快捷菜單中執(zhí)行“新建文件”命令，然后將文件名的主文件名改為main。Dreamweaver將根據(jù)您在“插入表格”對話框中選擇的選項(xiàng)創(chuàng)建一個表格，如圖2所示。這給了我們更大的靈活性，想一想在頁面上畫表格的滋味吧！　　我們需要在插入欄中切換到布局標(biāo)簽下，并單擊布局視圖，如圖3所示。當(dāng)觀眾在瀏覽器中查看頁面時就不會看到設(shè)計(jì)的基礎(chǔ)結(jié)構(gòu)。用鼠標(biāo)指向表格的邊框或者是內(nèi)部，根據(jù)鼠標(biāo)的狀態(tài)來判斷選中整個表格、某一行還是某個單元格。這在某些情況下會很有用，例如，在調(diào)整窗口大小時確保導(dǎo)航菜單總能顯示。　　●關(guān)于調(diào)整布局單元格大小有兩種方法：　　◇用鼠標(biāo)直接移動到單元格的邊框，拖動鼠標(biāo)調(diào)整單元格的大小。因?yàn)榭梢赃@樣說，你可以將層放在頁面上你想讓它占據(jù)的任何位置。我們可以這樣進(jìn)行層和表格之間的互相轉(zhuǎn)換：執(zhí)行“修改/轉(zhuǎn)換/層到表格”或者“修改/轉(zhuǎn)換/表格到層”就可以實(shí)現(xiàn)層和表格之間的互換了。　　　　在瀏覽器中打開這兩個頁面，然后執(zhí)行瀏覽器中的“查看/文字大小/最大”命令。　　　　一、關(guān)于CSS樣式表　　　層疊樣式表（CSS）是一系列格式規(guī)則，它們控制網(wǎng)頁內(nèi)容的外觀。通過使用CSS樣式和以像素為單位設(shè)置字體大小，可以確保以更一致的方式在多個瀏覽器中處理頁面布局和外觀?！　　　≡贒reamweaver MX中主要通過“CSS樣式面板”創(chuàng)建CSS樣式、查看CSS樣式的屬性以及將CSS樣式應(yīng)用于文檔中的元素?！皯?yīng)用樣式”視圖只顯示自定義（class）樣式?！　　　　　D1 CSS樣式面板