第一篇：dreamweaver中怎樣創(chuàng)建網(wǎng)站相冊(cè)

dreamweaver中怎樣創(chuàng)建網(wǎng)站相冊(cè)

若要?jiǎng)?chuàng)建網(wǎng)站相冊(cè)，請(qǐng)執(zhí)行以下操作：

1.在 Dreamweaver 中，選擇“命令”>“創(chuàng)建網(wǎng)站相冊(cè)”。

2.在“相冊(cè)標(biāo)題”文本框中輸入一個(gè)標(biāo)題。該標(biāo)題將顯如今包含縮略圖地頁(yè)面地頂部地灰色矩形中。

假如需要，能夠在“副標(biāo)信息”和“其它信息”文本框中輸入最多兩行附加文本，該文本將直接在標(biāo)題下顯現(xiàn)。

注意：創(chuàng)建網(wǎng)站相冊(cè)前 確保你的電腦上安裝了 fireworks，命令——?jiǎng)?chuàng)建網(wǎng)絡(luò)相冊(cè)，會(huì)自動(dòng)調(diào)用fireworks,，自動(dòng)生成網(wǎng)頁(yè)

3.單擊“源圖象文件夾”文本框旁地“瀏覽”按鈕，選擇包含源圖象地文件夾。然后單擊“目標(biāo)文件夾”文本框旁地“瀏覽”按鈕，選擇（或創(chuàng)建）一個(gè)目標(biāo)文件夾，用以放置一切導(dǎo)出地圖象和 HTML 文件。

目標(biāo)文件夾不應(yīng)當(dāng)已包含相冊(cè) － 假如已包含相冊(cè)，并且假如任何新圖象與先前使用地圖象同名，則能夠會(huì)覆蓋現(xiàn)有地縮略圖和圖象文件。

4.指定縮略圖圖象地顯現(xiàn)選項(xiàng)：

o 從“縮略圖大小”彈出菜單中選擇縮略圖圖象地大小。圖象將按比例縮放，以創(chuàng)建適宜具有指定象素尺寸地方框地縮略圖。

o 若要在相應(yīng)地縮略圖下顯現(xiàn)每個(gè)原始圖象地文件名，請(qǐng)選擇“顯現(xiàn)文件名”。

o 輸入顯現(xiàn)縮略圖地表地列數(shù)。

5.從“縮略圖格式”彈出菜單中選擇縮略圖圖象地格式：

GIF WebSnap 128 創(chuàng)建 GIF 縮略圖，這些縮略圖使用包含多達(dá) 128 色地 Web 順應(yīng)性調(diào)色板。

GIF WebSnap 256 創(chuàng)建 GIF 縮略圖，這些縮略圖使用包含多達(dá) 256 色地 Web 順應(yīng)性調(diào)色板。

JPEG － 品質(zhì)較高創(chuàng)建品質(zhì)較高且文件大小較大地 JPEG 縮略圖。JPEG － 文件較小創(chuàng)建品質(zhì)較低且文件大小較小地 JPEG 縮略圖。

6.從“相片格式”彈出菜單中選擇大尺寸圖象地格式。對(duì)于每個(gè)原始圖象，將創(chuàng)建一個(gè)具有指定格式地大尺寸圖象。您為大尺寸圖象指定地格式能夠不同于為縮略圖指定地格式。

留神

因?yàn)?GIF 和 JPEG 之外地原始文件格式能夠無(wú)法在一切瀏覽器中正確顯現(xiàn)，所以“創(chuàng)建網(wǎng)站相冊(cè)”命令不允許您將原始圖象文件用作大尺寸圖象。請(qǐng)留神，假如原始圖象是 JPEG 文件，則所生成地大尺寸圖象地文件大小能夠比原始文件大（或許其品質(zhì)比原始文件低）。

7.選擇大尺寸圖象地縮放百分比。

假如將“縮放”設(shè)置為 100%，將創(chuàng)建與原始圖象等大地大尺寸圖象。請(qǐng)留神，縮放百分比將應(yīng)用于一切圖象；假如原始圖象地大小不一樣，那么按同一百分比縮放就能夠不會(huì)產(chǎn)生所需地效果。

8.選擇“為每張相片樹(shù)立導(dǎo)覽頁(yè)面”，為每個(gè)源圖象創(chuàng)建一個(gè) Web 頁(yè)，該 Web 頁(yè)包含標(biāo)為“后退”、“主頁(yè)”、“前進(jìn)”地導(dǎo)航鏈接。

假如選擇此選項(xiàng)，縮略圖會(huì)鏈接到導(dǎo)航頁(yè)。假如不選擇此選項(xiàng)，縮略圖鏈接將直接鏈接到大尺寸圖象。

9.單擊“肯定”以創(chuàng)建網(wǎng)站相冊(cè)地 HTML 和圖象文件。Fireworks 啟動(dòng)（假如它尚未運(yùn)行）并創(chuàng)建縮略圖和大尺寸圖象。假如所包含地圖象文件數(shù)目較多，這能夠會(huì)需要幾分鐘地時(shí)間。當(dāng)處理完成后，Dreamweaver 將再次處于活動(dòng)狀態(tài)并創(chuàng)建包含縮略圖地頁(yè)。

10.當(dāng)出現(xiàn)指示“相冊(cè)曾經(jīng)樹(shù)立”地對(duì)話框時(shí)，單擊“肯定”。

相冊(cè)頁(yè)出現(xiàn)之前能夠需要等候幾秒鐘。各縮略圖依據(jù)文件名按字母順序顯現(xiàn)。

第二篇：怎樣制作相冊(cè)視頻

怎樣制作相冊(cè)視頻-使用數(shù)碼大師制作高清晰相冊(cè)視頻

相冊(cè)視頻是現(xiàn)在非常流行的相冊(cè)類型，可用于各種不同的場(chǎng)合播放，那么怎樣制作精美的相冊(cè)視頻呢？今天我就給大家推薦一款操作人性化和效果絢麗的相冊(cè)視頻制作軟件--《數(shù)碼大師》，它制作的VCD、SVCD、DVD格式的相冊(cè)視頻，不但可以刻錄成視頻光盤在影碟機(jī)上播放，還可以上傳到網(wǎng)上共享，下面介紹使用數(shù)碼大師進(jìn)行相冊(cè)視頻制作的具體步驟。

數(shù)碼大師官網(wǎng)：http://

一、導(dǎo)入制作相冊(cè)視頻的相片素材

如圖所示，打開(kāi)軟件頂部的“視頻相冊(cè)”選項(xiàng)卡，點(diǎn)擊中間大大的按鈕即可添加相片，對(duì)于一個(gè)文件夾里的相片，只需按住“shift”鍵，就能一次性將所有的相片導(dǎo)入，特別方便快速！導(dǎo)入后，還可通過(guò)鼠標(biāo)左鍵拖動(dòng)調(diào)整位置。

二、配上動(dòng)聽(tīng)的背景音樂(lè)

精美的視頻相冊(cè)當(dāng)然少不了動(dòng)聽(tīng)的背景音樂(lè)，點(diǎn)擊左欄的“背景音樂(lè)”選項(xiàng)卡，配上你喜歡的音樂(lè)后，點(diǎn)擊插入歌詞，還能為視頻相冊(cè)添加動(dòng)感的MTV歌詞字幕，邊看著精美的視頻邊聽(tīng)著自己喜歡的音樂(lè)，實(shí)在是一種享受！

三、設(shè)置視頻特效，文字特效

數(shù)碼大師的相片特效多達(dá)幾百種，要想相冊(cè)更加動(dòng)感炫麗，在“相片特效”選項(xiàng)卡，就可以滿足你的各種追求。軟件更人性化的是，如果想快速制作相冊(cè)，那軟件會(huì) 默認(rèn)隨機(jī)特效在視頻相冊(cè)中展示，當(dāng)然，如果你想追求自己的個(gè)性，那點(diǎn)擊“應(yīng)用特效到指定相片”，為相片逐一指定特效，就能個(gè)性地展示自己的idea了。

別忘了還可以添加字幕，在左下方“注釋”選項(xiàng)卡選擇注釋顯示方式后，再點(diǎn)擊相片列表下方的“修改名字及注釋”按鈕，就可以為每張相片設(shè)置名字和注釋，這真是錦上添花的一步！

四、插入視頻，效果更炫 平時(shí)拍下來(lái)的或網(wǎng)上下載的精彩視頻，也可以插入相冊(cè)視頻中，讓相冊(cè)視頻實(shí)現(xiàn)圖片和視頻的完美呈現(xiàn)，只需點(diǎn)擊“插入視頻片頭”或“相片間插入視頻短片”就可以做到了，很快速簡(jiǎn)單！

