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