華工《網(wǎng)頁設(shè)計(jì)》總復(fù)習(xí).pptx

《華工《網(wǎng)頁設(shè)計(jì)》總復(fù)習(xí).pptx》由會(huì)員分享，可在線閱讀，更多相關(guān)《華工《網(wǎng)頁設(shè)計(jì)》總復(fù)習(xí).pptx（46頁珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、1 一 、 網(wǎng) 頁 制 作 基 本 概 念 和 HTML語 言1 .網(wǎng) 頁 組 成 元 素 文 本 圖 像 和 動(dòng) 畫 聲 音 和 視 頻 超 級(jí) 鏈 接 表 格 表 單 導(dǎo) 航 欄 2 2 .網(wǎng) 頁 的 分 類 與 區(qū) 別 網(wǎng) 頁 都 是 由 一 些 文 本 文 件 組 成 的 ， 用 一 種 叫“ HTML ”（ 超 文 本 標(biāo) 記 語 言 ） 的 語 言 編 寫 的 。這 些 文 本 文 件 的 擴(kuò) 展 名 為 “ htm” 或 “ html” 網(wǎng) 頁 一 般 分 兩 類 ： 靜 態(tài) 網(wǎng) 頁 和 動(dòng) 態(tài) 網(wǎng) 頁 。 二 者 的 區(qū) 別 不 是 指 網(wǎng) 頁 是 否 有 動(dòng) 感 效 果 ；

2、而 是在 于 網(wǎng) 頁 是 否 有 應(yīng) 用 程 序 解 釋 和 后 臺(tái) 數(shù) 據(jù) 庫 支持 。 使 用 了 應(yīng) 用 程 序 服 務(wù) 器 和 后 臺(tái) 數(shù) 據(jù) 庫 的 網(wǎng) 頁 稱為 動(dòng) 態(tài) 網(wǎng) 頁 ； 反 之 稱 為 靜 態(tài) 網(wǎng) 頁 3 3 .網(wǎng) 站 網(wǎng) 站 是 由 許 多 相 關(guān) 網(wǎng) 頁 有 機(jī) 結(jié) 合 而 構(gòu) 成 的一 個(gè) 信 息 服 務(wù) 中 心 。 網(wǎng) 站 通 過 超 鏈 接 與 其 他 各 頁 面 相 連 的 頁 面 ，稱 為 主 頁 ， 主 頁 是 整 個(gè) 網(wǎng) 站 的 目 錄 、 索 引 。 網(wǎng) 頁 具 體 地 說 是 單 個(gè) 文 件 ， 而 網(wǎng) 站 則 是 由許 多 的 網(wǎng) 頁 文 件 集

3、 合 而 成 ， 即 使 只 有 一 個(gè)網(wǎng) 頁 也 能 被 稱 為 網(wǎng) 站 。 通 常 一 個(gè) 網(wǎng) 站 都 有 一 個(gè) 被 稱 做 主 頁(HomePage)的 特 殊 頁 面 ， 也 稱 首 頁 。 4 網(wǎng) 站 的 目 錄 結(jié) 構(gòu) ： (1 )圖 像 文 件 要 建 立 單 獨(dú) 的 保 存 目 錄 。 這 樣 便 于修 改 和 更 新 圖 像 文 件 ， 避 免 和 其 他 文 件 發(fā) 生沖 突 。 一 般 在 根 目 錄 下 建 立 一 個(gè) images目 錄來 保 存 首 頁 中 的 圖 像 。 (2 )不 要 將 所 有 的 文 件 都 放 在 根 目 錄 下 。 要 盡 量減 少 根

4、 目 錄 下 的 文 件 ， 便 于 管 理 和 不 影 響傳 輸 速 度 。 5 (3 )建 立 適 當(dāng) 子 目 錄 。 便 于 文 件 分 類 管 理 ，同 欄 目 的 內(nèi) 容 要 放 在 同 一 個(gè) 子 目 錄 下 ，必 要 是 在 子 目 錄 下 再 建 子 目 錄 ， 注 意 一般 不 超 過 三 層 。不 使 用 中 文 目 錄 。不 要 使 用 過 長 的 目 錄 名 。盡 量 使 用 意 義 明 確 的 目 錄 。 6 (4 )目 錄 和 文 件 命 名 。 具 體 命 名 規(guī) 范 ， 可 以 根據(jù) 網(wǎng) 站 的 內(nèi) 容 來 定 ， 一 般 情 況 下 要 求 看 到文 件 名

