《web前端概述》PPT課件

《《web前端概述》PPT課件》由會(huì)員分享，可在線閱讀，更多相關(guān)《《web前端概述》PPT課件（46頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 1Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 2Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 考 核 方 式 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 3Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 延 續(xù) 教 學(xué) 安 排l答 疑 和 課 外 輔 導(dǎo) （ 即 延 續(xù) 教 學(xué) 安 排 ）n面 對(duì) 面 答 疑 17學(xué) 時(shí) ： 雙 周 的 周 五 3-4節(jié) 課 ， 工 2的 4層 計(jì)算 機(jī) 系 機(jī) 房n課 后 答 疑 17學(xué) 時(shí) ： 有 問(wèn) 題 請(qǐng)

2、及 時(shí) 在 BB平 臺(tái) 論 壇 區(qū) 發(fā) 帖 ，因 為 我 每 天 會(huì) 瀏 覽 多 次 ， 肯 定 及 時(shí) 回 帖 。 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 4Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 課 程 資 源 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 5Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 1.1 Web概 述lWeb的 起 源 可 以 追 溯 到 1980年 Tim Berners-Lee構(gòu) 建 的ENQUIRE項(xiàng) 目 （ 詳 細(xì) 參 見 教 材 第 2-3頁(yè) ） 。英 國(guó) 計(jì) 算 機(jī) 科 學(xué) 家萬(wàn) 維 網(wǎng) 的 發(fā) 明 者 1

3、994年 10月 非 贏 利 性 的 萬(wàn) 維 網(wǎng) 聯(lián) 盟 W3C（ World Wide Web Consortium） 在 麻省 理 工 學(xué) 院 計(jì) 算 機(jī) 科 學(xué) 實(shí) 驗(yàn) 室 成 立 。負(fù) 責(zé) WWW技 術(shù) 標(biāo) 準(zhǔn) 化 的 協(xié) 議 制 定 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 6Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 Web歷 史 大 事 記 錄Web 1.0 紀(jì) 元 （ 1994-2001） Web 2.0 紀(jì)元HTML5 紀(jì) 元 （ 2009-?） 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 7Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版

4、 社 Web1.0紀(jì) 元n 關(guān) 鍵 詞 ： 網(wǎng) 頁(yè) 制 作 、 三 劍 客 、 特 效 300例n 職 業(yè) 名 稱 ： 網(wǎng) 頁(yè) 設(shè) 計(jì) 師 、 頁(yè) 面 仔 、 搞 前 臺(tái) 的 、 網(wǎng) 頁(yè) 編 輯n 主 要 技 術(shù) ： HTML、 CSS、 Dreamweaver、 Fireworks、 Flashn 市 場(chǎng) 需 求 ： 門 戶 網(wǎng) 站 、 企 業(yè) 網(wǎng) 站 、 個(gè) 人 網(wǎng) 站 網(wǎng) 頁(yè) 作 圖 軟 件 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 8Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 Web1.0紀(jì) 元 ： 前 端 與 后 端 比 較 n 前 端 與 后 端 人 員 配

5、 比 是 1:6左 右 ， 薪 水 比 是 1:2 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 9Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 Web1.0紀(jì) 元 ： 前 端 的 領(lǐng) 域 （ 2003） FF瀏 覽 器 ： 即 Firefox 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 10Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 Web2.0紀(jì) 元n 關(guān) 鍵 詞 ： JavaScript、 Ajax、 Div+Css、 Web標(biāo) 準(zhǔn)n 職 業(yè) 名 稱 ： 網(wǎng) 頁(yè) 制 作 工 程 師 、 前 端 開 發(fā) 工 程 師n 主 要 技 術(shù) ： HTML、

6、CSS、 JavaScriptn 市 場(chǎng) 需 求 ： 互 聯(lián) 網(wǎng) 公 司 、 IT軟 件 公 司 等 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 11Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 Web2.0紀(jì) 元 ： 前 端 與 后 端 比 較 n 前 端 與 后 端 人 員 配 比 是 1:3左 右 ， 薪 水 比 是 3:4 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 12Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 Web2.0紀(jì) 元 ： 前 端 的 領(lǐng) 域 （ 2009）2007年 ， WebKit開 源 項(xiàng) 目 催 生 了 面 向 移 動(dòng) 設(shè)

