![]() ![]() |
網(wǎng)頁(yè)制作與網(wǎng)站建設(shè)實(shí)戰(zhàn)大全 ![]()
《網(wǎng)頁(yè)制作與網(wǎng)站建設(shè)實(shí)戰(zhàn)大全》將網(wǎng)站建設(shè)所需要掌握的各種重要技術(shù)進(jìn)行了逐一詳解,通過(guò)大量的實(shí)例,詳細(xì)介紹網(wǎng)站建設(shè)的生命周期各過(guò)程,剖析了網(wǎng)站的策劃、設(shè)計(jì)、代碼編寫(xiě)、測(cè)試、推廣以及SEO優(yōu)化等網(wǎng)站建設(shè)過(guò)程。同時(shí)配以3個(gè)接近真實(shí)網(wǎng)站的案例,讓讀者了解網(wǎng)站建設(shè)的完整過(guò)程。本書(shū)附帶1張DVD,包括作者為本書(shū)錄制的全程多媒體語(yǔ)音教學(xué)視頻及本書(shū)所涉及的源代碼。
《網(wǎng)頁(yè)制作與網(wǎng)站建設(shè)實(shí)戰(zhàn)大全》看點(diǎn): · 網(wǎng)站開(kāi)發(fā)高手,10年經(jīng)驗(yàn),毫無(wú)保留! · 提供12.6小時(shí)配套多媒體教學(xué)視頻輔助學(xué)習(xí) · 全方位展現(xiàn)網(wǎng)站建設(shè)的完整過(guò)程和各種重要工具與技術(shù) · 全面、深入講解了網(wǎng)站建設(shè)的整個(gè)生命周期,涵蓋網(wǎng)站的策劃、架構(gòu)、設(shè)計(jì)、代碼編寫(xiě)、測(cè)試、發(fā)布、維護(hù)、推廣及優(yōu)化等過(guò)程 · 全面涵蓋HTML、CSS、DIV、Dreamweaver、javascript、jQuery、HTML 5、CSS 3、Photoshop、Fireworks、Flash、PHP、MySQL與SEO等技術(shù) · 實(shí)戰(zhàn)為王,重點(diǎn)介紹了220個(gè)實(shí)例、25個(gè)小案例和3個(gè)較高應(yīng)用價(jià)值的綜合項(xiàng)目案例 · 提供教學(xué)PPT
前 言
為什么要寫(xiě)這本書(shū) 一個(gè)設(shè)計(jì)精良的網(wǎng)站,不僅能夠帶來(lái)視覺(jué)上的體驗(yàn),還能夠發(fā)掘潛在的網(wǎng)絡(luò)客戶(hù),因而網(wǎng)站建設(shè)已經(jīng)成為很多傳統(tǒng)企業(yè)越來(lái)越重視的問(wèn)題。網(wǎng)站建設(shè)涉及的技術(shù)繁多,而且各種技術(shù)日新月異,常常讓初學(xué)者感到茫然,而很多網(wǎng)站建設(shè)人員僅關(guān)注于某一個(gè)知識(shí)點(diǎn),沒(méi)有全面從網(wǎng)站建設(shè)的生命周期的角度來(lái)了解網(wǎng)站建設(shè)必需的各種技術(shù),導(dǎo)致很多網(wǎng)站建設(shè)人員缺乏全局意識(shí),沒(méi)有綜合的網(wǎng)站建設(shè)能力。 目前網(wǎng)站建設(shè)相關(guān)技術(shù)圖書(shū)較多,但大多數(shù)偏重于某一知識(shí)點(diǎn),比如HTML、CSS、jQuery等,而網(wǎng)站建設(shè)涉及策劃、美工、程序設(shè)計(jì)、測(cè)試、推廣和優(yōu)化等多方面的工作,這些工作雖然可以交由團(tuán)隊(duì)中不同的人員,但是它們往往又結(jié)合緊密,比如不理解SEO優(yōu)化往往導(dǎo)致產(chǎn)生的頁(yè)面無(wú)法滿(mǎn)足搜索引擎的優(yōu)化標(biāo)準(zhǔn);不懂得程序設(shè)計(jì)的美工又常常讓開(kāi)發(fā)人員犯難。本書(shū)作者站在一線(xiàn)網(wǎng)站建設(shè)人員的視角,以簡(jiǎn)潔輕松的文字,簡(jiǎn)短精煉的示例代碼,力求讓不同層次的開(kāi)發(fā)人員盡快全面掌握網(wǎng)站建設(shè)過(guò)程,同時(shí)在本書(shū)最后還提供了3個(gè)接近真實(shí)的網(wǎng)站,讓開(kāi)發(fā)人員能夠通過(guò)項(xiàng)目學(xué)習(xí)網(wǎng)站建設(shè),提高實(shí)際的網(wǎng)站建設(shè)通力。 本書(shū)有何特色 1. 附帶多媒體語(yǔ)音教學(xué)視頻,提高學(xué)習(xí)效率 為了便于讀者理解本書(shū)內(nèi)容,提高學(xué)習(xí)效率,作者專(zhuān)門(mén)為本書(shū)每一章內(nèi)容都錄制了大量的多媒體語(yǔ)音教學(xué)視頻。這些視頻和本書(shū)涉及的源代碼一起收錄于配書(shū)光盤(pán)中。 2. 涵蓋網(wǎng)站建設(shè)生命周期的各種技術(shù)細(xì)節(jié),提供系統(tǒng)化的學(xué)習(xí)思路 本書(shū)涵蓋了網(wǎng)站建設(shè)在實(shí)際工作中需要重點(diǎn)掌握的所有方面,包含網(wǎng)站基礎(chǔ)、HTML標(biāo)記語(yǔ)言的應(yīng)用、JavaScript腳本編程、CSS樣式表語(yǔ)言、網(wǎng)頁(yè)色彩的理解、DIV+CSS布局技術(shù)、Photoshop和Fireworks圖像處理軟件使用,以及Flash動(dòng)畫(huà)技術(shù)的應(yīng)用,同時(shí)詳細(xì)介紹了Dreamweaver網(wǎng)站建設(shè)工具、PHP+MySQL動(dòng)態(tài)網(wǎng)站建設(shè)、網(wǎng)站的推廣、搜索引擎優(yōu)化及網(wǎng)站的日常維護(hù)等知識(shí)點(diǎn)。 3. 對(duì)網(wǎng)站建設(shè)的各種技術(shù)做了原理分析和實(shí)戰(zhàn)體驗(yàn) 全書(shū)使用了簡(jiǎn)潔質(zhì)樸的文字,配以大量的插圖,對(duì)一些難以理解的原理部分進(jìn)行了重點(diǎn)剖析,讓讀者不僅知曉實(shí)現(xiàn)的原理,通過(guò)圖形化的展現(xiàn)方式,更能加強(qiáng)對(duì)原理的理解。同時(shí)書(shū)中配以大量的示例,對(duì)技術(shù)要點(diǎn)在實(shí)際工作中的應(yīng)用進(jìn)行了詳解,讓讀者能盡快上手。 4. 應(yīng)用驅(qū)動(dòng),實(shí)用性強(qiáng) 對(duì)每段示例代碼都進(jìn)行了仔細(xì)的錘煉,提供了各種實(shí)際應(yīng)用的場(chǎng)景,力求讓?xiě)?yīng)用開(kāi)發(fā)人員將這些知識(shí)點(diǎn)盡快應(yīng)用到實(shí)際的開(kāi)發(fā)過(guò)程中。 5. 項(xiàng)目案例典型,實(shí)戰(zhàn)性強(qiáng),有較高的應(yīng)用價(jià)值 本書(shū)最后一篇提供了3個(gè)項(xiàng)目實(shí)戰(zhàn)案例。這些案例來(lái)源于作者所開(kāi)發(fā)的實(shí)際項(xiàng)目,具有很高的應(yīng)用價(jià)值和參考性。這些案例分別使用不同的網(wǎng)站建設(shè)技術(shù)實(shí)現(xiàn),便于讀者融會(huì)貫通地理解本書(shū)中所介紹的技術(shù)。這些案例稍加修改,便可用于實(shí)際網(wǎng)站開(kāi)發(fā)。 6. 提供完善的技術(shù)支持和售后服務(wù) 本書(shū)提供了專(zhuān)門(mén)的技術(shù)支持郵箱:bookservice2008@163.com。讀者在閱讀本書(shū)過(guò)程中有任何疑問(wèn)都可以通過(guò)該郵箱獲得幫助。 本書(shū)內(nèi)容及知識(shí)體系 第1篇 網(wǎng)站基礎(chǔ)(第1~3章) 本篇介紹了網(wǎng)站建設(shè)的基本原理和網(wǎng)站建設(shè)的基本流程。主要包括網(wǎng)頁(yè)入門(mén)知識(shí)和網(wǎng)站建設(shè)工具,討論了HTML超文本標(biāo)記語(yǔ)言、CSS樣式表語(yǔ)言的使用,讓用戶(hù)理解網(wǎng)站建設(shè)的基本知識(shí)。 第2篇 網(wǎng)頁(yè)設(shè)計(jì)與制作(第4~15章) 本篇討論了網(wǎng)頁(yè)設(shè)計(jì)需要理解的重要知識(shí)點(diǎn),包含如何創(chuàng)建吸引人的網(wǎng)站、如何使用Dreamweaver進(jìn)行可視化網(wǎng)頁(yè)設(shè)計(jì)、如何在Dreamweaver中創(chuàng)建和管理Web站點(diǎn)、DIV和CSS的頁(yè)面布局設(shè)計(jì)應(yīng)用、JavaScript腳本編程語(yǔ)言的應(yīng)用、如何用JavaScript腳本語(yǔ)言編寫(xiě)網(wǎng)頁(yè)特效、使用jQuery操縱網(wǎng)頁(yè)及HTML 5技術(shù)在網(wǎng)頁(yè)開(kāi)發(fā)中的應(yīng)用。同時(shí)介紹了通過(guò)Photoshop、Fireworks及Flash等各種設(shè)計(jì)工具的應(yīng)用來(lái)設(shè)計(jì)網(wǎng)頁(yè)。 第3篇 動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)(第16~18章) 在這一篇討論了如何使用PHP+MySQL開(kāi)發(fā)動(dòng)態(tài)網(wǎng)站,討論了動(dòng)態(tài)網(wǎng)站的基礎(chǔ)知識(shí)、PHP語(yǔ)言的應(yīng)用,包含PHP的常量、變量、運(yùn)算符和表達(dá)式、流程控制及函數(shù)的使用。在MySQL部分介紹了MySQL的管理,包含創(chuàng)建表和數(shù)據(jù)庫(kù),如何使用SQL語(yǔ)句向數(shù)據(jù)庫(kù)中增加、刪除和修改數(shù)據(jù)。最后通過(guò)一個(gè)示例介紹了如何在Dreamweaver中可視化地開(kāi)發(fā)一個(gè)基于PHP+MySQL的圖書(shū)管理網(wǎng)站。 第4篇 網(wǎng)站維護(hù)與優(yōu)化(第19~21章) 網(wǎng)站建設(shè)完成后必須經(jīng)過(guò)完善的測(cè)試,然后發(fā)布到互聯(lián)網(wǎng)上。本篇首先討論了網(wǎng)站測(cè)試流程及網(wǎng)站發(fā)布方式,然后討論了網(wǎng)站日常維護(hù)的一般方式,介紹了如何管理網(wǎng)頁(yè)內(nèi)容、如何進(jìn)行網(wǎng)頁(yè)的安全性管理,以及MySQL數(shù)據(jù)庫(kù)的日常維護(hù)管理工作。在網(wǎng)站推廣部分,介紹了網(wǎng)站推廣方式和搜索引擎優(yōu)化SEO的相關(guān)知識(shí),并詳細(xì)介紹了如何創(chuàng)建搜索引擎友好的網(wǎng)頁(yè)。 第5篇 綜合案例(第22~24章) 本篇通過(guò)3個(gè)實(shí)際的項(xiàng)目示例,從網(wǎng)站的前期策劃、風(fēng)格的定位及網(wǎng)站的總體結(jié)構(gòu)開(kāi)始,詳細(xì)討論了企業(yè)門(mén)戶(hù)網(wǎng)站、內(nèi)容管理網(wǎng)站及基于HTML 5+CSS 3的房屋管理網(wǎng)站的應(yīng)用,介紹了網(wǎng)站建設(shè)的完整流程,通過(guò)對(duì)這些示例的一步一步體驗(yàn),讓用戶(hù)能夠立即上手網(wǎng)站建設(shè),培養(yǎng)出較強(qiáng)的動(dòng)手能力。 配書(shū)光盤(pán)內(nèi)容介紹 為了方便讀者閱讀本書(shū),本書(shū)附帶1張DVD光盤(pán),內(nèi)容如下: * 本書(shū)所有實(shí)例的源代碼; * 本書(shū)每章內(nèi)容的多媒體語(yǔ)音教學(xué)視頻; * 與網(wǎng)站建設(shè)和開(kāi)發(fā)相關(guān)的教學(xué)視頻及資料。 適合閱讀本書(shū)的讀者 * 需要全面學(xué)習(xí)網(wǎng)站建設(shè)技術(shù)的人員; * 廣大網(wǎng)頁(yè)設(shè)計(jì)人員; * 網(wǎng)站后臺(tái)開(kāi)發(fā)人員; * 前端開(kāi)發(fā)工程師; * 前端設(shè)計(jì)工程師; * 專(zhuān)業(yè)網(wǎng)頁(yè)與網(wǎng)站建設(shè)培訓(xùn)機(jī)構(gòu)的學(xué)員; * 網(wǎng)站建設(shè)項(xiàng)目經(jīng)理; * 需要一本案頭必備查詢(xún)手冊(cè)的前端開(kāi)發(fā)人員。 閱讀本書(shū)的建議 * 沒(méi)有網(wǎng)站建設(shè)基礎(chǔ)的讀者,建議從第1章開(kāi)始。順次閱讀并演練每一個(gè)實(shí)例。 * 有一定網(wǎng)站建設(shè)基礎(chǔ)的讀者,可以根據(jù)實(shí)際情況有重點(diǎn)地選擇閱讀各個(gè)技術(shù)要點(diǎn)。 * 對(duì)于每一個(gè)知識(shí)點(diǎn)和項(xiàng)目案例,先通讀一遍有個(gè)大概印象,然后對(duì)于每個(gè)知識(shí)點(diǎn)的示例代碼,都在開(kāi)發(fā)環(huán)境中操作一遍,加深對(duì)知識(shí)點(diǎn)的印象。 * 結(jié)合光盤(pán)中提供的多媒體教學(xué)視頻再理解一遍,這樣理解起來(lái)更加容易,也會(huì)更加深刻。 本書(shū)作者 本書(shū)由丁士鋒主筆編寫(xiě)。其他參與編寫(xiě)、資料整理和程序調(diào)試的人員有陳世瓊、陳欣、陳智敏、董加強(qiáng)、范禮、郭秋滟、郝紅英、蔣春蕾、黎華、劉建準(zhǔn)、劉霄、劉亞軍、劉仲義、柳剛、羅永峰、馬奎林、馬味、歐陽(yáng)昉、蒲軍、齊鳳蓮、王海濤、魏來(lái)科、伍生全、謝平、徐學(xué)英、楊艷、余月、岳富軍、張健和張娜。在此一并表示感謝! 筆者寫(xiě)作本書(shū)雖然耗費(fèi)了大量精力,力爭(zhēng)消滅錯(cuò)誤,但恐百密難免一疏。若您在閱讀本書(shū)的過(guò)程中發(fā)現(xiàn)任何問(wèn)題,或者有任何疑問(wèn),都可以隨時(shí)提出,筆者將盡最大努力解決。 編著者
丁士鋒,2001年畢業(yè)于國(guó)防科技大學(xué)計(jì)算機(jī)學(xué)院。從事Web開(kāi)發(fā)及系統(tǒng)架構(gòu)設(shè)計(jì)10余年。主要涉及Web相關(guān)軟件及分布式應(yīng)用系統(tǒng)的開(kāi)發(fā),并積累了深厚的Web應(yīng)用軟件和Web前端開(kāi)發(fā)經(jīng)驗(yàn)。目前主要從事JavaScript前端應(yīng)用框架的開(kāi)發(fā),具有企業(yè)網(wǎng)站、Web ERP和Office OA等大中型Web項(xiàng)目的開(kāi)發(fā)和設(shè)計(jì)經(jīng)驗(yàn)。對(duì)C#與.NET技術(shù)有深入研究。熟悉SQL Server、Oracle與IBM DB2等大型數(shù)據(jù)庫(kù)系統(tǒng)的管理與開(kāi)發(fā)。深入理解數(shù)據(jù)庫(kù)系統(tǒng)在企業(yè)信息化進(jìn)程中的應(yīng)用。多次主導(dǎo)與架構(gòu)基于大型數(shù)據(jù)庫(kù)系統(tǒng)的集團(tuán)式信息管理系統(tǒng)建設(shè)。多次參與數(shù)據(jù)庫(kù)平臺(tái)的搭建與各種核心數(shù)據(jù)庫(kù)程序代碼的實(shí)現(xiàn)。
第1篇 網(wǎng)站基礎(chǔ)
第1章 網(wǎng)站開(kāi)發(fā)入門(mén)( 教學(xué)視頻:24分鐘) 1.1 Web網(wǎng)站入門(mén) 1.1.1 認(rèn)識(shí)網(wǎng)頁(yè)與網(wǎng)站 1.1.2 網(wǎng)站的組成結(jié)構(gòu) 1.1.3 常見(jiàn)的網(wǎng)站分類(lèi) 1.1.4 如何設(shè)計(jì)吸引人的網(wǎng)站 1.1.5 網(wǎng)站開(kāi)發(fā)的相關(guān)技術(shù) 1.1.6 創(chuàng)建一個(gè)簡(jiǎn)單的網(wǎng)頁(yè) 1.2 網(wǎng)站開(kāi)發(fā)工具 1.2.1 Dreamweaver設(shè)計(jì)工具 1.2.2 圖像處理工具Photoshop 1.2.3 網(wǎng)頁(yè)圖形工具Fireworks 1.2.4 網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)工具Flash 1.3 網(wǎng)站建設(shè)的基本步驟 1.3.1 網(wǎng)站的定位 1.3.2 確定網(wǎng)站的結(jié)構(gòu) 1.3.3 設(shè)計(jì)網(wǎng)站的主題風(fēng)格 1.3.4 制作網(wǎng)頁(yè) 1.3.5 網(wǎng)站的測(cè)試 1.3.6 申請(qǐng)網(wǎng)站域名 1.3.7 購(gòu)買(mǎi)網(wǎng)頁(yè)空間 1.3.8 使用FTP上傳網(wǎng)站 1.3.9 瀏覽并優(yōu)化網(wǎng)站 1.3.10 推廣自己的網(wǎng)站 1.4 小結(jié) 第2章 使用HTML語(yǔ)言編寫(xiě)網(wǎng)頁(yè)( 教學(xué)視頻:40分鐘) 2.1 認(rèn)識(shí)HTML語(yǔ)言 2.1.1 HTML是什么 2.1.2 HTML標(biāo)簽、元素和屬性 2.1.3 HTML文件組成 2.2 HTML文檔頭標(biāo)記 2.2.1 文檔類(lèi)型聲明<!DOCTYPE> 2.2.2 文檔頭標(biāo)簽 2.2.3 文檔基地址 2.2.4 文檔鏈接 2.2.5 網(wǎng)頁(yè)標(biāo)題 2.2.6 元數(shù)據(jù)定義 2.3 基本的HTML標(biāo)簽 2.3.1 主體標(biāo)簽 2.3.2 設(shè)置頁(yè)面邊距 2.3.3 常用的標(biāo)簽列表 2.3.4 標(biāo)題標(biāo)簽 至
|