5、就 知 道 其 內(nèi) 容 ， 比 如 首 頁 文 件 名 為index.*或 者 default.*,同 類 的 文 件 名 可 用 相同 字 母 前 綴 的 文 件 來 命 名 ， 圖 片 、 多 媒 體文 件 分 別 放 到 相 應(yīng) 的 目 錄 ， 圖 片 目 錄 用image,多 媒 體 目 錄 用 media,聲 音 用 sound,插圖 目 錄 用 pic等 。 7 4 .超 鏈 接 鏈 接 通 常 可 以 分 為 以 下 幾 種 ：(1 )外 部 鏈 接 （ 絕 對(duì) 鏈 接 ） ：不 同 網(wǎng) 站 頁 面 之 間 的 鏈 接 ；(2 )本 地 鏈 接 （ 相 對(duì) 鏈 接 ） ：本 地

6、網(wǎng) 站 內(nèi) 部 頁 面 之 間 的 鏈 接 ；(3 )錨 點(diǎn) 鏈 接 （ 也 稱 書 簽 ） ：同 一 頁 面 或 不 同 頁 面 指 定 位 置 的 鏈 接 ；(4 )電 子 郵 件 鏈 接 ：指 向 一 個(gè) 電 子 郵 件 地 址 的 鏈 接 。 8 根 據(jù) 鏈 接 對(duì) 象 的 不 同 還 有 ： 下 載 鏈 接 ， 該 鏈 接 指 向 某 一 特 定 的 文 件 ，單 擊 它 可 下 載 該 文 件 。 例 如 ：我 的 視 頻 熱 區(qū) 鏈 接 ， 通 過 設(shè) 置 熱 區(qū) 來 實(shí) 現(xiàn) 在 一 幅 圖像 中 創(chuàng) 建 多 個(gè) 鏈 接 區(qū) 域 。 文 本 超 鏈 接 和 圖 像 超 鏈 接 是

7、 使 用 最 多 的 兩種 超 鏈 接 。 9 5 .絕 對(duì) 路 徑 和 相 對(duì) 路 徑 :(1 )絕 對(duì) 路 徑 為 文 件 提 供 完 全 的 路 徑 ， 包 括適 用 的 協(xié) 議 ， 比 如 http、 ftp等 。 創(chuàng) 建 對(duì)當(dāng) 前 站 點(diǎn) 以 外 的 鏈 接 時(shí) 必 須 使 用 絕 對(duì) 路徑 。例 如 ： http:/ ftp:/2 0 2 .1 3 6 .2 5 4 .1 1 0 (2 )相 對(duì) 路 徑 適 合 網(wǎng) 站 內(nèi) 部 的 鏈 接 ， 即 使 在 同 一 網(wǎng)站 不 同 的 目 錄 下 。使 用 方 法 ：如 果 鏈 接 到 同 一 目 錄 下 ， 則 只 需 要 輸 入 要

8、 鏈接 文 檔 的 名 稱 ， 如 back.gif。要 鏈 接 到 下 一 級(jí) 目 錄 中 的 文 件 ， 只 需 先 輸 入目 錄 名 ， 然 后 加 “ /”， 再 輸 入 文 件 名 ， 如 ：images/back.gif。如 鏈 接 到 上 一 級(jí) 目 錄 中 的 文 件 ， 則 先 輸 入“ ./”， 再 輸 入 目 錄 名 、 文 件 名 ，如 ： ./images/back.gif。 1 1 6 .HTML標(biāo) 記 語 言(1 )HTML的 基 本 結(jié) 構(gòu) 文 件 頭 部 分 文 件 體 部 分 1 2 (2)HTML的 基 本 語 法 ， 標(biāo) 記 符 號(hào) 的 表 示 方 式

