第一篇：免費簽名設(shè)計詳細(xì)教程(收費網(wǎng)站的BUG)

我試過了，絕對可以！沒成功的可以過來找我！

成功的留個言啊，省的大家說哥是騙子。下面是正文~~~ 今天看了個鏈接設(shè)計簽名的，說是免費的，結(jié)果要你添手機號又要你回短，一看就知道上當(dāng)了，還好沒回，可心里不爽。。

仔細(xì)看了下他們的流程被我發(fā)現(xiàn)個BUG，好了廢話不多說下面把過程說下，絕對的不要錢：：：：

1.首先打開網(wǎng)頁：http://004km.cn/(這個網(wǎng)址可以換，測試用小蟲的可以用,其它類似的簽名網(wǎng)站也可以)輸入手機號和你的名字，注意這里的手機號可以亂寫，寫個11位的手機號就行了，然后點下一步。

2.現(xiàn)在看到的內(nèi)容大概是：

您要設(shè)計的簽名是：XX 手機號：*** 然后下面還有個按紐“我已發(fā)送”，點下它，彈出個提示說簽名已設(shè)計完成要你回短信收取，回短信是不可能了，哥添的手機號本來就是假的。但這時你要記下你填的手機號碼，等下有用 3.好了準(zhǔn)備來收你的簽名吧：

打開網(wǎng)頁：

http://211.144.132.35:3753/sign/qianming.jsp?mobile=***（這個固定不用改的）

把moblie=后面換成你剛才輸入的手機號，Enter之后看到了吧，哈哈～～～～

你的簽名圖片就出來了...多來幾張吧，讓他收費去......

第二篇：PhotoShop制作聆聽簽名詳細(xì)教程

Photoshop創(chuàng)意設(shè)計:聆聽心靈深處的音樂，效果不錯！

請看最終效果：

原圖：

步驟：

01:新建畫布,尺寸寬度30厘米 高度為15厘米 分辨率72,填充白色

02:將背景素材拖入畫布中,適當(dāng)調(diào)整好大小,效果如圖所示

03:將人物拖入畫布中,適當(dāng)調(diào)整好位置和大小

04:將多余的背景扣除,效果如圖所示

05:復(fù)制圖層3,并將此圖層模式更改為正片疊底

06:在圖層3副本上加蒙版,用畫筆適當(dāng)將人物頭發(fā)邊緣的白色擦掉, 效果如圖所示

07:在圖層3副本上執(zhí)行色相/飽和度:編輯紅色,用吸管吸取人物皮膚的顏色,明度+53 效果如圖所示

08:執(zhí)行色彩平衡--暗調(diào),參數(shù)如圖所示

09:執(zhí)行色彩平衡--高光,參數(shù)如圖所示

10:合并所有圖層

11:選擇自定義形狀工具,工具的形狀選擇紅色方框內(nèi)圖標(biāo)

12:新建圖層,前景色為白色,畫出形狀,并適當(dāng)調(diào)整好大小,效果如圖所示

13:新建畫布,尺寸為4x4像素 分辨率為72,背景內(nèi)容為透明,如圖所示

14:將畫布拉到最大效果

15:在畫布內(nèi)做出選區(qū),并填充白色

16:將白色選區(qū)適當(dāng)拉大并旋轉(zhuǎn)角度,效果如圖所示

17:編輯/自定義圖案

18:圖案名稱可以自定,以方便以后好查找

19:打開剛才設(shè)計的圖片,新建圖層,執(zhí)行編輯-填充

20:自定圖案為紅色方框內(nèi)圖標(biāo),也就是剛才保存的圖案,如圖所示

21:模式為正常,不透明為100%,如圖所示

22:圖層1模式為疊加,并加蒙版,用畫筆將人物臉上的斜紋擦掉,畫筆的不透明度為32%

23:新建圖層,在圖片上打上要表達(dá)的字體

24:將花紋素材拖入畫布中,圖層模式為濾色,并適當(dāng)調(diào)整大小和角度

25:選擇紅色方框內(nèi)畫筆工具,并將不透明度更改為87%

26:前景色為白色,在圖片四周適當(dāng)?shù)漠嫵霾灰?guī)則圖案,效果如圖所示

本教程所用的素材和背景

第三篇：河源網(wǎng)站設(shè)計詳細(xì)介紹

主題明確

在目標(biāo)河源網(wǎng)站設(shè)計明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計方案。對網(wǎng)站的整體風(fēng)格和特色作出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。Web站點應(yīng)針對所服務(wù)對象(機構(gòu)或人)的不同而具有不同的形式。有些站點只提供簡潔文本信息;有些則采用多媒體表現(xiàn)手法，提供華麗的圖像、閃爍的燈光、復(fù)雜的頁面布置，甚至可以下載聲音和錄像片段。好的Web站點把圖形表現(xiàn)手法和有效的組織與通信結(jié)合起來。

為了做到河源網(wǎng)站設(shè)計主題鮮明突出，要點明確，應(yīng)該使配色和圖片圍繞預(yù)定的主題;調(diào)動一切手段充分表現(xiàn)網(wǎng)站點的個性和情趣，辦出網(wǎng)站的特點。

