本書以零基礎講解為宗旨,用實例引導讀者深入學習,采取【動態網站基礎知識→案例開發實戰→網站營銷推廣】的模式,深入淺出地講解Dreamweaver+ASP動態網站開發的技術及實戰技能。
本書第1篇“動態網站基礎知識”主要講解動態網站開發基礎、認識Dreamweaver CS6、網頁開發語言基礎、構建動態網站后臺數據庫等;第2篇“案例開發實戰”主要講解用戶管理系統、信息資訊管理系統、網絡投票系統、數字留言板系統、電子相冊管理系統、BBS論壇管理系統、網上購物系統等;第3篇“網站營銷推廣”主要講解網站搜索引擎優化(SEO)、網站推廣與營銷策略等。
本書配套光盤中贈送了豐富的資源,如本書實例完整素材文件、教學幻燈片、本書精品教學視頻、經典ASP代碼大集合、7大經典ASP動態網站完整源碼、網頁樣式與布局案例賞析、Dreamweaver CS6快捷鍵和技巧、HTML標簽速查表、精彩網站配色方案賞析等。
本書適合任何想學習Dreamweaver+ASP開發動態網站的人員。無論是否從事計算機相關行業,是否接觸過Dreamweaver+ASP,通過本書的學習均可快速掌握Dreamweaver+ASP開發動態網站的方法和技巧。
清華大學出版社“案例課堂”大系
叢書以案例的形式講解軟件的內容,讀者可以在實踐中熟練掌握軟件的使用方法。
每一個案例都精挑細選,同時配有全程語音講解的視頻文件,方便讀者學習。
案例的選材廣泛,涉及到軟件應用的各個領域、各個行業,學習無死角。
“CG設計”系列全彩精印,同等價位下內容更多,同等內容下更實惠。
“網站開發”系列附贈超值,全面學習無障礙:
CSS屬性速查表
HTML標簽速查表
網頁布局案例賞析
精彩網站配色方案賞析
精選JavaScript實例
JavaScript函數速查手冊
CSS+DIV布局案例賞析
案例源文件與教學課件
"網站開發案例課堂"系列圖書是專門為網站開發和數據庫初學者量身定做的一套學習用書,由劉玉紅策劃,千谷網絡科技實訓中心的高級講師編著,整套書涵蓋網站開發、數據庫設計等方面,具有以下特點。
前沿科技
無論是網站建設、數據庫設計,還是HTML5、CSS3,我們都精選較為前沿或者用戶群最大的領域推進,幫助讀者認識和了解最新動態。
權威的作者團隊
組織國家重點實驗室和資深應用專家聯手編著該套圖書,融合豐富的教學經驗與優秀的管理理念。
學習型案例設計
以技術的實際應用過程為主線,全程采用圖解和同步多媒體結合的教學方式,生動、直觀、全面地剖析使用過程中的各種應用技能,降低學習難度,提升學習效率。
為什么要寫這樣一本書
隨著網絡的發展,很多企事業單位和廣大網民對于建立網站的需求越來越強烈。另外,對于大中專院校,很多學生需要做網站畢業設計。但是這些讀者又不懂網頁代碼程序,不知道從哪里下手,為此,本書針對這樣的零基礎讀者,全面介紹Dreamweaver+ASP開發動態網站的知識,讀者在動態網站開發中遇到的技術,基本上本書中都有詳細講解。通過本書的實訓,讀者可以很快地進行網頁設計和動態網站開發,提高職業化能力,幫助解決工作和學習中的實際問題。
本書特色
*零基礎、入門級的講解
無論您是否從事計算機相關行業,是否接觸過Dreamweaver和動態網站開發,都能從本書中找到最佳起點。
*超多、實用、專業的范例和項目
本書從Dreamweaver和ASP的基本概念講起,帶領讀者逐步深入學習各種應用技巧,側重實戰技能,對簡單易懂的實際案例進行分析和操作指導,讓讀者讀起來簡明輕松,操作起來有章可循。
*隨時檢測自己的學習成果
每章首頁中,均提供了學習目標,以指導讀者重點學習及學后檢查。
*細致入微、貼心提示
本書使用"注意""提示""技巧"等小欄目,使讀者在學習過程中更清楚地了解相關操作、理解相關概念,并輕松掌握各種操作技巧。
*專業創作團隊和技術支持
本書由千谷網絡科技實訓中心提供技術支持。讀者在學習過程中遇到任何問題可加入QQ群221376441提問,專家會在線答疑。
"Dreamweaver+ASP開發動態網站"學習最佳途徑
本書以學習"Dreamweaver+ASP開發動態網站"的最佳制作流程來分配章節,從最初的Dreamweaver基本操作開始,先后講解動態開發語言基礎、數據庫后臺構建方法、網站營銷推廣等。同時在案例中展示了動態網站開發中的常用技術,更進一步提高讀者的實戰技能。
超值光盤
*全程同步教學錄像
涵蓋本書所有知識點,詳細講解每個實例的創建過程及技術關鍵點。比看書更輕松地掌握書中所有的Dreamweaver+ASP開發動態網站知識,而且擴展的講解部分使讀者得到比書中更多的收獲。
*超大容量王牌資源大放送
贈送大量王牌資源,包括本書實例的完整素材文件、教學幻燈片、本書精品教學視頻、經典ASP代碼大集合、7大經典ASP動態網站完整源碼、網頁樣式與布局案例賞析、DreamweaverCS6快捷鍵和技巧、HTML標簽速查表、精彩網站配色方案賞析等。
讀者對象
*沒有任何Dreamweaver+ASP基礎的初學者。
*有一定的Dreamweaver基礎,想精通動態網站開發的人員。
*有一定的動態網站開發基礎,沒有項目經驗的人員。
*正在進行畢業設計的學生。
*大專院校及培訓學校的老師和學生。
創作團隊
本書由劉玉紅策劃,千谷網絡科技實訓中心高級講師編著,參加編寫的人員還有周佳、付紅、李園、劉玉萍、王攀登、郭廣新、侯永崗、蒲娟、劉海松、孫若淞、王月嬌、包慧利、陳偉光、胡同夫、梁云梁和周浩浩。
在編寫過程中,我們盡所能地將最好的講解呈現給讀者,但也難免有疏漏和不妥之處,敬請不吝指正。
編者
作者長期從事網站開發工作,數年來承接了大量的項目,具有豐富的實踐經驗。
第1篇 動態網站基礎知識
第1章 動態網站開發基礎 3
1.1 認識網頁和網站 4
1.1.1 什么是網頁 4
1.1.2 什么是網站 4
1.1.3 網站的種類和特點 5
1.2 網頁的靜態與動態 6
1.2.1 靜態網頁 7
1.2.2 動態網頁 7
1.3 動態網站開發的整體流程 8
1.3.1 網站的前期規劃 8
1.3.2 選擇網頁制作軟件 11
1.3.3 制作網頁 12
1.3.4 開發動態網站功能模塊 13
1.3.5 網站的測試與發布 13
1.3.6 網站的推廣 14
1.4 架設IIS +ASP動態網站運行環境 15
1.4.1 什么是ASP 15
1.4.2 如何執行ASP的程序 15
1.4.3 關于建構本書程序環境的
建議 16
1.5 ASP網頁的測試 21
第2章 認識Dreamweaver CS6 23
2.1 安裝與啟動Dreamweaver CS6 24
2.1.1 安裝Dreamweaver CS6 24
2.1.2 啟動Dreamweaver CS6 25
2.2 Dreamweaver CS6的工作界面 26
2.2.1 菜單欄 26
2.2.2 文檔工具欄 26
2.2.3 文檔窗口 27
2.2.4 【屬性】面板 28
2.2.5 狀態欄 28
2.2.6 設計器 28
2.2.7 【插入】面板 28
2.2.8 【文件】面板 29
2.3 Dreamweaver CS6的新增功能 29
2.3.1 可響應的自適應網格版面 29
2.3.2 改善的FTP性能 30
2.3.3 增強型jQuery移動支持 30
2.3.4 CSS 3轉換 30
2.3.5 更新的實時視圖 31
2.3.6 更新的多屏幕預覽面板 31
2.4 使用Dreamweaver CS6創建基本
網頁 32
2.4.1 定義Dreamweaver站點 32
2.4.2 使用歡迎頁 33
2.4.3 新建頁面 34
2.4.4 設置頁面標題 35
2.4.5 設置頁面屬性 36
2.4.6 添加文本 38
2.4.7 插入圖像 39
2.4.8 插入多媒體 40
2.4.9 設置網頁鏈接 41
2.4.10 在網頁中插入表格 43
2.4.11 使用表單對象 46
第3章 網頁開發語言基礎 51
3.1 熟悉HTML 52
3.1.1 第一個HTML網頁 52
3.1.2 HTML元素的屬性 54
3.1.3 body屬性的設置 54
3.1.4 字體屬性的應用 54
3.1.5 在網頁中插入圖像 61
3.1.6 表格的使用 62
3.1.7 表單的使用 70
3.1.8 超鏈接的使用 71
3.2 VBScript語言 71
3.2.1 VBScript概述 71
3.2.2 VBScript數據類型 71
3.2.3 VBScript變量 72
3.2.4 VBScript運算符 74
3.2.5 使用條件語句 74
3.2.6 使用循環語句 77
3.2.7 VBScript過程 78
3.3 ASP基本知識 79
3.3.1 ASP能做什么 79
3.3.2 ASP的工作原理 79
3.3.3 ASP基本語法 80
3.3.4 ASP常用內建對象 80
3.3.5 ASP常用的組件 86
第4章 構建動態網站后臺數據庫 91
4.1 定義互動網站 92
4.1.1 定義互動網站的重要性 92
4.1.2 在Dreamweaver CS6中定義
動態網站 92
4.2 Access 2010簡介 96
4.2.1 啟動和關閉Access 2010 96
4.2.2 數據庫及數據庫表 97
4.2.3 創建數據庫 97
4.2.4 創建數據庫表 99
4.2.5 字段的數據類型和屬性 106
4.3 在網頁中使用數據庫 108
4.3.1 Connection對象 108
4.3.2 用ODBC實現數據庫連接 108
4.3.3 創建DSN連接并測試 110
第2篇 案例開發實戰
第5章 用戶管理系統 113
5.1 系統的功能分析 114
5.1.1 規劃網頁結構和功能 114
5.1.2 網頁美工設計 115
5.2 數據庫設計與連接 115
5.2.1 數據庫設計 115
5.2.2 創建數據庫連接 118
5.3 用戶登錄模塊的設計 122
5.3.1 登錄頁面 122
5.3.2 登錄失敗和登錄成功頁面 131
5.3.3 用戶登錄系統功能的測試 134
5.4 用戶注冊模塊的設計 135
5.4.1 用戶注冊頁面 135
5.4.2 注冊成功和注冊失敗頁面 140
5.4.3 用戶注冊功能的測試 141
5.5 用戶注冊資料修改模塊的設計 143
5.5.1 修改資料頁面 143
5.5.2 更新成功頁面 145
5.5.3 修改資料功能的測試 146
5.6 密碼查詢模塊的設計 147
5.6.1 密碼查詢頁面 147
5.6.2 完善密碼查詢功能頁面 151
5.6.3 密碼查詢模塊的測試 154
5.7 數據庫路徑的修改 155
第6章 信息資訊管理系統 157
6.1 系統的功能分析 158
6.1.1 規劃網頁結構和功能 158
6.1.2 網頁美工設計 159
6.2 數據庫設計與連接 159
6.2.1 數據庫設計 160
6.2.2 創建數據庫連接 162
6.3 系統頁面設計 165
6.3.1 網站首頁的設計 165
6.3.2 信息分類頁面的設計 177
6.3.3 信息內容頁面的設計 183
6.3.4 系統頁面的測試 185
6.4 后臺管理頁面設計 187
6.4.1 后臺管理入口頁面 187
6.4.2 后臺管理主頁面 191
6.4.3 新增信息頁面 196
6.4.4 修改信息頁面 199
6.4.5 刪除信息頁面 203
6.4.6 新增信息分類頁面 207
6.4.7 修改信息分類頁面 209
6.4.8 刪除信息分類頁面 211
第7章 網絡投票系統 215
7.1 系統的功能分析 216
7.1.1 規劃網頁結構和功能 216
7.1.2 網頁美工設計 216
7.2 數據庫設計與連接 217
7.2.1 數據庫的設計 217
7.2.2 創建數據庫連接 221
7.3 網絡投票系統主界面的制作 223
7.3.1 投票系統主界面的制作 223
7.3.2 投票頁面的制作 230
7.3.3 計算票數頁面的制作 234
7.3.4 投票結果顯示頁面的制作 237
7.4 網絡投票系統管理界面的制作 241
7.4.1 管理員登錄頁面的制作 241
7.4.2 系統管理主頁面的制作 242
7.4.3 復制頁面 247
7.4.4 修改瀏覽投票活動結果頁面 248
7.4.5 修改刪除投票活動確認頁面 249
第8章 數字留言板系統 255
8.1 系統的功能分析 256
8.1.1 規劃網頁結構和功能 256
8.1.2 網頁美工設計 256
8.2 數據庫設計與連接 257
8.2.1 數據庫的設計 257
8.2.2 創建數據庫連接 261
8.3 留言板系統訪問頁面的制作 263
8.3.1 留言板系統主頁面的制作 263
8.3.2 訪問者留言頁面的制作 269
8.4 留言板系統后臺管理的制作 272
8.4.1 管理員登錄頁面的制作 272
8.4.2 留言板后臺管理主界面的
制作 273
8.4.3 刪除留言頁面 279
8.5 留言板管理系統功能的測試 281
8.5.1 留言測試 281
8.5.2 后臺管理測試 283
第9章 電子相冊管理系統 285
9.1 系統的功能分析 286
9.1.1 規劃網頁結構和功能 286
9.1.2 網頁美工設計 287
9.2 數據庫設計與連接 287
9.2.1 數據庫的設計 287
9.2.2 創建數據庫連接 290
9.3 電子相冊系統主界面的制作 293
9.3.1 電子相冊系統主界面的制作 293
9.3.2 電子相冊分類頁面的制作 298
9.3.3 電子相冊瀏覽圖片頁面的
制作 305
9.3.4 電子相冊詳細顯示頁面的
制作 306
9.4 電子相冊系統管理界面的制作 308
9.4.1 管理員登錄頁面的制作 308
9.4.2 電子相冊系統管理主界面的
制作 310
9.4.3 電子相冊添加頁面的制作 314
9.4.4 電子相冊修改頁面的制作 317
9.4.5 電子相冊刪除頁面的制作 320
9.5 電子相冊系統功能的測試 323
9.5.1 管理相冊測試 323
9.5.2 管理相冊前臺測試 326
第10章 BBS論壇管理系統 329
10.1 系統的功能分析 330
10.1.1 規劃網頁結構和功能 330
10.1.2 網頁美工設計 330
10.2 數據庫設計與連接 331
10.2.1 數據庫的設計 331
10.2.2 創建數據庫連接 336
10.3 BBS論壇管理系統主界面的制作 338
10.3.1 BBS論壇系統主界面的
制作 338
10.3.2 發布新主題頁面的制作 345
10.3.3 討論主題詳細頁面的制作 348
10.3.4 添加記錄點擊次數功能 353
10.3.5 回復討論主題頁面的制作 354
10.3.6 搜索主題頁面的制作 357
10.4 BBS論壇系統管理界面的制作 358
10.4.1 管理員登錄頁面的制作 358
10.4.2 論壇系統管理主界面的
制作 360
10.4.3 修改討論主題頁面的制作 365
10.4.4 刪除討論主題頁面的制作 367
10.5 BBS論壇管理系統功能的測試 369
10.5.1 發帖測試 369
10.5.2 論壇后臺管理測試 373
第11章 網上購物系統 375
11.1 購物網站系統分析與設計 376
11.1.1 購物網站購物流程 376
11.1.2 購物網站主要功能 377
11.2 數據庫設計 378
11.3 制作購物網站首頁 379
11.3.1 數據庫連接 379
11.3.2 制作top.asp頁面 380
11.3.3 制作left.asp頁面 382
11.3.4 制作search.asp頁面 383
11.3.5 制作middle.asp頁面 383
11.3.6 制作help.asp頁面和bottom.asp頁面 387
11.4 制作商品列表頁 388
11.4.1 實現分頁效果 388
11.4.2 實現瀏覽歷史效果 390
11.5 制作商品內容頁 391
11.6 實現網站購物車功能 392
11.6.1 制作購物車 392
11.6.2 制作結算中心 394
11.6.3 制作生成的訂單 394
11.7 制作會員注冊和會員登錄頁面 395
11.7.1 制作會員注冊頁面 395
11.7.2 制作會員登錄頁面 397
11.8 實現會員中心功能 398
11.8.1 制作會員中心頁面 398
11.8.2 制作修改會員信息頁面 399
11.8.3 制作修改會員密碼頁面 399
11.8.4 制作查看訂單明細頁面 401
11.8.5 制作收藏夾 402
11.9 制作后臺登錄頁 403
11.10 實現商品管理功能 405
11.10.1 制作商品分類管理頁面 405
11.10.2 制作添加商品頁面 408
11.10.3 制作管理商品頁面 408
11.11 實現訂單管理功能 409
11.11.1 制作訂單管理頁面 409
11.11.2 制作訂單搜索頁面 411
11.11.3 制作訂單打印頁面 411
11.12 后臺其他功能介紹 412
第3篇 網站營銷推廣
第12章 網站搜索引擎優化(SEO) 415
12.1 初識搜索引擎優化(SEO) 416
12.1.1 搜索引擎原理 416
12.1.2 搜索引擎優化(SEO)的含義 419
12.1.3 SEO是吸引潛在"眼球"的
最佳方法 420
12.2 搜索引擎優化的目標 420
12.2.1 提升網站訪問量 420
12.2.2 提升用戶體驗 421
12.2.3 提高業務轉化率 421
12.3 搜索引擎優化的分類 421
12.3.1 站內搜索引擎優化 421
12.3.2 站外搜索引擎優化 421
12.4 搜索引擎優化的誤區 422
12.4.1 為了搜索引擎而優化 422
12.4.2 聽信虛假廣告 423
12.4.3 急于求成 424
12.4.4 采用黑帽手法 425
12.5 正確理解SEO 425
12.5.1 SEO不是作弊 426
12.5.2 SEO內容為王 426
12.5.3 SEO與SEM關系 426
12.5.4 SEO與競價推廣關系 426
第13章 網站推廣與營銷策略 427
13.1 網站推廣常用方法 428
13.1.1 什么是網站推廣 428
13.1.2 網站營銷推廣的方法 428
13.2 搜索引擎營銷 431
13.2.1 搜索引擎優化的優勢 431
13.2.2 搜索引擎優化常規方法 432
13.2.3 付費搜索引擎營銷的4個
關鍵步驟 434
13.3 論壇營銷 436
13.3.1 論壇營銷的5大特點 436
13.3.2 論壇營銷的5大優勢 438
13.3.3 論壇營銷的3大要點 440
13.3.4 論壇營銷推廣3大步驟 441
13.4 微博營銷 443
13.4.1 微博營銷的6個特點 443
13.4.2 微博寫作的7個法則 445
13.4.3 微博營銷的5個步驟 447
13.4.4 企業微博營銷技巧 450
13.5 網絡新聞營銷 456
13.5.1 強悍的時效性 456
13.5.2 猛烈的傳播力 456
13.5.3 輕松、自主 457
13.5.4 互動升級為共動 458
13.5.5 網絡新聞寫作技巧 458
第3章 網頁開發語言基礎
要想自己動手建立網站,掌握一門網頁編程語言是必需的,因為無論多么絢麗的網頁,都要由語言編程去實現。本章主要介紹常見的幾種網頁語言,重點介紹HTML和ASP語言網頁編程常用知識點。
學習目標(已掌握的在方框中打鉤)
* 熟悉HTML語言的基本概念
* 熟悉VBScript語言的基本概念
* 掌握ASP語言的基本知識
3.1 熟悉HTML
HTML(Hypertext Markup Language)即超文本標記語言或超文本鏈接標記語言,文件后綴名為.htm或.html,是目前網絡上應用最為廣泛的語言,也是構成網頁文檔的主要語言。HTML的結構包括頭部(head)、主體(body)兩大部分,其中頭部描述瀏覽器所需的信息,而主體則包含所要說明的具體內容。
3.1.1 第一個HTML網頁
制作HTML頁面,可以使用記事本、寫字板、Word、FrontPage、Dreamweaver及其他具有文字編排功能的工具,只要把最后生成的文件以.html為后綴名保存即可。但不同的開發工具具有不同的開發效率,這里推薦使用Dreamweaver。
Dreamweaver提供了頁面和HTML代碼之間相互轉換的功能。如編寫出HTML代碼后,通過Dreamweaver就可以馬上看到相應的頁面是什么樣子;反之亦然,當看到一個漂亮的頁面時,通過Dreamweaver即可知道它的HTML代碼。
下面用Dreamweaver CS6創建一個空白HTML文件,如圖3-1所示。
圖3-1 新建立的HTML頁面
在"標題"文本框中輸入"第一個HTML網頁",單擊按鈕,在設計視圖中輸入文本"這是我制作的第一個頁面",如圖3-2所示。
把代碼視圖的代碼復制出來進行分析,代碼如下:
這是我制作的第一個頁面
圖3-2 標題及輸入文字說明
上面的代碼有以下幾個最基本的特點。
* 在代碼中有很多用"< >"括起的代碼,這就是HTML語言的標記符號。
* 代碼主要由head和body兩部分組成。
* 代碼中有很多成對出現的標記,如出現后,在后面會出現與之對應的;如前面出現后,在后面會出現與之對應的。在成對出現的標記中,第一個表示開始,第二個表示結束,并且結束的標記要多一個斜杠。
接下來看看這些標注所代表的意義。
* html:表示被 及 所包圍起來的內容是一份HTML 文件,不過本標注也可以省略。
* head:此標注用來注明此份文件的作者等信息,除了
這是size=7的字體
這是size=6的字體
這是size=5的字體
這是size=4的字體
這是size=3的字體
這是size=2的字體
這是size=1的字體
這是size=-1的字體
預覽效果如圖3-3所示。
圖3-3 文字不同大小樣式
2. 文字的字體與樣式
HTML 4.0以上的版本提供了定義字體的功能,用FACE屬性來完成這個工作,FACE的屬性值可以是本機上的任一字體類型。但有一點需要注意,只有對方的電腦中裝有相同的字體才可以在該瀏覽器中出現預先設計的風格。格式如下:
……