9、雙 邊 標(biāo) 記 ： 也 叫 成 對(duì) 標(biāo) 記 ， 需 要 兩 個(gè) 標(biāo) 記組 合 才 能 完 成 所 需 功 能 。如 及 、 及 等 。 單 邊 標(biāo) 記 ： 只 要 一 個(gè) 標(biāo) 記 就 能 完 成 所 需 表示 的 功 能 。如 、 、 。 HTML 標(biāo) 記 不 區(qū) 分 大 小 寫 ， 混 合 寫 也 是 可 以的 。 1 3 (3) 常 用 的 HTML標(biāo) 記 的 意 義 與 用 法 頁 面 標(biāo) 簽 ： 是 對(duì) 網(wǎng) 頁 的 整 體 參 數(shù) 進(jìn) 行 設(shè) 置 的標(biāo) 簽 ， 必 須 掌 握 的 是 文 檔 標(biāo) 簽 ： 標(biāo) 示 網(wǎng) 頁 文 檔 開頭 和 結(jié) 尾 。 文 件 頭 標(biāo) 簽 ： 標(biāo) 題 名

10、等 網(wǎng) 頁信 息 。 文 件 體 標(biāo) 簽 ： 定 義 網(wǎng) 頁 顯 示的 內(nèi) 容 和 格 式 。 標(biāo) 題 標(biāo) 簽 ： 定 義 在 網(wǎng) 頁 標(biāo) 題 欄顯 示 的 標(biāo) 題 。 1 4 的 常 見 參 數(shù) 設(shè) 置 實(shí) 例 : ,設(shè) 置 背 景 顏 色 為 藍(lán) 色 。 body background=image/bg.jpg， 設(shè) 置image目 錄 下 的 bg.jpg圖 片 為 背 景（ 注 意 ： 當(dāng) 上 面 兩 個(gè) 屬 性 同 時(shí) 設(shè) 置 時(shí) ， 背 景圖 起 作 用 ） 1 5 格 式 標(biāo) 簽 ： 用 來 設(shè) 置 網(wǎng) 頁 上 文 本 和 段 落 的排 版 格 式 ， 這 些 標(biāo) 簽 必 須 放

11、 在之 間 。 常 用 的 有 ： 換 行 標(biāo) 簽 ： 放 在 一 行 的 末 尾 ， 可 使后 面 的 文 字 換 到 下 一 行 而 不 會(huì) 留 下 空 行 。 段 落 標(biāo) 簽 ： 放 在 一 段 文 字 末 尾 ，定 義 一 個(gè) 新 的 段 落 。 1 6 文 本 標(biāo) 簽 ， 用 來 定 義 網(wǎng) 頁 上 字 符 的 樣 式 。常 用 的 有 ： 標(biāo) 題 字 體 標(biāo) 簽 .：設(shè) 定 標(biāo) 題 文 字 的 大 小 ， 取 1 最 大 ， 取 6 最 小 。 字 體 標(biāo) 簽 ： 可 設(shè) 置 網(wǎng) 頁 文 字的 字 體 、 字 號(hào) 和 顏 色 。參 數(shù) 設(shè) 置 實(shí) 例 ： 華 工 1 7 圖 形 圖

12、 像 標(biāo) 簽 ： 直 線 標(biāo) 簽 ： 在 網(wǎng) 頁 中 插 入 一 條 分 隔 線 。 圖 像 插 入 標(biāo) 簽 ： 將 一 幅 圖 像 加 入 到 網(wǎng) 頁 中 。參 數(shù) 設(shè) 置 實(shí) 例 ： 插 入 一 條 寬 6 象 素 ， 紅 色 ， 長 度 為 瀏 覽 器 寬 度 8 0 的 水 平 線 參 數(shù) 設(shè) 置 實(shí) 例 ： 插 入 圖 片 tu1 .jpg， 寬 高 均 為 1 0 0 象 素 ， 靠 右 對(duì) 齊 。 1 8 鏈 接 標(biāo) 簽 ： 在 網(wǎng) 頁 上 建 立 超 鏈 接 。 設(shè) 置 實(shí) 例 ： 太 陽 系 頁 面 加 入 背 景 音 樂 標(biāo) 簽 設(shè) 置 實(shí) 例 ：頁 面 添 加 背 景 音