充分利用已有信息，如客戶手冊.公共關(guān)系文檔.技術(shù)手冊和數(shù)據(jù)庫等。

設(shè)計思路

網(wǎng)站設(shè)計簡潔實用：這是非常重要的，網(wǎng)絡(luò)特殊環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。

使用方便：同第一個是相一致的，滿足使用者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美

整體性好：一個網(wǎng)站強調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標(biāo)所做的設(shè)計才是成功的。

網(wǎng)站形象突出：一個符合美的標(biāo)準(zhǔn)的網(wǎng)頁是能夠使網(wǎng)站的形象得

到最大限度的提升的。

頁面用色協(xié)調(diào)，布局符合形式美的要求：布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔次。當(dāng)然雅俗共賞是人人都追求的。

交互式強：發(fā)揮網(wǎng)絡(luò)的優(yōu)勢，是每個使用者都參與到其中來，這樣的設(shè)計才能算成功的設(shè)計。這樣的網(wǎng)頁才算真正的美的設(shè)計。[2]版式設(shè)計

網(wǎng)頁設(shè)計作為一種視覺語言，特別講究編排和布局，雖然主頁的設(shè)計不等同于平面設(shè)計，但它們有許多相近之處。

版式設(shè)計通過文字圖形的空間組合，表達(dá)出和諧與美。

多頁面站點頁面的編排設(shè)計要求把頁面之間的有機聯(lián)系反映出來，特別要求處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達(dá)到最佳的視覺表現(xiàn)效果，反復(fù)推敲整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。

色彩作用

色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁設(shè)計中，設(shè)計師根據(jù)和諧、均衡和重點突出的原則，將不同的色彩進(jìn)行組合.搭配來構(gòu)成美麗的頁面。根據(jù)色彩對人們心理的影響，合理地加以運用。如果企業(yè)有CIS(企業(yè)形象識別系統(tǒng))，應(yīng)按照其中的VI進(jìn)行色彩運用。形式內(nèi)容

為了將豐富的意義和多樣的形式組織成統(tǒng)一的頁面結(jié)構(gòu)，形式語言必須符合頁面的內(nèi)容，體現(xiàn)內(nèi)容的豐富含義。

靈活運用對比與調(diào)和、對稱與平衡、節(jié)奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài)，產(chǎn)生和諧的美感。

三維空間的構(gòu)成網(wǎng)絡(luò)上的三維空間是一個假想空間，這種空間關(guān)系需借助動靜變化.圖像的比例關(guān)系等空間因素表現(xiàn)出來。在頁面中，圖片、文字位置前后疊壓，或頁面位置變化所產(chǎn)生的視覺效果都各不相同。通過圖片、文字前后疊壓所構(gòu)成的空間層次不太適合網(wǎng)頁設(shè)計，根據(jù)現(xiàn)有瀏覽器的特點，網(wǎng)頁設(shè)計適合比較規(guī)范、簡明的頁面，盡管這種疊壓排列能產(chǎn)生強節(jié)奏的空間層次，視覺效果強烈。

網(wǎng)頁上常見的是頁面上、下、左、右、中位置所產(chǎn)生的空間關(guān)系，以及疏密的位置關(guān)系所產(chǎn)生的空間層次，這兩種位置關(guān)系使產(chǎn)生的空間層次富有彈性，同時也讓人產(chǎn)生輕松或緊迫的心理感受。虛擬現(xiàn)實

人們已不滿足于HTML(標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用)編制的二維Web頁面，三維世界的誘惑開始吸引更多的人，虛擬現(xiàn)實要在Web網(wǎng)上展示其迷人的風(fēng)采，于是VRML語言出現(xiàn)了。VRML是一種面向?qū)ο蟮恼Z言，它類似Web超級鏈接所使用的HTML語言，也是一種基于文本的語言，并可以運行在多種平臺之上，只不過能夠更多地為虛擬現(xiàn)實環(huán)境服務(wù)。

多媒體

網(wǎng)絡(luò)資源的優(yōu)勢之一是多媒體功能。要吸引瀏覽者注意力，網(wǎng)頁的內(nèi)容可以用三維動畫、FLASH等來表現(xiàn)。但要由于網(wǎng)絡(luò)寬帶的限制，在使用多媒體的形式表現(xiàn)網(wǎng)頁的內(nèi)容時不得不考慮客戶端的傳輸速度。

便于使用

如果人們看不懂或很難看懂您的網(wǎng)站，那么，他如何了解你的企業(yè)信息和服務(wù)項目呢?使用一些醒目的標(biāo)題或文字來突出您的產(chǎn)品與服務(wù)。并且即使您擁有最棒的產(chǎn)品，如果客戶從您的網(wǎng)站上看不清楚您在介紹什么或不清楚如何受益的話，他們是不會喜歡您的網(wǎng)站的，這對于網(wǎng)頁設(shè)計而言是失敗的。

導(dǎo)向清晰

網(wǎng)頁設(shè)計中導(dǎo)航使用超文本鏈接或圖片鏈接，使人們能夠在您的網(wǎng)站上自由前進(jìn)或后退，而不必讓他們使用瀏覽器上的前進(jìn)或后退。我們在所有的圖片上使用“ALT”標(biāo)識符注明圖片名稱或解釋，以便那些不愿意自動加載圖片的觀眾能夠了解圖片的含義。