導(dǎo)入所有的素材，設(shè)置好所有參數(shù)后，數(shù)碼大師會(huì)默認(rèn)保存一切參數(shù)，就算你關(guān)閉數(shù)碼大師，但一切參數(shù)都會(huì)自動(dòng)保存，下次再打開(kāi)，軟件會(huì)自動(dòng)導(dǎo)入這些素材。如 果你想先編輯其他新的相冊(cè)，那你還可以通過(guò)點(diǎn)擊界面中部的“參數(shù)另存為”按鈕將當(dāng)前相冊(cè)的各個(gè)參數(shù)先保存為工程設(shè)置文件，格式是dmf，這樣以后你還想再 次編輯當(dāng)前的相冊(cè)時(shí)，只需要點(diǎn)擊保存按鈕旁邊的“參數(shù)打開(kāi)”按鈕即可將一切參數(shù)重新復(fù)原回來(lái)。在這里，我確實(shí)不得不再一次驚嘆它的人性化，好了，這時(shí)你只 需點(diǎn)擊界面右下角的“開(kāi)始生成”大按鈕，即可看到精美動(dòng)感十足的視頻相冊(cè)了！

第三篇：Dreamweaver網(wǎng)站設(shè)計(jì)課堂練習(xí).doc(更新)

Dreamweaver網(wǎng)站設(shè)計(jì)

【訓(xùn)練目的】

通過(guò)這個(gè)技能，引導(dǎo)學(xué)生逐步學(xué)習(xí)創(chuàng)建網(wǎng)站站點(diǎn)、建立站點(diǎn)首頁(yè)、使用表格與層、添加超鏈接、使用框架與表單、加入動(dòng)態(tài)特效和多媒體組件、制作下拉式菜單、建立層疊樣式表、測(cè)試網(wǎng)站和上傳發(fā)布等知識(shí)。通過(guò)這部分的學(xué)習(xí)，使學(xué)生掌握運(yùn)用 Dreamweaver 8制作教學(xué)網(wǎng)站的基本方法和流程。【訓(xùn)練步驟】

1．網(wǎng)站的總體布設(shè)計(jì)

（1）網(wǎng)站的創(chuàng)意

一個(gè)好的同站一定會(huì)有一個(gè)好的創(chuàng)意，創(chuàng)意（idea）是網(wǎng)站生存的關(guān)鍵。（2）網(wǎng)站的主題

網(wǎng)站主題應(yīng)具有以下特點(diǎn)。

①主題小而精。

②題材最好是自己擅長(zhǎng)或者喜愛(ài)的內(nèi)容。

③題材不要太濫或者目標(biāo)太高。（3）網(wǎng)站的風(fēng)格

風(fēng)格（style）是獨(dú)特的，是站點(diǎn)與其他同站不同的地方。風(fēng)格是抽象的，是指站點(diǎn)的整體形象給測(cè)覽者的綜合感受。

（4）確定網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)

a 網(wǎng)站的目錄結(jié)構(gòu)

不要將所有文件都存放在根目錄下，按欄目?jī)?nèi)容建立子目錄，在每個(gè)子目錄下都建立獨(dú)立的images目錄，目錄的層次不要太深。

b 網(wǎng)站的鏈接結(jié)構(gòu)

網(wǎng)站鏈接結(jié)構(gòu)的目的是用最少的鏈接達(dá)到最有效率的瀏覽。一般建立網(wǎng)站的鏈接結(jié)構(gòu)有 兩種基本方式：

＞樹(shù)狀鏈接結(jié)構(gòu)（一對(duì)一）。類似DOS的目錄結(jié)構(gòu)，首頁(yè)鏈接指向一級(jí)頁(yè)面，一級(jí)頁(yè)面鏈接指向二級(jí)頁(yè)面。瀏覽這樣的鏈接結(jié)構(gòu)時(shí)，是一級(jí)級(jí)進(jìn)入，一級(jí)級(jí)退出。優(yōu)點(diǎn)是條理清晰，訪問(wèn)者明確自己的位置，不會(huì)“迷路”。缺點(diǎn)是瀏覽效率低，從一個(gè)欄目下的子頁(yè)面到另一個(gè)欄目下的子頁(yè)面，必須繞經(jīng)首頁(yè)。

＞星狀鏈接結(jié)構(gòu)（一對(duì)多）。類似網(wǎng)絡(luò)服務(wù)器的鏈接，每個(gè)頁(yè)面相互之間都建立鏈接。立體結(jié)構(gòu)像東方明珠電視塔上的鋼球。這種鏈接結(jié)構(gòu)的優(yōu)點(diǎn)是瀏覽方便，隨時(shí)可以到達(dá)自己喜歡的頁(yè)面。缺點(diǎn)是鏈接太多，容易使瀏覽者搞不清自己的位置和看了多少內(nèi)容。

這兩種基本結(jié)構(gòu)都只是理想方式，在實(shí)際網(wǎng)站設(shè)計(jì)中，總是將這兩種結(jié)構(gòu)混合起來(lái)使用，既希望瀏覽者可以方便快速地達(dá)到自己需要的頁(yè)面，又可以清晰地知道自己的位置。所以，最好的辦法是：首頁(yè)和一級(jí)頁(yè)面之間用星狀鏈接結(jié)構(gòu)，一級(jí)和二級(jí)頁(yè)面之間用樹(shù)狀鏈接結(jié)構(gòu)。

2.創(chuàng)建網(wǎng)站站點(diǎn)

(1）Dreamweaver 8簡(jiǎn)介

Dreamweaver 8是 Dreamweaver的最新版本，它沿襲了以往 Dreamweaver產(chǎn)品的工作界面風(fēng)格，增加了許多新功能。Macromedia Dreamweaver 8是建立 WEB站點(diǎn)及其應(yīng)用程序的專業(yè)工具。它將可視布局工具、應(yīng)用程序開(kāi)發(fā)功能和代碼編輯支持組合在一起，使得各個(gè)層次的開(kāi)發(fā)人員和設(shè)計(jì)人員都能快速創(chuàng)建網(wǎng)站和應(yīng)用程序。從對(duì)基于 CSS設(shè)計(jì)的支持到手工編碼功能，Dreamweaver提供了專業(yè)人員在一個(gè)集成、高效的環(huán)境中所需的工具。開(kāi)發(fā)人員使用Dreamweaver及所選擇的服務(wù)器技術(shù)可以創(chuàng)建功能強(qiáng)大的Internet應(yīng)用程序，從而使用戶能夠鏈接到數(shù)據(jù)庫(kù)和WEB服務(wù)器。

(2）打開(kāi) Dreamweaver 8

選擇“開(kāi)始|程序|Macromedia| Macromedia Dreamweaver8”菜單項(xiàng)，顯示Dreamweaver程序的工作界面，作為普通用戶，選擇“設(shè)計(jì)器”進(jìn)行工作區(qū)布局，單擊“確定”按鈕顯示如圖6－1所示窗口。

圖6—1運(yùn)行Deamweaver8 后出現(xiàn)的程序操作窗口

第一次使用時(shí)，首先要?jiǎng)?chuàng)建新項(xiàng)目，即創(chuàng)建一個(gè)站點(diǎn)，通過(guò)單擊圖6－1中的“創(chuàng)建新項(xiàng)目”下的“Dreamweaver站點(diǎn)”來(lái)實(shí)現(xiàn)。

(3）創(chuàng)建一個(gè)“趙州橋”的站點(diǎn)

這里以中小學(xué)語(yǔ)文課文中《趙州橋》為例子，創(chuàng)建一個(gè)“趙州橋”的站點(diǎn)。下面這些步驟只在建站的第一次使用，按照?qǐng)D6－2所示文本框中的內(nèi)容輸入站點(diǎn)名稱和站點(diǎn)的HTTP地址。

圖6—2 站點(diǎn)名字及HTTP地址定義窗口

依照?qǐng)D6－3所示，輸人站點(diǎn)在計(jì)算機(jī)中的存儲(chǔ)位置（即文件夾）。

圖6－3 選擇站點(diǎn)存儲(chǔ)位置窗口

依照如圖6－4所示，在“您如何連接到遠(yuǎn)程服務(wù)器”下拉列表框中選擇“無(wú)”。

圖6-4站點(diǎn)服務(wù)器選項(xiàng)窗口