13、 樂 sound目 錄 下 的 bouree.mid，播 放 一 次 。 1 9 表 格 標(biāo) 簽 ： 表 格 標(biāo) 簽 ： 在 網(wǎng) 頁 中 創(chuàng) 建一 個(gè) 表 格 。 標(biāo) 題 標(biāo) 簽 ： 給 表 格 加上 標(biāo) 題 。 表 頭 標(biāo) 簽 ： 表 格 的 第 一 行 ， 文字 按 粗 體 居 中 顯 示 。 2 0 行 標(biāo) 簽 ： 用 來 創(chuàng) 建 表 格 中 的 每 一行 。 只 能 放 在 之 間 使 用 。在 此 標(biāo) 簽 對(duì) 中 加 入 文 本 將 是 無 效 的 。 列 標(biāo) 簽 ： 用 來 創(chuàng) 建 表 格 中 一 行中 的 每 一 個(gè) 單 元 格 ， 此 標(biāo) 簽 對(duì) 不 能 直 接 放在 之 間

14、， 必 須 放 在標(biāo) 簽 對(duì) 之 間 才 有 效 。 表 格 中 的 所有 的 文 本 和 其 他 信 息 只 有 放 在 標(biāo) 簽 對(duì) 中 才 有 效 。 2 1 表 格 標(biāo) 簽 應(yīng) 用 綜 合 實(shí) 例 ： 公 共 管 理 學(xué) 院 行 政 1 班 行 政 2 班 3 0 人 4 0 人 2 2 (4 )設(shè) 定 鏈 接 的 目 標(biāo) 窗 口 _parent 在 上 一 級(jí) 窗 口 中 打 開 。 例 ： a href=文 件 名 .htm Target=_parent _blank 在 新 窗 口 中 打 開 。 例 ： a href=文 件 名 .htm Target=_blank _self

15、在 同 一 個(gè) 窗 口 中 打 開 。 例 ： a href=文 件 名 .htm Target=_self _top 忽 略 任 何 框 架 ， 在 瀏 覽 器 的 整 個(gè) 窗 口 中打 開 。 例 ： a href=文 件 名 .htm Target=_top 2 3 二 、 網(wǎng) 頁 制 作 工 具 和 軟 件1 . 網(wǎng) 頁 制 作 工 具 所 見 即 所 得 的 工 具 ： Dreamweaver 和 FrontPage 是 目 前 最 流 行 的 兩 種 所 見 即 所 得的 網(wǎng) 頁 編 輯 工 具 。與 用 Word 排 版 差 不 多 ， 你 不 用 去 學(xué) HTML 語 言 ，

16、只 要 把 自 己 需 要 的 文 字 和 圖 像 擺 到網(wǎng) 頁 中 ， 軟 件 會(huì) 自 動(dòng) 生 成 相 應(yīng) 的 HTML 代 碼 。 代 碼 編 輯 工 具 ： 各 種 文 本 編 輯 器 ， 記 事 本 、Word等 。 2 4 2 . 網(wǎng) 頁 上 常 用 的 圖 形 格 式 在 網(wǎng) 頁 上 常 用 到 的 圖 形 格 式 只 包 括 以 下 3 種 ：PNG、 GIF 和 JPEG。PNG是 Fireworks的 本 身 文 件 格 式 。GIF格 式 主 要 應(yīng) 用 于 卡 通 畫 、 素 描 作 品 、 插圖 、 帶 有 大 塊 純 色 區(qū) 域 的 圖 形 、 透 明 圖 形和 簡