7、 備 的 現(xiàn) 代 Web 應(yīng) 用 程 序 ， 蘋 果 的 Safari、 谷 歌 的 Chrome瀏 覽 器 都 是 基 于 這 個(gè) 框 架 來(lái)開 發(fā) 。 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 13Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 HTML5 紀(jì) 元n 關(guān) 鍵 詞 ： JavaScript、 Ajax、 Web標(biāo) 準(zhǔn) 、 HTML5、 CSS3、 移 動(dòng) Web、多 終 端 適 配n 職 業(yè) 名 稱 ： 前 端 開 發(fā) 工 程 師 、 全 棧 工 程 師n 主 要 技 術(shù) ： HTML、 CSS、 JavaScript、 服 務(wù) 端 腳 本n 市 場(chǎng) 需

8、求 ： 互 聯(lián) 網(wǎng) 公 司 、 IT軟 件 公 司 、 電 商 、 金 融 、 智 能 硬 件 全 棧 工 程 師 ， 也 叫 全 端 工 程師 ， 英 文 Full Stack developer。 是 指 掌 握 多 種技 能 ， 并 能 利 用 多 種 技 能 獨(dú)立 完 成 產(chǎn) 品 的 人 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 14Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 HTML5 紀(jì) 元 ： 前 端 與 后 端 比 較 n 前 端 與 后 端 人 員 配 比 是 2:3左 右 ， 薪 水 比 略 大 于 1:1 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜

9、 述 Page: 15Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 HTML5 紀(jì) 元 ： 前 端 的 領(lǐng) 域 （ 2014） 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 16Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 前 端 行 業(yè) 未 來(lái) 發(fā) 展n 云 服 務(wù)n 微 信 平 臺(tái)n 智 能 硬 件n 移 動(dòng) HTML5n HTML5游 戲 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 17Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 關(guān) 于 前 端 技 術(shù)n 作 為 計(jì) 算 機(jī) /軟 件 程 專 業(yè) 的 一 個(gè) 方 向n 教 學(xué) 目 標(biāo) ： 培 養(yǎng)

10、 專 業(yè) 的 前 端 開 發(fā) 工 程 師n 必 修 技 能 ： HTML、 CSS、 JavaScriptn 擴(kuò) 展 技 能 ： HTTP協(xié) 議 前 端 性 能 優(yōu) 化 網(wǎng) 絡(luò) 安 全 與 攻 擊 防 范 服 務(wù) 端 開 發(fā) （ 基 于 Node.js）Web網(wǎng) 頁(yè) 設(shè) 計(jì) 的 “ 三 劍 客 ” 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 18Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 前 端 技 術(shù) 的 參 考 書非 常 經(jīng) 典 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 19Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社第 1講 Web前 端 開

11、發(fā) 概 述 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 20Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 本 講 學(xué) 習(xí) 目 標(biāo)Web前 端 開 發(fā) 工 程 師 應(yīng) 掌 握 以 下 內(nèi) 容 ：l了 解 Web發(fā) 展 史 ； l了 解 Web前 端 開 發(fā) 工 程 師 職 業(yè) 需 求l掌 握 Web網(wǎng) 站 相 關(guān) 的 基 本 概 念 ；l理 解 Web前 端 開 發(fā) 技 術(shù) 及 其 在 Web網(wǎng) 頁(yè) 中 的 作 用 ；l了 解 常 用 的 Web前 端 開 發(fā) 工 具 、 瀏 覽 器 工 具 ， 并 學(xué) 會(huì) 使 用。 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page:

12、 21Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 1.1 Web概 述Web特 點(diǎn) ： （ 詳 細(xì) 參 見 教 材 第 3-4頁(yè) ）1.Web是 易 導(dǎo) 航 和 圖 形 化 2.Web是 具 有 平 臺(tái) 無(wú) 關(guān) 性3.Web是 支 持 分 布 式 結(jié) 構(gòu)4.Web是 具 有 動(dòng) 態(tài) 性5.Web是 具 有 交 互 性 移 動(dòng) 應(yīng) 用 開 發(fā) 優(yōu) 勢(shì) 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 22Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 Web工 作 原 理 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 23Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出