在圖6－5所示對(duì)話框中單擊“完成”按鈕“趙州橋”的站點(diǎn)就創(chuàng)建好了。此時(shí)，在屏幕右方出現(xiàn)新創(chuàng)建的站點(diǎn)趙州橋，如圖6－6所示，至此一個(gè)網(wǎng)站的站點(diǎn)創(chuàng)建完畢。

圖6－5 站點(diǎn)設(shè)置信息列表

圖6一6 當(dāng)前站點(diǎn)操作面板（4）管理好站點(diǎn)

為了便于管理，Dreamweaver提供了方便的站點(diǎn)管理工具。

①創(chuàng)建網(wǎng)站的文件夾

為了便于管理網(wǎng)站文件，首先應(yīng)創(chuàng)建一些文件夾，用以存儲(chǔ)對(duì)應(yīng)的文件。在“趙州橋”這個(gè)站點(diǎn)中，需要?jiǎng)?chuàng)建三個(gè)文件夾：images文件夾用來(lái)存放網(wǎng)站所需的圖片文件；medias文件夾用來(lái)存放網(wǎng)站所需的聲音、動(dòng)畫(huà)、視頻等多媒體文件；htmls文件夾用來(lái)存放網(wǎng)站的網(wǎng)頁(yè)文件。

具體操作是：右擊“站點(diǎn)一趙州橋，在彈出的快捷菜單中選擇“新建文件夾”菜單項(xiàng)，在新文件夾的文本框中輸入如圖6－7所示的三個(gè)文件夾名。

圖6一7 當(dāng)前站點(diǎn)文件列表

②站點(diǎn)的管理

單擊圖6－7所示趙州橋下拉列表框，在下拉列表中選擇“管理站點(diǎn)”，彈出“管理站點(diǎn)”對(duì)話框，該功能可以方便地對(duì)已創(chuàng)建的站點(diǎn)進(jìn)行管理。

3．首頁(yè)的編輯

創(chuàng)建“趙州橋”的首頁(yè)。右擊“站點(diǎn)-趙州橋”，在彈出的快捷菜單中選擇“新建文件”菜單項(xiàng)，在新建文件文本框中輸人index．html。

【注意】網(wǎng)站首頁(yè)的文件名一般默認(rèn)為：index.htm，index.html，Index.asp，default.htm，default.html，default.asp等，雙擊 index.html文件，可以進(jìn)人網(wǎng)站首頁(yè)的編輯狀態(tài)。

（1）首頁(yè)的總體設(shè)計(jì)

雙擊站點(diǎn)index.html文件，進(jìn)入站點(diǎn)首頁(yè)編輯。

1）網(wǎng)頁(yè)的屬性設(shè)置

具體步驟如下。

①設(shè)置網(wǎng)頁(yè)標(biāo)題。在首頁(yè)上方的“標(biāo)題”文本框中輸人首頁(yè)的標(biāo)題“趙州橋”，如 圖6—8所示。

圖6—8 主窗口工具欄

②設(shè)置網(wǎng)頁(yè)背景顏色或圖像。右擊首頁(yè)空白處，在彈出的快捷菜單中選擇“頁(yè)面屬性”，打開(kāi)如圖6－9所示的頁(yè)面屬性設(shè)置窗口，單擊“背景顏色”右邊的顏色框，選中合適的顏色；如果要設(shè)置預(yù)先準(zhǔn)備好的背景圖像，可以單擊“背景圖像”右邊的“瀏覽”按鈕，選擇準(zhǔn)備好的圖像文件。選擇好圖像文件后，可以在“重復(fù)”下拉列表框中選擇背景圖像的排列方式。

圖6－8 頁(yè)面屬性設(shè)置窗口

2）用表格給網(wǎng)頁(yè)內(nèi)容布局定位

在設(shè)計(jì)頁(yè)面時(shí)，通常利用表格來(lái)定位頁(yè)面元素（插入表格操作看書(shū)本p239）。首頁(yè)布局由頂部的 Logo和 Banner區(qū)、導(dǎo)航菜單區(qū)、頁(yè)面內(nèi)容區(qū)、底部版權(quán)區(qū)組成，如圖6－9所示。首頁(yè)內(nèi)容效果圖6-10所示。

圖6－9頁(yè)面面布局效果圖

圖6-10 首頁(yè)瀏覽效果圖

下面介紹用表格布局頁(yè)面的具體操作方法（布局表格宜采用自上而下的方法布局，不宜采用由外到內(nèi)的方法布局，此首頁(yè)頁(yè)面由四個(gè)表格組成）。

① 選擇【插入】|【表格】命令。在彈出的【表格】對(duì)話框中插入1行2列的表格。在打開(kāi)的【屬性】面板中將該表格的寬度設(shè)置為770像素，高度為120像素，邊框?yàn)?，對(duì)齊方式居中。

②

如圖6－11所示。

在所插入的表格中調(diào)整左右兩個(gè)單元格寬度作為 Logo區(qū)和 Banner區(qū)。如圖 6－12所示。

③

圖6-11 設(shè)置布局表格的寬度和高度

重復(fù)①②的方法，在所繪制的表格的下面再插入一個(gè)1×8列表格作為【導(dǎo)航區(qū)】 如圖6－12所示。

④

圖6－12 按照相同的方法，在【導(dǎo)航區(qū)】的下面繪制一個(gè)1×2表格，并調(diào)整左右單元格，分別作為［欄目區(qū)］和【主文檔區(qū)】。如圖6-13所示。

⑤

圖6-13所示

在【欄目區(qū)】和【主文檔區(qū)】的下面完成【版權(quán)區(qū)】表格的繪制。如圖6－14所示。

圖6－14 以上表格的制作也可以采用布局表格和布局單元格工具來(lái)繪制，這里不作介紹。3）用背景顏色和背景圖像美化網(wǎng)頁(yè)表格

對(duì)網(wǎng)頁(yè)表格也可以進(jìn)行背景顏色或背景圖像的選擇。右擊要設(shè)置的表格單元格，在彈出的快捷菜單中選擇“屬性”菜單項(xiàng)，彈出屬性對(duì)話框，單擊“背景顏色”右邊的顏色框，選擇單元格的顏色，各單元格的背景顏色請(qǐng)按圖6-15首頁(yè)效果圖設(shè)置；如果要設(shè)置背景圖像，可以單擊“背景”文本框右邊的文件夾按鈕，選擇事先準(zhǔn)備好的背景圖像文件。

【注意】背景圖像文件也要事先復(fù)制到images文件夾中。4）表格的嵌套

表格的嵌套是指將一個(gè)表格插入到指定的單元格中。這里在欄目區(qū)、主文檔區(qū)分別插入5行1列以及3行1列的表格。表格的寬度為100%，邊框大小為0，并設(shè)置各單元格的寬、高的大小。

（2）豐富網(wǎng)頁(yè)內(nèi)容

1）文字與圖像的插入與設(shè)置（詳細(xì)內(nèi)容看書(shū)本p243）

①按圖6-15首頁(yè)效果圖輸入各欄目文本，并設(shè)置各單元格背景顏色和字體大小顏色等。

②在logo區(qū)插入圖片20.jpg并設(shè)置大小為150*120，插入的圖片要保存到網(wǎng)站的images文件夾里。（圖片在素材images文件夾中）。2）插入其它媒體元素p250 ①插入Flash動(dòng)畫(huà)文件

Flash動(dòng)畫(huà)的文件小，不失真，可播放 mp3音效，互動(dòng)效果極佳，而且 Flash動(dòng)畫(huà)還可以應(yīng)用在網(wǎng)頁(yè)中制作超鏈接、按鈕菜單、窗體甚至是互動(dòng)游戲，因此Flash動(dòng)畫(huà)廣泛地應(yīng)用于網(wǎng)頁(yè)中。

打開(kāi)“趙州橋”網(wǎng)頁(yè)，在文檔區(qū)第一行插入一個(gè)Flash文件，這里采用的是banner.swf的Flash文件，文件在素材文件夾中，將banner.swf保存在趙州橋網(wǎng)站medias中，選擇“插入|媒體|Flash”菜單項(xiàng)，在彈出的文件選擇框中選取文件／趙州橋／medias／banner.swf，再調(diào)整它的大小等格式即完成插入文件。②插入視頻

Dreamweaver支持多種格式的視頻文件。與插入Flash文件的操作相同，將光標(biāo)定位到需要插入視頻文件的位置，執(zhí)行主菜單“插入/媒體/插件”命令。③嵌入聲音文件

