關于我們
書單推薦
新書推薦
|
Dreamweaver + PHP + MySQL 動態(tài)網(wǎng)站開發(fā)案例課堂(附光盤)/網(wǎng)站開發(fā)案例課堂
本書分為“動態(tài)網(wǎng)站基礎知識、案例開發(fā)實戰(zhàn)、網(wǎng)站營銷推廣”三篇,通過案例,深入淺出地講解以Dreamweaver + PHP + MySQL開發(fā)動態(tài)網(wǎng)站的各項技術及實戰(zhàn)技能,引導零基礎的讀者深入學習。
本書第1篇“動態(tài)網(wǎng)站基礎知識”主要講解動態(tài)網(wǎng)站開發(fā)基礎、認識Dreamweaver CS6、網(wǎng)頁開發(fā)語言基礎、構建動態(tài)網(wǎng)站后臺數(shù)據(jù)庫等;第2篇“案例開發(fā)實戰(zhàn)”主要講解開發(fā)信息資訊管理系統(tǒng)、開發(fā)網(wǎng)站會員系統(tǒng)、開發(fā)網(wǎng)站交互留言板系統(tǒng)、開發(fā)電子相冊管理系統(tǒng)、開發(fā)網(wǎng)絡投票系統(tǒng)、開發(fā)BBS論壇系統(tǒng)等;第3篇“網(wǎng)站營銷推廣”主要講解網(wǎng)站搜索引擎優(yōu)化(SEO)、網(wǎng)站推廣與營銷策略等。 在本書附贈的DVD光盤中提供了豐富的資源,包括本書案例素材和結果文件、教學幻燈片、本書精品教學視頻、經(jīng)典PHP代碼大集合、八大經(jīng)典PHP動態(tài)網(wǎng)站的完整源碼、12個經(jīng)典的PHP擴展插件、網(wǎng)頁樣式與布局案例賞析、Dreamweaver CS6快捷鍵和技巧、HTML標簽速查表和精彩網(wǎng)站配色方案賞析等。 本書適合任何想以Dreamweaver + PHP + MySQL開發(fā)動態(tài)網(wǎng)站的人員學習。無論您是否從事過計算機相關行業(yè)的工作,無論您是否接觸過Dreamweaver + PHP + MySQL,通過學習本書,均可快速掌握Dreamweaver + PHP + MySQL開發(fā)動態(tài)網(wǎng)站的方法和技巧。
清華大學出版社“案例課堂”大系
叢書以案例的形式講解軟件的內容,讀者可以在實踐中熟練掌握軟件的使用方法。 每一個案例都精挑細選,同時配有全程語音講解的視頻文件,方便讀者學習。 案例的選材廣泛,涉及到軟件應用的各個領域、各個行業(yè),學習無死角。 “CG設計”系列全彩精印,同等價位下內容更多,同等內容下更實惠。 “網(wǎng)站開發(fā)”系列附贈超值,全面學習無障礙: CSS屬性速查表 HTML標簽速查表 網(wǎng)頁布局案例賞析 精彩網(wǎng)站配色方案賞析 精選JavaScript實例 JavaScript函數(shù)速查手冊 CSS+DIV布局案例賞析 案例源文件與教學課件
“網(wǎng)站開發(fā)案例課堂”系列圖書是專門為網(wǎng)站開發(fā)和數(shù)據(jù)庫初學者量身定做的一套學習用書,由劉玉紅策劃、千谷網(wǎng)絡科技實訓中心的高級講師編著。整套書涵蓋網(wǎng)站開發(fā)、數(shù)據(jù)庫設計等方面。本系列圖書具有以下特點。
前沿科技 無論是網(wǎng)站建設、數(shù)據(jù)庫設計還是HTML 5、CSS 3,我們都精選較為前沿或者用戶群最大的領域推進,幫助讀者認識和了解最新動態(tài)。 權威的作者團隊 組織國家重點實驗室和資深應用專家聯(lián)手編著該套圖書,融合豐富的教學經(jīng)驗與優(yōu)秀的管理理念。 學習型案例設計 以技術的實際應用過程為主線,全程采用圖解與同步多媒體結合的教學方式,生動、直觀、全面地剖析使用過程中的各種應用技能,降低難度,提升學習效率。 為什么要寫這樣一本書 隨著網(wǎng)絡的發(fā)展,很多企事業(yè)單位和廣大網(wǎng)民對于建立網(wǎng)站的需求越來越強烈。另外,對于大中專院校,很多學生需要做網(wǎng)站畢業(yè)設計,但是,這些讀者又不懂網(wǎng)頁代碼程序,不知道從哪里下手。 為此,本書針對這樣的零基礎讀者,帶領讀者學習Dreamweaver + PHP + MySQL開發(fā)動態(tài)網(wǎng)站的全面知識,對讀者在動態(tài)網(wǎng)站開發(fā)中遇到的技術,本書基本上都有詳細的講解。 通過本書的實訓,讀者可以很快地上手設計網(wǎng)頁和開發(fā)動態(tài)網(wǎng)站,提高職業(yè)能力,幫助公司解決實際問題。 本書特色 1。 零基礎、入門級的講解 無論您是否從事過計算機相關行業(yè)的工作,無論您是否接觸過Dreamweaver和動態(tài)網(wǎng)站開發(fā),都能從本書中找到最佳起點。 2。 超多實用、專業(yè)的范例和項目 本書在編排上,嚴格遵循深入學習以Dreamweaver開發(fā)動態(tài)網(wǎng)站技術的先后過程,從Dreamweaver + PHP + MySQL的基本概念講起,帶領讀者逐步學習各種應用技巧,側重實戰(zhàn)技能,使用簡單易懂的實際案例進行分析并指導操作,讓讀者讀起來簡明、輕松,操作起來有章可循。 3。 隨時檢測自己的學習成果 在每章的首頁中,均提供了學習目標,以指導讀者重點學習及進行學后檢查。 4。 細致入微、貼心提示 本書在講解的過程中,各章均使用了“注意”、“提示”、“技巧”等小欄目,讓讀者在學習的過程中能夠更加清楚地了解相關的操作,理解相關的概念,并能夠輕松地掌握各種操作技巧。 5。 專業(yè)創(chuàng)作團隊和技術支持 本書由千谷網(wǎng)絡科技實訓中心提供技術支持。 您在學習的過程中如果遇到任何問題,可加入QQ群221376441進行提問,專家及專業(yè)人員將會在線答疑。 “Dreamweaver + PHP + MySQL開發(fā)動態(tài)網(wǎng)站”學習最佳途徑 本書以學習“Dreamweaver + PHP + MySQL開發(fā)動態(tài)網(wǎng)站”的最佳流程來安排各章節(jié),從最初的Dreamweaver基本操作開始講解,然后講解了動態(tài)開發(fā)語言基礎、數(shù)據(jù)庫后臺構建方法、網(wǎng)站營銷推廣等。同時,在諸多大型案例開發(fā)中,展示了動態(tài)網(wǎng)站開發(fā)中的常用技術,以便更進一步地提高讀者的實戰(zhàn)技能。 超值光盤 1。 全程同步教學錄像 教學錄像涵蓋本書所有知識點,詳細講解每個實例及項目的實現(xiàn)過程及技術關鍵點。能比看書更輕松地掌握書中所有的Dreamweaver + PHP + MySQL開發(fā)動態(tài)網(wǎng)站的知識,而且擴展的講解部分將會使讀者得到比書中更多的知識。 2。 超多容量王牌資源大放送 贈送大量王牌資源,包括本書實例素材和結果文件、教學幻燈片、本書精品教學視頻、經(jīng)典PHP代碼大集合、八大經(jīng)典PHP動態(tài)網(wǎng)站的完整源碼、12個經(jīng)典的PHP擴展插件、網(wǎng)頁樣式與布局案例賞析、Dreamweaver CS6的快捷鍵和技巧、HTML標簽速查表和精彩網(wǎng)站配色方案賞析等。 讀者對象 本書適合下列人員閱讀學習和參考使用: * 沒有任何Dreamweaver + PHP + MySQL基礎的初學者。 * 有一定的Dreamweaver基礎,想精通動態(tài)網(wǎng)站開發(fā)的人員。 * 有一定的動態(tài)網(wǎng)站開發(fā)基礎,沒有項目經(jīng)驗的人員。 * 正在進行畢業(yè)設計的學生。 * 大專院校及培訓學校的教師和學生。 創(chuàng)作團隊 本書由劉玉紅策劃、千谷網(wǎng)絡科技實訓中心高級講師編著。參加編寫的人員有蒲娟、周佳、付紅、李園、劉玉萍、王攀登、郭廣新、侯永崗、劉海松、孫若淞、王月嬌、包慧利、陳偉光、胡同夫、梁云梁和周浩浩。 在編寫的過程中,我們竭盡所能地將最好的講解呈現(xiàn)給讀者,但是,也難免會有疏漏和不妥之處,敬請讀者不吝指正。 編 者
第1篇 動態(tài)網(wǎng)站基礎知識
第1章 動態(tài)網(wǎng)站開發(fā)基礎 3 1.1 認識網(wǎng)頁和網(wǎng)站 4 1.1.1 什么是網(wǎng)頁 4 1.1.2 什么是網(wǎng)站 4 1.1.3 網(wǎng)站的種類和特點 5 1.2 網(wǎng)頁的靜態(tài)與動態(tài) 6 1.2.1 靜態(tài)網(wǎng)頁 7 1.2.2 動態(tài)網(wǎng)頁 7 1.3 動態(tài)網(wǎng)站開發(fā)的整體流程 8 1.3.1 網(wǎng)站的前期規(guī)劃 8 1.3.2 選擇網(wǎng)頁制作軟件 11 1.3.3 制作網(wǎng)頁 12 1.3.4 開發(fā)動態(tài)網(wǎng)站功能模塊 12 1.3.5 網(wǎng)站的測試與發(fā)布 12 1.3.6 網(wǎng)站的推廣 13 1.3.7 網(wǎng)站的優(yōu)化 14 第2章 認識Dreamweaver CS6 15 2.1 安裝與啟動Dreamweaver CS6 16 2.1.1 安裝Dreamweaver CS6 16 2.1.2 啟動Dreamweaver CS6 17 2.2 Dreamweaver CS6的工作界面 18 2.2.1 菜單欄 18 2.2.2 文檔工具欄 19 2.2.3 文檔窗口 19 2.2.4 屬性面板 20 2.2.5 狀態(tài)欄 20 2.2.6 設計器 20 2.2.7 "插入"面板 20 2.2.8 "文件"面板 21 2.3 Dreamweaver CS6的新增功能 21 2.3.1 可響應的自適應網(wǎng)格版面 21 2.3.2 改善的FTP性能 22 2.3.3 增強型jQuery移動支持 22 2.3.4 CSS 3轉換 23 2.3.5 更新的實時視圖 23 2.3.6 更新的多屏幕預覽面板 24 2.4 使用Dreamweaver CS6創(chuàng)建基本網(wǎng)頁 25 2.4.1 定義Dreamweaver站點 25 2.4.2 使用歡迎頁 26 2.4.3 新建頁面 27 2.4.4 設置頁面標題 28 2.4.5 設置頁面屬性 29 2.4.6 添加文本 31 2.4.7 插入圖像 33 2.4.8 插入多媒體 34 2.4.9 設置網(wǎng)頁鏈接 35 2.4.10 在網(wǎng)頁中插入表格 37 2.4.11 使用表單對象 40 第3章 網(wǎng)頁開發(fā)語言基礎 45 3.1 熟悉HTML 46 3.1.1 我的第一個HTML頁面 46 3.1.2 HTML元素的屬性 47 3.1.3 body屬性的設置 48 3.1.4 字體屬性的應用 48 3.1.5 在網(wǎng)頁中插入圖像 55 3.1.6 表格的使用 56 3.1.7 表單的使用 64 3.1.8 超鏈接的使用 65 3.2 JavaScript語言 65 3.2.1 JavaScript概述 65 3.2.2 JavaScript的基本語法 66 3.2.3 JavaScript的數(shù)據(jù)結構 67 3.2.4 JavaScript的數(shù)據(jù)類型 70 3.2.5 JavaScript的運算符 71 3.2.6 JavaScript的表達式 75 3.3 PHP基本知識 75 3.3.1 PHP語言的優(yōu)勢 75 3.3.2 PHP中的數(shù)據(jù)類型 76 3.3.3 PHP中的常量與變量 78 3.3.4 PHP中的運算符 78 3.3.5 PHP中的控制語句 81 3.3.6 PHP中的函數(shù) 83 第4章 構建動態(tài)網(wǎng)站的運行環(huán)境 87 4.1 PHP服務器概述 88 4.2 安裝PHP前的準備工作 88 4.2.1 軟硬件環(huán)境 88 4.2.2 獲取PHP安裝資源包 89 4.3 PHP + IIS服務器的環(huán)境搭建 91 4.3.1 IIS簡介及其安裝 91 4.3.2 PHP的安裝 92 4.3.3 設置虛擬目錄 95 4.4 PHP + Apache服務器的環(huán)境搭建 96 4.4.1 Apache簡介 96 4.4.2 關閉原有的網(wǎng)站服務器 96 4.4.3 安裝Apache 97 4.4.4 將PHP與Apache建立關聯(lián) 99 4.5 我的第一個PHP程序 100 4.6 MySQL數(shù)據(jù)庫的安裝和管理 101 4.6.1 MySQL數(shù)據(jù)庫的安裝 101 4.6.2 phpMyAdmin的安裝 104 4.7 快速安裝PHP集成環(huán)境: WampServer 2.5 105 4.8 高手甜點 108 第5章 定義動態(tài)網(wǎng)站與使用MySQL 數(shù)據(jù)庫 111 5.1 定義一個互動網(wǎng)站 112 5.1.1 定義互動網(wǎng)站的重要性 112 5.1.2 在Dreamweaver CS6中定義 網(wǎng)站 112 5.2 MySQL數(shù)據(jù)庫的使用 116 5.2.1 數(shù)據(jù)庫的原理 116 5.2.2 數(shù)據(jù)庫的建立 117 5.3 在網(wǎng)頁中使用MySQL數(shù)據(jù)庫 123 5.3.1 網(wǎng)頁連接數(shù)據(jù)庫的原理 123 5.3.2 建立MySQL數(shù)據(jù)庫連接 124 5.3.3 綁定記錄集 125 5.4 加密MySQL數(shù)據(jù)庫 128 5.4.1 MySQL數(shù)據(jù)庫的安全問題 128 5.4.2 為MySQL管理員賬號加上 密碼 129 5.5 數(shù)據(jù)庫的備份與還原 130 5.6 高手甜點 132 第2篇 案例開發(fā)實戰(zhàn) 第6章 開發(fā)信息資訊管理系統(tǒng) 137 6.1 系統(tǒng)的功能分析 138 6.1.1 規(guī)劃網(wǎng)頁結構和功能 138 6.1.2 頁面設計規(guī)劃 139 6.1.3 網(wǎng)頁美工設計 139 6.2 數(shù)據(jù)庫的設計與連接 140 6.2.1 數(shù)據(jù)庫的設計 140 6.2.2 創(chuàng)建數(shù)據(jù)庫連接 144 6.3 系統(tǒng)頁面的設計 145 6.3.1 網(wǎng)站首頁的設計 145 6.3.2 搜索主題功能的設計 157 6.3.3 信息分類頁面的設計 160 6.3.4 信息內容頁面的設計 166 6.3.5 系統(tǒng)頁面的測試 168 6.4 后臺管理頁面的設計 169 6.4.1 后臺管理入口頁面的設計 169 6.4.2 后臺管理主頁面的設計 173 6.4.3 新增信息頁面的設計 179 6.4.4 修改信息頁面的設計 183 6.4.5 刪除信息頁面的設計 187 6.4.6 新增信息分類頁面 191 6.4.7 修改信息分類頁面 194 6.4.8 刪除信息分類頁面 196 第7章 開發(fā)網(wǎng)站用戶管理系統(tǒng) 199 7.1 系統(tǒng)的功能分析 200 7.1.1 規(guī)劃網(wǎng)頁結構和功能 200 7.1.2 頁面設計規(guī)劃 201 7.1.3 網(wǎng)頁美工設計 201 7.2 數(shù)據(jù)庫的設計與連接 202 7.2.1 數(shù)據(jù)庫的設計 202 7.2.2 創(chuàng)建數(shù)據(jù)庫連接 205 7.3 用戶登錄模塊的設計 207 7.3.1 設計登錄頁面 207 7.3.2 登錄成功和登錄失敗頁面的 制作 215 7.3.3 用戶登錄系統(tǒng)功能的測試 218 7.4 用戶注冊模塊的設計 219 7.4.1 設計用戶注冊頁面 219 7.4.2 注冊成功和注冊失敗頁面的 制作 224 7.4.3 用戶注冊功能的測試 225 7.5 用戶注冊資料修改模塊的設計 226 7.5.1 設計修改資料頁面 226 7.5.2 設計更新成功頁面 228 7.5.3 修改資料功能的測試 229 7.6 密碼查詢模塊的設計 230 7.6.1 設計密碼查詢頁面 230 7.6.2 完善密碼查詢功能頁面 234 7.6.3 密碼查詢模塊的測試 236 第8章 開發(fā)網(wǎng)站交互留言板系統(tǒng) 239 8.1 系統(tǒng)的功能分析 240 8.1.1 規(guī)劃網(wǎng)頁結構和功能 240 8.1.2 頁面設計規(guī)劃 240 8.1.3 網(wǎng)頁美工設計 241 8.2 數(shù)據(jù)庫的設計與連接 241 8.2.1 數(shù)據(jù)庫的設計 241 8.2.2 創(chuàng)建數(shù)據(jù)庫連接 244 8.3 留言板管理系統(tǒng)頁面的制作 246 8.3.1 留言板管理系統(tǒng)主頁面的 制作 246 8.3.2 訪問者留言頁面的制作 252 8.4 留言板系統(tǒng)后臺管理的制作 255 8.4.1 管理員登錄頁面的制作 255 8.4.2 留言板后臺管理主頁面的 制作 256 8.4.3 刪除留言頁面 262 8.5 留言板管理系統(tǒng)功能的測試 264 8.5.1 留言測試 264 8.5.2 后臺管理測試 266 第9章 開發(fā)電子相冊管理系統(tǒng) 269 9.1 系統(tǒng)的功能分析 270 9.1.1 規(guī)劃網(wǎng)頁結構和功能 270 9.1.2 頁面設計規(guī)劃 271 9.1.3 網(wǎng)頁美工設計 271 9.2 數(shù)據(jù)庫的設計與連接 272 9.2.1 數(shù)據(jù)庫的設計 272 9.2.2 創(chuàng)建數(shù)據(jù)庫連接 274 9.3 電子相冊系統(tǒng)主界面的制作 276 9.3.1 電子相冊系統(tǒng)主頁面的制作 276 9.3.2 電子相冊分類頁面的制作 281 9.3.3 瀏覽照片的頁面制作 288 9.3.4 電子相冊詳細顯示頁面的 制作 290 9.4 電子相冊系統(tǒng)管理界面的制作 292 9.4.1 管理員登錄頁面的制作 292 9.4.2 電子相冊系統(tǒng)管理主頁面的 制作 293 9.4.3 電子相冊添加頁面的制作 298 9.4.4 電子相冊修改頁面的制作 302 9.4.5 電子相冊刪除頁面的制作 308 9.5 電子相冊系統(tǒng)功能的測試 310 9.5.1 管理相冊測試 310 9.5.2 管理相冊前臺測試 312 第10章 開發(fā)網(wǎng)絡投票系統(tǒng) 315 10.1 系統(tǒng)的功能分析 316 10.1.1 規(guī)劃網(wǎng)頁結構和功能 316 10.1.2 頁面設計規(guī)劃 316 10.1.3 網(wǎng)頁美工設計 317 10.2 數(shù)據(jù)庫的設計與連接 317 10.2.1 數(shù)據(jù)庫的設計 318 10.2.2 創(chuàng)建數(shù)據(jù)庫連接 321 10.3 網(wǎng)絡投票系統(tǒng)主界面的制作 322 10.3.1 投票系統(tǒng)主頁面的制作 323 10.3.2 投票頁面的制作 329 10.3.3 計算票數(shù)頁面的制作 333 10.3.4 投票結果顯示頁面的制作 336 10.4 網(wǎng)絡投票系統(tǒng)管理界面的制作 341 10.4.1 管理員登錄頁面的制作 341 10.4.2 網(wǎng)絡投票系統(tǒng)管理主頁面的 制作 342 10.4.3 復制頁面 349 10.4.4 修改瀏覽投票活動結果頁面 349 10.4.5 修改刪除投票活動確認頁面 351 第11章 開發(fā)BBS論壇系統(tǒng) 355 11.1 系統(tǒng)的功能分析 356 11.1.1 規(guī)劃網(wǎng)頁結構和功能 356 11.1.2 頁面設計規(guī)劃 356 11.1.3 網(wǎng)頁美工設計 357 11.2 數(shù)據(jù)庫的設計與連接 357 11.2.1 數(shù)據(jù)庫的設計 358 11.2.2 創(chuàng)建數(shù)據(jù)庫連接 362 11.3 BBS論壇系統(tǒng)主界面的制作 363 11.3.1 BBS論壇系統(tǒng)主頁面的制作 363 11.3.2 發(fā)表新主題頁面的制作 370 11.3.3 討論主題詳細頁面的制作 373 11.3.4 添加記錄點擊次數(shù)的效果 379 11.3.5 回復討論主題頁面的制作 380 11.3.6 搜索主題功能的制作 383 11.4 BBS論壇系統(tǒng)管理界面的制作 384 11.4.1 管理員登錄頁面的制作 384 11.4.2 BBS論壇系統(tǒng)管理主頁面的 制作 386 11.4.3 修改討論主題頁面的制作 391 11.4.4 刪除討論主題頁面的制作 393 11.5 BBS論壇系統(tǒng)功能的測試 396 11.5.1 發(fā)帖測試 396 11.5.2 論壇后臺管理測試 399 第3篇 網(wǎng)站營銷推廣 第12章 網(wǎng)站搜索引擎優(yōu)化(SEO) 405 12.1 初識搜索引擎優(yōu)化(SEO) 406 12.1.1 搜索引擎的工作原理 406 12.1.2 搜索引擎優(yōu)化(SEO)的含義 409 12.1.3 SEO是吸引潛在"眼球"的 最佳方法 409 12.2 搜索引擎優(yōu)化的目標 410 12.2.1 提升網(wǎng)站的訪問量 410 12.2.2 提升用戶體驗 410 12.2.3 提高業(yè)務轉化率 411 12.3 搜索引擎優(yōu)化的分類 411 12.3.1 站內搜索引擎優(yōu)化 411 12.3.2 站外搜索引擎優(yōu)化 411 12.4 搜索引擎優(yōu)化的誤區(qū) 412 12.4.1 為了搜索引擎而優(yōu)化 412 12.4.2 聽信虛假廣告 413 12.4.3 急于求成 413 12.4.4 采用黑帽手法 415 12.5 正確理解SEO 416 12.5.1 SEO不是作弊 416 12.5.2 SEO內容為王 416 12.5.3 SEO與SEM的關系 416 12.5.4 SEO與競價推廣的關系 416 第13章 網(wǎng)站推廣與營銷策略 417 13.1 網(wǎng)站推廣的常用方法 418 13.1.1 什么是網(wǎng)站推廣 418 13.1.2 網(wǎng)站營銷推廣的方法 418 13.1.3 搜索引擎優(yōu)化的優(yōu)勢 421 13.2 如何進行搜索引擎營銷 422 13.2.1 搜索引擎優(yōu)化的常規(guī)方法 422 13.2.2 付費搜索引擎營銷的4個關鍵 步驟 425 13.3 論壇營銷 426 13.3.1 論壇營銷的五大特點 426 13.3.2 論壇營銷的五大優(yōu)勢 428 13.3.3 論壇營銷的三大要點 430 13.3.4 論壇營銷推廣的三大步驟 431 13.4 微博營銷 433 13.4.1 微博營銷的六個特點 433 13.4.2 微博寫作的七個法則 435 13.4.3 微博營銷的五個典型操作 步驟 437 13.5 企業(yè)微博營銷技巧 440 13.5.1 與粉絲做朋友 440 13.5.2 發(fā)廣告要有技巧 441 13.5.3 企業(yè)做好微博的八大要點 442 13.5.4 個人微博"企業(yè)化" 444 13.5.5 精確瞄準目標用戶 445 13.6 網(wǎng)絡新聞營銷 446 13.6.1 強悍的時效性 446 13.6.2 猛烈的傳播力 446 13.6.3 輕松、自主 447 13.6.4 互動升級為共動 448 13.6.5 網(wǎng)絡新聞寫作技巧 448
第2章 認識Dreamweaver CS6
Dreamweaver CS6支持以代碼、拆分、設計、實時視圖等多種方式來創(chuàng)作、編寫和修改網(wǎng)頁;對于初級人員,可以無須編寫任何代碼,就能快速創(chuàng)建網(wǎng)站頁面,其成熟的代碼編輯工具更適合Web高級開發(fā)人員的創(chuàng)作。 學習目標(已掌握的在方框中打勾) 熟悉Dreamweaver CS6的安裝和啟動方法 了解Dreamweaver CS6的工作界面 了解Dreamweaver CS6的新增功能 掌握Dreamweaver CS6創(chuàng)建網(wǎng)頁的方法 2.1 安裝與啟動Dreamweaver CS6 在使用Dreamweaver CS6制作動態(tài)網(wǎng)站之前,需要對該軟件的常用功能進行了解,Dreamweaver是一款專業(yè)的網(wǎng)頁編輯軟件,Dreamweaver CS6在軟件的界面和性能上都有了很大的改進。 本節(jié)介紹Dreamweaver CS6的安裝、啟動與卸載的方法。 2.1.1 安裝Dreamweaver CS6 Dreamweaver CS6的安裝界面非常人性化,Splash的線條更是具有強烈的時尚元素。與其他軟件一樣,安裝Dreamweaver CS6的過程很簡單,具體操作步驟如下。 將Dreamweaver CS6的安裝光盤放入計算機的CD-ROM驅動器中,這時,系統(tǒng)會自動運行Dreamweaver CS6的安裝程序。稍等片刻,Dreamweaver CS6的安裝程序會自動彈出"歡迎"界面,單擊"安裝"按鈕,如圖2-1所示。 進入"Adobe軟件許可協(xié)議"界面,設置顯示語言為"簡體中文",單擊"接受"按鈕,如圖2-2所示。 圖2-1 "歡迎"界面 圖2-2 "Adobe 軟件許可協(xié)議"界面 進入"需要登錄"界面,如圖2-3所示,單擊"登錄"按鈕,即可根據(jù)提示輸入Adobe ID號和密碼。 進入"選項"界面,用戶可根據(jù)需要選擇安裝的組件和安裝路徑,這里采用默認的設置,單擊"安裝"按鈕,如圖2-4所示。 軟件開始自動安裝,并顯示安裝的進度,如圖2-5所示。 安裝完成后,單擊"關閉"按鈕,即可完成Adobe Dreamweaver CS6的安裝,如圖2-6所示。如果單擊"立即啟動"按鈕,即可啟動Dreamweaver CS6。 圖2-3 "需要登錄"界面 圖2-4 "選項"界面 圖2-5 顯示安裝的進度 圖2-6 "安裝完成"界面 2.1.2 啟動Dreamweaver CS6 完成Dreamweaver CS6的安裝后,下面就可以啟動Dreamweaver CS6了,具體的操作步驟如下。 從桌面選擇"開始"→"所有程序"→"Adobe Dreamweaver CS6"選項,或雙擊桌面上的Dreamweaver CS6快捷圖標,即可啟動Dreamweaver CS6,并彈出"默認編輯器"對話框,在該對話框中,勾選需要Dreamweaver作為默認編輯器的文件類型,如圖2-7所示。 單擊"確定"按鈕,進入Dreamweaver CS6的初始化界面。Dreamweaver CS6的初始化界面時尚、大方,給人煥然一新的感覺,如圖2-8所示。 通過初始化界面,便可打開Dreamweaver CS6工作區(qū)的開始界面。默認情況下,Dreamweaver CS6的工作區(qū)布局是以"設計"視圖布局的,如圖2-9所示。 在開始界面中,單擊"新建"欄下邊的HTML選項,即可打開Dreamweaver CS6的工作界面,如圖2-10所示。 圖2-7 "默認編輯器"對話框 圖2-8 Dreamweaver CS6的初始化界面 圖2-9 Dreamweaver CS6的開始界面 圖2-10 Dreamweaver CS6的工作界面 2.2 Dreamweaver CS6的工作界面 Dreamweaver CS6的工作界面主要由應用程序欄、菜單欄、"插入"面板、文檔工具欄、文檔窗口、狀態(tài)欄、"屬性"面板和面板組等組成。 2.2.1 菜單欄 Dreamweaver CS6的菜單欄包含文件、編輯、查看、插入、修改等10個主菜單項,單擊每個菜單時,都會彈出下拉菜單,利用這些菜單,基本上就能夠實現(xiàn)Dreamweaver CS6的所有功能,如圖2-11所示。 圖2-11 Dreamweaver CS6的菜單欄 2.2.2 文檔工具欄 文檔工具欄包含3種文檔窗口視圖(代碼、拆分和設計)按鈕、各種查看選項和一些常用的操作,如在瀏覽器中預覽等,如圖2-12所示。 圖2-12 文檔工具欄 文檔工具欄中常用按鈕的功能如下。 (1) "顯示代碼視圖"按鈕:單擊該按鈕,僅在文檔窗口中顯示和修改HTML源代碼。 (2) "顯示代碼視圖和設計視圖"按鈕:單擊該按鈕,在文檔窗口中將同時顯示HTML源代碼和頁面的設計效果。 (3) "顯示設計視圖"按鈕:單擊該按鈕,僅在文檔窗口中顯示網(wǎng)頁的設計效果。 (4) "實時視圖"按鈕:顯示不可編輯的、交互式的、基于瀏覽器的文檔視圖。 (5) "多屏幕"按鈕:可以多屏幕瀏覽網(wǎng)頁。 (6) "文檔標題"文本框:用于設置或修改文檔的標題。 (7) "文件管理"按鈕:單擊該按鈕,通過彈出菜單,可以實現(xiàn)消除只讀屬性、獲取、取出、上傳、存回、撤銷取出、設計備注以及在站點定位等功能。 (8) "在瀏覽器中預覽/調試"按鈕:可在定義好的瀏覽器中預覽或調試網(wǎng)頁。 (9) "刷新"按鈕:刷新文檔窗口的內容。 (10) "可視化助理"按鈕:可以使用各種可視化助理來設計頁面。 (11) "檢查瀏覽器兼容"按鈕:可以檢查CSS是否對各種瀏覽器兼容。 (12) "W3C驗證"按鈕:可以檢測網(wǎng)頁是否符合W3C標準。 2.2.3 文檔窗口 文檔窗口顯示當前創(chuàng)建和編輯的文檔,如圖2-13所示。在該窗口中,可以輸入文字、插入圖片、繪制表格等,也可以對整個頁面進行處理。 圖2-13 文檔窗口 2.2.4 屬性面板 屬性面板是網(wǎng)頁中非常重要的面板,用于顯示在文檔窗口中所選元素的屬性,并可以對被選中元素的屬性做修改,該面板隨著選擇元素的不同而顯示不同的屬性,如圖2-14所示。 圖2-14 "屬性"面板 2.2.5 狀態(tài)欄 狀態(tài)欄位于文檔窗口的底部,包括3個功能區(qū):標簽選擇器(顯示和控制文檔當前插入點位置的HTML源代碼標記)、窗口大小彈出菜單(顯示頁面大小,允許將文檔窗口的大小調整到預定義或自定義的尺寸)和下載指示器(估計下載時間,查看傳輸時間),如圖2-15所示。 圖2-15 狀態(tài)欄 2.2.6 設計器 單擊"設計器"下拉箭頭,可以打開一些常用的調板。在下拉菜單中選擇命令,即可更改頁面的布局,如圖2-16所示。 圖2-16 工作區(qū)切換器 2.2.7 "插入"面板 在"插入"面板中,包含將各種網(wǎng)頁元素(如圖像、表格和AP元素等)插入到文檔時的快捷按鈕,每個對象都是一段HTML代碼。插入不同的對象時,可以設置不同的屬性,單擊相應的按鈕,可插入相應的元素。要顯示"插入"面板,選擇"窗口"→"插入"菜單命令即可。該面板如圖2-17所示。 圖2-17 "插入"面板 2.2.8 "文件"面板 "文件"面板用于管理文件和文件夾,無論它們是Dreamweaver站點的一部分還是位于遠程服務器上。在"文件"面板上還可以訪問本地磁盤上的全部文件,如圖2-18所示。 圖2-18 "文件"面板 2.3 Dreamweaver CS6的新增功能 Dreamweaver CS6版本使用了自適應網(wǎng)格版面創(chuàng)建頁面,在發(fā)布前,使用多屏幕預覽審閱設計,可大大提高工作效率。改善的FTP性能可以更高效地傳輸大型文件。"實時視圖"和"多屏幕預覽"面板可呈現(xiàn)HTML 5代碼,更能夠檢查自己的工作。 2.3.1 可響應的自適應網(wǎng)格版面 使用響應迅速的CSS 3自適應網(wǎng)格版面,來創(chuàng)建跨平臺和跨瀏覽器的兼容網(wǎng)頁設計。利用簡潔、業(yè)界標準的代碼,為各種不同設備和計算機開發(fā)項目,提高工作效率。直觀地創(chuàng)建復雜網(wǎng)頁設計和頁面版面,無須忙于編寫代碼。"流體網(wǎng)格布局"選項界面如圖2-19所示。 圖2-19 "流體網(wǎng)格布局"選項界面 2.3.2 改善的FTP性能 利用重新改良的多線程FTP傳輸工具,可以節(jié)省上傳文件的時間,從而更快速高效地上傳網(wǎng)站文件,縮短制作時間,如圖2-20所示。 圖2-20 "服務器"選項界面 2.3.3 增強型jQuery移動支持 使用更新的jQuery移動框架支持為iOS和Android平臺建立本地應用程序?梢越⒂|及移動受眾的應用程序,同時,簡化了用戶的移動開發(fā)工作流程,如圖2-21所示。 圖2-21 "jQuery Mobile色板"窗格 2.3.4 CSS 3轉換 將CSS屬性變化制成動畫轉換效果,使網(wǎng)頁設計栩栩如生,在用戶處理網(wǎng)頁元素和創(chuàng)建優(yōu)美效果時,保持對網(wǎng)頁設計的精準控制。通過"CSS過渡效果"窗格,可以添加動畫轉換效果,如圖2-22所示。 圖2-22 "CSS過渡效果"窗格 2.3.5 更新的實時視圖 使用更新的"實時視圖"功能,在發(fā)布前測試頁面,"實時視圖"現(xiàn)已使用最新版的Web Kit轉換引擎,能夠提供絕佳的HTML 5支持,如圖2-23所示。 圖2-23 "實時視圖"功能 2.3.6 更新的多屏幕預覽面板 可以利用更新的"多屏幕預覽"面板檢查為智能手機、平板電腦和臺式機所建立的項目的顯示畫面,如圖2-24所示。該增強型面板現(xiàn)在能夠讓用戶檢查HTML 5的內容呈現(xiàn)。 圖2-24 多屏幕預覽效果 2.4 使用Dreamweaver CS6創(chuàng)建基本網(wǎng)頁 使用Dreamweaver CS6,可以創(chuàng)建和編輯網(wǎng)站的網(wǎng)頁,該軟件為創(chuàng)建Web文檔提供了靈活的環(huán)境。 2.4.1 定義Dreamweaver站點 Dreamweaver站點是管理網(wǎng)站中所有相關聯(lián)文檔的一種工具,通過站點,可以實現(xiàn)將文件上傳到網(wǎng)絡服務器、自動跟蹤和維護、管理文件以及共享文件等功能。Dreamweaver中的站點包括本地站點、遠程站點和測試站點三類。 * 本地站點:用來存放整個網(wǎng)站框架的本地文件夾,是用戶的工作目錄,一般制作網(wǎng)頁時,只要建立本地站點即可。 * 遠程站點:存儲于Internet服務器上的站點和相關文檔。通常情況下,為了不連接Internet而對所建的站點進行測試,可以在本地計算機上創(chuàng)建遠程站點,來模擬真實的Web服務器進行測試。 * 測試站點:Dreamweaver處理動態(tài)頁面的文件夾,使用此文件夾生成動態(tài)內容,并在工作時連接到數(shù)據(jù)庫,用于對動態(tài)頁面進行測試。 1.使用向導創(chuàng)建本地站點 在Dreamweaver CS6中使用向導創(chuàng)建本地站點的具體步驟如下。 打開Dreamweaver CS6,選擇"站點"→"新建站點"菜單命令,彈出"站點設置對象"對話框,從中輸入站點的名稱,并設置本地站點文件夾的路徑和名稱,然后單擊"保存"按鈕,如圖2-25所示。 本地站點創(chuàng)建完成,在"文件"面板的"本地文件"窗格中,會顯示該站點的根目錄,如圖2-26所示。 圖2-25 "站點設置對象"對話框 圖2-26 "本地文件"窗格 2. 使用"管理站點"功能創(chuàng)建站點 在"文件"面板中,提供了"管理站點"功能,利用該功能,可以創(chuàng)建站點,具體的操作步驟如下。 單擊"文件"面板右側的下三角按鈕,在彈出的下拉列表中選擇"管理站點"選項,如圖2-27所示。 將彈出"管理站點"對話框,在此對話框中單擊"新建站點"按鈕,如圖2-28所示。 圖2-27 "文件"面板 圖2-28 "管理站點"對話框 彈出"站點設置對象"對話框,在此對話框中,即可根據(jù)前面介紹的方法創(chuàng)建本地站點,如圖2-29所示。 圖2-29 "站點設置對象"對話框 2.4.2 使用歡迎頁 打開軟件之后,出現(xiàn)在我們面前的是一個歡迎界面,在歡迎界面中,可以快捷地選擇所要操作的對象,如圖2-30所示。 圖2-30 歡迎界面 可以看到,在這個歡迎界面中,可以方便地打開最近的項目和新建各種頁面文件,或者執(zhí)行打開站點等功能。 2.4.3 新建頁面 制作網(wǎng)頁應該從創(chuàng)建空白文檔開始。創(chuàng)建空白文檔的具體步驟如下。 選擇"文件"→"新建"菜單命令,如圖2-31所示。 圖2-31 選擇"新建"菜單命令 彈出"新建文檔"對話框。在"新建文檔"對話框的左側選擇"空白頁"選項,在"頁面類型"列表框中選擇HTML選項,在"布局"列表框中選擇"無"選項,如圖2-32所示。 圖2-32 "新建文檔"對話框 單擊"創(chuàng)建"按鈕,即可創(chuàng)建一個空白文檔,如圖2-33所示。 圖2-33 創(chuàng)建一個空白文檔 ……
你還可能感興趣
我要評論
|