17、單 動(dòng) 畫 等 。JPEG格 式 的 圖 像 主 要 應(yīng) 用 于 連 續(xù) 色 調(diào) 的 作品 、 數(shù) 字 化 照 片 和 掃 描 圖 像 等 。 2 5 位 圖 和 矢 量 圖位 圖 ： 由 排 列 成 若 干 行 、 列 的 光 點(diǎn) 組 成 的 像素 點(diǎn) 陣 。優(yōu) 點(diǎn) ： 視 覺 效 果 好 ， 生 動(dòng) 逼 真 ， 適 合 于表 現(xiàn) 層 次 和 色 彩 比 較 豐 富 、 包 含 大 量 細(xì) 節(jié)的 圖 像 。缺 點(diǎn) ： 清 晰 度 與 分 辨 率 有 關(guān) ， 放 大 后 會(huì)出 現(xiàn) 鋸 齒 、 變 模 糊 2 6 矢 量 圖 ： 是 指 使 用 繪 圖 指 令 描 述 的 由 直 線 、曲 線

18、等 圖 元 組 成 的 圖 像 。 一 般 分 為 二 維 圖形 和 三 維 圖 形 兩 大 類 。優(yōu) 點(diǎn) ： 圖 形 質(zhì) 量 與 分 辨 率 無 關(guān) ， 占 用 存儲(chǔ) 空 間 很 小 ， 放 大 與 縮 小 不 會(huì) 失 真 ， 適于 表 示 由 有 規(guī) 律 的 線 條 組 成 的 圖 像缺 點(diǎn) ： 圖 形 越 復(fù) 雜 顯 示 時(shí) 間 越 長 ， 難 以表 示 人 物 、 景 色 照 片 一 類 的 彩 色 圖 像 。 2 7 3 .關(guān) 于 Dreamweaver 8 用 Dreamweaver 8 制 作 網(wǎng) 頁 ， 可 以 用 表 格 、層 和 框 架 或 者 用 Fireworks8 作

19、 圖 切 片 的 方 式進(jìn) 行 網(wǎng) 頁 布 局 。 用 Dreamweaver 8 提 供 了 進(jìn) 行 網(wǎng) 頁 編 輯 的 設(shè)幾 種 工 作 模 式 ， 就 是 設(shè) 計(jì) 模 式 、 拆 分 模 式和 代 碼 模 式 。 Dreamweaver 8 網(wǎng) 頁 編 輯 中 用 于 在 瀏 覽 器 中測 試 網(wǎng) 頁 的 快 捷 方 式 。 2 8 Dreamweaver 8 中 的 行 為 。 行 為 (behavior)是 事件 (Event)和 動(dòng) 作 (Action)的 組 合 ， 為 對(duì) 象 添 加 行為 需 要 進(jìn) 行 動(dòng) 作 和 事 件 的 設(shè) 置 。 常 用 的 幾 種 鼠標(biāo) 事 件 ：

20、 2 9 Dreamweaver 8 中 的 層 的 特 性 。 層 是 網(wǎng) 頁 中用 來 放 置 文 本 、 圖 像 、 動(dòng) 畫 、 視 頻 和 表 單等 網(wǎng) 頁 元 素 的 載 體 。 它 的 幾 種 主 要 功 能 ：可 以 重 疊 、 自 由 移 動(dòng) 、 定 位 網(wǎng) 頁 元 素 、 可以 和 時(shí) 間 軸 配 合 實(shí) 現(xiàn) 動(dòng) 畫 效 果 、 可 以 顯 示和 隱 藏 層 、 可 以 轉(zhuǎn) 換 為 表 格 。 Dreamweaver8 中 為 圖 像 設(shè) 置 替 代 文 字 、 插入 日 期 等 操 作 。 3 0 Dreamweaver8 可 以 在 網(wǎng) 頁 中 插 入 導(dǎo) 航 條 ， 該

21、 導(dǎo)航 條 是 一 組 超 鏈 接 ， 添 加 導(dǎo) 航 條 可 以 使 瀏 覽 者可 以 快 速 容 易 地 轉(zhuǎn) 向 站 點(diǎn) 的 主 要 網(wǎng) 頁 ， 有 效 地防 止 瀏 覽 者 在 瀏 覽 網(wǎng) 頁 時(shí) 迷 失 方 向 。 Dreamweaver8 中 利 用 框 架 技 術(shù) 設(shè) 計(jì) 網(wǎng) 頁 ， 由 框架 集 和 框 架 兩 部 分 組 成 ， 把 頁 面 劃 分 成 獨(dú) 立 的若 干 個(gè) 區(qū) 域 ， 每 個(gè) 區(qū) 域 相 當(dāng) 于 一 個(gè) 獨(dú) 立 的 頁 面 。 在 Dreamweaver 8 中 建 立 一 個(gè) 網(wǎng) 站 所 需 的 基 本步 驟 。 3 1 利 用 CSS樣 式 表 可 自 動(dòng)