在Dreamweaver中可以加人不同類型的聲音文件，常見(jiàn)的聲音文件類型有：mid，wav，aif，mp3和ram等。在網(wǎng)頁(yè)中嵌入背景音樂(lè)可使用“行為”的方法嵌入。（3）首頁(yè)的整體制作效果

到此為止，可以看看首頁(yè)制作的大體情形了。首先要將它保存好，可以單擊“文件|保存”菜單項(xiàng)進(jìn)行保存。現(xiàn)在，按快捷鍵F12打開(kāi)一個(gè)瀏覽器，其預(yù)覽效果如圖6－15所示。

【注意】默認(rèn)的瀏覽器為 Internet Explorer。

圖6-15 首頁(yè)瀏覽效果圖

4．添加超鏈接p245（1）添加新網(wǎng)頁(yè)

在網(wǎng)頁(yè)中使用超鏈接，能夠使每個(gè)獨(dú)立的網(wǎng)頁(yè)之間產(chǎn)生一定的相互聯(lián)系，從而使若干單獨(dú)的網(wǎng)頁(yè)形成一個(gè)有機(jī)的整體。

l）新網(wǎng)頁(yè)的添加和編輯

具體步驟如下。

① 新網(wǎng)頁(yè)的添加。右擊圖 6－7中的／／趙州橋／htmls文件夾，在彈出的快捷菜單中選擇“新建文件”，在新建文件的文件名文本框中輸入jianjie.html文件名；按此方法依次創(chuàng)建以下幾個(gè)網(wǎng)頁(yè)：jiaoan1.html, jiaoan2.html, biaodan.html，tupianku.html。

②新網(wǎng)頁(yè)的編輯。雙擊新創(chuàng)建的的jianjie.html，打開(kāi)網(wǎng)頁(yè)，將網(wǎng)頁(yè)的標(biāo)題名修改為“趙州橋簡(jiǎn)介”。創(chuàng)建一個(gè)4 行1列的表格，寬度為770像素，在第一行嵌套1行2列的表格，在第2行嵌套1行5列的表格。在第二行嵌套表格的5列分別輸入文本“趙州橋簡(jiǎn)介 ”“茅以升論趙州橋 ”“作者李青簡(jiǎn)介”“ 茅以升簡(jiǎn)介”“ 趙州橋建筑三絕”，并在第3行輸人趙州橋簡(jiǎn)介的正文。（正文內(nèi)容見(jiàn)素材文件夾）

2）讓新網(wǎng)頁(yè)沿襲一致的風(fēng)格

網(wǎng)頁(yè)設(shè)計(jì)中通常需要統(tǒng)一網(wǎng)頁(yè)的整體風(fēng)格，統(tǒng)一的風(fēng)格大部分涉及到網(wǎng)頁(yè)的布局形式、文字屬性、網(wǎng)頁(yè)背景色以及鏈接文字屬性，等等，這樣才能使網(wǎng)頁(yè)的總體效果更佳，使用戶在瀏覽該網(wǎng)站時(shí)有一個(gè)延續(xù)性，產(chǎn)生整體感。

選擇網(wǎng)頁(yè)的第1行第1列，將首頁(yè)的圖片插入，調(diào)整好大小；選擇網(wǎng)頁(yè)的第1行第2列，選擇背景顏色，并輸入文字“趙州橋簡(jiǎn)介”，調(diào)整好文字的大小。趙州橋簡(jiǎn)介瀏覽效果圖如圖6-16所示。

圖6-16趙州橋?yàn)g覽效果圖

（2）添加超鏈接

所謂超鏈接是指從一個(gè)網(wǎng)頁(yè)指向一個(gè)目標(biāo)的連接關(guān)系。超鏈接在本質(zhì)上屬于網(wǎng)頁(yè)的一部分，它是一種允許某網(wǎng)頁(yè)同其他網(wǎng)頁(yè)或站點(diǎn)之間進(jìn)行連接的元素。各個(gè)網(wǎng)頁(yè)鏈接在一起后，才能真正構(gòu)成一個(gè)網(wǎng)站。這個(gè)目標(biāo)可以是以下幾種存在形式：①一段文本；②一張圖片；③一個(gè)電子郵件地址；④一個(gè)文件；⑤一個(gè)應(yīng)用程序。

在網(wǎng)頁(yè)中常用來(lái)作為超鏈接的對(duì)象一般是一段文本或一幅圖片。設(shè)置了超鏈接的對(duì)象，當(dāng)光標(biāo)懸停其上時(shí)會(huì)產(chǎn)生變化，當(dāng)瀏覽者單擊已經(jīng)鏈接好的文字或圖片時(shí)，鏈接目標(biāo)將在瀏覽器中被打開(kāi)。

l）文字超鏈接的添加和編輯

打開(kāi)已創(chuàng)建好的主頁(yè)/趙州橋／index.html，選中并右擊第3行的文本“趙州橋簡(jiǎn)介”，在彈出的快捷菜單中選擇“創(chuàng)建鏈接”，在彈出的選擇文件對(duì)話框中選擇要進(jìn)行鏈接的文件//趙州橋/htmls／jianjie.html,如圖6－17所示。

圖6-17 選擇超鏈接目標(biāo)文件窗口

【注意】一般來(lái)說(shuō)，打開(kāi)方式有4種：-blank，-parent,＿self，-top。其中-self表示在本窗口中打開(kāi)，為默認(rèn)的打開(kāi)方式：-blank表示在新窗口中打開(kāi)；-parent表示在上級(jí)窗口中打開(kāi)；＿top表示在最上層窗口中打開(kāi)。用戶可以根據(jù)實(shí)際情況，自己選擇所需要的打開(kāi)方式。

單擊”屬性”面板中“目標(biāo)”右邊的下拉列表框，可以選擇以上4種打開(kāi)方式之一。

2）圖片超鏈接的添加和編輯

現(xiàn)在為“趙州橋簡(jiǎn)介”添加一個(gè)返回主頁(yè)的超鏈接，這里用來(lái)作為超鏈接的對(duì)象是一個(gè)返回按鈕的圖片。打開(kāi)網(wǎng)頁(yè)Jianjie.html，選擇表格的第4行，設(shè)置背景顏色，對(duì)齊方式為右對(duì)齊，再選擇“插入|圖像”萊單項(xiàng)，插入作為返回按鈕的圖片// images/back04．gif;（圖片在素材庫(kù)中，并將圖片文件back04.gif拷貝到網(wǎng)站images文件夾中）單擊返回按鈕的圖片，單擊“屬性”面板中“鏈接”右邊的文件夾按鈕，選擇好超鏈接的目標(biāo)文件／／趙州橋／index.html即可。

為方便瀏覽者使用，在表格第2行也附一個(gè)返回按鈕的超鏈接，方法如上。3）快速轉(zhuǎn)移，加入錨點(diǎn)

作為使用者，都有這樣一個(gè)經(jīng)歷。對(duì)于一篇長(zhǎng)的網(wǎng)頁(yè)，要花上一定時(shí)間才能找到所需的那一部分內(nèi)容。現(xiàn)在使用網(wǎng)頁(yè)的錨點(diǎn)（也稱為書(shū)簽）功能，為同一個(gè)網(wǎng)頁(yè)添加超鏈接，即可快捷地跳轉(zhuǎn)到指定內(nèi)容上。

剛才在表格的第2行嵌套了一個(gè)表格，并輸入了文本內(nèi)容為“趙州橋簡(jiǎn)介 ”“茅以升論趙州橋 ”“作者李青簡(jiǎn)介”“ 茅以升簡(jiǎn)介”“ 趙州橋建筑三絕”，現(xiàn)在再對(duì)這5個(gè)文本進(jìn)行網(wǎng)頁(yè)內(nèi)錨點(diǎn)的設(shè)置。

具體步驟如下。

①創(chuàng)建錨點(diǎn)。為了創(chuàng)建錨點(diǎn)，將光標(biāo)移動(dòng)到需要加入錨點(diǎn)的地方，這里放在正文文本“趙州橋簡(jiǎn)介”的最前面，單擊常用工具欄（見(jiàn)圖6－18）中的錨點(diǎn)工具按鈕，在打開(kāi)的命名錨點(diǎn)的窗口中輸入錨點(diǎn)名稱為jianjie1，單擊“確定”按鈕，則在文本中出現(xiàn)一個(gè)錨點(diǎn)圖標(biāo)作為一個(gè)標(biāo)志）

。（注：錨點(diǎn)圖標(biāo)在實(shí)際瀏覽器中是不可見(jiàn)的,只是在制作網(wǎng)頁(yè)中

圖6－18常用工具欄