快速下載時間

很多的瀏覽者不會進(jìn)入需要等待5分鐘下載時間才能進(jìn)入的網(wǎng)站，在互聯(lián)網(wǎng)上30秒的等待時間與我們平常10分鐘等待時間的感覺相同。因此，建議在網(wǎng)頁設(shè)計中盡量避免使用過多的圖片及體積過大的圖片。主要頁面的容量應(yīng)確保普通瀏覽者頁面等待時間不超過10秒。非圖形內(nèi)容

在必要時適當(dāng)使用動態(tài)“Gif”圖片，為減少動畫容量，應(yīng)用巧妙設(shè)計的Java動畫可以用很小的容量使圖形或文字產(chǎn)生動態(tài)的效果。

但是，由于在互聯(lián)網(wǎng)瀏覽的大多是一些尋找信息的人們，仍然建議您要確定您的網(wǎng)站將為他們提供的是有價值的內(nèi)容，而不是過度的裝飾。

反饋與溝通

讓客戶明確您所能提供的產(chǎn)品或服務(wù)并讓他們非常方便地訂購是您獲得成功的重要因素。如果客戶在您的網(wǎng)站上產(chǎn)生了購買產(chǎn)品或服務(wù)的欲望，您是否能夠讓他們盡快實現(xiàn)嗎?是在線還是離線?

因此，如果是產(chǎn)品或服務(wù)介紹網(wǎng)站，應(yīng)該有留言、電話、在線咨詢等功能或信息呈現(xiàn)。

在企業(yè)的Web站點上，要認(rèn)真回復(fù)用戶的電子郵件和傳統(tǒng)的聯(lián)系方式如信件.電話垂詢和傳真，做到有問必答。最好將用戶的用意進(jìn)行分類，如售前一般了解.售后服務(wù)等，由相關(guān)部門處理，使網(wǎng)站訪問者感受到企業(yè)的真實存在并由此產(chǎn)生信任感。

測試改進(jìn)

測試實際上是模擬用戶詢問網(wǎng)站的過程，用以發(fā)現(xiàn)問題并改進(jìn)網(wǎng)頁設(shè)計。應(yīng)該與用戶共同安排網(wǎng)站測試。

內(nèi)容更新

企業(yè)Web站點建立后，要不斷更新網(wǎng)頁內(nèi)容。站點信息的不斷更新，讓瀏覽者了解企業(yè)的發(fā)展動態(tài)和網(wǎng)上職務(wù)等，同時也會幫助企業(yè)建立良好的形象。

注意不要許諾你實現(xiàn)不了的東西，在你真正有能力處理回復(fù)之前，不要懇求用戶輸入信息或羅列一大堆自己不能及時答復(fù)的電話號

碼。如果要求訪問者自愿提供其個人信息，應(yīng)公布并認(rèn)真履行個人隱私保承諾。

紫金縣論壇(zijinxian.com)是成立較早的網(wǎng)絡(luò)公司之一，我們以“真誠服務(wù)”，“用戶滿意”為服務(wù)宗旨，使客戶全面享受到我們的優(yōu)質(zhì)服務(wù)。我們誠實、守信、認(rèn)真負(fù)責(zé)的工作態(tài)度，深受廣大客戶的好評。紫金縣論壇擁有一支實力雄厚的網(wǎng)站建設(shè)技術(shù)團隊，跟蹤 IT 科技的最新發(fā)展趨勢，團隊承接網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化技術(shù)、網(wǎng)站推廣、口碑推廣營銷、網(wǎng)站運營、網(wǎng)站改版等。紫金縣論壇論壇力爭第一時間開通客戶的服務(wù);第一時間解決客戶的問題;第一時間通知客戶相關(guān)說明!郵箱：297228573@qq.com

第四篇：網(wǎng)站設(shè)計策劃方案(詳細(xì)版)

凱悅信網(wǎng)站設(shè)計策劃方案（詳細(xì)版）

一、首頁設(shè)計版式見PPT，各板塊內(nèi)容如下：

1、五個廣告頁面，廣告語分別如下：（鏈接到招生簡章）

1）、人力資源管理師考試火熱報名中，國家職業(yè)技能鑒定所&凱悅信強強聯(lián)手（代招點）

2）、權(quán)威機構(gòu)鼎力支持，保障高過關(guān)率

3）、實戰(zhàn)咨詢案例分享，確保學(xué)以致用

4）、學(xué)習(xí)、交流、交友、發(fā)展的綜合平臺

5）、后續(xù)增值服務(wù)，一次學(xué)習(xí)，終身受益

2、報名咨詢：

咨詢電話：028-85438808（加鑒定所電話）

培訓(xùn)顧問：艾小姐李先生

QQ群：

3、學(xué)員評價：

4、人力資源管理師專欄：

1）行業(yè)背景

2）考試相關(guān)

3）報考資格

4）師資介紹

5）證書展示

5、企業(yè)內(nèi)訓(xùn)專欄：

羅列分類課程信息（點擊進(jìn)入即為課程介紹）

