內 容 簡 介
本書采取“Dreamweaver網頁設計→Photoshop圖片設計→Flash動畫設計→網頁美化布局→動態網站實戰”的講解模式,深入淺出地講解用Dreamweaver+Flash +Photoshop設計網頁和開發動態網站的各項技術以及實戰技能。
本書第1篇為Dreamweaver網頁設計,主要講解網頁設計與網站建設認知、網站建設基本流程、Dreamweaver CS6創建網站站點、添加網頁基本元素、設計網頁超鏈接、使用網頁表單和行為等;第2篇為Photoshop圖像設計,主要講解選取并調整網頁圖像、制作網頁特效文字、制作特效網頁元素、制作網站Logo與Banner、制作網頁導航條、制作網頁按鈕與特效邊線等;第3篇為Flash動畫設計,主要講解制作簡單網站動畫、制作動態網站Logo與Banner、測試和優化Flash作品等;第4篇為網頁美化布局,主要講解使用CSS樣式表美化網頁、網頁布局典型范例等;第5篇為動態網站實戰,主要講解構建動態網站的運行環境、定義動態網站與使用MySQL數據庫、動態網站應用模塊開發、電子商務類網站開發實戰等。另外,本書附贈的DVD光盤中包含了豐富的資源,諸如實例素材文件、教學幻燈片、精品教學視頻、網頁樣式與布局案例賞析、Dreamweaver CS6中的快捷鍵和技巧、HTML標簽速查表、精彩網站配色方案賞析、CSS+DIV布局賞析案例、Web前端工程師常見面試題、88類實用網頁模板等。
本書面向初、中級用戶,適合任何想學習用Dreamweaver+Flash+Photoshop設計網頁的人員,無論您是否從事計算機相關行業,無論您是否接觸過Dreamweaver+Flash+Photoshop,通過學習本書均可快速掌握用Dreamweaver+Flash+Photoshop設計網頁和開發動態網站的方法和技巧。
前 言
“網站開發案例課堂”系列圖書是專門為網站開發和數據庫初學者量身定做的一套學習用書,涵蓋網站開發、數據庫設計等方面。整套書具有以下特點。
前沿科技
無論是網站建設、數據庫設計還是HTML5、CSS3技術,我們都精選較為前沿或者用戶群較大的領域推進,幫助大家認識和了解最新動態。
權威的作者團隊
該套圖書由國家重點實驗室和資深應用專家聯手編著,融合了豐富的教學經驗與優秀的管理理念。
學習型案例設計
以技術的實際應用過程為主線,全程采用圖解和同步多媒體結合的教學方式,生動、直觀、全面地剖析使用過程中的各種應用技能,從而降低學習難度并提升學習效率。
為什么要寫這樣一本書
隨著網絡的發展,很多企事業單位和廣大網民對于建立網站的需求越來越強烈,另外對于大中專院校,很多學生需要制作網站畢業設計,但是他們又不懂網頁代碼程序,不知從何入手。為此,作者針對這樣的零基礎的讀者,全面介紹網頁設計和網站建設的相關知識,基本上讀者在網頁設計和網站建設中遇到的技術,本書都有詳細講解。通過本書的實戰,讀者可以很快上手設計網頁和開發網站,提高職業化能力。
本書特色
( 零基礎、入門級的講解
無論您是否從事計算機相關行業,無論您是否接觸過Dreamweaver+Flash+Photoshop網頁設計和動態網站開發,都能從本書中找到最佳起點。
( 超多、實用、專業的范例和項目
本書在編排上緊密結合深入學習Dreamweaver+Flash+Photoshop網頁設計和開發動態網站技術的先后過程,從Dreamweaver的基本操作開始,逐步帶領大家深入學習各種應用技巧,側重實戰技能,使用簡單易懂的實際案例進行分析和操作指導,讓讀者讀起來簡明輕松,操作起來有章可循。
( 隨時檢測自己的學習成果
每章首頁均提供了學習目標,可以指導讀者重點學習以及學后檢查。
每章最后的“跟我練練手”板塊,均根據本章內容精選而成,讀者可以隨時檢測自己的學習成果和實戰能力,做到融會貫通。
( 細致入微、貼心提示
本書在講解過程中,使用了“注意”、“提示”、“技巧”等小欄目,使讀者在學習過程中能更清楚地了解相關操作、理解相關概念,并輕松掌握各種操作技巧。
“Dreamweaver+Flash+Photoshop網頁設計”學習最佳途徑
本書以學習“Dreamweaver+Flash+Photoshop網頁設計”的最佳制作流程來分配章節,從Dreamweaver基本操作開始,依次講解Photoshop圖像設計、Flash動畫設計、網頁美化布局、動態網站開發等。同時在最后的項目實戰環節特意補充了一個常見的綜合動態網站開發過程,以便進一步提高大家的實戰技能。
超值光盤
( 全程同步教學錄像
涵蓋本書所有知識點,詳細講解每個實例及項目的過程及技術關鍵點。比看書更輕松地掌握書中所有的Dreamweaver+Flash+Photoshop網頁設計和開發動態網站知識,而且擴展的講解部分使您得到比書中更多的收獲。
( 超多容量王牌資源大放送
贈送大量王牌資源,包括本書實例素材文件、教學幻燈片、本書精品教學視頻、網頁樣式與布局案例賞析、Dreamweaver快捷鍵和技巧、HTML標簽速查表、精彩網站配色方案賞析、CSS+DIV布局賞析案例、Web前端工程師常見面試題等。
讀者對象
* 沒有任何Dreamweaver+Flash+Photoshop網頁設計基礎的初學者
* 有一定的Dreamweaver+Flash+Photoshop網頁設計和基礎,想精通網站開發的人員
* 有一定的動態網站開發基礎,沒有項目經驗的人員
* 正在進行畢業設計的學生
* 大專院校及培訓學校的老師和學生
創作團隊
本書由劉玉紅、蒲娟編著,參加編寫的人員還有付紅、李園、王攀登、郭廣新、侯永崗、劉海松、孫若淞、王月嬌、包慧利、陳偉光、胡同夫、梁云梁和周浩浩。
在編寫過程中,我們盡所能地將最好的講解呈現給讀者,但也難免有疏漏和不妥之處,敬請不吝指正。
編 者
目 錄第1篇 Dreamweaver網頁設計篇第1章 網頁設計與網站建設認知 31.1 認識網頁和網站 41.1.1 什么是網頁 41.1.2 什么是網站 41.1.3 網站的種類和特點 51.2 網頁的相關概念 61.2.1 因特網與萬維網 61.2.2 瀏覽器與HTML 61.2.3 URL、域名與IP地址 71.2.4 上傳和下載 81.3 網頁的HTML文檔構成 81.3.1 文檔標簽 81.3.2 頭部標簽 91.3.3 主體標簽 91.4 HTML的常用標簽 101.4.1 標題標簽<h1>到<h6> 101.4.2 段落標簽<p> 111.4.3 換行標簽<br> 121.4.4 鏈接標簽<a> 131.4.5 列表標簽<ul> 141.4.6 圖像標簽<img> 161.4.7 表格標簽<table> 191.4.8 框架標簽<frame> 201.4.9 表單標簽<form> 221.4.10 注釋標簽<!> 231.4.11 移動標簽<marquee> 241.5 實戰演練——制作日程表 251.6 跟我練練手 281.6.1 練習目標 281.6.2 上機練習 281.7 高手甜點 28第2章 網站建設基本流程 312.1 建站方式 322.1.1 自助建站 322.1.2 智能建站 332.1.3 專業設計 342.2 建站流程 342.2.1 網站規劃 342.2.2 搜集資料 342.2.3 制作網頁 352.2.4 網站測試 362.2.5 申請域名 362.2.6 申請空間 362.2.7 網站備案 362.2.8 發布網頁 392.2.9 網站推廣和維護 402.3 制作網頁的常用軟件 402.3.1 網頁布局軟件Dreamweaver 402.3.2 圖形圖像處理軟件Photoshop 412.3.3 動畫制作軟件Flash 422.3.4 軟件間的相互關系 432.4 跟我練練手 442.4.1 練習目標 442.4.2 上機練習 452.5 高手甜點 45第3章 磨刀不誤砍柴工——用Dreamweaver 創建網站站點 473.1 認識Dreamweaver的工作環境 483.1.1 啟動Dreamweaver 483.1.2 認識Dreamweaver的工作區 493.1.3 熟悉Dreamweaver CS6的面板 523.2 創建站點 543.2.1 創建本地站點 543.2.2 使用【文件】面板創建站點 553.3 管理站點 563.3.1 打開站點 563.3.2 編輯站點 563.3.3 刪除站點 573.3.4 復制站點 583.4 操作站點文件及文件夾 583.4.1 創建文件夾 583.4.2 創建文件 593.4.3 文件或文件夾的移動和復制 603.4.4 刪除文件或文件夾 603.5 實戰演練——建立站點文件和文件夾 613.6 跟我練練手 623.6.1 練習目標 623.6.2 上機練習 623.7 高手甜點 63第4章 制作我的第一個網頁——添加網頁內容要素 654.1 文檔的基本操作 664.1.1 創建空白文檔 664.1.2 設置頁面屬性 664.2 使用文字美化網頁 714.2.1 插入文字 714.2.2 設置字體 724.2.3 設置字號 744.2.4 設置字體顏色 754.2.5 設置字體樣式 764.2.6 編輯段落 784.2.7 檢查拼寫 834.2.8 創建項目列表 844.3 使用圖像美化網頁 874.3.1 插入圖像 874.3.2 圖像屬性設置 894.3.3 圖像的對齊方式 914.3.4 設置鼠標經過時更換圖像效果 924.3.5 插入圖像占位符 944.4 使用動畫美化網頁 954.4.1 插入Flash動畫 954.4.2 插入FLV視頻 964.5 使用其他網頁元素美化網頁 984.5.1 插入水平線 984.5.2 插入日期 994.5.3 插入特殊字符 1004.6 實戰演練——制作圖文并茂的網頁 1014.7 跟我練練手 1034.7.1 練習目標 1034.7.2 上機練習 1034.8 高手甜點 104第5章 不在網頁中迷路——設計網頁超鏈接 1055.1 鏈接與路徑 1065.1.1 鏈接的概念 1065.1.2 鏈接的路徑 1065.1.3 鏈接的類型 1085.2 添加網頁超鏈接 1085.2.1 添加文本鏈接 1085.2.2 添加圖像鏈接 1095.2.3 創建外部鏈接 1105.2.4 創建錨記鏈接 1115.2.5 創建圖像熱點鏈接 1135.2.6 創建電子郵件鏈接 1145.2.7 創建下載文件的鏈接 1155.2.8 創建空鏈接 1165.2.9 創建腳本鏈接 1175.2.10 鏈接的檢查 1185.3 實戰演練——為企業網站添加友情鏈接 1195.4 跟我練練手 1195.4.1 練習目標 1195.4.2 上機練習 1205.5 高手甜點 120第6章 讓網頁互動起來——使用網頁表單和行為 1216.1 在網頁中插入表單元素 1226.1.1 插入表單域 1226.1.2 插入文本域 1236.1.3 插入單行文本域 1236.1.4 插入多行文本域 1246.1.5 插入密碼域 1246.2 在網頁中插入復選框和單選按鈕 1256.2.1 插入復選框 1256.2.2 插入單選按鈕 1266.3 制作網頁列表和菜單 1266.3.1 插入下拉菜單 1266.3.2 插入滾動列表 1276.4 在網頁中插入按鈕 1286.4.1 插入按鈕 1286.4.2 插入圖像按鈕 1286.5 添加網頁行為 1296.5.1 打開【行為】面板 1296.5.2 添加行為 1306.6 常用行為的應用 1316.6.1 交換圖像 1316.6.2 彈出信息 1326.6.3 打開瀏覽器窗口 1336.6.4 檢查表單行為 1356.6.5 設置狀態欄文本 1376.7 實戰演練——使用表單制作留言本 1386.8 跟我練練手 1426.8.1 練習目標 1426.8.2 上機練習 1426.9 高手甜點 142第2篇 Photoshop圖像設計篇第7章 網頁圖像說變就變——選取并調整網頁圖像 1457.1 選取網頁圖像 1467.1.1 【縮放工具】的使用 1467.1.2 【抓手工具】的使用 1467.1.3 選框工具的使用 1477.1.4 【鋼筆工具】的使用 1487.1.5 【套索工具】的使用 1497.1.6 【多邊形套索工具】的使用 1497.1.7 【磁性套索工具】的使用 1507.1.8 【魔棒工具】的使用 1517.1.9 【快速選擇工具】的使用 1517.1.10 【漸變工具】的使用 1527.2 調整網頁圖像色彩 1547.2.1 使用【亮度/對比度】命令調整圖像 1547.2.2 使用【色階】命令調整圖像 1547.2.3 使用【曲線】命令調整圖像 1557.2.4 使用【色彩平衡】命令調整圖像 1567.2.5 使用【色相/飽和度】命令調整圖像 1577.3 修飾網頁圖像內容 1577.3.1 使用【污點修復畫筆工具】修復圖像 1587.3.2 使用【修復畫筆工具】修飾圖像 1597.3.3 使用【仿制圖章工具】修飾圖像 1597.3.4 使用【模糊工具】修飾圖像 1607.3.5 使用【銳化工具】修飾圖像 1617.3.6 使用【涂抹工具】修飾圖像 1627.3.7 使用【海綿工具】修飾圖像 1657.4 實戰演練——為照片更換背景 1657.5 跟我練練手 1677.5.1 練習目標 1677.5.2 上機練習 1677.6 高手甜點 167第8章 有情有義的文字——制作網頁特效文字 1698.1 案例1——制作立體文字 1708.2 案例2——制作水晶文字 1738.3 案例3——制作燃燒的文字 1748.4 案例4——制作特效藝術文字 1788.5 案例5——制作金屬字效果 1848.6 案例6——制作閃爍字效果 1888.7 跟我練練手 1918.7.1 練習目標 1918.7.2 上機練習 1918.8 高手甜點 192第9章 網頁設計基礎——制作特效網頁元素 1939.1 網頁圖像的圖層 1949.1.1 認識【圖層】面板 1949.1.2 圖層的分類 1949.1.3 創建圖層 1999.1.4 隱藏與顯示圖層 1999.1.5 對齊圖層 2009.1.6 合并圖層 2019.1.7 設置不透明度和填充 2029.2 設置圖像的圖層樣式 2049.2.1 案例1——光影效果 2049.2.2 案例2——浮雕效果 2079.2.3 案例3——疊加效果 2089.3 設置圖像的蒙版效果 2109.3.1 案例4——剪貼蒙版 2109.3.2 案例5——快速蒙版 2129.3.3 案例6——圖層蒙版 2149.3.4 案例7——矢量蒙版 2179.4 設置圖像的通道 2189.4.1 案例8——復合通道 2189.4.2 案例9——顏色通道 2229.4.3 案例10——專色通道 2249.4.4 案例11——計算法通道 2269.5 設置圖像的濾鏡效果 2299.5.1 案例12——【鏡頭校正】濾鏡 2299.5.2 案例13——【消失點】濾鏡 2309.5.3 案例14——【風】濾鏡 2329.5.4 案例15——【馬賽克】濾鏡 2329.5.5 案例16——【旋轉扭曲】濾鏡 2339.5.6 案例17——【模糊】濾鏡 2349.5.7 案例18——【渲染】濾鏡 2359.5.8 案例19——【藝術效果】濾鏡 2389.6 實戰演練——校正偏紅圖片 2409.7 跟我練練手 2429.7.1 練習目標 2429.7.2 上機練習 2429.8 高手甜點 243第10章 網頁的標志——制作網站Logo與Banner 24510.1 制作時尚空間感的文字Logo 24610.1.1 案例1——制作背景 24610.1.2 案例2——制作文字內容 24710.1.3 案例3——繪制自定義形狀 24810.1.4 案例4——美化文字Logo 24910.2 制作網頁圖案Logo 25110.2.1 案例5——制作背景 25110.2.2 案例6——制作圖案效果 25310.3 制作網頁圖文結合Logo 25510.3.1 案例7——制作網站Logo中的圖案 25510.3.2 案例8——制作網站Logo中的文字 25710.4 制作網頁英文Banner 25910.4.1 案例9——制作Banner背景 25910.4.2 案例10——制作Banner底紋 26010.4.3 案例11——制作文字特效 26110.5 制作網頁中文Banner 26210.5.1 案例12——輸入特效文字 26210.5.2 案例13——將輸入的文字設置為3D效果 26310.5.3 案例14——制作Banner背景 26510.6 跟我練練手 26710.6.1 練習目標 26710.6.2 上機練習 26710.7 高手甜點 267第11章 制作網頁導航條 26911.1 網頁導航條簡介 27011.2 制作網頁導航條 27011.2.1 案例1——制作橫向導航條框架 27011.2.2 案例2——制作橫向導航條斜紋 27111.2.3 案例3——制作縱向導航條 27311.3 跟我練練手 27611.3.1 練習目標 27611.3.2 上機練習 27611.4 高手甜點 276第12章 網頁中迷人的藍海——制作網頁按鈕與特效邊線 27912.1 制作按鈕 28012.1.1 制作普通按鈕 28012.1.2 制作迷你按鈕 28212.1.3 制作水晶按鈕 28512.1.4 制作木紋按鈕 29012.2 制作裝飾邊線 29312.2.1 制作裝飾虛線 29312.2.2 制作分割線條 29612.2.3 制作斜紋區域 29712.3 跟我練練手 29912.3.1 練習目標 29912.3.2 上機練習 29912.4 高手甜點 299第3篇 Flash動畫設計篇第13章 制作簡單的網站動畫 30313.1 Flash的基本功能 30413.1.1 繪制矢量繪圖 30413.1.2 設計制作動畫 30413.1.3 強大的編程功能 30513.2 認識圖層與時間軸 30513.2.1 認識圖層 30513.2.2 圖層的基本操作 30613.2.3 認識【時間軸】面板 30913.2.4 【時間軸】面板的基本操作 31013.3 制作常用的簡單動畫 31113.3.1 制作逐幀動畫 31113.3.2 制作形狀補間動畫 31213.3.3 制作補間動畫 31413.3.4 制作傳統補間動畫 31613.4 跟我練練手 31713.4.1 練習目標 31713.4.2 上機練習 31713.5 高手甜點 318第14章 制作動態的網站Logo與Banner 31914.1 制作滾動文字Logo 32014.1.1 設置文檔屬性 32014.1.2 制作文字元件 32114.1.3 制作滾動效果 32114.2 制作產品Banner 32414.2.1 制作文字動畫 32414.2.2 制作文字遮罩動畫 32614.2.3 制作圖片動畫 32714.3 跟我練練手 32914.3.1 練習目標 32914.3.2 上機練習 32914.4 高手甜點 329第15章 測試和優化Flash作品 33115.1 優化Flash影片 33215.2 輸出動畫 33315.2.1 SWF動畫 33315.2.2 GIF動畫 33615.3 影片的發布 33715.3.1 影片的發布設置 33715.3.2 影片的發布預覽 33815.4 跟我練練手 33915.4.1 練習目標 33915.4.2 上機練習 34015.5 高手甜點 340第4篇 網頁美化布局篇第16章 讀懂樣式表密碼—— 使用CSS樣式表美化網頁 34316.1 初識CSS 34416.1.1 CSS概述 34416.1.2 CSS的作用 34416.1.3 基本CSS語法 34516.2 使用CSS樣式美化網頁 34516.2.1 使用字體樣式美化文字 34516.2.2 使用文本樣式美化文本 34816.2.3 使用背景樣式美化背景 35216.2.4 使用鏈接樣式美化鏈接 35516.2.5 使用列表樣式美化列表 35516.2.6 使用區塊樣式美化區塊 35716.2.7 使用寬高樣式設定寬高 35916.2.8 使用邊框樣式美化邊框 36016.3 使用CSS濾鏡美化網頁 36116.3.1 CSS濾鏡概述 36116.3.2 案例1——Alpha(通道)濾鏡 36216.3.3 案例2——Blur(模糊)濾鏡 36416.3.4 案例3——Chroma(透明色)濾鏡 36616.3.5 案例4——DropShadow(下落陰影)濾鏡 36616.3.6 案例5——FlipH(水平翻轉)濾鏡和FlipV(垂直翻轉)濾鏡 36816.3.7 案例6——Glow(光暈)濾鏡 36916.3.8 案例7——Gray(灰色)濾鏡 37016.3.9 案例8——Invert(反色)濾鏡 37116.3.10 案例9——Mask(遮罩)濾鏡 37216.3.11 案例10——Shadow(陰影)濾鏡 37216.3.12 案例11——Wave(波浪)濾鏡 37316.3.13 案例12——X-ray(X射線)濾鏡 37516.4 實戰演練——設定網頁中鏈接樣式 37516.5 跟我練練手 37916.5.1 練習目標 37916.5.2 上機練習 37916.6 高手甜點 379第17章 架構師的大比拼——網頁布局典型范例 38117.1 使用CSS排版 38217.1.1 將頁面用DIV分塊 38217.1.2 設置各塊位置 38217.1.3 用CSS定位 38317.2 固定寬度網頁剖析與布局 38617.2.1 網頁單列布局模式 38617.2.2 網頁1-2-1型布局模式 39017.2.3 網頁1-3-1型布局模式 39417.3 自動縮放網頁1-2-1型布局模式 39817.3.1 “1-2-1”等比例變寬布局 39917.3.2 “1-2-1”單列變寬布局 39917.4 自動縮放網頁1-3-1型布局模式 40017.4.1 “1-3-1”三列寬度等比例布局 40117.4.2 “1-3-1”單側列寬度固定的變寬布局 40117.4.3 “1-3-1”中間列寬度固定的變寬布局 40417.4.4 “1-3-1”雙側列寬度固定的變寬布局 40817.4.5 “1-3-1”中列和側列寬度固定的變寬布局 41217.5 實戰演練——使用CSS設定網頁布局列的背景色 41517.6 跟我練練手 41717.6.1 練習目標 41717.6.2 上機練習 41717.7 高手甜點 417第5篇 動態網站實戰篇第18章 制作動態網頁基礎——構建動態網站的運行環境 42118.1 準備互動網頁的執行環境 42218.1.1 什么是PHP 42218.1.2 執行PHP程序 42218.2 架設IIS+PHP的執行環境 42218.2.1 案例1——IIS網站服務器的安裝與設置 42218.2.2 案例2——在IIS網站服務器上安裝PHP 42518.3 架設Apache+PHP的執行環境 42818.3.1 案例3——Apache 網站服務器的安裝與設置 42818.3.2 案例4——在Apache網站服務器上安裝PHP 43318.4 MySQL數據庫的安裝 43618.4.1 案例5——MySQL 數據庫的安裝 43618.4.2 案例6——phpMyAdmin的安裝 43918.5 實戰演練——快速安裝PHP集成環境:AppServ 2.5 44018.6 跟我練練手 44318.6.1 練習目標 44318.6.2 上機練習 44318.7 高手甜點 443第19章 架起動態網頁的橋梁——定義動態網站與使用MySQL數據庫 44519.1 定義一個互動網站 44619.1.1 定義互動網站的重要性 44619.1.2 在Dreamweaver中定義網站 44619.2 MySQL數據庫的使用 44919.2.1 數據庫的原理 45019.2.2 數據庫的建立 45119.3 在網頁中使用MySQL數據庫 45719.3.1 網頁取得數據庫的原理 45719.3.2 案例1——建立MySQL數據庫連接 45819.3.3 案例2——綁定記錄集 45919.4 加密MySQL數據庫 46219.4.1 MySQL數據庫的安全問題 46219.4.2 案例3——為MySQL管理賬號加上密碼 46319.5 實戰演練——數據庫的備份與還原 46419.6 跟我練練手 46619.6.1 練習目標 46619.6.2 上機練習 46719.7 高手甜點 467第20章 開啟動態網頁制作之路——動態網站應用模塊開發 46920.1 網站模塊的概念 47020.2 網站模塊的使用 47020.2.1 程序源文件的復制 47020.2.2 新建站點 47020.3 常用動態網站模塊開發 47120.3.1 在線點播模塊開發 47120.3.2 網頁搜索模塊開發 47220.3.3 在線支付模塊開發 47420.3.4 在線客服模塊開發 47420.3.5 天氣預報模塊開發 475第21章 電子商務類網站開發實戰 47721.1 網站分析與準備工作 47821.1.1 設計分析 47821.1.2 網站流程 47821.1.3 數據庫分析 47821.1.4 制作程序基本數據表 48021.2 網站結構分析 48121.3 網站主頁面的制作 48221.3.1 管理站點 48221.3.2 網站廣告管理主頁面的制作 48221.4 網站二級頁面的制作 48421.4.1 企業新聞列表頁 48421.4.2 企業產品展示列表頁 48521.5 網站后臺分析與討論 48721.6 網站成品預覽 487