“網絡開發視頻大講堂”叢書系清華社“視頻大講堂”重點大系之一。該大系包括多個子系列，每個子系列的圖書在其同品種的圖書中銷售名列前茅，其中：
4個品種榮獲“全行業熱銷品種”
1個品種榮獲2012年清華大學出版社“專業熱銷書”一等獎
絕大多數品種在“計算機零售圖書排行榜”同品種排行中名列前茅
截至目前該大系累計銷售超過55萬冊
該大系已成為近年來清華社計算機專業基礎類零售圖書熱銷的品牌之一
“網絡開發視頻大講堂”系列作為清華社“視頻大講堂”大系的子系列之一，繼承和創新了清華社“視頻大講堂”大系的編寫模式、寫作風格和優良品質。本書突出了以下內容：
309節大型高清同步視頻演示講解，可反復觀摩，讓學習更為快捷
15個實戰案例，通過實例學習更深入，更有趣，更有動力
2個大型綜合實戰案例，展現工作過程，積累工作經驗
?實用網頁模板380套，網頁配色辭典1部，協調色配色參考7套，網頁色彩搭配圖43張，不同色系實物配色卡540張，實用配色參考18部，網頁設計素材13類
?PS分層模板10套，PS樣式8類，PS濾鏡46個，PS漸變樣式6類，PS筆刷樣式9類，PS填充圖案5類，PS字體集合1000個
?HTML工具集6部，CSS工具集8部，JavaScript工具集16部，PS幫助手冊1部
?HTML應用案例360個，CSS3應用案例510個，JavaScript+jQuery應用案例900個，網頁交互設計案例1000個
?Web前端開發規范手冊1部，JavaScript知識點思維導圖10張，HTML+CSS面試題351道，JavaScript面試題685道，網頁欣賞
前言：
隨著互聯網的普及以及電子商務的興起，網站已經成為企業宣傳推廣產品及商品交易的一種重要手段。設計精美、架構合理的網站對于提高企業的知名度、樹立企業形象有著至關重要的作用。所以，開發設計網站及后期運行維護已經成為企業運營的一部分，具有非常好的發展前景。
網站開發過程涉及到的知識非常多，要在短時間內完全掌握幾乎是不可能的。但是，作為一個合格的前端開發人員，必須對這些知識有所了解，掌握其中的重要部分，例如HTML語言、Dreamweaver、Photoshop、樣式表、腳本語言等，并至少掌握一種程序設計語言及數據庫管理系統。這些都是網站開發人員的基本功。
學習網頁制作，僅靠單一工具和一點語言基礎是不夠的，實戰是鞏固網站開發最重要的一環。本書除技術講解較為基礎之外，案例實踐則非常貼近實際的網站開發。讀者通過學習本書中各章節的知識，將會對網站開發所涉及的技術有一個比較全面的了解，基本上可勝任一般的網站開發任務，為今后進一步提高開發水平打下堅實的基礎。
本書特色
?內容系統全面，網頁/網站設計高手必備知識儲備
本書力求成為網站開發人員的入門教程，因此，系統全面是本書最重要的特點之一。在編排上，則本著從入門到提高、從精通到實戰的原則，將知識點根據讀者學習的難易程度以及在實際工作中應用的輕重順序進行安排，讀者在學習的過程中可以有針對性地選擇學習內容。
?由淺入深，快速入門，輕松理解重點難點
本書從基本的網站建設常識及基礎的HTML語言講起，逐步介紹各類常見軟件工具的使用方法及程序設計語言。同時，每一章都本著“學生好學，教師好教，企業需要”的原則，通過大量示例案例，深入淺出地講解網站開發中的重難點、易錯點，使讀者每學完一章都能有所收獲，有信心進入下一章的學習。
?精選最流行的技術，打造最核心的技能
由于網站開發涉及到的技術非常多，因此很多讀者在學習時會感到無從下手。本書緊扣開發，精選最流行的技術，最核心的技能，按照不同的應用層面進行分拆、講解，以幫助讀者逐個了解并掌握各種技術的基礎應用。
?配套多媒體教學，將老師請進家
為了使初學者快速上手，在本書的隨書光盤中為讀者提供了各章知識點及實例的操作演示視頻以及實例代碼和素材。通過這些資料，讀者可以反復實踐，加深對于書中知識的理解。掃描圖書封底的二維碼，可在手機中在線學習教學視頻。
本書內容
本書共6部分23章，具體結構劃分如下。
第1部分（第1章）：網頁制作基礎篇。簡單介紹網頁制作需要了解的基礎知識，如網頁相關概念、網頁腳本語言HTML、網頁設計語言CSS等。
第2部分（第2～7章）：網頁制作操作篇。講解如何使用Dreamweaver制作各種類型的網頁元素，如網頁文本、網頁鏈接、網頁圖像、網頁列表、網頁表格、動態特效等。
第3部分（第8～11章）：網頁設計提高篇。系統介紹網頁設計需要提升的專業能力，如網頁圖像設計能力、網頁配色素養、網頁版式策劃等。
第4部分（第12～14章）：網站建設基礎篇。概括介紹網站開發需要掌握的知識，如網站策劃思路和方法、網站管理的基本技巧、網站發布和推廣方面的實戰經驗等。
第5部分（第15～21章）：網站開發技術篇。詳細講解如何使用PHP+MySQL技術建設動態網站，包括搭建PHP服務器、掌握PHP語言開發基礎、正確使用PHP設計動態網頁等，以及靈活使用PHP讀寫數據庫的基本操作要領。
第6部分（第22～23章）：網站開發綜合實踐篇。本部分通過兩個綜合案例詳細講解網站開發的全部過程和設計細節，以幫助讀者體驗真實網站的完整開發過程。
本書讀者
本書適用于以下讀者：
?具備一定計算機操作基礎的初學者。
?具有一定網站開發經驗的初、中級用戶。
?立志從事網站開發工作的從業人員。
?自學網頁設計或網站開發的大中專學生。
?對于網頁制作感興趣的社會培訓用戶。
?各類網站的站長。
編者
第章
網站管理
大型網站一般都由成千上萬個網頁及其他文件構成，合理地組織這些網頁和文件在網站后期維護中顯得非常重要，完善的組織可以提高站點建設與維護效率。本章首先介紹了如何利用Dreamweaver提供的站點管理工具有效地組織和管理站點文件夾及文件，建立本地文件與遠程站點之間的映射關系；接著介紹如何利用【站點管理】窗口將網頁的制作與編輯任務分配到工作組成員的方法；最后介紹了在上傳站點之前，如何測試站點的完整性與修復錯誤鏈接。
【學習重點】
?上傳站點的方法與技巧
?管理站點中的文件與文件夾
?測試站點內鏈接
?檢查站點的兼容性
?檢驗站點下載速率
13.1定義站點
根據網站運行位置的不同，可以把站點分為本地站點和遠程站點兩種。本地站點以個人系統為服務器環境進行運行，而遠程站點則以互聯網上的服務器為環境進行運行。大部分初學者在學習和上機時都會在本地上機練習，因此本節具體介紹如何在本地定義站點。
13.1.1新建靜態站點
靜態站點，也稱為靜態頁面站點，就是不需要服務器環境的支持也能夠運行頁面。定義本地站點的具體操作步驟如下。
【操作步驟】
第1步，啟動Dreamweaver，選擇【站點】|【新建站點】命令，打開【未命名站點1的站點定義為】對話框。
第2步，在【站點名稱】文本框中輸入站點名稱，如mysite，在【本地站點文件夾】文本框中設置站點在本地文件中的存放路徑，可以直接輸入，也可以用鼠標單擊右側的【選擇文件】按鈕選擇相應的文件夾，如圖13.1所示。
圖13.1定義本地信息
第3步，選擇【高級設置】選項卡，展開高級設置選項，在左側的選項列表中單擊【本地信息】選項。然后在【本地信息】對話框中設置本地信息，如圖13.2所示。
?【默認圖像文件夾】文本框：設置默認的存放站點圖片的文件夾。但是對于比較復雜的網站，圖片往往不僅僅只存放在一個文件夾中，因此可以不輸入。
?【鏈接相對于】欄：定義當在Dreamweaver為站點內所有網頁插入超鏈接時是采用相對路徑，還是絕對路徑，如果希望是相對路徑則可以選中【文檔】單選按鈕，如果希望以絕對路徑的形式定義超鏈接，則可以選中【站點根目錄】單選按鈕。
?WebURL文本框：輸入網站的網址，該網址能夠供鏈接檢查器驗證使用絕對地址的鏈接。在輸入網址時需要輸入完全網址，例如，http://localhost/msite/。該選項只有在定義動態站點后有效。
?【區分大小寫的鏈接檢查】復選框：選中該復選框可以對鏈接的文件名稱大小進行區分。
圖13.2定義高級信息
?【啟用緩存】復選框：選中該復選框可以創建緩存，以加快鏈接和站點管理任務的速度，建議用戶要選中。
13.1.2新建虛擬站點
定義本地動態虛擬站點可以在13.1.1節介紹的定義本地靜態站點基礎上，添加虛擬服務器環境設置即可。
【操作步驟】
第1步，啟動Dreamweaver，先在本地創建一個虛擬遠程目錄，用來作為服務器端應用程序的根目錄，然后在本地再創建一個本地目錄。
?提示：為了測試方便，可以定義本地目錄和遠程目錄為同一個文件夾，這樣更方便文件管理和測試，避免文件頻繁上傳和下載。
第2步，在Dreamweaver中，選擇【站點】|【新建站點】命令，打開【站點設置對象mysite】對話框，單擊【服務器】選項，切換到服務器設置面板。
第3步，在【服務器】選項面板中單擊按鈕，如圖13.3所示。顯示增加服務器技術面板，在該面板中定義服務器技術，如圖13.4所示。
圖13.3增加服務器技術
圖13.4定義服務器技術
第4步，在【基本】選項卡中設置服務器基本信息，如圖13.5所示。
圖13.5定義基本信息
�。�1）在【服務器名稱】文本框中輸入站點名稱，如php_site。
（2）在【連接方式】下拉列表框中選擇【本地/網絡】選項。實現在本地虛擬服務器中建立遠程連接，也就是說設置遠程服務器類型為在本地計算機上運行網頁服務器。
�。�3）在【服務器文件夾】文本框中設置站點在服務器端的存放路徑，可以直接輸入，也可以用鼠標單擊右側的【選擇文件】按鈕選擇相應的文件夾。為了方便管理，可以把本地文件夾和遠程文件夾設置相同的路徑。
�。�4）在WebURL文本框中輸入虛擬服務器的網址，也可以暫時不定義，等設置測試服務器之后，Dreamweaver會自動設置，其他選項可以保持默認值。
第5步，在【站點設置對象mysite】對話框中選擇【高級】選項卡，設置服務器的其他信息，如圖13.6所示。
在【服務器模型】下拉列表框中選擇PHPMySQL技術。服務器模型用來設置服務器支持的腳本模式，包括無、ASPJavaScript、ASPVBScript、ASP.NETC#、ASP.NETVB、ColdFusion、JSP和PHPMySQL。目前使用比較廣泛的有ASP、JSP和PHP3種服務器腳本模式。
圖13.6定義高級信息
在【遠程服務器】欄中，還可以設置各種協助功能，詳細說明如下。
?選中【維護同步信息】復選框，可以確保本地信息與遠程信息同步更新。
?選中【保存時自動將文件上傳到服務器】復選框，可以確保在本地保存網站文件時，會自動把保存的文件上傳到遠程服務器。
?選中【啟用文件取出功能】復選框，則在編輯遠程服務器上的文件時，Dreamweaver會自動鎖定服務器端該文件，禁止其他用戶再編輯該文件，防止同步操作可能會引發的沖突。
?在【取出名稱】和【電子郵件地址】文本框中輸入用戶的名稱和電子郵件地址，確保網站團隊內部即時進行通信，相互溝通。
第6步，設置完畢，單擊【保存】按鈕，返回【站點設置對象php_site】對話框，這樣即可建立一個動態網站，如圖13.7所示。此時如果選中新定義的服務器，則可以單擊下面的【編輯】按鈕重新設置服務器選項。當然也可以單擊【刪除】按鈕刪除該服務器，或者單擊【增加】按鈕再定義一個服務器。而單擊【復制】按鈕復制選中的服務器。
新書資訊