6、培訓(xùn)風(fēng)采：

（照片打包）

7、友情網(wǎng)站鏈接

四川三峽認(rèn)證有限公司

國家職業(yè)技能鑒定所二、二級菜單相關(guān)內(nèi)容

1、關(guān)于我們（4個下拉菜單）

1）公司簡介

簡要介紹，定位，宗旨，榮譽等

公司介紹

一家致力于推動中小型企業(yè)發(fā)展與打造企業(yè)基業(yè)長青的專業(yè)管理咨詢機構(gòu)。

專注于提升企業(yè)的持續(xù)盈利能力，讓投資者降低經(jīng)營風(fēng)險，最大限度地提升投資回報率。針對不同行業(yè)、不同企業(yè)的具體需求，提供量身定做的企業(yè)培訓(xùn)和管理咨詢服務(wù)。? 幫助企業(yè)順利完成企業(yè)變革、管理提升； ? 幫助企業(yè)解決內(nèi)外部人才培養(yǎng)與管理問題； ? 幫助企業(yè)提升團隊整體素質(zhì)與能力的。

我們的理念 培訓(xùn)理念： 變知道為做到 變理論流程為操作流程 變灌輸為訓(xùn)練 變培訓(xùn)為教練

咨詢理念：

咨詢不僅是方案的提供者，更是方案實施的推動者；

咨詢不是知識和思想，而是實踐和成果；

咨詢要給企業(yè)“輸血”，更要幫助企業(yè)“造血”；

咨詢與培訓(xùn)結(jié)合，為企業(yè)組建高效團隊；

尊重客戶現(xiàn)實，從客戶現(xiàn)實出發(fā)，堅持個性服務(wù)和終身服務(wù)。我們的宗旨

? 倡導(dǎo)傳播實戰(zhàn)實用的咨詢服務(wù)和培訓(xùn)服務(wù)

? 挖掘推廣誠信優(yōu)質(zhì)的講師及專家資源

? 研究開發(fā)本土原創(chuàng)的實戰(zhàn)課程與項目

? 全力推動管理顧問行業(yè)規(guī)范化與標(biāo)準(zhǔn)化

2）優(yōu)勢

咨詢優(yōu)勢：

“本土化”咨詢模式：

針對西南地區(qū)企業(yè)特點，有針對性的開發(fā)咨詢方式與其接軌，提升咨詢進(jìn)入企業(yè)后的執(zhí)行力。

“工具式”咨詢方式：

運用科學(xué)有效的咨詢方式，將專業(yè)的咨詢化繁為簡，為企業(yè)提供直接、有效的管理工具與執(zhí)行工具。

“實操型”咨詢隊伍： 所有咨詢師均有企業(yè)管理層工作背景，擁有豐富的企業(yè)管理經(jīng)驗和深厚的管理理論知識，多角度分析企業(yè)問題，多方式解決問題，切切實實幫助企業(yè)提升績效。

培訓(xùn)優(yōu)勢：

“三位一體”的培訓(xùn)方式：

充分診斷分析、現(xiàn)場互動消化、工作坊跟蹤調(diào)查，讓培訓(xùn)得到前、中、后的效果保障。“量身定制”的培訓(xùn)方案：

結(jié)合企業(yè)與行業(yè)特性，貼合企業(yè)實際與發(fā)展設(shè)計可行方案。

“個性化”的課程研發(fā)：

利用診斷結(jié)果，課研小組自主研發(fā)僅適用于本企業(yè)的課程與實例，利于學(xué)員接收?！白稍兪健钡呐嘤?xùn)方法：

現(xiàn)場指導(dǎo)學(xué)員問題和在企業(yè)實際運行中的障礙，結(jié)合企業(yè)自身案例，在培訓(xùn)中輕松解決企業(yè)難題，達(dá)到培訓(xùn)目標(biāo)。

3）企業(yè)文化

2、咨詢服務(wù)（2個下拉菜單）

1）咨詢業(yè)務(wù)介紹

2）、咨詢流程（畫圖）

3、培訓(xùn)服務(wù)（2個下拉菜單）

1）企業(yè)內(nèi)部培訓(xùn)（分板塊，點擊進(jìn)入課程介紹）

2）人力資源管理師培訓(xùn)（里面鏈接國家職業(yè)鑒定所網(wǎng)址）

4、專家團隊（無下拉菜單）

直接羅列各位老師的簡介

5、公司業(yè)績

6、資料中心

7、加入我們

兩塊：常規(guī)招聘，學(xué)生兼職 資料庫

8、聯(lián)系我們

公司聯(lián)系方式

要求：

頁面動感，吸引力強

第五篇：網(wǎng)站留言板留言板簡易教程

用Dreamweaver MX設(shè)計超簡留言本