②鏈接錨點(diǎn)。錨點(diǎn)創(chuàng)建好后，還必須鏈接錨點(diǎn)。選擇表格第2行第1列中的“趙州橋簡(jiǎn)介”四個(gè)字，在屬性面板上的“鏈接”文本框中輸入符號(hào)#和錨點(diǎn)名稱。這里輸入剛才創(chuàng)建的錨點(diǎn)名稱“＃jianjie1”。

重復(fù)上面的操作，為正文“茅以升論趙州橋 ”“作者李青簡(jiǎn)介”“ 茅以升簡(jiǎn)介”“ 趙州橋建筑三絕”創(chuàng)建好錨點(diǎn)，分別命名為jianjie2和jianjie3等。

4）為E－mail添加超鏈接

在網(wǎng)頁(yè)上創(chuàng)建

E－mail（電子郵件）鏈接，能方便瀏覽者快速反饋意見(jiàn)。當(dāng)瀏覽者單擊Email鏈接時(shí)，可立即打開(kāi)瀏覽器默認(rèn)的Email處理程序，收件人郵件地址被Email超鏈接中指定的地址自動(dòng)更新，無(wú)需瀏覽者輸入，這里在首頁(yè)中設(shè)置一個(gè)Email的超鏈接。

打開(kāi)首頁(yè)／／趙州橋／index.html，選擇表格第2行最后1列中的“聯(lián)系電郵”，單擊常用工具欄中插入電子郵件超鏈接工具按鈕，在彈出的“電子郵件鏈接”對(duì)話框中的E－mail文本框中輸入電子郵箱的地址即可。5）制作指向Web上的網(wǎng)頁(yè)的超鏈接

先選中要建立超鏈接的文本“參考網(wǎng)站”，在屬性面板對(duì)話框中的URL地址欄中輸入超鏈接的目標(biāo)地址，本活動(dòng)中輸入的目標(biāo)地址為http://www.tmdps.cn，則剛才定義好的樣式就應(yīng)用到所選擇文本上，各種鏈接效果一步到位。

9.模板的創(chuàng)建和應(yīng)用模板

一個(gè)網(wǎng)站在制作過(guò)程中，經(jīng)常需要?jiǎng)?chuàng)作大量布局相同或相似的網(wǎng)頁(yè)，這時(shí)候，應(yīng)用模板來(lái)創(chuàng)建網(wǎng)頁(yè)不失為一種很好的方法，下面簡(jiǎn)單介紹基于本站主頁(yè)面為模板的網(wǎng)頁(yè)模板的創(chuàng)建和應(yīng)用。

(1)模板的創(chuàng)建

模板創(chuàng)建的大致過(guò)程是：打開(kāi)一個(gè)已制作好的網(wǎng)頁(yè)（以此網(wǎng)頁(yè)為模板）→另存為模板→新建可編輯區(qū)域（可重復(fù)進(jìn)行）→保存。

具體步驟如下。

①為方便操作，這里將本網(wǎng)站主頁(yè)．．／index．html作為模板，為了不破壞它作為主頁(yè)，首先將其另存為別的網(wǎng)頁(yè)名稱．．／mb．html，并做一定的修改，將中間的圖片刪除。

②打開(kāi)網(wǎng)頁(yè)．．／mb．html，選擇“文件|另存為模板”菜單項(xiàng)；在彈出如圖6－57所示“另存為模板”對(duì)話框中選擇模板存放的站點(diǎn)，在“另存為”文本框中為模板輸入一個(gè)唯一的名稱，單擊“保存”按鈕。這時(shí)彈出如圖6－58所示的對(duì)話框，單擊“是（Y）”按鈕。這時(shí)在站點(diǎn)文件中自動(dòng)生成一個(gè)Templates文件夾，文件夾中存放著剛才保存的模板文件／templates／mb．dwt，如圖6－59所示。

圖6－57“另存為模板”對(duì)話框

圖6－58 模板鏈接更新選擇對(duì)話框

圖6－59 生成的模板文件

③在常用工具欄中單擊“模板”工具按鈕

右邊的下三角按鈕，從彈出的如圖6－60所示的下拉列表中選擇“可編輯區(qū)域”選項(xiàng)。在打開(kāi)的如圖6－61所示的“新建可編輯區(qū)域”對(duì)話框中的“名稱”文本框中為該區(qū)域輸人一個(gè)唯一名稱。單擊“確定”按鈕。

創(chuàng)建的模板如圖6－62所示，如果需要多個(gè)可編輯區(qū)域，可以重復(fù)步驟③，以滿足實(shí)際網(wǎng)頁(yè)編輯的需要。

④保存制作好的網(wǎng)頁(yè)模板。選擇“文件|保存”菜單項(xiàng)。一個(gè)網(wǎng)頁(yè)模板就制作好了。

圖6－60 模板按鈕下拉列表

圖6－61“新建可編輯區(qū)域”對(duì)話框

圖6-2 創(chuàng)建了可編輯區(qū)域的模板網(wǎng)頁(yè)

（2）應(yīng)用網(wǎng)頁(yè)模板

下面就將網(wǎng)頁(yè)模板應(yīng)用到已經(jīng)制作好的網(wǎng)頁(yè)上。為了方便操作，一般采用先制作好網(wǎng)頁(yè)，再應(yīng)用模板的方法。具體步驟如下。

①制作一個(gè)需要應(yīng)用模板的網(wǎng)頁(yè)。選擇“文件|新建”菜單項(xiàng)，創(chuàng)建一個(gè)基本的網(wǎng)頁(yè)頁(yè)面，如圖6－63所示。

②選擇“修改|模板”菜單項(xiàng)，在如圖6－64所示的下拉菜單中選擇“套用模板到頁(yè)”菜單項(xiàng)。

③在打開(kāi)的如圖6－65所示的“選擇模板”對(duì)話框中，選擇需要套用的模板mb后，單擊“選定”按鈕。

④ 將內(nèi)容應(yīng)用到模板的可編輯區(qū)域，如圖6－66所示。⑤ 應(yīng)用了模板網(wǎng)頁(yè)的效果圖。

在網(wǎng)站需要制作大量風(fēng)格一致的網(wǎng)頁(yè)時(shí)，應(yīng)用網(wǎng)頁(yè)模板是一個(gè)非常便捷的方法，制作方法簡(jiǎn)單，而且網(wǎng)頁(yè)頁(yè)面變動(dòng)也非常靈活，能取得事半功倍的效果。

圖6－63準(zhǔn)備應(yīng)用模板的網(wǎng)頁(yè)

圖6-64展開(kāi)的模板下拉菜單

圖6-65“選擇模板”對(duì)話框

10．網(wǎng)站測(cè)試和上傳

一個(gè)網(wǎng)站做好后，需要對(duì)站點(diǎn)進(jìn)行測(cè)試和上傳。（1）整理網(wǎng)站，清點(diǎn)網(wǎng)頁(yè)

為了防止同頁(yè)、圖片、文字、聲音、影像出現(xiàn)鏈接錯(cuò)誤，在上傳同站之前一定要做好鏈

接的檢查工作，以免網(wǎng)站在使用時(shí)出現(xiàn)錯(cuò)誤。

選擇“窗口|結(jié)果”菜單項(xiàng)，打開(kāi)結(jié)果檢查屬性面板，如圖6－78所示；單擊“鏈接檢查器”標(biāo)簽，單擊左邊的“鏈接檢查”按鈕

右下方的下三角按鈕，在打開(kāi)的菜單中選擇“檢查整個(gè)當(dāng)前本地站點(diǎn)的鏈接”，如果沒(méi)有出現(xiàn)錯(cuò)誤鏈接的情況，則站點(diǎn)鏈接沒(méi)有錯(cuò)誤；否則就按照提示的錯(cuò)誤信息進(jìn)行修改。如果沒(méi)有問(wèn)題就可以上傳文件了。

圖6－78 鏈接檢查標(biāo)簽

（2）尋找一個(gè)免費(fèi)的空間，給網(wǎng)站安個(gè)家

Internet上的免費(fèi)網(wǎng)站空間很多，這里選擇一個(gè)國(guó)內(nèi)大型的提供免費(fèi)個(gè)人主頁(yè)空間的站點(diǎn)“虎翼網(wǎng) http：／／www．51．net”，進(jìn)人后在申請(qǐng)表中認(rèn)真填寫所需的申請(qǐng)資料后提交，通常在幾天后就可以收到一封電子郵件，主要內(nèi)容是用戶上傳的主機(jī)服務(wù)器名、用戶登錄名和密碼，同時(shí)會(huì)提供一個(gè)免費(fèi)的城名供用戶使用。

