內容簡介
本書以零基礎講解為宗旨,用實例引導讀者深入學習,采取“基礎入門→核心技術→動態網站開發→高手秘籍”的講解模式,深入淺出地講解Dreamweaver CC動態網站開發的各項技術及實戰技能。
本書第1篇主要講解網頁設計與網站建設基礎、網站配色與布局、使用Dreamweaver CC創建站點等;第2篇主要講解使用文本豐富網頁內容、使用圖像與多媒體網頁元素、設計網頁中的超鏈接、使用網頁表單和行為、使用表格布局網頁、使用模板和庫、使用CSS層疊樣式表、利用Div+CSS布局網頁等;第3篇主要講解認識PHP語言、配置PHP服務器環境、使用MySQL數據庫、開發網站用戶管理系統、開發信息資訊管理系統等;第4篇主要講解網站的測試與發布、網站優化與推廣、網站安全與防御。
本書適合任何想學習使用Dreamweaver CC 開發動態網站的人員,無論您是否從事計算機相關行業,是否接觸過Dreamweaver CC,通過學習均可快速掌握Dreamweaver CC開發動態網站的方法和技巧。
前 言
“網站開發案例課堂”系列圖書是專門為辦公技能和網頁設計初學者量身定制的一套學習用書,涵蓋網頁設計、網站開發、數據庫設計等方面。整套書具有以下特點。
1. 應用前沿科技
無論是網站建設、數據庫設計還是HTML5、CSS3、JavaScript,我們都精選較為前沿或者用戶群較大的領域推進,幫助大家認識和了解最新動態。
2. 權威的作者團隊
組織國家重點實驗室和資深應用專家聯手編著本系列圖書,融合豐富的教學經驗與優秀的管理理念。
3. 學習型案例設計
以技術的實際應用過程為主線,全程采用圖解和同步多媒體結合的教學方式,生動、直觀、全面地剖析使用過程中的各種應用技能,降低難度以提升學習效率。
為什么要寫這樣一本書
隨著網絡的發展,很多企事業單位和廣大網民對于建立網站的需求越來越強烈;另外,對于大中專院校,很多學生需要做網站畢業設計,但是這些讀者又不懂網頁代碼程序,不知道從哪里下手,針對這些情況,我們編寫了此書,以期全面帶領讀者學習網頁設計和網站建設的知識。通過本書的實訓,讀者可以很快地上手設計網頁和開發網站,提高職業化能力,從而幫助解決公司與求職者的雙重需求問題。
本書特色
1. 零基礎、入門級的講解
無論您是否從事計算機相關行業,無論您是否接觸過JavaScript + jQuery動態網頁設計,都能從本書中找到最佳起點。
2. 超多、實用、專業的范例和項目
本書在編排上緊密結合深入學習網頁制作技術的先后過程,從JavaScript的基本概念開始,逐步帶領大家深入學習各種應用技巧,側重實戰技能,使用簡單易懂的實際案例進行分析和操作指導,讓讀者讀起來簡明輕松,操作起來有章可循。
3. 隨時檢測自己的學習成果
大部分章后面都設置了“疑難解惑”板塊,從而幫助讀者解決自學過程中最常見的疑難問題。
4. 細致入微、貼心提示
本書在講解過程中,各章使用了“注意”“提示”“技巧”等小貼士,使讀者在學習過程中更清楚地了解相關操作、理解相關概念,并輕松掌握各種操作技巧。
5. 專業創作團隊和技術支持
本書由千谷高新教育中心編著和提供技術支持。
您在學習過程中遇到任何問題,均可加入QQ群(案例課堂VIP,號碼為451102631)進行提問,專家人員會在線答疑。
超值資源大放送
1. 全程同步教學錄像
涵蓋本書所有知識點,詳細講解每個案例及項目的過程和技術關鍵點。比看書更能輕松地掌握書中所有動態網站開發的知識,而且擴展的講解部分會使您得到更多的收獲。
2. 超多容量王牌資源
贈送大量王牌資源,包括本書實例源代碼、教學幻燈片、精品教學視頻、88個實用類網頁模板、12部網頁開發必備參考手冊、11個精彩JavaScript案例、Dreamweaver CC快捷鍵速查手冊、HTML標記速查表、精彩網站配色方案賞析、網頁樣式與布局案例賞析、CSS+Div布局賞析案例、Web前端工程師常見面試題等。讀者可以通過QQ群(案例課堂VIP,號碼為451102631)獲取贈送資源,也可以掃描二維碼,下載本書資源。
讀者對象
(1) 沒有任何網頁設計基礎的初學者。
(2) 有一定的Dreamweaver CC基礎,想精通Dreamweaver CC動態網站開發的人員。
(3) 有一定的Dreamweaver CC網頁設計基礎,沒有項目經驗的人員。
(4) 正在進行畢業設計的學生。
(5) 大專院校及培訓學校的教師和學生。
創作團隊
本書由劉春茂編著,參加編寫的人員還有劉玉萍、張金偉、蒲娟、周佳、付紅、李園、郭廣新、侯永崗、王攀登、劉海松、孫若淞、王月嬌、包慧利、陳偉光、胡同夫、王偉、展娜娜、李琪、梁云梁和周浩浩。在編寫過程中,我們竭盡所能地將最好的講解呈現給讀者,但也難免有疏漏和不妥之處,敬請讀者不吝指正。若您在學習中遇到困難或疑問或有何建議,可發送郵件至信箱357975357@qq.com。
編 者
目 錄
第1篇 基礎入門第1章 開啟網頁設計之路——網頁設計與網站建設基礎 31.1 認識網頁和網站 41.1.1 網頁的概念 41.1.2 網站的概念 51.1.3 網站的種類和特點 51.2 網頁的相關概念 61.2.1 因特網與萬維網 61.2.2 瀏覽器與HTML 71.2.3 URL、域名與IP地址 71.2.4 上傳和下載 81.3 網頁的HTML構成 81.3.1 文檔標記 91.3.2 頭部標記 91.3.3 主體標記 101.4 HTML的常用標記 101.4.1 標題標記 101.4.2 段落標記 111.4.3 換行標記 121.4.4 鏈接標記 121.4.5 列表標記 141.4.6 圖像標記 161.4.7 表格標記 181.4.8 表單標記 191.5 綜合案例——制作日程表 201.6 疑難解惑 24第2章 整體把握網站結構——網站配色與布局 252.1 善用色彩設計網頁 262.1.1 認識色彩 262.1.2 確定網站的主題色 272.1.3 網頁中色彩的搭配 292.1.4 網頁元素的色彩搭配 302.1.5 網頁色彩搭配的技巧 312.2 常見網站的布局結構 342.2.1 “國”字型 342.2.2 標題正文型 342.2.3 左右框架型 352.2.4 上下框架型 352.2.5 綜合框架型 352.2.6 封面型 362.2.7 Flash型 362.3 綜合案例——定位網站頁面的框架 362.4 疑難解惑 38第3章 磨刀不誤砍柴工——使用Dreamweaver CC創建站點 393.1 認識Dreamweaver CC 403.1.1 啟動Dreamweaver CC 403.1.2 認識Dreamweaver CC的工作區 413.1.3 體驗Dreamweaver CC的新增功能 433.2 創建站點 463.2.1 案例1——創建本地站點 463.2.2 案例2——創建遠程站點 473.3 管理站點 483.3.1 案例3——打開站點 483.3.2 案例4——編輯站點 483.3.3 案例5——刪除站點 493.3.4 案例6——復制站點 503.3.5 案例7——導出與導入站點 503.4 操作站點文件及文件夾 513.4.1 案例8——創建文件夾 513.4.2 案例9——創建文件 523.4.3 案例10——文件或文件夾的移動和復制 523.4.4 案例11——刪除文件或文件夾 533.5 綜合案例——創建本地站點 543.6 疑難解惑 55第2篇 核心技術第4章 制作我的第一個網頁——使用文本豐富網頁內容 594.1 網頁文檔的基本操作 604.1.1 案例1——創建網頁 604.1.2 案例2——頁面屬性 604.1.3 案例3——保存網頁 634.1.4 案例4——打開網頁 634.1.5 案例5——預覽網頁 644.2 添加網頁內容 654.2.1 案例6——插入文字 654.2.2 案例7——設置字體 664.2.3 案例8——設置字號 664.2.4 案例9——設置字體顏色 674.2.5 案例10——設置字體樣式 684.2.6 案例11——編輯段落 694.2.7 案例12——創建項目列表 744.3 使用特殊文本添加網頁內容 774.3.1 案例13——插入換行符 774.3.2 案例14——插入水平線 774.3.3 案例15——插入日期 784.3.4 案例16——插入特殊字符 794.4 綜合案例——制作圖文并茂的網頁 804.5 疑難解惑 82第5章 有圖有真相——使用圖像與多媒體網頁元素 835.1 常用圖像格式 845.1.1 GIF格式 845.1.2 JPEG格式 845.1.3 PNG格式 855.2 用圖像美化網頁 855.2.1 案例1——插入圖像 865.2.2 案例2——設置圖像的屬性 875.2.3 案例3——設置圖像對齊方式 895.2.4 案例4——剪裁需要的圖像 905.2.5 案例5——調整圖像的亮度與對比度 915.2.6 案例6——設置圖像的銳化效果 925.3 插入其他圖像元素 935.3.1 案例7——插入鼠標經過圖像 945.3.2 案例8——插入圖像占位符 965.3.3 案例9——插入圖像熱點區域 965.4 在網頁中插入多媒體 975.4.1 案例10——插入背景音樂 985.4.2 案例11——插入Flash動畫 985.4.3 案例12——插入FLV視頻 995.4.4 案例13——插入HTML5音頻 1015.4.5 案例14——插入HTML5視頻 1025.5 綜合案例1——制作精彩的多媒體網頁 1045.6 綜合案例2——在【代碼】視圖中插入背景音樂 1055.7 疑難解惑 107第6章 不在網頁中迷路——設計網頁中的超鏈接 1096.1 超級鏈接 1106.1.1 鏈接的概念 1106.1.2 常規的鏈接 1106.1.3 鏈接的類型 1116.2 鏈接路徑 1126.2.1 URL概述 1126.2.2 絕對路徑 1126.2.3 相對路徑 1136.2.4 根路徑 1136.3 創建超級鏈接的方法 1136.3.1 案例1——使用菜單命令創建鏈接 1136.3.2 案例2——使用【屬性】面板創建鏈接 1146.3.3 案例3——使用【指向文件】按鈕創建鏈接 1146.4 創建不同種類的網頁超鏈接 1156.4.1 案例4——添加文本鏈接 1156.4.2 案例5——添加圖像鏈接 1166.4.3 案例6——創建外部鏈接 1176.4.4 案例7——創建錨記鏈接 1176.4.5 案例8——創建圖像熱點鏈接 1196.4.6 案例9——創建電子郵件鏈接 1206.4.7 案例10——創建下載文件的鏈接 1216.4.8 案例11——創建空鏈接 1226.4.9 案例12——創建腳本鏈接 1226.5 綜合案例——為企業網站添加友情鏈接 1236.6 疑難解惑 124第7章 讓網頁互動起來——使用網頁表單和行為 1257.1 認識表單 1267.1.1 表單概述 1267.1.2 認識表單對象 1267.1.3 插入表單 1297.1.4 設置表單屬性 1307.2 常用表單對象的應用 1317.2.1 插入文本域 1317.2.2 插入密碼域 1327.2.3 插入復選框 1337.2.4 插入單選按鈕 1347.2.5 插入下拉菜單 1347.2.6 插入滾動列表 1357.2.7 插入按鈕 1367.2.8 插入圖像按鈕 1367.2.9 插入文件上傳域 1377.3 認識行為 1387.3.1 行為的概念 1387.3.2 打開【行為】面板 1397.4 常用內置行為的應用 1397.4.1 交換圖像 1397.4.2 彈出信息 1417.4.3 打開瀏覽器窗口 1427.4.4 檢查表單行為 1447.4.5 設置狀態欄文本 1457.5 綜合案例——使用表單制作留言本 1477.6 疑難解惑 150第8章 簡單的網頁布局——使用表格布局網頁 1518.1 案例1——插入表格 1528.2 選中表格 1538.2.1 案例2——選中完整的表格 1538.2.2 案例3——選中行和列 1548.2.3 案例4——選中單元格 1558.3 表格屬性 1568.3.1 案例5——設置單元格屬性 1568.3.2 案例6——設置整個表格屬性 1578.4 操作表格 1578.4.1 案例7——調整表格的大小 1578.4.2 案例8——增加行和列 1588.4.3 案例9——刪除行、列、單元格 1608.4.4 案例10——剪切、復制和粘貼單元格 1608.4.5 案例11——合并和拆分單元格 1618.5 操作表格數據 1638.5.1 案例12——在表格中輸入文本 1638.5.2 案例13——在表格中插入圖像 1638.5.3 案例14——表格中的數據排序 1648.5.4 案例15——導入Excel表格數據 1648.6 綜合案例——使用表格布局網頁 1658.7 疑難解惑 168第9章 批量制作網頁——使用模板和庫 1699.1 創建模板 1709.1.1 案例1——使用菜單創建空白模板 1709.1.2 案例2——在【資源】面板中創建模板 1709.1.3 案例3——基于現有網頁創建模板 1719.2 管理模板 1729.2.1 案例4——定義可編輯區域 1729.2.2 案例5——定義可選區域 1749.2.3 案例6——定義重復區域 1749.2.4 案例7——從模板中分離文檔 1759.2.5 案例8——在現有文檔中應用模板 1769.2.6 案例9——更新模板和基于模板的網頁 1779.3 使用庫 1789.3.1 案例10——創建庫文件 1789.3.2 案例11——向頁面添加庫文件 1799.3.3 案例12——修改并更新庫文件 1809.4 綜合案例——創建基于模板的頁面 1809.5 疑難解惑 182第10章 讀懂樣式表密碼——使用CSS層疊樣式表 18510.1 初識CSS樣式表 18610.1.1 CSS概述 18610.1.2 CSS的3種類型 18610.1.3 CSS的語法格式 18710.1.4 案例1——使用Dreamweaver編寫CSS 18810.2 CSS的使用方式 19010.2.1 案例2——行內樣式 19010.2.2 案例3——內嵌樣式 19110.2.3 案例4——鏈接樣式 19210.2.4 案例5——導入樣式 19310.3 CSS中的常用樣式 19410.3.1 案例6——使用字體樣式 19410.3.2 案例7——使用文本樣式 19910.3.3 案例8——使用背景樣式 20310.3.4 案例9——設計邊框樣式 21010.3.5 案例10——設置列表樣式 21410.4 綜合案例——制作簡單公司主頁 21710.5 疑難解惑 220第11章 架構師的大比拼——利用Div+CSS布局網頁 22311.1 認識并創建層 22411.1.1 層的概念 22411.1.2 案例1——使用Dreamweaver創建層 22411.2 Div層的定位方法 22511.2.1 盒子模型的概念 22511.2.2 案例2——定義網頁border區域 22611.2.3 案例3——定義網頁padding區域 22711.2.4 案例4——定義網頁margin區域 22811.3 使用CSS排版 23211.3.1 案例5——將頁面用div分塊 23211.3.2 案例6——設置各塊位置 23311.3.3 案例7——用CSS定位 23311.4 常見網頁布局模式 23611.4.1 案例8——網頁單列布局模式 23611.4.2 案例9——網頁1-2-1型布局模式 24011.4.3 案例10——網頁1-3-1型布局模式 24311.5 綜合案例——創建左右布局頁面 24611.6 疑難解惑 249第3篇 動態網站開發第12章 動態網站開發語言基礎——認識PHP語言 25312.1 PHP基本知識 25412.1.1 PHP的概念 25412.1.2 PHP語言的優勢 25412.2 PHP中的數據類型 25512.2.1 整型 25512.2.2 浮點型 25512.2.3 布爾值 25512.2.4 字符串型 25612.2.5 數組型 25612.2.6 對象型 25712.2.7 NULL型 25712.2.8 數據類型轉換 25712.3 PHP中的常量與變量 25812.3.1 案例1——聲明和使用常量 25812.3.2 案例2——聲明與使用變量 25912.3.3 案例3——變量的作用域 26012.4 PHP中的運算符 26112.4.1 案例4——算術運算符 26112.4.2 案例5——字符串運算符 26212.4.3 案例6——賦值運算符 26312.4.4 案例7——比較運算符 26312.4.5 案例8——遞增遞減運算符 26412.4.6 案例9——數組運算符 26512.4.7 案例10——邏輯運算符 26512.5 PHP中常用的控制語句 26512.5.1 案例11——if語句 26512.5.2 案例12——if…else語句 26612.5.3 案例13——else if語句 26712.5.4 案例14——switch語句 26812.5.5 案例15——while循環語句 26912.5.6 案例16——do…while循環語句 27012.5.7 案例17——for循環語句 27012.6 PHP函數概述 27112.6.1 案例18——自定義和調用函數 27112.6.2 實例19——向函數傳遞參數數值 27212.6.3 實例20——向函數傳遞參數引用 27312.6.4 實例21——從函數中返回值 27312.6.5 實例22——對函數的引用 27412.6.6 實例23——對函數取消引用 27412.7 綜合案例——創建酒店系統在線訂房表 27512.8 疑難解惑 278第13章 制作動態網頁基礎——配置PHP 服務器環境 27913.1 PHP服務器概述 28013.2 安裝PHP前的準備工作 28013.2.1 軟硬件環境 28013.2.2 案例1——獲取PHP 7.1安裝資源包 28113.3 PHP +IIS服務器的安裝配置 28213.3.1 案例2——IIS簡介及其安裝 28213.3.2 案例3——PHP的安裝 28313.3.3 案例4——設置虛擬目錄 28513.4 PHP+Apache服務器的環境搭建 28613.4.1 Apache簡介 28613.4.2 案例5——關閉原有的網站服務器 28613.4.3 案例6——安裝Apache 28713.4.4 案例7——將PHP與Apache建立關聯 28913.5 新手的福音——安裝WampServer集成開發環境 29013.6 綜合案例——測試第一個PHP程序 29313.7 疑難解惑 294第14章 構建動態網站后臺數據——使用MySQL數據庫 29514.1 定義一個互動網站 29614.1.1 定義互動網站的重要性 29614.1.2 網頁取得數據庫的原理 29614.1.3 案例1——在Dreamweaver CC中定義網站 29714.2 MySQL數據庫的安裝和管理 30014.2.1 案例2——MySQL 數據庫的安裝 30014.2.2 案例3——MySQL 數據庫的配置 30314.2.3 案例4——phpMyAdmin的安裝 30514.2.4 案例5——MySQL數據庫的建立 30614.3 在網頁中使用MySQL數據庫 31214.3.1 案例6——建立MySQL數據庫連接 31214.3.2 案例7——綁定記錄集 31314.4 數據庫的備份與還原 31514.4.1 案例8——數據庫的備份 31614.4.2 案例9——數據庫的還原 31614.5 綜合案例——給MySQL數據庫加密 31814.6 疑難解惑 319第15章 綜合應用案例1——開發網站用戶管理系統 32115.1 系統的功能分析 32215.1.1 規劃網頁結構和功能 32215.1.2 頁面設計規劃 32315.1.3 網頁美工設計 32315.2 數據庫設計與連接 32315.2.1 數據庫設計 32415.2.2 創建數據庫連接 32715.3 用戶登錄模塊的設計 32815.3.1 登錄頁面 32815.3.2 登錄成功和登錄失敗頁面的制作 33615.3.3 用戶登錄系統功能的測試 33815.4 用戶注冊模塊的設計 33915.4.1 用戶注冊頁面 33915.4.2 注冊成功和注冊失敗頁面 34415.4.3 用戶注冊功能的測試 34515.5 用戶注冊資料修改模塊的設計 34615.5.1 修改資料頁面 34615.5.2 更新成功頁面 34815.5.3 修改資料功能的測試 34915.6 密碼查詢模塊的設計 34915.6.1 密碼查詢頁面 35015.6.2 完善密碼查詢功能頁面 35415.6.3 密碼查詢模塊的測試 356第16章 綜合應用案例2——開發信息資訊管理系統 35916.1 系統的功能分析 36016.1.1 規劃網頁結構和功能 36016.1.2 頁面設計規劃 36116.1.3 網頁美工設計 36116.2 數據庫設計與連接 36216.2.1 數據庫設計 36216.2.2 創建數據庫連接 36516.3 系統頁面設計 36616.3.1 網站首頁的設計 36616.3.2 搜索主題功能的設計 37616.3.3 信息分類頁面的設計 37816.3.4 信息內容頁面的設計 38416.3.5 系統頁面的測試 38616.4 后臺管理頁面設計 38716.4.1 后臺管理入口頁面 38716.4.2 后臺管理主頁面 39016.4.3 新增信息頁面 39516.4.4 修改信息頁面 39816.4.5 刪除信息頁面 40216.4.6 新增信息分類頁面 40516.4.7 修改信息分類頁面 40716.4.8 刪除信息分類頁面 408第4篇 高手秘籍第17章 讓別人瀏覽我的成果——網站的測試與發布 41317.1 上傳網站前的準備工作 41417.1.1 注冊域名 41417.1.2 申請空間 41417.2 測試網站 41417.2.1 案例1——測試站點范圍的鏈接 41417.2.2 案例2——改變站點范圍的鏈接 41517.2.3 案例3——查找和替換 41617.3 上傳網站 41717.3.1 案例4——使用Dreamweaver上傳網站 41717.3.2 案例5——使用FTP工具上傳網站 41917.4 綜合案例——清理網站中的多余文檔 42017.5 疑難解惑 421第18章 增加網站的點擊率——網站優化與推廣 42318.1 網站優化的方法與技巧 42418.1.1 通過廣告優化網站內容 42418.1.2 通過搜索引擎優化網站 42518.2 網站推廣方法與技巧 42818.2.1 利用大眾傳媒進行推廣 42818.2.2 利用網絡媒介進行推廣 42818.2.3 利用其他形式進行推廣 43018.3 綜合案例——查看網站的流量 43118.4 疑難解惑 433第19章 打造堅實的堡壘——網站安全與防御 43519.1 網站維護基礎知識 43619.1.1 網站的維護與安全 43619.1.2 常見的網站攻擊方式 43719.2 網站安全防御策略 43819.2.1 網站硬件的安全維護 43819.2.2 網站軟件的安全維護 43919.2.3 檢測網站的安全性 44019.3 綜合案例——設置網站的訪問權限 44119.4 疑難解惑 442