初學(xué)者在學(xué)ASP的時候往往是無從學(xué)起，學(xué)理論的時候又太抽象不好懂，實踐的時候又找不到合適的例子來分析練習(xí)，有時候找到一個源程序?qū)W習(xí)的時候，功能太繁雜，涉及到的ASP模塊太多，也附帶了不少的函數(shù)，這樣使初學(xué)者一頭霧水，知難而退，實際上ASP是比較容易掌握的，今天就是為了這個目的，剝繭抽絲做了一個非常簡單的留言板，只有留言，刪除和回復(fù)的功能，沒有管理權(quán)限功能(站長登錄，修改密碼等）、判斷功能（表單驗證等）及分頁功能，簡潔干煉，主要是為了初學(xué)者掌握最重要的知識，就是如何抓取數(shù)據(jù)庫以及如何查看、刪除、修改記錄的操作，我們先從這個超級簡單的留言板開刀吧，此關(guān)只要能過，恭喜您了，將來即可步入ＡＳＰ應(yīng)用的行列了！：）本教程

完成后會提供下載！

首先我們先做準(zhǔn)備工作，先做一下策劃，看看我們可能要做哪些頁面，所謂說好的開始就是成功的一半，所以大家不要急著做，聽我慢慢講來。為了讓大家都能制作出自己的留言板，盡量實現(xiàn)一個網(wǎng)頁一個功能模塊，我們就做以下六個網(wǎng)頁：

一、index.asp----首頁即顯示留言頁

二、conn.asp----公共網(wǎng)頁，每個網(wǎng)頁都要包含它，是連接打開數(shù)據(jù)庫的操作。

三、write.asp和save.asp----分別是發(fā)表留言的表單網(wǎng)頁和保存留言頁。

四、del.asp----刪除留言頁

五、reply.asp----回復(fù)當(dāng)前留言頁

做好的留言板效果圖如下：

< P>

好了，說到這里我們可以動工了，首先做一個最重要的工作，就是建立起一個數(shù)據(jù)

庫，將來存放網(wǎng)友的留言所用。

1、數(shù)據(jù)庫名：db1.mdb

2、數(shù)據(jù)庫表：只有一個表：book

3、數(shù)據(jù)表book里增設(shè)以下字段，見圖1

說明：·任一字段的數(shù)據(jù)類型中的“常歸”項中的“允許空字符串”最好填“是”

·日期/時間的“常歸”項中默認(rèn)值為Now()；站長回復(fù)里的“常歸”項中的默認(rèn)值為“暫沒有回復(fù)”，注意此處要加雙引號，是半角而不是全角。

數(shù)據(jù)庫建好后開始做公共網(wǎng)頁，用來打開數(shù)據(jù)庫，打開Dreamweaver MX，按如下方

法新建動態(tài)ASP網(wǎng)頁：

并保存為CONN.ASP,在編輯區(qū)里切換到顯示代碼視圖里，注意把第一行自動生成的代碼刪掉。

這次主要是寫連接數(shù)據(jù)庫和參數(shù)設(shè)置的ASP代碼，不用輸出什么HTML標(biāo)簽，所以把代碼全部刪掉，用DREAWMEAVER插入欄自帶的ASP對象寫入以下代碼，ASP欄里沒有的代碼只能自己手寫輸入了。

注意要把所有要編譯的ASP代碼放在<% %>之間，這樣才能正常運行，否則會出錯！這是基本常識哦。讓我解釋以上代碼的意思吧：

代碼第一行: 用來建立connection對象，connection對象扮演著十分重要的前期連接工作，連接成功數(shù)據(jù)庫才會有以后的數(shù)據(jù)操作功能。

代碼第二行：設(shè)置數(shù)據(jù)庫連接參數(shù)。包括有數(shù)據(jù)庫驅(qū)動程序和數(shù)據(jù)庫文件名。

代碼第三行：用conn連接對象打開數(shù)據(jù)庫。

這些是通用連接數(shù)據(jù)庫的方法，任何需要打開數(shù)據(jù)庫的動態(tài)網(wǎng)頁都可以照搬以上代碼就行了，只把數(shù)據(jù)庫的名字換成你的數(shù)據(jù)庫名字就行了，注意路徑要正確。所以可以把這些代碼用Dreawmeaver里的代碼片斷復(fù)制下來，以后直接插入就可以用了，比較方

便，也不用記憶，這是一個小技藝吧！

好了，今天就先說到這里。

有什么錯誤和更好的建議也希望你能到騰風(fēng)在線論談提出來。

現(xiàn)在我們繼續(xù)前面的內(nèi)容。

新建動態(tài)網(wǎng)頁index.asp：先在設(shè)計視圖里排版好一個留言板的界面，設(shè)計好的頁

面效果圖如下：

下面表格規(guī)劃和顯示都很清楚，一目了然，什么排版的我就不說了吧：），這可是基本功啊，如果不行的話可先學(xué)好Dreamweaver，再來學(xué)ASP哦！穩(wěn)打穩(wěn)進(jìn)，至理名言^_^.如果想偷懶的話，可以直接下載源代碼，學(xué)習(xí)研究ASP代碼也可以啊，我不反對哦，至少我也是這么懶的，理解萬歲?。海?/p>

排好版后再進(jìn)入代碼視圖里，在不同的位置插入以下ASP代碼：如下圖：

在網(wǎng)頁代碼的最上面第一行，點擊用紅線圈起來的標(biāo)志可以插入第一行的代碼，并可以瀏覽到具體文件上，比較方便，注意選擇file文件類型的，不是virtual虛擬類型的。這樣就插入了conn.asp數(shù)據(jù)庫連接代碼頁，此代碼被包含在當(dāng)前網(wǎng)頁位置中進(jìn)行正常編譯，不用重復(fù)寫數(shù)據(jù)庫連接代碼，它的好處很大哦，使頁面結(jié)構(gòu)化，容易修改和維護，如果數(shù)據(jù)庫連接錯誤，或數(shù)據(jù)庫文件變動，只需更改conn.asp即可，不必要修改每一頁的代碼。要善于用這個方法啊，會使你的程序簡單化，清晰化，這是常用的編程方法。

然后再輸入以上第二行到第六行的劃紅線的代碼塊，此代碼塊的意義讓我一一講

來：

第三行代碼：既然網(wǎng)頁和數(shù)據(jù)庫用connection建立連接打開關(guān)系了，之后最重要的工作就是讀取數(shù)據(jù)了。建立rs對象變量為recordset對象，這樣以后可以用rs對象

變量來存取數(shù)據(jù)庫操作。

第四行代碼：把從數(shù)據(jù)表book里查詢的結(jié)果放到sql變量上。它的意思是把book里所有的數(shù)據(jù)都取出來，并按id從大到小排序。desc表示從大到小排序，如果不加的話，最新的留言可是在最后面哦，不方便了。

第五行代碼：表示用rs對象變量open方法來打開數(shù)據(jù)表book，取出結(jié)果按sql的查詢方法。

以上是通用的讀取記錄的方法，到其它地方都可以舉一反三，要熟悉使用！

接著我們要做無留言記錄的判斷顯示代碼出來，我們要定位到“暫無留言”這個表格標(biāo)簽代碼的開頭，加上第29行如下劃紅線的代碼即可，此代碼表示判斷語句：如果RS記錄指針的EOF結(jié)尾和BOF開頭都為空，就返回真，執(zhí)行以下標(biāo)簽，即輸入暫無留言這個表格，而不輸出下面的其它標(biāo)簽了。再定位到“暫無留言”表格標(biāo)簽的結(jié)尾，輸入以下37、38行劃紅線的代碼完成判斷條件，Response.end表示輸出結(jié)束，不再輸出以

下的代碼。

其次再做如果記錄不為空的情況下輸入留言的表格出來，分別定位在輸出留言表格標(biāo)簽的前面和后面，插入ASP代碼塊如下圖輸入：

此代碼塊的意思為：將RS記錄指針指向第一個記錄，然后開始判斷移動記錄時，記錄結(jié)尾是否為空，如果不為空接著移動指針，把所有數(shù)據(jù)都讀取出來。直到結(jié)尾為空

時，退出循環(huán)。

然后我們做最重要的也是最頻繁使用的工作了，就是把數(shù)據(jù)表里各字段的記錄分別讀取出來放在表格的不兩路位置上，例姓名，QQ，郵箱及留言等。先轉(zhuǎn)換到設(shè)計視圖和

代碼視圖的環(huán)境下，如下圖：

我們發(fā)現(xiàn)上圖多了很多

標(biāo)記，這就是剛才在代碼視圖中輸入的ASP代碼，方便我們在設(shè)計視圖中進(jìn)行修改，輸出預(yù)覽是不影響排版的。我們把光標(biāo)定位在姓名旁邊的表格里，點擊插入欄ASP里的，自動插入代碼區(qū)里指定位置，比較方便，不容易搞錯，如下圖：

然后選中姓名旁邊的標(biāo)記，點屬性欄里的Edit編輯按鈕，輸入rs(“name”)即可。<%= %>表示輸出變量值，相當(dāng)于response.write的簡化版。rs是上次已建過的recordset對象，可以直接讀取字段里的內(nèi)容，name是數(shù)據(jù)表里book里的姓名字段。

同理按以上方法再插入ASP代碼留言內(nèi)容、發(fā)表者、發(fā)表時間及回復(fù)內(nèi)容在不同位

置，分別是：

留言內(nèi)容：<%=server.htmlencode(rs(“content”))%>

發(fā)表者：<%= rs(“name”)%>

發(fā)表時間：<%= rs(“time”)%>

站長回復(fù)：<%= rs(“repcontent”)%>

大家可能發(fā)現(xiàn)了，留言內(nèi)容插入的代碼和別的稍微不一樣，多了server.htmlencode這個對象，這是為了安全問題設(shè)置的，是ＨＴＭＬ編碼對象，可以使帶有ＨＴＭＬ標(biāo)簽的文本不被解釋為ＨＴＭＬ標(biāo)記，這樣可以防止被惡意者來寫入特殊執(zhí)行代碼，造成不

必要的損失。

這樣就寫好了，如下圖所示：

接著再做OICQ,EMAIL,HOMEPAGE的鏈接設(shè)置，這個和上述不太一樣，它不是直接顯示出記錄即可，而是將鼠標(biāo)移到QICQ上浮現(xiàn)留言者的QQ號碼，點擊EMAIL自動給留言者發(fā)信，點擊HOMEPAGE直接到達(dá)留言者的網(wǎng)站。

選中OICQ，加上“#”空鏈接，同樣的也給EMAIL和HOMEPAGE加上“#”空鏈接。

如下圖所示：

大家都知道給圖片加提示比較簡單，直接在ＡＬＴ里設(shè)置文字說明就可以了，但文字卻沒有ＡＬＴ，沒關(guān)系，我們的Dreamweaver早就想到了，很強大哦！在代碼區(qū)里OICQ的空鏈接#后，按空格（注意是英文輸入法才有效）會出現(xiàn)智能提示參數(shù)出來，我們選擇“title”，然后接著打上“<%= rs(”oicq“)%>”即可！如下圖所示：

同樣的方法給EMAIL和HOMEPAGE加上啊，方法如下圖劃紅線所示：

一切ＯＫ了?。。蓿撸薨l(fā)現(xiàn)設(shè)計視圖里的OICQ,EMAIL和HOMEPAGE的背景變成了淺藍(lán)色,這說明我們在鏈接上給它們加了ASP代碼，這樣不同的提示是否很體貼?。海?/p>

你肯定等不及了，看看效果吧！但還沒有記錄啊，沒有做留言提交頁和回復(fù)頁，刪除頁，只好暫時在數(shù)據(jù)庫里手動添加記錄吧。

經(jīng)過一些時間，千呼萬喚始出來，不好意思，讓大家久等了。

上次做的留言板只能顯示數(shù)據(jù)，讓我們賦于它生命吧，讓這個留言板把網(wǎng)友們互動起來，大家可以積極發(fā)言，討論侃山。首先要做一個寫留言的網(wǎng)頁，為了簡單化，我們把寫入留言的網(wǎng)頁和提交保存留言的網(wǎng)頁分成兩個，這樣容易看懂，方便學(xué)員分析。

我們先做寫入留言的網(wǎng)頁，靜態(tài)或動態(tài)網(wǎng)頁均可，不需要任何ＡＳＰ代碼，最好建個靜態(tài)文件，這樣瀏覽速度快，不增加服務(wù)器負(fù)擔(dān)，也不是說全是ＡＳＰ網(wǎng)頁就好哦，有必要的時候該出手就出手?。海┲恍杼峁懥粞缘慕缑孀尵W(wǎng)友填均可，新建write.htm，排版如下圖：

注意給各個文本域命名，最好和數(shù)據(jù)表里的各個字段相同，這樣賦值的時候容易對應(yīng)，不會出錯。然后選中紅色虛線的表單，在屬性欄里action欄里填入save.asp，這是將來接收網(wǎng)友的留言并保存到數(shù)據(jù)庫里，我們后面會接著做這個網(wǎng)頁。如下圖：

寫留言的表單頁很簡單，就這樣制作完了，大家不要以為有多麻煩?。海?/p>

下一步我們開始制作接收網(wǎng)友留言并處理的網(wǎng)頁，新建save.asp網(wǎng)頁，將上次做的表單提交的網(wǎng)頁名稱要一致啊，不能隨便命名了。在網(wǎng)頁HTML標(biāo)簽的最上面加入以

下紅線框起來的代碼,如下圖:

以上代碼分幾個段落，并說明了每一塊代碼的意思，都是通用的基本操作，比較簡單，如果有點困難的話，先放一放，先學(xué)好ＡＳＰ基礎(chǔ)再說哦．注意在劃紅線的地方我們增加了兩個函數(shù)使用.一個是Trim函數(shù)，是用來幫助我們除去不必要的空格符，有很多人習(xí)慣多打幾個空格出來，我們用這個函數(shù)來去掉空格就行了。

還有一個是Replace函數(shù)，我們在留言內(nèi)容寫了很多字，它到了邊上會自動換行，或生成段落會生成回車符，這在提交前表單文本區(qū)域是正常的，但提交后數(shù)據(jù)庫不能正常識別這兩個特殊符號，在顯示留言頁只會生成一行，這可不得了啊，把表格撐得寬寬的，很不舒服。而Replace幫助我們來解決這個問題，它可以把文字段落里所有的自動換行符和回車符找出來（vbCrLf是自動換行符和回車符的代碼），并自動轉(zhuǎn)換為

字符串，這樣HTML就可以正常解釋了。

提交保存留言頁基本上就完成了，為了更加友好一點，表示提交成功，我們再多做一點工作，一切為了網(wǎng)友方便嘛！我們回到設(shè)計視圖環(huán)境中，插入大表格在正中央，寫入“留言成功！2秒后自動返回首頁”，在返回首頁加入鏈接到 index.asp網(wǎng)頁里。如

下圖：

提交成功后2秒鐘后自動返回首頁，是不是很難??？？其實一點都不難！用Dreamweaver自帶的功能就輕松解決這個問題，我們操作如下圖：

插入欄中切換到head欄里，點擊Refresh按鈕，會彈出對話框，如下圖：

按以上內(nèi)容填好，就萬歲了，是不是太簡單了，別太得意了啊^_^

我們的發(fā)表提交留言頁就到此結(jié)束了，大家是不是很激動，可以留言了，趕緊拉人來試試吧，猛灌水過把自己的癮吧：），這關(guān)我們順利過了，就要一鼓作氣做完其它的工作，就是回復(fù)頁和刪除頁，有了以上的基礎(chǔ)，就更加輕松了，相信我，是真的！

人總是不滿足現(xiàn)狀的，我們要永無止步，拿下最后的任務(wù)吧。

上次做的留言板有了生命力，可以互動提交留言了，但不能這么泛濫下去，我們還要做個刪除頁，刪除無用的垃圾，網(wǎng)上也需要環(huán)保哦^_^.廢話少說吧，我們開始建刪除頁，命名為del.asp。切換到代碼視圖中，把所有的ＨＴＭＬ標(biāo)簽全部刪掉，加入如下代碼，見下圖：

寫完這些代碼即完成了刪除頁的制作。讓我們分析一下上面代碼塊的意思：

代碼第三行：是刪除語句，WHERE后面跟的是條件語句，只刪除接受傳遞過來ID值的數(shù)據(jù)，這個很關(guān)鍵，一定要設(shè)好，否則會把數(shù)據(jù)表里的全部字段全部清空了，這也

太恐怖了吧。

代碼第四行：CONN對象執(zhí)行DELESQL刪除語句結(jié)果。

代碼第五行和第六行：關(guān)閉CONN對象并設(shè)為空釋放資源。

代碼第七行：response.redirect是輸出轉(zhuǎn)向?qū)ο?，表示刪除后自動轉(zhuǎn)向到首頁去。