13、版 社 Web前 端 開 發(fā) 的 三 層 結(jié) 構(gòu)Web網(wǎng) 頁(yè) 設(shè) 計(jì) 的 “ 三 劍 客 ” 。1. HTML是 網(wǎng) 頁(yè) 信 息 結(jié) 構(gòu) 基 礎(chǔ) ；2. CSS是 網(wǎng) 頁(yè) 表 現(xiàn) 技 術(shù) ， 對(duì) 網(wǎng) 頁(yè) 布 局 、字 體 、 顏 色 、 背 景 和 其 它 效 果 實(shí) 施更 加 精 確 的 控 制 ；3. JavaScrpt和 HTMLDOM是 網(wǎng) 頁(yè) 行 為 ，實(shí) 現(xiàn) 網(wǎng) 頁(yè) 的 動(dòng) 態(tài) 、 交 互 功 能 。 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 24Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 HTMLHyper Text Markup Language（ 超

14、文 本 標(biāo) 記 語(yǔ) 言 ）用 來(lái) 描 述 頁(yè) 面 的 內(nèi) 容 和 結(jié) 構(gòu) HTML是 構(gòu) 成 Web頁(yè) 面 (Page)的 基 礎(chǔ) 。 最 新 版 本 是 HTML5。 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 25Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 HTML超 文 本 標(biāo) 記 語(yǔ) 言 的 發(fā) 展 歷 史 HTML5終 于 修 成 正 果 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 26Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 Web網(wǎng) 頁(yè) 設(shè) 計(jì) 相 關(guān) 概 念l統(tǒng) 一 資 源 定 位 符 統(tǒng) 一 資 源 定 位 符 （ Uniform

15、 Resource Locator， URL） 也 被稱 為 網(wǎng) 頁(yè) 地 址 ， 如 同 在 網(wǎng) 絡(luò) 上 的門 牌 ， 是 因 特 網(wǎng) 上 標(biāo) 準(zhǔn) 的 資 源 的地 址 （ Address)。 協(xié) 議 類 型 :/服 務(wù) 器 地 址 （ 端 口號(hào) ） /路 徑 /文 件 名 http:/info.cern.ch/www20/0002 http:/ 序 號(hào) 服 務(wù) （ 協(xié) 議 ） 類型 含 義1 http 超 文 本 傳 輸 協(xié) 議 資 源2 https 用 加 密 傳 送 的 超 文 本 傳輸 協(xié) 議 3 ftp 文 件 傳 輸 協(xié) 議4 mailto 電 子 郵 件 地 址5 ldap 輕

16、型 目 錄 訪 問(wèn) 協(xié) 議 搜 索6 news Usenet新 聞 組7 file 本 地 電 腦 或 網(wǎng) 上 分 享 的文 件 8 gopher G opher協(xié) 議 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 27Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 Web網(wǎng) 頁(yè) 設(shè) 計(jì) 相 關(guān) 概 念 （ 續(xù) ）l網(wǎng) 站 ： 在 因 特 網(wǎng) 上 ， 根 據(jù) 一 定 的 規(guī) 則 ， 使 用 HTML等 工 具 制作 的 用 于 展 示 特 定 內(nèi) 容 的 相 關(guān) 網(wǎng) 頁(yè) 的 集 合 。l網(wǎng) 頁(yè) ： 構(gòu) 成 網(wǎng) 站 的 基 本 元 素 。l首 頁(yè) ： 也 稱 主 頁(yè) 。 即 一

17、個(gè) 網(wǎng) 站 的 入 口 網(wǎng) 頁(yè) 。l超 鏈 接 超 鏈 接 （ Hyper Link） 是 指 從 一 個(gè) 網(wǎng) 頁(yè) 指 向 另 一 個(gè) 目 標(biāo) 的 連 接 關(guān)系 ， 這 個(gè) 目 標(biāo) 可 以 是 另 一 個(gè) 網(wǎng) 頁(yè) ， 也 可 以 是 相 同 網(wǎng) 頁(yè) 上 的 不 同 位 置 ， 還可 以 是 一 個(gè) 圖 片 、 一 個(gè) 電 子 郵 件 地 址 、 一 個(gè) 文 件 ， 甚 至 是 一 個(gè) 應(yīng) 用 程 序。 超 鏈 接 在 本 質(zhì) 上 屬 于 一 個(gè) 網(wǎng) 頁(yè) 的 一 部 分 ， 它 是 一 種 允 許 我 們 同 其 他 網(wǎng) 頁(yè) 或 站 點(diǎn) 之 間 進(jìn) 行 連 接 的 元 素 。 例 如 ： 百 科