（3）上傳網(wǎng)站到WEB服務(wù)器上

①選擇“站點(diǎn)|管理站點(diǎn)”菜單項(xiàng)，在打開(kāi)的站點(diǎn)管理器中，單擊“編輯”按鈕，選擇“遠(yuǎn)程信息”，如圖6－79所示。在對(duì)話框中依次輸人FTP主機(jī)名、主機(jī)目錄、登錄用戶名、密碼，這些選項(xiàng)在申請(qǐng)后收到的電子郵件中都有，要認(rèn)真填寫。

圖6-79站點(diǎn)FTP設(shè)置

② 在圖6-79所示對(duì)話框中進(jìn)行設(shè)置后,單擊“測(cè)試連接”按鈕，如果連接不成功，則檢查設(shè)置或咨詢系統(tǒng)管理員。

③ 再幾次單擊“下一步”按鈕后單擊“完成”按鈕，即完成了遠(yuǎn)程站點(diǎn)的設(shè)置。④ 在“文件”面板中選擇站點(diǎn)的本地根文件夾，單擊“文件”面板工具欄的上傳文件按鈕，Dreamweaver會(huì)將所有文件復(fù)制到服務(wù)器默認(rèn)的遠(yuǎn)程根文件夾。

多數(shù)網(wǎng)絡(luò)空間提供者都設(shè)置有服務(wù)器默認(rèn)的文件夾，在“文件”面板中將“本地視圖”轉(zhuǎn)換為“遠(yuǎn)程視圖”可看到此文件夾，第一次上傳時(shí)，必須搞清楚網(wǎng)絡(luò)空間提供者指定的服務(wù)器默認(rèn)的存放網(wǎng)頁(yè)的文件夾，上傳完畢后即可在瀏覽器中輸入瀏覽地址，測(cè)試上傳的結(jié)果，至此整個(gè)網(wǎng)站制作全部完成。

【總結(jié)】。

本章節(jié)介紹運(yùn)用Dreamweaver網(wǎng)站設(shè)計(jì)制作軟件的相關(guān)知識(shí)與技能。以制作一個(gè)完整 的網(wǎng)站作品為例，引領(lǐng)學(xué)生經(jīng)歷創(chuàng)建一個(gè)網(wǎng)站的實(shí)踐活動(dòng)過(guò)程，逐步掌握利用Dreamweaver創(chuàng)建一個(gè)網(wǎng)站的基本方法。

網(wǎng)站設(shè)計(jì)是一門系統(tǒng)的學(xué)科，僅僅依靠一個(gè)Dreamweaver網(wǎng)頁(yè)編輯軟件是遠(yuǎn)遠(yuǎn)不夠的，在本章中沒(méi)有涉及網(wǎng)頁(yè)代碼編程和圖形圖像動(dòng)畫(huà)設(shè)計(jì)的學(xué)習(xí)，而這些是表達(dá)一個(gè)網(wǎng)站的精華所在，因此本章的目標(biāo)僅僅是針對(duì)那些初涉網(wǎng)站設(shè)計(jì)的人員。

第四篇：定做相冊(cè)書(shū)網(wǎng)站口號(hào)

定做相冊(cè)書(shū)網(wǎng)站口號(hào)

在日常學(xué)習(xí)、工作和生活中，說(shuō)到口號(hào)，大家肯定都不陌生吧，口號(hào)一般簡(jiǎn)短有力，富節(jié)奏感，指示明確。什么樣的口號(hào)才經(jīng)典呢？以下是小編精心整理的定做相冊(cè)書(shū)網(wǎng)站口號(hào)，歡迎閱讀與收藏。

1、定格時(shí)光記憶，分享快樂(lè)人生愛(ài)上非主流，愛(ài)上涂圖書(shū)。

2、樂(lè)在涂書(shū)，贏在涂書(shū)樂(lè)在其中，涂我自在。

3、這個(gè)世界的精彩，我要告訴你們聽(tīng)！

4、把你的精彩，說(shuō)給世界聽(tīng)（給世界看）！

5、世界，不只是閱讀那么簡(jiǎn)單。

6、我與你，都是對(duì)方的獨(dú)家記憶。

7、涂自己的書(shū)，讀別人的書(shū)；涂書(shū)的快樂(lè)，讀書(shū)的享受！

8、分享，不僅僅是你所看到的精彩彈指間，涂書(shū)樂(lè)分享。

9、心系涂書(shū)，讓記憶彌足珍貴。

10、一步一步，走出人生；一點(diǎn)一點(diǎn)，涂出精彩！

11、一樣的世界，涂出不一樣的自己我們各“書(shū)”己見(jiàn)！

12、每天都看書(shū)，該涂書(shū)了，自己的美麗回憶！

13、我的圖書(shū)，我的涂書(shū)，寫下記錄自己的書(shū)。

14、留住自己的印象我涂我書(shū)，快樂(lè)分享！

15、用你的創(chuàng)意圖書(shū)豐滿他人的生活。

16、涂出你的精彩，畫(huà)出你的作家夢(mèng)。

17、涂，用文字和圖片，記錄自己的腳印。

18、涂書(shū)網(wǎng)幫您出版?zhèn)€人“傳記”。

19、精彩人生，由你主宰我的圖書(shū)，我來(lái)涂！

20、出版你的精彩生活我的照片我做主，我的世界我來(lái)涂！

21、給我一個(gè)空間，還您一個(gè)精彩！

22、涂（圖）我所好，得我所好。

23、把人生的點(diǎn)滴裝起來(lái)涂來(lái)涂去過(guò)百年，書(shū)開(kāi)書(shū)合留真義。

24、涂出你我的世界，盡在涂書(shū)網(wǎng)。

25、記錄你生命的精彩讀書(shū)不如涂書(shū)別人做，不如自己做！

26、涂自己的書(shū)，讓別人羨慕吧！

27、擁有自己的相冊(cè)書(shū)，回憶不想忘記的過(guò)去。

28、涂（圖）我自在，書(shū)（抒、舒）發(fā)快樂(lè)。

29、胡涂不糊涂精彩自我，美麗瞬間，盡在涂書(shū)網(wǎng)。

30、相冊(cè)書(shū)，來(lái)到這里涂書(shū)好書(shū)服。

31、一簾幽夢(mèng)“歐曼蒂”，兩重洞天“亞克西”。

32、你說(shuō)要有光，我便灑滿光擁有歐曼蒂，即擁有品味家居！

33、擁有浪漫與真諦，何不選擇“歐曼蒂”。

34、我的圖書(shū)，我的涂書(shū)，寫下記錄自己的書(shū)。

35、分享，不僅僅是你所看到的精彩彈指間，涂書(shū)樂(lè)分享。

36、涂自己的書(shū)，讀別人的書(shū)；涂書(shū)的快樂(lè)，讀書(shū)的'享受！

37、這個(gè)世界的精彩，我要告訴你們聽(tīng)！

38、定格時(shí)光記憶，分享快樂(lè)人生愛(ài)上非主流，愛(ài)上涂圖書(shū)。

39、我與你，都是對(duì)方的獨(dú)家記憶。

40、把你的精彩，說(shuō)給世界聽(tīng)（給世界看）！

41、樂(lè)在涂書(shū)，贏在涂書(shū)樂(lè)在其中，涂我自在。

42、涂！涂！涂！涂出新人生，生活更美好。

43、相冊(cè)書(shū)，來(lái)到這里涂書(shū)好書(shū)服。

44、涂出你我的世界，盡在涂書(shū)網(wǎng)。

45、涂（圖）我自在，書(shū)（抒、舒）發(fā)快樂(lè)。

46、出版你的精彩生活我的照片我做主，我的世界我來(lái)涂！

47、涂書(shū)網(wǎng)旅途變圖書(shū)，快樂(lè)自己娛樂(lè)世界！

48、精彩人生，由你主宰我的圖書(shū)，我來(lái)涂！

49、胡涂不糊涂精彩自我，美麗瞬間，盡在涂書(shū)網(wǎng)。

50、記錄你生命的精彩讀書(shū)不如涂書(shū)別人做，不如自己做！

51、留住自己的印象我涂我書(shū)，快樂(lè)分享！

52、涂書(shū)網(wǎng)幫您出版?zhèn)€人“傳記”。

53、涂自己的書(shū)，讓別人羨慕吧！

54、涂，用文字和圖片，記錄自己的腳印。

55、用真心涂繪您的夢(mèng)想請(qǐng)來(lái)涂書(shū)網(wǎng)，實(shí)現(xiàn)你的夢(mèng)想！