接著我們還要再做回復(fù)頁，總得有來有回嘛，否則別人再大的熱情你不回復(fù)，也會冷卻下來的。所以很有必要哦：），新建reply.asp網(wǎng)頁，在設(shè)計視圖里先排好版，如

下圖：

注意紅線的地方要加隱藏域,這樣的目的是為了防止表單未提交但頁面刷新卻執(zhí)行

代碼的錯誤,設(shè)置如上圖.排好后再切換到代碼視圖里，定位到HTML標(biāo)簽的最上面，加入如下紅線框起來的代碼，見下圖：

以上代碼塊的意思有部分我已經(jīng)在上面反復(fù)講過了，不在重復(fù)了，如有不懂請在論談提出來，我會補充的。這里我再說明一下回復(fù)的模塊代碼：

代碼第四行：定位回復(fù)的位置，WHERE后面跟的是回復(fù)條件，只接受我們傳遞過來的留言ID值，并賦值到當(dāng)前的ID變量上，這樣我們只會對當(dāng)前回復(fù)的留言頁來回復(fù)，這個很關(guān)鍵，不然都亂套了。

代碼第六行：用來判斷是表單提交還是刷新頁面，如果是提交表單，那么隱藏域的值肯定被提交，這樣Request.Form(“active”)不為空，就執(zhí)行以下回復(fù)語句．如果沒提交表單，而是刷新頁面，那么那么隱藏域的值沒有提交，Request.Form(“active”)