18、 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 28Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 一 個(gè) 簡(jiǎn) 單 的 HTML頁(yè) 面 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 29Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 l在 文 本 編 輯 器 (例 如 ： Sublime Text3)中 編 寫 .l保 存 為 .html結(jié) 尾 的 文 件l在 瀏 覽 器 （ 例 如 ： Goole Chrome） 中 打 開 查 看 效 果如 何 編 寫 HTML頁(yè) 面 ？htm、 html都 是 靜 態(tài) 網(wǎng) 頁(yè) 的 后 綴 名 。二 者 沒(méi) 有 區(qū) 別 。

19、第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 30Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 HTML標(biāo) 簽Hello World!開 始 標(biāo) 簽 結(jié) 束 標(biāo) 簽lHTML 標(biāo) 簽 是 由 尖 括 號(hào) 包 圍 的 關(guān) 鍵 詞 ， 比 如 lHTML 標(biāo) 簽 通 常 是 成 對(duì) 出 現(xiàn) 的 ， 比 如 和 l開 始 和 結(jié) 束 標(biāo) 簽 也 被 稱 為 開 放 標(biāo) 簽 和 閉 合 標(biāo) 簽 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 31Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 標(biāo) 簽 嵌 套標(biāo) 題介 紹 文 字l使 用 -標(biāo) 簽 定 義 標(biāo) 題 , 定

20、義 一 級(jí) 標(biāo) 題 ， 定 義 二 級(jí) 標(biāo)題 ， 以 此 類 推 。 標(biāo) 題 體 現(xiàn) 了 網(wǎng) 頁(yè) 的 文 檔 結(jié) 構(gòu) 。 l使 用 標(biāo) 簽 定 義 一 個(gè) 段 落 。l 是 一 個(gè) 塊 級(jí) 元 素 。 這 意 味 著 它 的 內(nèi) 容 自 動(dòng) 地 開 始 一 個(gè) 新 行 。 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 32Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 頁(yè) 面 編 碼 META標(biāo) 簽 是 HTML標(biāo) 記 HEAD區(qū) 的 一 個(gè) 關(guān) 鍵 標(biāo) 簽 ， 它 位 于 HTML文 檔 的和 之 間 （ 有 些 也 不 是 在 和 之 間 ） 。 它 提 供的 信 息 雖

21、然 用 戶 不 可 見 ， 但 卻 是 文 檔 的 最 基 本 的 元 信 息 。 除 了 提 供 文 檔 字 符 集 、 使 用 語(yǔ) 言 、 作 者 等 基 本 信 息 外 ， 還 涉及 對(duì) 關(guān) 鍵 詞 和 網(wǎng) 頁(yè) 等 級(jí) 的 設(shè) 定 。 如 果 是 UTF8編 碼 ， 則 在 外 國(guó) 人 的 英 文 IE上 也 能 顯 示 中 文 ， 他 們 無(wú) 需下 載 IE的 中 文 語(yǔ) 言 支 持 包 。 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 33Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 屬 性 點(diǎn) 擊 這 里屬 性 屬 性 值定 義 超 鏈 接 href=鏈 接 目

22、標(biāo) 的 URL(即 web頁(yè) 的 地 址 )title=錨 文 字target=_blank 轉(zhuǎn) 到 空 白 頁(yè) 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 34Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 HTML注 釋 xxxxxx代表你要寫的注釋內(nèi)容，注釋不會(huì)在瀏覽器中顯示。/和 /* */在 html里 也 是 常 用 的 注 釋 ， 但 只 能 用 在js和 CSS語(yǔ) 言 ,不 對(duì) HTML語(yǔ) 言 起 作 用 ！ 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 35Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 l結(jié) 構(gòu) , , , , , 等l媒

23、體 , , 等HTML 5 新 標(biāo) 簽 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 36Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 l表 單 類 型email, range, url, date, time, datetime, number, search等l驗(yàn) 證required, patternl其 它placeholderHTML 5 新 增 表 單 屬 性 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 37Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 l不 同 的 瀏 覽 器 對(duì) 于 HTML標(biāo) 準(zhǔn) 支 持 程 度 不 同l查 看 瀏 覽 器

24、支 持 情 況 可 以 訪 問(wèn) 如 下 網(wǎng) 址 ： http:/瀏 覽 器 兼 容 性 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 38Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 l清 楚 了 解 每 一 個(gè) 標(biāo) 簽 和 屬 性 的 語(yǔ) 義lHTML中 只 描 述 內(nèi) 容 和 結(jié) 構(gòu) ， 樣 式 留 給 CSSl手 寫 HTML， 避 免 使 用 生 成 工 具l推 薦 2個(gè) HTML學(xué) 習(xí) 的 參 考 網(wǎng) 址 ： HTML: The Living Standard HTML Tutorials如 何 學(xué) 習(xí) HTML？ 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 P