22、 格 式 化 網(wǎng) 頁 文 檔 ， 可為 部 分 文 件 、 整 個(gè) 文 件 或 整 個(gè) 網(wǎng) 站 定 義 樣式 。 可 將 定 義 好 的 CSS樣 式 直 接 插 入 網(wǎng) 頁 文檔 中 ， 也 可 定 義 在 網(wǎng) 頁 文 檔 之 外 的 CSS樣 式表 文 件 中 。 當(dāng) 一 個(gè) 定 義 好 的 CSS樣 式 被 修 改好 ， 使 用 這 個(gè) CSS樣 式 的 網(wǎng) 頁 文 檔 的 格 式 也將 被 自 動(dòng) 更 新 。 3 2 模 板 和 庫 的 應(yīng) 用 ， 它 們 各 自 文 件 名 的 后 綴分 別 是 .dwt和 .lbi。 Dreamweaver 8 的 表 單 ： 表 單 實(shí) 現(xiàn) 瀏

23、覽 者 和服 務(wù) 器 之 間 信 息 的 交 互 傳 送 。 表 單 中 可 以插 入 的 對(duì) 象 有 文 本 框 、 單 選 按 鈕 、 復(fù) 選 框 、列 表 框 、 圖 像 域 和 隱 藏 域 等 。 文 本 框 的 三種 形 式 ： 單 行 文 本 框 、 多 行 文 本 框 和 密 碼的 功 能 。 3 3 4 .關(guān) 于 Flash 8 Flash 8 是 一 種 網(wǎng) 頁 動(dòng) 畫 制 作 軟 件 ， 它 的 源 文件 的 擴(kuò) 展 名 是 .fla， 生 成 的 影 片 的 格 式 是 .swf。 Flash 8 中 的 元 件 的 概 念 ： 元 件 指 一 種 比 較 特殊 的 、

24、可 以 在 Flash動(dòng) 畫 中 重 復(fù) 使 用 的 對(duì) 象 。元 件 可 以 提 高 編 輯 動(dòng) 畫 的 效 率 ， 使 創(chuàng) 建 復(fù)雜 的 交 互 效 果 時(shí) 變 得 更 加 容 易 。 元 件 可 以是 圖 形 ， 也 可 以 是 動(dòng) 畫 。 每 個(gè) Flash動(dòng) 畫 文 件 都 有 用 于 存 放 動(dòng) 畫 元 素的 庫 ， 用 來 存 放 元 件 、 位 圖 、 聲 音 以 及 視頻 文 件 等 。 3 4 Flash8 中 引 導(dǎo) 層 的 作 用 是 確 定 被 引 導(dǎo) 層 中 對(duì)象 運(yùn) 動(dòng) 的 軌 跡 。 Flash8 中 遮 罩 層 可 以 用 來 屏 蔽 下 面 被 遮 罩 層的

25、 內(nèi) 容 ， 透 過 遮 罩 對(duì) 象 上 鏤 出 的 缺 口 顯 示被 遮 罩 層 中 相 應(yīng) 部 分 的 內(nèi) 容 。 3 5 元 件 的 種 類 ： 圖 形 元 件 、 按 鈕 元 件 、 影 片剪 輯 元 件 。 Flash 8 中 的 按 鈕 的 狀 態(tài) ， 按 鈕 具 有 4 個(gè) 狀 態(tài) ：“ 彈 起 ” 、 “ 指 針 經(jīng) 過 ” 、 “ 按 下 ” 和“ 點(diǎn) 擊 ” ?！?彈 起 ” 是 正 常 狀 態(tài) ，“ 指 針 經(jīng) 過 ” 是 鼠 標(biāo) 移 過 的 時(shí) 候 顯 示 的 畫 面 ，“ 按 下 ” 是 鼠 標(biāo) 按 下 時(shí) 顯 示 的 狀 態(tài) ，“ 點(diǎn) 擊 ” 是 用 來 確 定 按

