《網頁制作與網站建設實戰(zhàn)大全》看點: · 網站開發(fā)高手,10年經驗,毫無保留! · 提供12.6小時配套多媒體教學視頻輔助學習 · 全方位展現網站建設的完整過程和各種重要工具與技術 · 全面、深入講解了網站建設的整個生命周期,涵蓋網站的策劃、架構、設計、代碼編寫、測試、發(fā)布、維護、推廣及優(yōu)化等過程 · 全面涵蓋HTML、CSS、DIV、Dreamweaver、javascript、jQuery、HTML 5、CSS 3、Photoshop、Fireworks、Flash、PHP、MySQL與SEO等技術 · 實戰(zhàn)為王,重點介紹了220個實例、25個小案例和3個較高應用價值的綜合項目案例 · 提供教學PPT
丁士鋒,2001年畢業(yè)于國防科技大學計算機學院。從事Web開發(fā)及系統(tǒng)架構設計10余年。主要涉及Web相關軟件及分布式應用系統(tǒng)的開發(fā),并積累了深厚的Web應用軟件和Web前端開發(fā)經驗。目前主要從事JavaScript前端應用框架的開發(fā),具有企業(yè)網站、Web ERP和Office OA等大中型Web項目的開發(fā)和設計經驗。對C#與.NET技術有深入研究。熟悉SQL Server、Oracle與IBM DB2等大型數據庫系統(tǒng)的管理與開發(fā)。深入理解數據庫系統(tǒng)在企業(yè)信息化進程中的應用。多次主導與架構基于大型數據庫系統(tǒng)的集團式信息管理系統(tǒng)建設。多次參與數據庫平臺的搭建與各種核心數據庫程序代碼的實現。
第1篇 網站基礎
第1章 網站開發(fā)入門( 教學視頻:24分鐘)
1.1 Web網站入門
1.1.1 認識網頁與網站
1.1.2 網站的組成結構
1.1.3 常見的網站分類
1.1.4 如何設計吸引人的網站
1.1.5 網站開發(fā)的相關技術
1.1.6 創(chuàng)建一個簡單的網頁
1.2 網站開發(fā)工具
1.2.1 Dreamweaver設計工具
1.2.2 圖像處理工具Photoshop
1.2.3 網頁圖形工具Fireworks
1.2.4 網頁動畫設計工具Flash
1.3 網站建設的基本步驟
1.3.1 網站的定位
1.3.2 確定網站的結構
1.3.3 設計網站的主題風格
1.3.4 制作網頁
1.3.5 網站的測試
1.3.6 申請網站域名
1.3.7 購買網頁空間
1.3.8 使用FTP上傳網站
1.3.9 瀏覽并優(yōu)化網站
1.3.10 推廣自己的網站
1.4 小結
第2章 使用HTML語言編寫網頁( 教學視頻:40分鐘)
2.1 認識HTML語言
2.1.1 HTML是什么
2.1.2 HTML標簽、元素和屬性
2.1.3 HTML文件組成
2.2 HTML文檔頭標記
2.2.1 文檔類型聲明<!DOCTYPE>
2.2.2 文檔頭標簽
2.2.3 文檔基地址
2.2.4 文檔鏈接
2.2.5 網頁標題
2.2.6 元數據定義
2.3 基本的HTML標簽
2.3.1 主體標簽
2.3.2 設置頁面邊距
2.3.3 常用的標簽列表
2.3.4 標題標簽
至
2.3.5 換行標簽
2.3.6 段落標簽
2.3.7 水平分割線標簽
2.3.8 HTML的注釋
2.4 文字和鏈接
2.4.1 文本格式化標簽
2.4.2 文本引用與縮進
2.4.3 文本輸入字符
2.4.4 字體和顏色設置
2.4.5 超級鏈接標簽
2.4.6 相對路徑和絕對路徑
2.4.7 頁內跳轉超級鏈接
2.4.8 電子郵件鏈接mailto
2.5 圖片和列表
2.5.1 網頁圖像格式
2.5.2 圖像標簽
2.5.3 用圖像作為鏈接
2.5.4 有序列表(項目列表)
2.5.5 無序列表
2.5.6 嵌套列表
2.6 表格和框架
2.6.1 創(chuàng)建基本表格
2.6.2 表格的邊框和背景
2.6.3 合并表格單元格
2.6.4 表格的間距與邊距
2.6.5 框架結構標簽
2.6.6 框架集的屬性
2.6.7 框架的屬性
2.6.8 框架頁導航
2.6.9 使用標簽
2.7 表單
2.7.1 表單標簽
2.7.2 HTML表單控件
2.7.3 Input表單輸入控件
2.7.4 文本域和下拉列表控件
2.8 小結
第3章 CSS定義網頁樣式( 教學視頻:25分鐘)
3.1 CSS概述
3.1.1 CSS的作用
3.1.2 CSS樣式表的類型
3.1.3 CSS語句的語法
3.1.4 在Dreamweaver中創(chuàng)建CSS
3.2 CSS選擇器
3.2.1 標簽選擇器
3.2.2 類別選擇器
3.2.3 id選擇器
3.2.4 通配符選擇器
3.2.5 屬性選擇器
3.3 格式化文本
3.3.1 設置字體
3.3.2 文本的排版
3.3.3 表格和邊框
3.3.4 顏色與背景
3.4 列表樣式
3.4.1 在列表中應用CSS
3.4.2 更改列表類型
3.4.3 在列表中使用圖像
3.4.4 列表項的顯示位置
3.5 小結
第2篇 網頁設計與制作
第4章 如何設計吸引人的網站( 教學視頻:22分鐘)
4.1 理解色彩
4.1.1 什么是色彩
4.1.2 如何進行網頁配色
4.1.3 網頁的色調
4.1.4 網頁色彩設計規(guī)則
4.2 布局設計
4.2.1 布局的重要性
4.2.2 常見布局結構
4.2.3 布局的方法
4.2.4 網頁布局技術
4.3 圖片和多媒體的應用
4.3.1 圖片的作用
4.3.2 圖片與文字的布局
4.3.3 網站的Logo設計
4.3.4 網站的圖標和按鈕
4.3.5 添加多媒體動畫
4.4 小結
第5章 用Dreamweaver可視化設計頁面( 教學視頻:33分鐘)
5.1 Dreamweaver工作區(qū)
5.1.1 工作區(qū)布局簡介
5.1.2 使用文檔編輯器
5.1.3 使用屬性面板
5.1.4 Dreamweaver選項設置
5.2 添加文本和圖像
5.2.1 輸入文本
5.2.2 格式化文本
5.2.3 添加列表項
5.2.4 輸入特殊字符
5.2.5 插入本地圖像
5.2.6 設置圖像屬性
5.2.7 編輯圖像
5.2.8 插入圖像占位符
5.2.9 鼠標經過圖像
5.3 鏈接與導航
5.3.1 文字鏈接
5.3.2 頁面跳轉鏈接
5.3.3 創(chuàng)建Spry導航菜單欄
5.4 添加多媒體內容
5.4.1 插入Flash動畫
5.4.2 插入視頻
5.4.3 插入音樂
5.5 使用模板和資源
5.5.1 創(chuàng)建并使用模板
5.5.2 創(chuàng)建重復區(qū)域
5.5.3 創(chuàng)建可選區(qū)域
5.5.4 使用網頁資源
5.6 小結
第6章 創(chuàng)建和管理Web站點( 教學視頻:13分鐘)
6.1 定義Web站點
6.1.1 定義網站的邏輯結構
6.1.2 使用站點管理工具
6.1.3 創(chuàng)建遠程站點
6.2 管理站點文件
6.2.1 認識文件管理面板
6.2.2 使用展開文件面板
6.2.3 創(chuàng)建和管理文件和文件夾
6.3 測試與管理站點
6.3.1 創(chuàng)建測試服務器
6.3.2 使用版本控制
6.3.3 導入和導出站點設置
6.4 小結
第7章 使用DIV和CSS進行頁面布局( 教學視頻:32分鐘)
7.1 網頁布局方法
7.1.1 使用表格布局頁面
7.1.2 表格布局的缺點
7.1.3 使用DIV和CSS布局
7.2 CSS布局基礎
7.2.1 CSS的盒模型
7.2.2 CSS盒模型屬性
7.2.3 CSS中的浮動
7.2.4 浮動布局基礎
7.2.5 相對定位和絕對定位
7.2.6 圖文混排的方法
7.3 DIV和CSS常見布局結構
7.3.1 一列固定寬度居中
7.3.2 一列寬度自適應
7.3.3 二列固定寬度
7.3.4 二列自適應寬度
7.3.5 三行一列固定高度
7.4 小結
第8章 用JavaScript讓網頁動起來( 教學視頻:27分鐘)
8.1 JavaScript概述
8.1.1 什么是JavaScript
8.1.2 將JavaScript插入頁面
8.2 JavaScript語言基礎
8.2.1 變量和注釋
8.2.2 理解數據類型
8.2.3 表達式和運算符
8.2.4 程序流程控制
8.2.5 函數
8.2.6 對象和數組
8.3 用JavaScript操作HTML網頁
8.3.1 DOM對象簡介
8.3.2 使用window窗口對象
8.3.3 添加網頁定時器
8.3.4 窗口的打開和關閉
8.3.5 使用document文檔對象
8.3.6 更改頁面元素的屬性
8.4 小結
第9章 添加動態(tài)頁面特效( 教學視頻:29分鐘)
9.1 網頁行為和事件
9.1.1 網頁行為
9.1.2 網頁事件
9.1.3 使用擴展管理器管理行為
9.2 使用Dreamweaver內置行為
9.2.1 檢查插件行為
9.2.2 拖動AP層
9.2.3 轉到URL行為
9.2.4 打開瀏覽器窗口
9.2.5 彈出信息
9.2.6 顯示隱藏元素
9.2.7 交換圖像
9.2.8 檢查表單
9.2.9 預先載入圖像
9.2.10 跳轉菜單
9.2.11 調用JavaScript
9.2.12 改變屬性
9.3 使用JavaScript編寫特效
9.3.1 隨機問候信息
9.3.2 動態(tài)時鐘效果
9.3.3 創(chuàng)建滾動字幕
9.3.4 左右晃動的圖像
9.3.5 單擊按鈕打開全屏窗口
9.4 小結
第10章 用jQuery操縱網頁( 教學視頻:38分鐘)
10.1 認識jQuery
10.1.1 jQuery的作用
10.1.2 下載和安裝JQuery
10.1.3 第一個jQuery頁面
10.2 使用jQuery對象
10.2.1 訪問jQuery對象
10.2.2 訪問DOM對象屬性
10.2.3 jQuery基本語法
10.3 使用jQuery的選擇器
10.3.1 基本選擇器
10.3.2 層次選擇器
10.3.3 過濾選擇器
10.3.4 表單選擇器
10.4 操作網頁文檔
10.4.1 修改元素屬性
10.4.2 設置元素內容
10.4.3 動態(tài)創(chuàng)建內容
10.4.4 動態(tài)插入節(jié)點
10.4.5 動態(tài)刪除節(jié)點
10.4.6 復制節(jié)點
10.4.7 替換與包裹節(jié)點
10.5 操作DOM事件
10.5.1 頁面加載事件
10.5.2 綁定事件
10.5.3 移除事件綁定
10.5.4 切換事件
10.6 設計動畫特效
10.6.1 基本動畫
10.6.2 滑動動畫
10.6.3 淡入淡出
10.7 小結
第11章 用HTML 5開發(fā)網頁( 教學視頻:33分鐘)
11.1 HTML 5入門
11.1.1 什么是HTML 5
11.1.2 HTML 5的特性
11.1.3 HTML 5與HTML 4的區(qū)別
11.1.4 在Dreamweaver中創(chuàng)建HTML 5網頁
11.2 HTML 5元素介紹
11.2.1 DOCTYPE和字符集
11.2.2 新增與移除的標簽
11.2.3 語義性元素
11.2.4 結構化語義元素
11.2.5 語義性塊元素
11.2.6 語義性內聯元素
11.2.7 全局屬性
11.2.8 交互性頁面元素
11.3 HTML 5 Canvas畫布
11.3.1 畫布的基礎知識
11.3.2 canvas對象入門
11.3.3 繪制矩形
11.3.4 繪制圓形
11.3.5 繪制線條
11.3.6 繪制文本
11.3.7 繪制圖像
11.4 小結
第12章 HTML 5多媒體應用( 教學視頻:32分鐘)
12.1 圖像處理高級應用
12.1.1 使用繪圖樣式
12.1.2 線性漸變填充
12.1.3 放射性漸變填充
12.1.4 圖案填充
12.1.5 圖像的移動、旋轉和縮放
12.1.6 使用陰影效果
12.2 播放音頻
12.2.1 理解音頻格式
12.2.2 轉換音頻文件
12.2.3 使用audio元素
12.2.4 控制音樂播放
12.2.5 自定義播放器外觀
12.3 播放視頻
12.3.1 理解視頻格式
12.3.2 使用video元素
12.3.3 在畫布上播放視頻
12.4 小結
第13章 用Photoshop設計網頁圖像( 教學視頻:36分鐘)
13.1 Photoshop基礎
13.1.1 圖像的分類
13.1.2 Photoshop的工作區(qū)界面
13.1.3 創(chuàng)建和打開圖像文件
13.2 圖像的基本操作
13.2.1 選擇圖像
13.2.2 調整大小
13.2.3 旋轉和變換
13.2.4 裁切
13.2.5 剪切、復制和粘貼
13.2.6 畫筆描邊
13.2.7 圖像填充
13.3 使用圖層
13.3.1 什么是圖層
13.3.2 創(chuàng)建圖層
13.3.3 修改圖層
13.3.4 圖層鎖定
13.3.5 圖層蒙版
13.3.6 圖層樣式
13.4 顏色與通道
13.4.1 調整圖像色彩
13.4.2 轉換圖像模式
13.4.3 什么是通道
13.4.4 創(chuàng)建和編輯通道
13.5 文本和濾鏡
13.5.1 添加文本
13.5.2 文本特效
13.5.3 濾鏡的作用
13.5.4 使用濾鏡
13.6 小結
第14章 使用Fireworks優(yōu)化圖片輸出( 教學視頻:36分鐘)
14.1 Fireworks基礎
14.1.1 認識Fireworks主界面
14.1.2 打開和創(chuàng)建圖像文件
14.1.3 使用繪圖工作區(qū)
14.2 Fireworks繪圖
14.2.1 選擇圖像
14.2.2 位圖工具
14.2.3 位圖效果
14.2.4 矢量圖工具
14.2.5 矢量圖效果
14.2.6 添加文字
14.3 應用特效
14.3.1 使用圖層
14.3.2 創(chuàng)建蒙版
14.3.3 使用樣式
14.3.4 應用濾鏡
14.4 網頁圖像優(yōu)化
14.4.1 使用切片工具
14.4.2 創(chuàng)建交互式按鈕
14.4.3 創(chuàng)建交互式菜單
14.4.4 優(yōu)化圖像輸出
14.5 小結
第15章 使用Flash設計網頁動畫( 教學視頻:37分鐘)
15.1 Flash簡介
15.1.1 認識Flash主界面
15.1.2 創(chuàng)建第一個Flash動畫
15.1.3 使用ActionScript控制動畫播放
15.2 設計動畫圖形
15.2.1 在Flash中繪制圖形
15.2.2 使用繪圖工具
15.2.3 創(chuàng)建文本對象
15.2.4 對象的操作
15.3 創(chuàng)建Flash動畫
15.3.1 Flash動畫的種類
15.3.2 使用時間軸和幀
15.3.3 元件、實例和庫
15.3.4 逐幀動畫
15.3.5 補間動畫
15.3.6 圖層遮罩動畫
15.3.7 沿路徑運動的動畫
15.4 小結
第3篇 動態(tài)網站開發(fā)
第16章 使用PHP開發(fā)動態(tài)網站( 教學視頻:48分鐘)
16.1 動態(tài)網站基礎
16.1.1 什么是動態(tài)網站
16.1.2 PHP語言簡介
16.1.3 安裝PHP環(huán)境
16.1.4 一個簡單的PHP示例
16.2 PHP語言入門
16.2.1 PHP標記
16.2.2 變量和類型
16.2.3 常量
16.2.4 運算符和表達式
16.2.5 算術運算符
16.2.6 賦值運算符
16.2.7 比較運算符
16.2.8 邏輯運算符
16.2.9 字符串運算符
16.2.10 遞增/遞減運算符
16.2.11 運算符的優(yōu)先級
16.3 流程控制語句
16.3.1 使用if條件判斷語句
16.3.2 使用switch語句
16.3.3 使用while循環(huán)語句
16.3.4 for和 foreach循環(huán)
16.3.5 使用break和continue
16.4 函數和數組
16.4.1 定義和使用函數
16.4.2 函數的參數
16.4.3 函數的返回值
16.4.4 字符串函數
16.4.5 日期時間函數
16.4.6 創(chuàng)建和使用數組
16.5 小結
第17章 操縱MySQL數據庫( 教學視頻:36分鐘)
17.1 MySQL數據庫基礎
17.1.1 數據庫基礎知識
17.1.2 MySQL簡介
17.1.3 MySQL的命令操作
17.1.4 使用phpMyAdmin管理MySQL數據庫
17.2 MySQL數據庫操作
17.2.1 更改用戶密碼
17.2.2 創(chuàng)建新用戶
17.2.3 創(chuàng)建數據庫
17.2.4 管理數據庫
17.2.5 刪除數據庫
17.3 定義數據表
17.3.1 SQL語言簡介
17.3.2 設計數據表
17.3.3 創(chuàng)建數據表
17.3.4 CREATE TABLE語句
17.3.5 修改數據表
17.3.6 刪除數據表
17.4 記錄的增、刪、改
17.4.1 插入數據
17.4.2 修改數據
17.4.3 刪除數據
17.5 查詢數據表
17.5.1 SELECT語句
17.5.2 DISTINCT抑制重復行
17.5.3 WHERE條件查詢
17.5.4 ORDER BY查詢排序
17.5.5 GROUP BY分組查詢
17.6 小結
第18章 用Dreamweaver創(chuàng)建 PHP&MySQL動態(tài)網站( 教學視頻:33分鐘)
18.1 Dreamweaver與PHP的整合
18.1.1 在Dreamweaver中開發(fā)PHP網站
18.1.2 連接MySQL數據庫
18.1.3 Dreamweaver動態(tài)網站開發(fā)流程
18.2 創(chuàng)建圖書管理動態(tài)網站
18.2.1 網站結構設計
18.2.2 創(chuàng)建圖書列表記錄集
18.2.3 顯示圖書列表
18.2.4 顯示圖書借閱詳細信息
18.2.5 添加圖書
18.2.6 修改圖書
18.2.7 刪除圖書
18.3 用PHP操縱MySQL
18.3.1 連接數據庫
18.3.2 選擇要使用的數據庫
18.3.3 執(zhí)行SQL語句
18.4 小結
第4篇 網站維護與優(yōu)化
第19章 網站的測試與發(fā)布( 教學視頻:19分鐘)
19.1 站點的測試
19.1.1 功能測試
19.1.2 性能測試
19.1.3 用戶界面測試
19.1.4 兼容性測試
19.1.5 安全性測試
19.2 網站的發(fā)布
19.2.1 網站空間
19.2.2 申請域名
19.2.3 發(fā)布網站
19.2.4 使用CuteFTP上傳網站
19.2.5 使用FileZilla上傳網站
19.3 小結
第20章 網站的日常維護( 教學視頻:23分鐘)
20.1 理解網站維護
20.1.1 網站維護的內容
20.1.2 網站維護的作用
20.1.3 網站維護的方法
20.2 網頁內容管理
20.2.1 靜態(tài)網站的更新
20.2.2 動態(tài)網站的更新
20.3 PHP頁面安全性管理
20.3.1 預防SQL注入
20.3.2 會話數據的安全管理
20.3.3 常見Web安全預防
20.4 MySQL數據庫維護
20.4.1 檢查數據表
20.4.2 備份數據庫
20.4.3 恢復數據庫
20.5 小結
第21章 網站的推廣與優(yōu)化( 教學視頻:25分鐘)
21.1 使用網站推廣
21.1.1 網站推廣的目的
21.1.2 網站推廣的特點
21.1.3 網站推廣的方式
21.2 認識搜索引擎優(yōu)化SEO
21.2.1 什么是搜索引擎
21.2.2 理解搜索引擎優(yōu)化SEO
21.2.3 網站對SEO的影響
21.2.4 理解搜索引擎關鍵字
21.3 搜索引擎友好的網頁設計
21.3.1 標題和元數據
21.3.2 Url結構優(yōu)化
21.3.3 避免使用頁框架
21.3.4 網站導航的SEO優(yōu)化
21.3.5 圖像和Flash優(yōu)化
21.3.6 壓縮網頁尺寸
21.4 小結
第5篇 綜合案例
第22章 設計制作企業(yè)門戶網站( 教學視頻:35分鐘)
22.1 網站前期策劃
22.1.1 網站設計需求
22.1.2 定義網站結構
22.1.3 網站風格定位
22.1.4 網站預覽
22.1.5 在Dreamweaver中創(chuàng)建網站
22.2 設計網站首頁
22.2.1 網站布局結構
22.2.2 使用CSS控制布局顯示
22.2.3 CSS+DIV導航結構
22.2.4 首頁布局的實現
22.2.5 首頁內容的實現
22.3 設計解決方案頁
22.3.1 頁面布局
22.3.2 CSS控制布局顯示
22.4 設計“聯系我們”頁
22.4.1 頁面布局
22.4.2 創(chuàng)建表單
22.4.3 表單樣式
22.5 小結
第23章 基于PHP+MySQL的內容管理網站( 教學視頻:49分鐘)
23.1 網站前期策劃
23.1.1 內容管理系統(tǒng)的作用
23.1.2 網站功能架構
23.2 定義與訪問數據庫
23.2.1 網站數據庫設計
23.2.2 網站數據庫安裝
23.2.3 定義數據庫訪問類
23.2.4 連接和關閉數據庫
23.2.5 查詢數據庫數據
23.2.6 插入、更新和刪除數據庫數據
23.2.7 網站配置文件config.inc.php
23.3 網站前臺實現
23.3.1 頁眉和頁腳的實現
23.3.2 網站首頁實現
23.3.3 文章列表實現
23.3.4 文章內容頁實現
23.3.5 顯示靜態(tài)頁面內容
23.3.6 留言頁面的實現
23.4 后臺管理功能實現
23.4.1 用戶登錄界面
23.4.2 管理首頁實現
23.4.3 欄目管理
23.4.4 文章管理
23.4.5 添加和修改文章
23.4.6 頁面管理
23.5 小結
第24章 基于HTML 5+CSS 3企業(yè)網站開發(fā)( 教學視頻:28分鐘)
24.1 網站前期策劃
24.1.1 理解HTML 5的語義性元素
24.1.2 CSS 3的新增特性
24.1.3 房產租售網站結構
24.1.4 網站頁面預覽
24.2 設計網站首頁
24.2.1 首頁的布局
24.2.2 導航欄的設計
24.2.3 宣傳廣告欄
24.2.4 CSS布局設計
24.3 設計網站內容頁
24.3.1 出售房源頁面
24.3.2 購買房源頁面
24.3.3 出租房源頁面
24.3.4 房產過戶頁面
24.3.5 “聯系我們”頁面
24.4 小結