肯定為空，就跳過不執(zhí)行．

代碼第八行：注意此代碼前沒有加rsedit.addnew，因為這是更新原有的記錄，在原有的留言中在追加回復(fù)內(nèi)容，而不是再添加一條新記錄。

回復(fù)的代碼設(shè)置好，我們再回到設(shè)計視圖環(huán)境中，先定位到要回復(fù)的留言旁邊的單元格里，點擊后再點屬性欄里的edit編輯按鈕，彈出編輯框后填寫代碼“rsedit(“content”)”確定即可。如下圖：

選中紅色虛線表單，在action欄里填寫如下：“reply.asp?id=<%=request(“id”)%>”，如下圖：

回復(fù)頁我們也做好了，是不是完事了？先別激動，還有一件事呢，忘了給首頁index.asp的刪除和回復(fù)還有發(fā)表新主題這三個加鏈接了，那不是空談嘛，趕緊補上吧！

鏈接設(shè)置見下圖：

< P>

超簡留言板的教程就到此結(jié)束了，是不是非常超簡?。海?，不知道大家收獲怎么樣？希望能反饋給我哦。在這里我把本教程的源代碼提供出來，給大家一個方便，可以直接

對照一下，祝你成功了！

編輯后話：幻想曲 還可以更人性化一點！比如如果用戶沒有填寫OICQ或是EMAIL地址就不顯示出來！當(dāng)然，回復(fù)和刪除是要經(jīng)過登錄驗證的！這些東東我相信是作者留下來讓朋友們自行完成的吧！鼓勵一下這篇不錯的教程！

作者雖然是在用DW,但沒有依賴于DW自動生成的代碼.這對于那些想學(xué)ASP而又一直借助于DW的朋友們來說確是一個不小的幫助!另外:提交留言時是不是要把單引號屏蔽掉呢?不然SQL語句是很容易出錯的!作者后話：我已經(jīng)有了完善版的大飛豬留言板,但考慮到是讓學(xué)生更能入門,所以沒有加上去,免得起不到效果,完善版的主要是加了權(quán)限功能,登錄系統(tǒng),主要是版主才能回復(fù)和刪除才行的.這個會更多的,怕嚇跑了初學(xué)者,有經(jīng)驗的學(xué)習(xí)者可以向我索要源代碼!

改日我再發(fā)布完善版的教材出來!