26、 鈕 的 作 用 范 圍 的 。 3 6 Flash 8 中 逐 幀 動(dòng) 畫 的 概 念 ： 逐 幀 動(dòng) 畫 就 是 對(duì)每 一 幀 的 內(nèi) 容 逐 個(gè) 進(jìn) 行 編 輯 ， 然 后 按 一 定的 時(shí) 間 順 序 進(jìn) 行 播 放 而 形 成 的 動(dòng) 畫 。 Flash 8 的 漸 變 動(dòng) 畫 有 ： 運(yùn) 動(dòng) 漸 變 動(dòng) 畫 和 形 狀漸 變 動(dòng) 畫運(yùn) 動(dòng) 漸 變 動(dòng) 畫 ： 在 一 個(gè) 關(guān) 鍵 幀 上 放 置 一 個(gè)元 件 ， 然 后 在 另 一 個(gè) 關(guān) 鍵 幀 改 變 這 個(gè) 元 件的 大 小 、 顏 色 、 位 置 、 透 明 度 等 ， Flash根據(jù) 二 者 之 間 的 幀 創(chuàng) 建 的 動(dòng)

27、 畫 。 3 7 形 狀 漸 變 動(dòng) 畫 ： 在 一 個(gè) 關(guān) 鍵 幀 中 繪 制 一 個(gè)形 狀 ， 然 后 在 另 一 個(gè) 關(guān) 鍵 幀 中 改 變 該 形 狀或 者 繪 制 另 外 一 個(gè) 形 狀 ， Flash根 據(jù) 兩 者 之間 的 值 或 形 狀 來 創(chuàng) 建 動(dòng) 物 成 為 形 狀 補(bǔ) 間 動(dòng)畫如 果 使 用 圖 形 元 件 、 按 鈕 、 文 字 ， 則 必 須 先“ 分 離 ” 才 能 創(chuàng) 建 變 形 動(dòng) 畫 。 3 8 Flash動(dòng) 畫 制 作 中 時(shí) 間 軸 和 關(guān) 鍵 幀 的 概 念 和 作用 。 時(shí) 間 軸 窗 口 是 Flash進(jìn) 行 動(dòng) 畫 創(chuàng) 作 和 編 輯 的主 要

28、工 具 ， 它 是 由 幀 、 圖 層 和 播 放 指 針 組 成 。時(shí) 間 軸 顯 示 的 是 動(dòng) 畫 中 各 幀 的 排 列 順 序 ， 同 時(shí)也 包 括 了 各 層 的 前 后 順 序 。 用 它 可 以 查 看 每 一幀 的 情 況 ， 調(diào) 整 動(dòng) 畫 播 放 的 速 度 ， 安 排 幀 的 內(nèi)容 ， 改 變 幀 與 幀 之 間 的 關(guān) 系 ， 從 而 實(shí) 現(xiàn) 不 同 效果 的 動(dòng) 畫 。 關(guān) 鍵 幀 是 包 含 內(nèi) 容 的 幀 ， 它 可 以 編 制 圖 形或 元 件 等 ， 當(dāng) 時(shí) 間 幀 在 播 放 動(dòng) 畫 漸 變 時(shí) ， 只 要播 放 經(jīng) 過 關(guān) 鍵 幀 時(shí) ， 關(guān) 鍵 幀 的

29、 內(nèi) 容 一 定 會(huì) 顯 示 。關(guān) 鍵 幀 后 的 普 通 幀 將 繼 續(xù) 播 放 該 關(guān) 鍵 幀 的 內(nèi) 容 。 3 9 5 .關(guān) 于 Fireworks 8 Fireworks 8 是 一 個(gè) 網(wǎng) 頁 圖 形 編 輯 軟 件 ， 使 用Fireworks不 僅 可 以 方 便 地 將 圖 做 的 又 小 又 漂亮 ， 將 圖 像 優(yōu) 化 導(dǎo) 出 成 .GIF和 .JPEG文 件 ， 還可 以 將 制 作 的 動(dòng) 畫 作 為 GIF動(dòng) 畫 文 件 或 Flash SWF文 件 導(dǎo) 出 。 關(guān) 于 蒙 版 的 應(yīng) 用 、 概 念 和 種 類 。 4 0 Fireworks8 中 切 片 與 文