56、彰顯自我，涂出個(gè)性，盡在涂書(shū)網(wǎng)！

57、涂書(shū)，涂的不是書(shū)，是傳奇！

58、涂出我世界精彩世界，怎可獨(dú)享。

59、名人出書(shū)十幾本？我來(lái)涂書(shū)幾十本！

60、圖說(shuō)人生精彩，書(shū)寫快樂(lè)心得。

61、留下瞬間美麗，書(shū)寫完整人生想出自己的書(shū)，來(lái)涂書(shū)網(wǎng)吧！

62、記錄真實(shí)，只為觸及你我共同的心聲。

63、我涂我快樂(lè)您涂寫的過(guò)去交給我們回憶涂寫個(gè)性，潑灑色彩。

64、涂（圖）我精彩，書(shū)（抒）我快樂(lè)。

65、涂自已的書(shū)，讓別人看去吧！

66、用我的誠(chéng)意，涂鴉你的創(chuàng)意。

67、輕輕松松有自己的書(shū)為自己涂出精彩涂中自有黃金屋。

68、涂出我的精彩，突出我的快樂(lè)你涂，我印，他買，涂出你的唯美人生。

69、涂炫彩世界，書(shū)花樣人生我的相冊(cè)書(shū)，我做主！

第五篇：用Dreamweaver實(shí)現(xiàn)ASP動(dòng)態(tài)網(wǎng)站建設(shè)

用Dreamweaver實(shí)現(xiàn)ASP動(dòng)態(tài)網(wǎng)站建設(shè)

Macromedia Dreamweaver MX 是一款專業(yè)的 HTML 編輯器，用于對(duì) Web 站點(diǎn)、Web 頁(yè)和 Web 應(yīng)用程序進(jìn)行設(shè)計(jì)、編碼和開(kāi)發(fā)。無(wú)論您愿意享受手工編寫 HTML 代碼時(shí)的駕馭感還是偏愛(ài)在可視化編輯環(huán)境中工作，Dreamweaver 都會(huì)為您提供有用的工具，使您擁有更加完美的 Web 創(chuàng)作體驗(yàn)。Dreamweaver 使您可以使用服務(wù)器技術(shù)(例如 CFML、ASP.NET、ASP、JSP 和 PHP)生成由動(dòng)態(tài)數(shù)據(jù)庫(kù)支持的 Web 應(yīng)用程序。

本章節(jié)內(nèi)容主要從建立ASP運(yùn)行環(huán)境(安裝、配置IIS)、建立站點(diǎn)、怎樣建立數(shù)據(jù)庫(kù)、Dreamweaver與數(shù)據(jù)庫(kù)的連接(使用DSN連接數(shù)據(jù)庫(kù))、顯示數(shù)據(jù)庫(kù)記錄、插入數(shù)據(jù)庫(kù)記錄、修改數(shù)據(jù)庫(kù)記錄和刪除數(shù)據(jù)庫(kù)記錄等等內(nèi)容，以實(shí)現(xiàn)ASP動(dòng)態(tài)網(wǎng)站的全部設(shè)計(jì)過(guò)程，希望能給你對(duì)建立ASP動(dòng)態(tài)網(wǎng)站有所幫助。

系統(tǒng)軟件要求

本教程將運(yùn)行在Windows XP操作系統(tǒng)上，由IIS Web服務(wù)器和Access 2003數(shù)據(jù)庫(kù)建立Web站點(diǎn)，通過(guò)Dreamweaver MX 2004+ASP技術(shù)開(kāi)發(fā)動(dòng)態(tài)頁(yè)面的技術(shù)。

表 軟件環(huán)境列表

軟 件

Windows XP IIS 5.0 Access 2003 Dreamweaver MX 2004 發(fā)動(dòng)態(tài)網(wǎng)站解決方案的安全平臺(tái)。

一、建立ASP運(yùn)行環(huán)境(安裝、配置IIS)

(一)、安裝IIS

在Windows XP(專業(yè)版)上將Windows XP安裝光盤放入光驅(qū)，點(diǎn)擊開(kāi)始—>設(shè)置—>控制面版—>添加或刪除程序—>添加或刪除windows組件—>在internet信息服務(wù)(IIS)項(xiàng)前面打鉤，單擊下一步進(jìn)行安裝，直至完成internet信息服務(wù)(IIS)的安裝。如圖所示：

操作系統(tǒng) Web服務(wù)器 數(shù)據(jù)庫(kù) 動(dòng)態(tài)頁(yè)面設(shè)計(jì)

應(yīng) 用

Windows XP的Internet 信息服務(wù)(IIS)給 Windows 帶來(lái) Web 計(jì)算的強(qiáng)大功能。IIS 是創(chuàng)建和開(kāi)

(二)、配置IIS

點(diǎn)擊開(kāi)始—>設(shè)置—>控制面版—>管理工具—>internet信息服務(wù)(IIS)，在彈出的窗口單擊本地計(jì)算機(jī)、網(wǎng)站，在默認(rèn)網(wǎng)站單擊鼠標(biāo)右鍵，在彈出的窗口選擇主目錄、在本地面路徑選擇瀏覽按鈕，選擇你建立的網(wǎng)站目錄(如：E：我的網(wǎng)站)，選擇文檔項(xiàng)，按添加按鈕，添加index.asp文檔完成IIS的配置。

二、建立站點(diǎn)

Macromedia Dreamweaver MX 是一個(gè)站點(diǎn)創(chuàng)建和管理工具，使用它不僅可以創(chuàng)建單獨(dú)的文檔，還可以創(chuàng)建完整的 Web 站點(diǎn)。

站點(diǎn)的定義

開(kāi)始使用Dreamweaver MX 2004來(lái)創(chuàng)建數(shù)據(jù)庫(kù)網(wǎng)站的第一件事，就是定義網(wǎng)站，必須告訴Dreamweaver MX 2004網(wǎng)站根目錄在哪里，以及服務(wù)器位置、類型等相關(guān)信息。

啟動(dòng)Dreamweaver MX 2004后，從主菜單選擇站點(diǎn)/管理站點(diǎn)/新建…定義一個(gè)新站點(diǎn)。

在彈出菜單中的本地信息欄--站點(diǎn)名稱中輸入“我的網(wǎng)站”，本地根文件夾中選擇“E：我的網(wǎng)站”，在HTTP地址項(xiàng)填寫：“HTTP：127.0.0.1”其余各項(xiàng)保持不變。在“分類”處選擇“測(cè)試服務(wù)器”，在服務(wù)器模型處選擇“ASP VBScript”,“訪問(wèn)”處選擇“本地/網(wǎng)絡(luò)”，單擊確定完成站點(diǎn)的定義。

這時(shí)網(wǎng)站管理窗口中就可以看到網(wǎng)站根目錄的中文件了。

三、怎樣建立Access數(shù)據(jù)庫(kù)

本系統(tǒng)使用的是Access 2003創(chuàng)建了一個(gè)名為db1.mdb的數(shù)據(jù)庫(kù)。系統(tǒng)對(duì)數(shù)據(jù)的讀取，存儲(chǔ)都是對(duì)該數(shù)據(jù)庫(kù)進(jìn)行操作。

在Access 2003數(shù)據(jù)庫(kù)中，所有的數(shù)據(jù)存儲(chǔ)都是圍繞表進(jìn)行的，數(shù)據(jù)不會(huì)存儲(chǔ)在數(shù)據(jù)庫(kù)的其他位置。雖然可以有許多方法訪問(wèn)數(shù)據(jù)，但是它們?nèi)縼?lái)自表。可以說(shuō)，表示一個(gè)數(shù)據(jù)庫(kù)的靈魂。

執(zhí)行開(kāi)始->程序->Mccrosoft Office-> Mccrosoft Office Access 2003(安裝Mccrosoft Office 2003時(shí)，把Office Access 2003也打鉤進(jìn)行安裝)，執(zhí)行文件->新建，在彈出窗口右邊選擇空數(shù)據(jù)庫(kù)，文件名保持默認(rèn)，單擊按鈕，從彈出窗口選擇“使用設(shè)計(jì)器創(chuàng)建表”，填寫相應(yīng)的字段，具體如下表所示：

字段名稱 數(shù)據(jù)類型 字段大小 ID 姓名 性別 年齡 住址

自動(dòng)編號(hào) 文本 文本 數(shù)字 文本 30 10 50

錄入時(shí)間 日期/時(shí)間