25、age: 39Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 CSSl層 疊 樣 式 表 CSS（ Cascading Style Sheet） 級(jí) 聯(lián) 樣 式 表 1.CSS作 用 可 以 有 效 地 對(duì) 頁(yè) 面 的 布 局 、 字 體 、 顏 色 、 背 景 和 其 它 效果 實(shí) 現(xiàn) 更 加 精 確 的 控 制 。 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 40Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 CSS（ 續(xù) ） 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 41Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 JavaScript Java

26、Script的 出 現(xiàn) 使 得 網(wǎng) 頁(yè) 和 用 戶 之 間 實(shí) 現(xiàn) 了 一 種 實(shí) 時(shí) 性 的 、 動(dòng) 態(tài)的 、 交 互 性 的 關(guān) 系 ， 使 網(wǎng) 頁(yè) 包 含 更 多 活 躍 元 素 和 更 加 精 彩 的 內(nèi) 容 。 1.JavaScript由 來(lái) JavaScript最 初 由 網(wǎng) 景 公 司 （ Netscape） 的 Brendan Eich設(shè) 計(jì) ，是 一 種 由 Netscape的 LiveScript發(fā) 展 而 來(lái) 的 客 戶 端 腳 本 語(yǔ) 言 ， 主 要 目 的是 為 了 解 決 服 務(wù) 器 端 語(yǔ) 言 ， 提 供 數(shù) 據(jù) 驗(yàn) 證 的 基 本 功 能 。 2.JavaScr

27、ipt組 成 一 個(gè) 完 整 的 JavaScript實(shí) 現(xiàn) 是 由 以 下 3個(gè) 不 同 部 分 組 成的 ：l核 心 （ ECMAScript） l文 檔 對(duì) 象 模 型 （ DOM） l瀏 覽 器 對(duì) 象 模 型 （ BOM） 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 42Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 JavaScript案 例 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 43Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 HTML DOMlHTML DOM是 Document Object Model文 檔 對(duì) 象 模 型lDOM

28、結(jié) 構(gòu) ： 以 層 次 結(jié) 構(gòu) 組 織 節(jié) 點(diǎn) 或 信 息 片 段 （ 教 材 第 13頁(yè)的 例 1-3-3的 網(wǎng) 頁(yè) 就 展 示 了 這 樣 的 一 個(gè) 目 錄 樹 型 結(jié) 構(gòu) ） 。 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 44Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 AJAX AJAX即 “ Asynchronous Javascript + XML”（ 異 步 JavaScript和 XML） ， 是 指 一 種 創(chuàng) 建 交 互 式 網(wǎng) 頁(yè) 應(yīng) 用 的 網(wǎng) 頁(yè) 開 發(fā) 技 術(shù) 。 傳 統(tǒng) 的 網(wǎng) 頁(yè) （ 不 使 用 AJAX） 如 果 需 要 更 新 內(nèi) 容

29、 ， 必 須 重 載 整 個(gè) 網(wǎng)頁(yè) 面 。 AJAX 是 一 種 用 于 創(chuàng) 建 快 速 動(dòng) 態(tài) 網(wǎng) 頁(yè) 的 技 術(shù) 。 通 過(guò) 在 后 臺(tái) 與 服 務(wù)器 進(jìn) 行 少 量 數(shù) 據(jù) 交 換 ， AJAX 可 以 使 網(wǎng) 頁(yè) 實(shí) 現(xiàn) 異 步 更 新 。 這 意 味 著 可 以在 不 重 新 加 載 整 個(gè) 網(wǎng) 頁(yè) 的 情 況 下 ， 對(duì) 網(wǎng) 頁(yè) 的 某 部 分 進(jìn) 行 更 新 。 有 很 多 使 用 AJAX 的 應(yīng) 用 程 序 案 例 ： 新 浪 微 博 Google地 圖 、 開 心網(wǎng) 等 等 。 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 45Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 1.6 綜 合 案 例 第 1章 Web前 端 開 發(fā) 技 術(shù) 綜 述 Page: 46Web前端開發(fā) 技術(shù) 清 華 大 學(xué) 出 版 社 1.6 綜 合 案 例 （ 續(xù) ）