30、 件 優(yōu) 化切 片 ： 顧 名 思 義 就 是 將 一 幅 大 圖 像 分 割成 一 些 小 的 圖 像 切 片 ， 在 網(wǎng) 頁 中 可 以 將這 些 小 的 圖 像 切 片 放 入 一 個(gè) 表 格 ， 將 表格 單 元 格 之 間 的 間 距 設(shè) 為 0 ， 從 而 將 這 些小 的 圖 像 切 片 沒 有 縫 隙 地 重 新 組 合 起 來 ，還 原 成 一 幅 完 整 的 圖 像 。 4 1 切 片 可 以 分 別 優(yōu) 化 ， 每 一 個(gè) 切 片 上 都 可 以 采用 不 同 的 優(yōu) 化 方 式 ， 即 使 用 最 適 合 的 文 件 格式 和 壓 縮 設(shè) 置 來 分 別 優(yōu) 化 每 個(gè)

31、 獨(dú) 立 切 片 。 通 過 切 片 把 圖 形 分 割 為 若 干 個(gè) 部 分 ， 在 瀏 覽的 時(shí) 候 可 以 同 時(shí) 并 行 下 載 ， 這 樣 就 可 以 節(jié) 約訪 問 者 等 待 的 時(shí) 間 。 可 以 使 用 切 片 來 創(chuàng) 建 相 應(yīng) 各 種 交 互 動(dòng) 作 。 每 個(gè) 切 片 可 以 建 立 自 己 的 超 鏈 接 ， 通 過 切 片可 以 輕 松 地 更 新 網(wǎng) 頁 中 經(jīng) 常 更 改 的 部 分 ， 做到 局 部 更 新 。 4 2 如 何 將 Fireworks的 圖 片 應(yīng) 用 到 網(wǎng) 頁 上 ？ 使 用 Fireworks 8 的 切 片 功 能 ， 將 圖 像 分

32、割 成 多個(gè) 較 小 的 部 分 ， 并 將 每 部 分 導(dǎo) 出 成 單 獨(dú) 的 文件 。 在 導(dǎo) 出 時(shí) ， 選 擇 【 導(dǎo) 出 】 “ HTML和 圖 像 ” ，導(dǎo) 出 多 個(gè) 圖 像 文 件 和 一 個(gè) 包 含 表 格 代 碼 的HTML文 件 。 啟 動(dòng) 在 Dreamweaver 8 ， 在 編 輯 窗 口 中 插 入 由Fireworks 8 導(dǎo) 出 時(shí) 生 成 的 HTML文 件 。 將 該 Fireworks 8 保 存 的 HTML文 件 插 入 到 網(wǎng) 頁中 ， 可 以 得 到 和 原 來 圖 片 位 置 、 鏈 接 位 置 都不 變 的 一 個(gè) 嵌 在 表 格 中 圖 片

33、 網(wǎng) 頁 。 4 3 4 4 題 型 數(shù) 量 每 題 分 數(shù) 總 分 （ 1 0 0 分 ）判 斷 題 1 0 1 1 0單 選 題 3 0 1 3 0多 選 題 5 2 1 0填 空 題 1 2 1 1 2問 答 題 7 4 2 8實(shí) 踐 題 2 5 1 0考 題 相 關(guān) 4 5 考 試 時(shí) 間 ： 6 月 2 8 日 下 午 3 ： 0 0 5 ： 0 0 考 試 地 點(diǎn) ： 自 查請(qǐng) 帶 齊 有 關(guān) 考 試 物 品 ： 學(xué) 生 證 等座 位 表 請(qǐng) 到 服 務(wù) 器 查 看考 試 要 求 ： 閉 卷 考 試大 作 業(yè) 提 交 截 至 時(shí) 間 ： 6 月 2 5 日 (過 時(shí) 將 關(guān) 閉 服 務(wù) 器 ) 4 6