完成字段名稱等錄入后，選擇ID為主鍵，數(shù)據(jù)表名稱保留默認(rèn)“表1”，將其保存在“E：我的網(wǎng)站”目錄下完成數(shù)據(jù)庫(kù)的建立。如圖所示：

四、Dreamweaver與數(shù)據(jù)庫(kù)的連接(使用DSN連接數(shù)據(jù)庫(kù))

如果打算在網(wǎng)絡(luò)應(yīng)用程序中使用數(shù)據(jù)庫(kù)，就需要?jiǎng)?chuàng)建至少一個(gè)數(shù)據(jù)庫(kù)連接。沒(méi)有數(shù)據(jù)庫(kù)連接的話，應(yīng)用程序?qū)⒉恢涝谑裁吹胤秸业綌?shù)據(jù)庫(kù)或者如何與數(shù)據(jù)庫(kù)連接。在Dreamweaver MX 2004中創(chuàng)建數(shù)據(jù)庫(kù)連接時(shí)，為應(yīng)用程序提供了與數(shù)據(jù)庫(kù)建立聯(lián)系的信息或參數(shù)。

DSN定義

(1)在控制面板中，雙擊管理工具，雙擊ODBC數(shù)據(jù)庫(kù)源圖標(biāo)，出現(xiàn)ODBC數(shù)據(jù)源管理器窗口，選擇系統(tǒng)DSN標(biāo)記。

(2)單擊“添加“，接著選擇數(shù)據(jù)庫(kù)驅(qū)動(dòng)程序，本系統(tǒng)使用Access數(shù)據(jù)庫(kù)，所以Microsoft Access Driver(*.mdb)，單擊“完成“按鈕。

(3)出現(xiàn)ODBC Microsoft Access安裝窗口，在數(shù)據(jù)源名一欄給連接取個(gè)名字conn，說(shuō)明一欄不是必填項(xiàng)。

(4)單擊窗口中“選擇“按鈕，找到數(shù)據(jù)庫(kù)的所在路徑(“E：我的網(wǎng)站”)并選中相應(yīng)數(shù)據(jù)庫(kù)文件，選中db1.mdb，此時(shí)ODBC Access安裝窗口中數(shù)據(jù)庫(kù)一欄就會(huì)出現(xiàn)剛才選定的數(shù)據(jù)庫(kù)文件，如圖所示。DSN連接

建立了數(shù)據(jù)庫(kù)名(DSN)之后，就可以創(chuàng)建網(wǎng)絡(luò)應(yīng)用程序和數(shù)據(jù)庫(kù)之間的ODBC連接，DSN被定義后，就能用它來(lái)調(diào)用各種參數(shù)了。

(1)啟動(dòng)Dreamweaver MX 2004，打開(kāi)已經(jīng)定義好的站點(diǎn)“我的網(wǎng)站”，在站點(diǎn)-我的網(wǎng)站窗口中點(diǎn)擊鼠標(biāo)右鍵，點(diǎn)新?lián)艚ㄎ募募臑閕ndex.asp,雙擊文件index.asp使其處于編輯狀態(tài)。

(2)單擊“窗口”中的“數(shù)據(jù)庫(kù)”，從“數(shù)據(jù)庫(kù)”菜單中。在窗口中點(diǎn)擊“+”，選擇數(shù)據(jù)源名稱，從彈出窗口“連接名稱”一欄鍵入連接的名字conn;在數(shù)據(jù)源名稱(DSN)一欄從下拉菜單中挑選數(shù)據(jù)庫(kù)源名conn;Dreamweaver連接一欄選擇使用本地DSN即可。如下圖：

五、制作顯示數(shù)據(jù)庫(kù)記錄頁(yè)

(1)、雙擊index.asp文件，使其處于編輯狀態(tài)，選擇應(yīng)用程序的“綁定”，點(diǎn)擊“+”，à記錄集(查詢);在彈出的記錄集窗口“名稱”填寫Rs，連接選擇conn，表格選擇“表1”，“列”選擇全部，單擊確定完成記錄集的綁定。如下圖;

(2)、在index.asp編輯狀態(tài)下，插入2行七列的表格，并使其居中，在上一行的七個(gè)空格中加入數(shù)據(jù)表中的內(nèi)容標(biāo)簽，然后將記錄集的各字段拖入下一行對(duì)應(yīng)的空格中，在表格上方輸入數(shù)據(jù)庫(kù)總記錄數(shù)X條、目前為第X條數(shù)據(jù)，并將記錄集中的總記錄數(shù)，第一條記錄拖入對(duì)應(yīng)的字中，并使其居中。如下圖所示：

(3)、選中第二行的全部表格，點(diǎn)擊服務(wù)器行為，點(diǎn)擊“+”選擇重復(fù)區(qū)域，保持默認(rèn)狀態(tài)，點(diǎn)擊確定完成重復(fù)顯示區(qū)的設(shè)計(jì)。

(4)、點(diǎn)擊菜單“插入”，選擇“應(yīng)用程序?qū)ο蟆?>記錄集分頁(yè)->記錄集導(dǎo)航條,在彈出窗口(保持默認(rèn)值)點(diǎn)擊確定。如圖所示：

六、制作添加數(shù)據(jù)記錄頁(yè)

新建一網(wǎng)頁(yè)，命名為add.asp，并使其處于編輯狀態(tài)，點(diǎn)擊菜單“插入”，選擇“應(yīng)用程序?qū)ο蟆?>插入記錄->插入記錄表單向?qū)?在彈出窗口“連接”項(xiàng)選擇conn，“插入到表”選擇“表1”，“插入后轉(zhuǎn)到”填寫a.asp(提交成功顯示網(wǎng)頁(yè)，將在下一步建立),刪除不需要的字段(ID),然后點(diǎn)擊確定按鈕完成頁(yè)面的制作。

建立新的一頁(yè)，保存為a.asp，并在頁(yè)面上填寫“添加數(shù)據(jù)成功!”完成頁(yè)面設(shè)計(jì)。

七、制作修改數(shù)據(jù)記錄頁(yè)

打開(kāi)index.asp文件，使其處于編輯狀態(tài)，把鼠標(biāo)定位在第一行，點(diǎn)擊拆分單元格圖標(biāo)，如下圖：

將列拆分為2列。第二行用同樣方式拆分為二列，在最后一列填寫“修改”字符，全選“修改”，使其被選定，選擇服務(wù)器行為—>“+”，轉(zhuǎn)到詳細(xì)頁(yè)面，從彈出菜單中，詳細(xì)頁(yè)填寫edit.asp，其它保持不變完成頁(yè)面設(shè)置。

創(chuàng)建edit.asp新頁(yè)，用上述同樣的方法為其綁定一個(gè)名為Rs的記錄集(篩選項(xiàng)選擇ID，其它保持默認(rèn)值)。點(diǎn)擊菜單“插入”，選擇“應(yīng)用程序?qū)ο蟆?>更新記錄->更新記錄表單向?qū)?在彈出窗口“連接”項(xiàng)選擇conn，“要更新表格”選擇“表1”，“選取記錄是”處選擇Rs,唯一鍵列選擇ID，“更新后轉(zhuǎn)到”填寫index.asp(修改顯示網(wǎng)頁(yè)，將在下一步建立),刪除不需要的字段(ID),然后點(diǎn)擊確定按鈕完成頁(yè)面的制作(其余為默認(rèn)值)。如下圖所示：

八、制作刪除數(shù)據(jù)記錄頁(yè)

用上述學(xué)過(guò)的方法在Index.asp上創(chuàng)建“刪除”連接。新建網(wǎng)頁(yè)命名為delete.asp，并打開(kāi)它，在其上創(chuàng)建一個(gè)七行二列的表格，并在左邊的表格上填寫相應(yīng)的字段名，然后給網(wǎng)頁(yè)綁定一個(gè)記錄集，并對(duì)其字段拖到對(duì)應(yīng)的右這表格中。創(chuàng)建一表單，并把上述所建的表格拖入表單內(nèi)，同時(shí)為表單建立一個(gè)刪除確定按鈕，如下圖所示：

在彈出菜單中填上相關(guān)內(nèi)容。如圖所示：

點(diǎn)擊服務(wù)器行為->記錄集分頁(yè)->移致特定記錄,按確定按鈕(保持默認(rèn)值)。點(diǎn)擊服務(wù)器行為->刪除記錄，一個(gè)比較完整的ASP動(dòng)態(tài)網(wǎng)站總算完成了。讀者依照本教程的指導(dǎo)，自己動(dòng)手操作可以實(shí)現(xiàn)ASP+Access動(dòng)態(tài)網(wǎng)站的組建。