《Dreamweaver CC Flash CC Photoshop CC網頁設計案例課堂(第2版)》以零基礎講解為宗旨,用實例引導讀者深入學習,采取基礎入門網頁內容設計網頁元素設計網頁動畫設計項目開發的講解模式,深入淺出地講解網頁設計的各項技術及實戰技能。
《Dreamweaver CC Flash CC Photoshop CC網頁設計案例課堂(第2版)》第1篇基礎入門主要內容包括網頁設計與網站建設基礎、網頁配色與網站布局等;第2篇網頁內容設計主要內容包括使用Dreamweaver CC創建站點、使用文本豐富網頁內容、使用圖像與多媒體網頁元素、設計網頁中的超鏈接、使用網頁表單和行為等;第3篇網頁元素設計主要內容包括調整與修飾圖像、制作網頁特效文字、制作網頁按鈕與導航條、制作網頁特效邊線與背景、制作網頁Logo與網頁Banner等;第4篇網頁動畫設計主要內容包括制作簡單網頁動畫元素、使用元件和庫、創建交互式動畫、制作動態網站的Logo與Banner、Flash動畫的測試與發布等;第5篇項目開發主要內容包括使用CSS層疊樣式表、利用Div CSS布局網頁、構建動態網站的運行環境、使用MySQL數據庫、開發網站用戶管理系統等。
《Dreamweaver CC Flash CC Photoshop CC網頁設計案例課堂(第2版)》贈送了12種超值的王牌資源。包括本書實例源代碼、教學幻燈片、本書精品教學視頻、88個實用類網頁模板、12部網頁開發必備參考手冊、11個精彩JavaScript案例、Dreamweaver CC快捷鍵速查手冊、HTML標記速查表、精彩網站配色方案賞析、網頁樣式與布局案例賞析、CSS Div布局賞析案例、Web前端工程師常見面試題等。
《Dreamweaver CC Flash CC Photoshop CC網頁設計案例課堂(第2版)》面向初、中級用戶,適合任何想學習用Dreamweaver Flash Photoshop設計網頁的人員,無論您是否從事計算機相關行業,無論您是否接觸過Dreamweaver Flash Photoshop,通過學習本書均可快速掌握用Dreamweaver Flash Photoshop設計網頁和開發動態網站的方法及技巧。
前 言
網站開發案例課堂系列圖書是專門為辦公技能和網頁設計初學者量身定制的一套學習用書,涵蓋網頁設計、網站開發、數據庫設計等方面。整套書具有以下幾個特點。
面向前沿科技
無論是網站建設、數據庫設計,還是HTML 5、CSS 3、JavaScript,我們都精選較為前沿或用戶群較大的領域推進,幫助大家認識和了解最新動態。
權威的作者團隊
組織國家重點實驗室和資深應用專家聯手編著該套圖書,融合豐富的教學經驗與優秀的管理理念。
學習型案例設計
以技術的實際應用過程為主線,全程采用圖解和同步多媒體結合的教學方式,生動、直觀、全面地剖析使用過程中的各種應用技能,降低難度,提升學習效率。
為什么要寫這樣一本書
隨著網絡的發展,很多企事業單位和廣大網民對于建立網站的需求越來越強烈。另外,對于大中專院校,很多學生需要做網站畢業設計,但是這些讀者又不懂網頁代碼程序,不知道從哪里下手。針對這些情況,我們編寫了此書,以期全面帶領讀者學習網頁設計和網站建設的知識。通過本書的實訓,讀者可以很快地學會設計網頁和開發網站,提高職業技能,從而幫助解決公司與求職者的雙重需求問題。
本書特色
零基礎、入門級的講解
無論您是否從事計算機相關行業,無論您是否接觸過Dreamweaver Flash Photoshop網頁設計和動態網站開發,都能從本書中找到最佳起點。
超多、實用、專業的范例和項目
本書在編排上緊密結合深入學習網頁制作技術的先后過程,從網頁設計的基本概念開始,帶領大家逐步深入地學習各種應用技巧,側重實戰技能,使用簡單易懂的實際案例進行分析和操作指導,讓讀者讀起來簡明輕松,操作起來有章可循。
隨時檢測自己的學習成果
大部分章末均設置了疑難解惑板塊,從而幫助讀者解決自學過程中最常見的疑難問題。
細致入微、貼心提示
本書在講解過程中,在各章中使用了注意提示技巧等小貼士,使讀者在學習過程中更清楚地了解相關操作、理解相關概念,并輕松掌握各種操作技巧。
專業創作團隊和技術支持
您在學習過程中遇到任何問題,可加入QQ群(案例課堂VIP,號碼為451102631)進行提問,專家人員會在線答疑。
超值資源大放送
全程同步教學錄像
涵蓋本書所有知識點,詳細講解每個實例和項目的過程及技術關鍵點。比看書更能輕松地掌握書中所有動態網站開發的知識,而且擴展的講解部分可使您得到比書中更多的收獲。
超多容量王牌資源
贈送大量王牌資源,包括本書實例源代碼、教學幻燈片、本書精品教學視頻、88個實用類網頁模板、12部網頁開發必備參考手冊、11個精彩JavaScript案例、Dreamweaver CC快捷鍵速查手冊、HTML標記速查表、精彩網站配色方案賞析、網頁樣式與布局案例賞析、CSS Div布局賞析案例、Web前端工程師常見面試題等。讀者可以通過QQ群(案例課堂VIP,號碼為451102631)獲取贈送資源,也可以掃描二維碼,下載本書資源。
讀者對象
沒有任何Dreamweaver Flash Photoshop網頁設計基礎的初學者。
有一定的Dreamweaver Flash Photoshop網頁設計基礎,想精通網站開發的人員。
有一定的動態網站開發基礎,沒有項目經驗的人員。
正在進行畢業設計的學生。
大專院校及培訓學校的老師和學生。
創作團隊
本書由劉春茂編著,參加編寫的人員還有劉玉萍、張金偉、蒲娟、周佳、付紅、李園、郭廣新、侯永崗、王攀登、劉海松、孫若淞、王月嬌、包慧利、陳偉光、胡同夫、王偉、展娜娜、李琪、梁云梁和周浩浩。在編寫過程中,我們竭盡所能地將最好的講解呈現給讀者,但也難免有疏漏和不妥之處,敬請不吝指正。若您在學習中遇到困難或疑問,或有任何建議,可寫信至信箱357975357@qq.com。
編 者
劉春茂,本科畢業于上海復旦大學,碩士畢業于清華大學。曾在美國IBM公司移動產品開發組從事Android平臺應用的開發。
擅長的核心技術
媒體和教育領域個性化信息推薦,網站用戶行為數據挖掘,健康領域非結構化數據處理。
擅長的其他技術
熟悉各種網站和手機(Andorid和iOS)app的開發等,精通Java, C/C , PHP, Python等流行語言并對Hadoop, MapReduce等大數據框架有深入研究。
目 錄第1篇 基 礎 入 門第1章 開啟網頁設計之路網頁設計與網站建設基礎31.1 認識網頁和網站41.1.1 什么是網頁41.1.2 什么是網站51.1.3 網站的種類和特點51.2 網頁的相關概念71.2.1 因特網與萬維網71.2.2 瀏覽器與HTML71.2.3 URL、域名與IP地址81.2.4 上傳和下載81.3 網頁的HTML構成91.3.1 文檔標記91.3.2 頭部標記101.3.3 主體標記101.4 HTML的常用標記111.4.1 標題標記111.4.2 段落標記111.4.3 換行標記121.4.4 鏈接標記131.4.5 列表標記141.4.6 圖像標記171.4.7 表格標記191.4.8 表單標記211.5 綜合案例制作日程表221.6 疑難解惑25第2章 整體把握網站結構網頁配色與網站布局272.1 善用色彩設計網頁282.1.1 認識色彩282.1.2 確定網站的主題色292.1.3 網頁中色彩的搭配312.1.4 網頁元素的色彩搭配322.1.5 網頁色彩搭配的技巧342.2 常見網站的布局結構362.2.1 國字型362.2.2 標題正文型372.2.3 左右框架型372.2.4 上下框架型372.2.5 綜合框架型382.2.6 封面型382.2.7 Flash型382.3 綜合案例定位網站頁面的框架392.4 疑難解惑40
第2篇 網頁內容設計
第3章 磨刀不誤砍柴工使用Dreamweaver CC創建站點433.1 認識Dreamweaver CC443.1.1 啟動Dreamweaver CC443.1.2 認識Dreamweaver CC的工作區453.1.3 體驗Dreamweaver CC的新增功能473.2 創建站點503.2.1 案例1創建本地站點503.2.2 案例2創建遠程站點513.3 管理站點523.3.1 案例3打開站點523.3.2 案例4編輯站點523.3.3 案例5刪除站點533.3.4 案例6復制站點543.3.5 案例7導出與導入站點543.4 操作站點文件及文件夾553.4.1 案例8創建文件夾563.4.2 案例9創建文件563.4.3 案例10文件或文件夾的移動和復制573.4.4 案例11刪除文件或文件夾573.5 綜合案例創建本地站點583.6 疑難解惑59第4章 制作我的第一個網頁使用文本豐富網頁內容614.1 網頁文檔的基本操作624.1.1 案例1創建網頁624.1.2 案例2頁面屬性624.1.3 案例3保存網頁644.1.4 案例4打開網頁654.1.5 案例5預覽網頁664.2 添加網頁內容674.2.1 案例6插入文字674.2.2 案例7設置字體684.2.3 案例8設置字號684.2.4 案例9設置字體顏色694.2.5 案例10設置字體樣式704.2.6 案例11編輯段落724.2.7 案例12創建項目列表774.3 使用特殊文本添加網頁內容794.3.1 案例13插入換行符794.3.2 案例14插入水平線794.3.3 案例15插入日期804.3.4 案例16插入特殊字符814.4 綜合案例制作圖文并茂的網頁824.5 疑難解惑84第5章 有圖有真相使用圖像與多媒體網頁元素875.1 常用圖像格式885.1.1 GIF格式885.1.2 JPEG格式885.1.3 PNG格式895.2 用圖像美化網頁895.2.1 案例1插入圖像895.2.2 案例2設置圖像的屬性915.2.3 案例3設置圖像對齊方式935.2.4 案例4剪裁需要的圖像945.2.5 案例5調整圖像的亮度與對比度955.2.6 案例6設置圖像的銳化效果965.3 插入其他圖像元素975.3.1 案例7插入鼠標經過圖像975.3.2 案例8插入圖像占位符995.4 在網頁中插入多媒體1005.4.1 案例9插入背景音樂1005.4.2 案例10插入Flash動畫1015.4.3 案例11插入FLV視頻1025.4.4 案例12插入HTML 5音頻1045.4.5 案例13插入HTML 5視頻1055.5 綜合案例1制作精彩的多媒體網頁1075.6 綜合案例2在代碼視圖中插入背景音樂1095.7 疑難解惑110第6章 不在網頁中迷路設計網頁中的超鏈接1136.1 超級鏈接1146.1.1 鏈接的概念1146.1.2 常規鏈接1146.1.3 鏈接的類型1156.2 鏈接路徑1166.2.1 什么是URL1166.2.2 絕對路徑1166.2.3 文檔相對路徑1176.2.4 根相對路徑1176.3 創建超級鏈接的方法1176.3.1 案例1使用菜單命令創建鏈接1176.3.2 案例2使用【屬性】面板創建鏈接1186.3.3 案例3使用【指向文件】按鈕創建鏈接1186.4 創建不同種類的網頁超鏈接1196.4.1 案例4添加文本鏈接1196.4.2 案例5添加圖像鏈接1206.4.3 案例6創建外部鏈接1216.4.4 案例7創建錨記鏈接1216.4.5 案例8創建圖像熱點鏈接1236.4.6 案例9創建電子郵件鏈接1246.4.7 案例10創建下載文件的鏈接1256.4.8 案例11創建空鏈接1266.4.9 案例12創建腳本鏈接1266.5 綜合案例為企業網站添加友情鏈接1286.6 疑難解惑128第7章 讓網頁互動起來使用網頁表單和行為1297.1 認識表單1307.1.1 什么是表單1307.1.2 認識表單對象1307.1.3 案例1插入表單1337.1.4 案例2設置表單屬性1347.2 常用表單對象的應用1357.2.1 案例3插入文本域1357.2.2 案例4插入密碼域1367.2.3 案例5插入復選框1377.2.4 案例6插入單選按鈕1387.2.5 案例7插入下拉菜單1387.2.6 案例8插入滾動列表1397.2.7 案例9插入按鈕1407.2.8 案例10插入圖像按鈕1407.2.9 案例11插入文件上傳域1417.3 認識行為1427.3.1 行為的概念1427.3.2 案例12打開【行為】面板1437.4 常用內置行為的應用1437.4.1 案例13交換圖像1437.4.2 案例14彈出信息1457.4.3 案例15打開瀏覽器窗口1467.4.4 案例16檢查表單行為1487.4.5 案例17設置狀態欄文本1497.5 綜合案例使用表單制作留言本1517.6 疑難解惑154 第3篇 網頁元素設計
第8章 網頁圖像說變就變調整與修飾圖像1578.1 圖像色調的調整1588.1.1 案例1調整圖像的亮度與對比度1588.1.2 案例2使用【色階】命令調整圖像1588.1.3 案例3使用【曲線】命令調整圖像1628.1.4 案例4調整圖像的曝光度1658.2 圖像色彩的調整1668.2.1 案例5使用【色相/飽和度】命令1668.2.2 案例6使用【自然飽和度】命令1688.2.3 案例7使用【色彩平衡】命令1688.2.4 案例8使用【黑白】命令1698.2.5 案例9使用【照片濾鏡】命令1708.2.6 案例10使用【通道混合器】命令1718.2.7 案例11使用【匹配顏色】命令1728.2.8 案例12使用【替換顏色】命令1748.2.9 案例13使用【可選顏色】命令1758.2.10 案例14使用【陰影/高光】 命令1778.3 修復圖像中的污點與瑕疵1788.3.1 案例15修復圖像中的污點1788.3.2 案例16修復圖像中的瑕疵1798.3.3 案例17修復圖像選中的區域1798.3.4 案例18內容感知移動工具1808.3.5 案例19消除照片中的紅眼1818.4 通過圖像或圖案修飾圖像1828.4.1 案例20通過復制圖像修飾圖像1828.4.2 案例21通過圖案修飾圖像1838.5 通過橡皮擦修飾圖像1838.5.1 案例22擦除圖像中指定的區域1848.5.2 案例23擦除圖像中的指定顏色1848.5.3 案例24擦除圖像中相近的顏色1858.6 修飾圖像中的細節1868.6.1 案例25修飾圖像中生硬的邊緣1868.6.2 案例26提高圖像的清晰度1878.6.3 案例27通過涂抹修飾圖像1878.7 通過調色修飾圖像1888.7.1 案例28減淡工具和加深工具1888.7.2 案例29改變圖像色彩的飽和度1898.8 綜合案例制作放射線背景圖1898.9 疑難解惑190第9章 有情有義的文字制作網頁特效文字1919.1 文字的類型1929.2 輸入文字1929.2.1 案例1通過文字工具輸入文字1929.2.2 案例2通過文字蒙版工具輸入文字狀選區1949.2.3 案例3轉換點文字和段落文字1959.2.4 案例4轉換文字排列方向1959.3 設置文字格式1969.3.1 案例5通過選項欄設置格式1969.3.2 案例6通過【字符】面板設置文字格式1979.3.3 案例7通過【段落】面板設置段落格式1989.3.4 案例8設置字符樣式和段落樣式2009.3.5 案例9查找和替換文本2009.4 文字轉換2019.4.1 案例10將文字轉換為工作路徑2019.4.2 案例11將文字轉換為形狀2029.4.3 案例12將文字轉換為圖像2029.5 制作常見特效文字2039.5.1 案例13制作路徑文字2039.5.2 案例14制作變形文字2049.5.3 案例15制作燃燒文字特效2069.6 綜合案例制作空心輪廓字2089.7 疑難解惑210第10章 網頁中的路標制作網頁 按鈕與導航條21110.1 按鈕與導航條的設計原則21210.1.1 網頁按鈕的設計注意事項21210.1.2 網頁導航條的設計注意 事項21210.2 制作按鈕21310.2.1 案例1制作普通按鈕21310.2.2 案例2制作迷你按鈕21410.2.3 案例3制作水晶按鈕21710.2.4 案例4制作木紋按鈕22110.3 制作導航條22410.3.1 案例5制作橫向導航條22410.3.2 案例6制作垂直導航條22610.4 綜合案例制作水晶風格網站導航條22810.5 疑難解惑234第11章 網頁中迷人的藍海制作網頁特效邊線與背景23511.1 制作裝飾邊線23611.1.1 案例1制作裝飾虛線23611.1.2 案例2制作內嵌線條23811.1.3 案例3制作斜紋線條23911.2 制作網頁背景圖片24111.2.1 案例4制作漸變背景圖片24111.2.2 案例5制作透明背景圖像24411.3 綜合案例制作夢幻星光網頁背景24511.4 疑難解惑249第12章 網頁中的標志與旗幟制作網頁Logo與網頁Banner25112.1 網頁Logo與Banner概述25212.1.1 網頁Logo設計標準25212.1.2 網頁Logo的標準尺寸25312.1.3 網頁Logo的一般形式25412.1.4 網頁Banner的標準尺寸25512.1.5 Banner設計注意要點25512.2 制作文字Logo25512.2.1 案例1制作背景25512.2.2 案例2制作文字內容25612.2.3 案例3繪制自定義形狀25712.2.4 案例4美化文字Logo25812.3 制作圖案Logo26012.3.1 案例5制作背景26012.3.2 案例6制作圖案效果26212.4 制作英文Banner26412.4.1 案例7制作Banner背景26412.4.2 案例8制作Banner底紋26512.4.3 案例9制作文字特效26712.5 制作中文Banner26712.5.1 案例10輸入特效文字26712.5.2 案例11將輸入的文字設置為3D效果26812.5.3 案例12制作Banner背景27012.6 綜合案例1制作圖文結合 Logo27112.7 綜合案例2制作圖文結合 Banner27512.8 疑難解惑277 第4篇 網頁動畫設計
第13章 讓網頁活靈活現制作簡單網頁動畫元素28113.1 Flash的基本功能28213.1.1 矢量繪圖28213.1.2 動畫設計28213.1.3 強大的編程功能28213.2 時間軸、幀和圖層28313.2.1 什么是圖層28313.2.2 時間軸與幀28413.3 制作簡單動畫28513.3.1 案例1制作幀幀動畫28513.3.2 案例2制作補間動畫28813.3.3 案例3制作遮罩動畫29213.3.4 案例4使用動畫預設29413.4 綜合案例制作數字倒計時動畫29513.5 疑難解惑297第14章 快速組織動畫素材使用元件和庫29914.1 創建Flash元件30014.1.1 元件概述與分類30014.1.2 案例1創建圖形元件30014.1.3 案例2創建按鈕元件30114.1.4 案例3創建影片剪輯元件30414.1.5 案例4調用其他文檔中的元件30614.2 使用實例30614.2.1 案例5為實例另外指定一個元件30714.2.2 案例6改變實例屬性30714.3 使用【庫】面板31014.3.1 案例7認識【庫】面板31014.3.2 案例8庫的管理與使用31114.4 綜合案例制作絢麗網頁按鈕31314.5 疑難解惑317第15章 網頁元素的動態交互創建交互式動畫31915.1 ActionScript概述32015.1.1 ActionScript基本術語32015.1.2 【動作】面板32115.2 使用ActionScript制作動畫特效32215.2.1 案例1制作按鈕切換圖片效果32215.2.2 案例2制作按鈕切換背景顏色效果32715.2.3 案例3制作星光閃爍效果33215.3 Flash常用組件的使用33615.3.1 案例4組件的添加與刪除33715.3.2 案例5Button(按鈕)組件33815.3.3 案例6CheckBox(復選框)組件33915.3.4 案例7ComboBox(下拉列表)組件34015.3.5 案例8List平鋪滾動組件34215.3.6 案例9RadioButton(單選按鈕)組件34415.3.7 案例10ProgressBar(加載進度)組件34615.3.8 案例11ScrollPane(滾動條窗口)組件34715.4 綜合案例制作飄雪效果34915.5 疑難解惑352第16章 讓網頁動起來制作動態網站的Logo與Banner35316.1 制作滾動文字Logo35416.1.1 設置文檔屬性35416.1.2 制作文字元件35416.1.3 制作滾動效果35516.2 制作產品Banner35716.2.1 制作文字動畫35716.2.2 制作文字遮罩動畫35916.2.3 制作圖片動畫36016.3 疑難解惑362第17章 動態網頁元素的輸出Flash動畫的測試與發布36317.1 Flash動畫的優化36417.1.1 案例1動畫的優化36417.1.2 案例2動畫的測試36517.2 輸出前的格式設置36617.2.1 案例3Flash輸出的設置36617.2.2 案例4HTML輸出的設置36717.2.3 案例5GIF輸出的設置36917.2.4 案例6JPEG輸出的設置37017.2.5 案例7PNG輸出的設置37117.3 Flash動畫的發布37217.3.1 案例8導出動畫37217.3.2 案例9預覽發布動畫37317.4 疑難解惑374 第5篇 項 目 開 發
第18章 讀懂樣式表密碼使用CSS層疊樣式表37718.1 初識CSS樣式表37818.1.1 什么是CSS37818.1.2 CSS的3種類型37818.1.3 CSS的語法格式37918.1.4 案例1使用Dreamweaver編寫CSS38018.2 CSS的使用方式38118.2.1 案例2行內樣式38218.2.2 案例3內嵌樣式38218.2.3 案例4鏈接樣式38318.2.4 案例5導入樣式38518.3 CSS中的常用樣式38618.3.1 案例6使用字體樣式38618.3.2 案例7使用文本樣式39018.3.3 案例8使用背景樣式39418.3.4 案例9設計邊框樣式40118.3.5 案例10設置列表樣式40518.4 綜合案例制作簡單公司主頁40918.5 疑難解惑412第19章 架構師的大比拼利用 Div CSS布局網頁41319.1 認識并創建層41419.1.1 什么是層41419.1.2 案例1使用Dreamweaver 創建層41419.2 Div層的定位方法41519.2.1 盒子模型的概念41519.2.2 案例2定義網頁border 區域41519.2.3 案例3定義網頁padding 區域41719.2.4 案例4定義網頁margin 區域41819.3 使用CSS排版42119.3.1 案例5將頁面用div 分塊42119.3.2 案例6設置各塊位置42219.3.3 案例7用CSS定位42219.4 常見網頁布局模式42519.4.1 案例8網頁單列布局模式42519.4.2 案例9網頁1-2-1型布局模式42919.4.3 案例10網頁1-3-1型布局模式43219.5 綜合案例創建左右布局頁面43519.6 疑難解惑438第20章 制作動態網頁基礎構建動態網站的運行環境43920.1 PHP基本知識44020.1.1 PHP的概念44020.1.2 PHP語言的優勢44020.1.3 PHP服務器概述44020.2 安裝PHP前的準備工作44120.2.1 軟硬件環境44120.2.2 案例1獲取PHP 7.1安裝資源包44220.3 PHP IIS服務器的安裝配置44320.3.1 案例2IIS簡介及安裝44320.3.2 案例3PHP的安裝44420.3.3 案例4設置虛擬目錄44720.4 PHP Apache服務器的環境搭建44720.4.1 Apache簡介44720.4.2 案例5關閉原有的網站服務器44820.4.3 案例6安裝Apache44920.4.4 案例7將PHP與Apache建立關聯45020.5 在Windows下使用WampServer組合包45120.6 綜合案例測試第一個PHP程序45420.7 疑難解惑455第21章 構建動態網站后臺數據使用MySQL數據庫45721.1 定義一個互動網站45821.1.1 定義互動網站的重要性45821.1.2 網頁取得數據庫的原理45821.1.3 案例1在Dreamweaver CC中定義網站45921.2 MySQL數據庫的安裝和管理46221.2.1 案例2MySQL 數據庫的安裝46221.2.2 案例3MySQL 數據庫的配置46621.2.3 案例4phpMyAdmin的安裝47021.2.4 案例5MySQL數據庫的建立47121.3 在網頁中使用MySQL數據庫47721.3.1 案例6添加【數據庫】面板47721.3.2 案例7建立MySQL數據庫連接47921.3.3 案例8綁定記錄集48121.4 數據庫的備份與還原48421.4.1 案例9數據庫的備份48421.4.2 案例10數據庫的還原48521.5 綜合案例給我的MySQL數據庫加密48621.6 疑難解惑487第22章 綜合應用案例開發網站用戶管理系統48922.1 系統的功能分析49022.1.1 規劃網頁結構和功能49022.1.2 站點文件規劃49122.1.3 網頁美工設計49122.2 數據庫設計與連接49122.2.1 數據庫設計49222.2.2 創建數據庫連接49422.3 用戶登錄模塊的設計49622.3.1 登錄頁面49622.3.2 登錄成功和登錄失敗頁面的制作50422.3.3 用戶登錄系統功能的測試50622.4 用戶注冊模塊的設計50722.4.1 用戶注冊頁面50722.4.2 注冊成功和注冊失敗頁面51222.4.3 用戶注冊功能的測試51322.5 用戶注冊資料修改模塊的設計51422.5.1 修改資料頁面51422.5.2 更新成功頁面51622.5.3 修改資料功能的測試51722.6 密碼查詢模塊的設計51822.6.1 密碼查詢頁面51822.6.2 完善密碼查詢功能頁面52222.6.3 密碼查詢模塊的測試524