【正文】 重復區(qū)域是不可編輯區(qū)，如果要在重復區(qū)域中編輯不同的內(nèi)容，必須在重復區(qū)域中插入可編輯區(qū)域。 ? 實例二：會暫停的滾動字幕。 2022/4/14 220 ? 實例 ：制作拖動圖像進行類似拼圖的效果，將會員圖片拖到指定位置。 2022/4/14 215 顯示 隱藏層 ?“顯示 隱藏層”行為用于交互時顯示信息，可以顯示、隱藏或恢復一個或多個層的可見性。 ? “設置層文本”行為 ? “設置層文本”行為可以設置層的內(nèi)容和格式，但保留層的屬性，如顏色等。 2022/4/14 205 跳轉(zhuǎn)菜單 ?“跳轉(zhuǎn)菜單”行為可通過選擇“插入 /表單 /跳轉(zhuǎn)菜單”命令進行創(chuàng)建，并可通過“行為”面板對已有的跳轉(zhuǎn)菜單進行編輯修改。若該按鈕為灰色，則表示不能移動。 返回 2022/4/14 195 用 CSS樣式設置文本格式效果 第 5章 高級網(wǎng)頁制作 2022/4/14 197 第 5章 高級網(wǎng)頁制作 ? 行為 ? 事件和動作 ? 行為和 JavaScript腳本程序 2022/4/14 198 認識“行為”面板 ?“行為”面板是添加和控制操作行為的場所。 FlipV 濾鏡 FlipH和 FlipV 濾鏡分別是水平反轉(zhuǎn)和垂直反轉(zhuǎn)，這兩個濾鏡沒有參數(shù)。width:200。 返回 2022/4/14 177 ? 保存起來的樣式表文件可以應用到任意網(wǎng)頁中。 返回 2022/4/14 171 ? CSS代碼 ? 將試圖切換到代碼狀態(tài)。單擊層的外圍框線，選中層。 在層面板中按住 [Ctrl]鍵將一個層拖動到層列表的另一個層上，可將其變?yōu)楹笳叩淖訉印? ? 將光標移至層的邊緣，將其拖動到所需大小后釋放鼠標。 返回 2022/4/14 157 2．多個層的選擇 ? 選擇多個層可按住 Shift鍵后依次在層中或?qū)舆吙蛏蠁螕?，也可按?Shift鍵后依次在 “ 層 ” 面板中單擊層的名稱。 返回 2022/4/14 152 層的基本操作 ? 對層可進行選擇、移動、調(diào)整大小和對齊等操作，這些操作大多數(shù)都可在 “ 層 ”面板中進行。 _top：目標網(wǎng)頁的內(nèi)容在最頂層框架窗口中顯示。 返回 2022/4/14 143 ?創(chuàng)建一個新的框架集網(wǎng)頁的方法 ?保存設置框架集 ?編輯框架結構 返回 2022/4/14 144 父框架和子框架 該圖的框架就是先分成上下框架，再把下框架分成左右框架。 返回 2022/4/14 138 使用布局模式布局 ? 繪制布局表格 ? 繪制布局單元格 返回 2022/4/14 139 使用框架布局 ? 一個實例： 返回 2022/4/14 140 框架與框架集的概念 ? 單個框架是指在網(wǎng)頁上定義的一個區(qū)域，而框架集則記錄了同一網(wǎng)頁上多個框架的布局、鏈接和屬性信息。 ? （ 8） 在表格 e的第 2列插入一個 2行 1列的表格 g。其余 0 ? （ 4） 在表格 b的第 1行插入一個 1行 2列的表格 c。內(nèi)容非常簡單。 返回 2022/4/14 118 網(wǎng)頁的風格 2 微軟中國的主頁，內(nèi)容比較專一，內(nèi)容非常有條理，欄目突出，沒有凌亂的感覺。 2022/4/14 109 ? 表單的工作原理 表單支持客戶端 服務器關系中的客戶端。 2022/4/14 106 （ 1） 將插入工具欄設置為“常規(guī)”，單擊標簽選擇器按鈕 （ 2） 在標簽選擇器對話框左邊窗口逐級選擇“ HTML標簽” → “頁元素” → “瀏覽器特定”，然后在右邊窗口中單擊“ bgsound”，再單擊下面的“插入”按鈕，打開“標簽編輯器 bgsound”對話框。 2022/4/14 100 導入表格數(shù)據(jù) 1. 導出 Excel數(shù)據(jù)為文本文件 在 Excel中使用菜單“文件” → “另存為”打開另存為對話框，在“文件類型”中選擇“文本文件（制表符分割）（ *.txt）”，保存文件為 。 （ 1）設置矩形熱區(qū) （ 2）設置圓形熱區(qū) （ 3）設置多邊形熱區(qū) 2022/4/14 86 圖像占位符和輪換圖像 1. 圖象占位符 單擊工具欄上的圖像按鈕旁邊的小三角形，在下拉式菜單中選擇圖像占位符按鈕 單擊工具欄上的圖像按鈕旁邊的小三角形，在下拉式菜單中選擇鼠標經(jīng)過圖像按鈕 2022/4/14 87 設置網(wǎng)頁圖片屬性最終效果圖 2022/4/14 88 插入表格 ? 添加表格 ? 編輯表格 ? 格式化表格 ? 導入表格數(shù)據(jù) 2022/4/14 89 插入表格 ?表格的知識 表格由數(shù)個行與列組成的，行、列交叉組成表格的單元格，可以在表格的單元格內(nèi)插入各種信息，包括文本、數(shù)字、鏈接，甚至是圖像。 2022/4/14 80 ?使用 錨記 ? 設置 錨記 ? 使用 錨記 2022/4/14 81 插入水平線 水平線可用于頁面上內(nèi)容的分隔。 （ 4） 在標簽選擇器對話框左邊窗口逐級選擇“ HTML標簽” → “頁元素” → “瀏覽器特定”，然后在右邊窗口中單擊“ marquee”，再單擊下面的“插入”按鈕， marquee標簽被插入到代碼中，按“關閉”按鈕關閉對話框。 將顯示模式設為代碼模式或拆分模式，可直接編輯圖片文件的 HTML代碼中的 width和 height屬性的值，改變圖像大小 。 規(guī)劃誠與廣告公司站點結構圖 公司介紹 業(yè)務范圍 合作伙伴 戶外廣告 誠與廣告公司網(wǎng)站首頁 企業(yè)文化 聯(lián)系我們 首 頁 【 實例 1】 創(chuàng)建一個站點 使用菜單 “ 站點 ”“ 管理站點 ” 打開站點管理對話框，進行操作 創(chuàng)建站點 打開站點和編輯站點信息 ?打開站點 ?編輯站點 使用 “ 高級 ” 方式定義站點 在 “ 定義站點 ” 向?qū)нM行的任意一個步驟，選擇對話框上部的 “ 高級 ” 標簽，可打開高級站點定義對話框。如果站點內(nèi)容較多或站點較大，則還需建立子文件夾以存放不同類型的網(wǎng)頁內(nèi)容。創(chuàng)建站點前首先應規(guī)劃站點，再通過 Dreamweaver MX 2022的站點管理功能創(chuàng)建站點的框架，包括主頁、分支頁面和相應的文件夾等。 啟動 Dreamweaver MX 2022 ?啟動 Dreamweaver MX 2022可選擇 “ 開始 /所有程序 /Macromedia/Macromedia Dreamweaver MX 2022”命令。 網(wǎng)頁中引用的資料及商標（或圖標），不能侵犯版權。 目前常用的服務器端編程技術主要有CGI、 ASP、 PHP、 JSP等，不同的技術需要不同的系統(tǒng)環(huán)境支持。 Background設置，如果設置了背景圖片，圖片會覆蓋已經(jīng)設置的顏色。 下面就是網(wǎng)頁結構的總體框架： !HTML網(wǎng)頁版本信息說明 HTML HEAD !標題標記、屬性及其內(nèi)容 /HEAD BODY !主體標記、屬性及其內(nèi)容 /BODY /HTML 2022/4/14 26 （ 1）版本信息 版本信息位于 HTML網(wǎng)頁文件的第一行 （ 2） HTML文件標記 大部分網(wǎng)頁文件都是以 HTML標記開始的，在文件的結尾處又以 /HTML結束 （ 3）頭部信息 HEAD標記之間是 HTML文檔的頭部，用來標明當前文檔的有關信息 在 HEAD標記之間，使用頻率最高的標記就是TITLE，它用于定義顯示在瀏覽器標題欄的文檔標題。現(xiàn)在國內(nèi)較著名的門戶網(wǎng)站有搜狐（ ）、網(wǎng)易（ ）等。 其中使用最廣泛的是 Microsoft出品的Inter Explorer （簡稱 IE6）。網(wǎng)頁設計與制作 2022/4/14 2 主要內(nèi)容： 第 1章：網(wǎng)頁制作基礎 第 2章： Dreamweaver MX 2022 第 3章：插入網(wǎng)頁基本元素 第 4章：頁面設計 第 5章：高級網(wǎng)頁制作 2022/4/14 3 第 1章 網(wǎng)頁制作基礎 ? Web和瀏覽器 ? Web ? Web的特點和結構 ? Web 最 大 的 特 點 是 使 用 了 超 文 本（ Hypertext） ? WWW采用 C/S（ 客戶機 /服務器 ） 工作模式 ? 在瀏覽器和服務器之間應用 HTTP（ Hyper Text Transfer Protocol， 超文本傳輸協(xié)議 ）作為網(wǎng)絡應用層通信協(xié)議 2022/4/14 4 ? URL ?Inter上所有的資源都有一個唯一的URL地址，一般將 URL地址稱為網(wǎng)址。 2022/4/14 8 ?IE6的界面 標題欄 工具欄 菜單欄 地址欄 狀態(tài)欄 瀏覽窗口 2022/4/14 9 ? ?瀏覽網(wǎng)頁 ?“停止”按鈕 ?前進和后退 ?刷新頁面 ?改變文字大小 ?選擇編碼 ?全屏幕顯示 ?查看源文件 2022/4/14 10 ?打開多個窗口 用菜單欄上的“文件” → “新建” → “窗口”，會打開一個新的瀏覽器窗口。 2022/4/14 19 ?個人網(wǎng)站具有較強個性化，是以個人名義開發(fā)創(chuàng)建的網(wǎng)站，其內(nèi)容、樣式、風格等都是非常有個性的。 2022/4/14 27 【 例 】 給網(wǎng)頁設置 “ 勵志學社 ” 的文檔標題，可在頭部輸入以下代碼： TITLE勵志學社 /TITLE 2022/4/14 28 （ 4）主體標記 網(wǎng)頁的主體是 “ BODY…… /BODY”標記對作用的范圍 BODY標記用于定義 HTML文檔主體的開始，它能夠設置網(wǎng)頁的背景圖像、背景顏色、鏈接顏色和網(wǎng)頁邊距等屬性，其基本用法如下所示： BODY Background=URL Bgclolr=Color Bgpropeties=Fixed Leftmargin=n Link=Color Alink=Color Text=Color Topmargin=n Vlink=Color Bgcolor為背景顏色。 2022/4/14 30 XML語言 XML（ eXtensible Markup Language）被稱作是下一代的網(wǎng)頁標記語言，也是采用各種標記來形成網(wǎng)頁的源代碼。 2022/4/14 33 網(wǎng)頁制作的基本方法 ?制作網(wǎng)頁的基本步驟 確定網(wǎng)頁的內(nèi)容 設計網(wǎng)頁的組織結構 資料的收集與整理 選擇網(wǎng)頁的設計方法 常用的網(wǎng)頁制作工具有 Frontpage、Dreamweaver等。 2022/4/14 37 Macromedia Studio MX2022 Macromedia Studio MX2022是目前應用最廣泛的網(wǎng)頁制作工具組件，使用方便、功能齊全，Dreamweaver、 Flash、 Fireworks被稱作 “ 網(wǎng)頁三劍客 ” 。也可雙擊Dreamweaver MX 2022的桌面快捷方式。 規(guī) 劃 站 點 ?站點的概念 ?規(guī)劃站點結構 ?創(chuàng)建導航草圖 ?應用舉例 ——規(guī)劃 “ 誠與 ” 廣告公司站點 站點的概念 ?多個網(wǎng)頁文檔通過各種鏈接關聯(lián)起來就構成了站點，站點可以小到一個網(wǎng)頁，也可以大到整個網(wǎng)站。 規(guī)劃站點結構 ?在站點規(guī)劃過程中，需使用合理的文件名稱、文件夾名稱，好的名稱容易理解、記憶，能夠表達出網(wǎng)頁的內(nèi)容。 Dreamweaver MX2022的基本操作 實例二、制作一個簡單的網(wǎng)頁 設置工作界面 ?關閉面板 ?標尺和網(wǎng)格 ?輔助顯示 ?首選參數(shù)的設置 對象的大小和顏色 在屬性面板上的大小中選擇文字的大小，文字大小可設置絕對尺寸、相對尺寸、長度、百分比 在默認的情況下，文本在瀏覽器窗口內(nèi)顯示為黑色。 設置圖像大小的多種操作方式 2022/4/14 67 第 3章 插入網(wǎng)頁基本元素 本章要點 ? 插入文字 ? 插入圖像 ? 插入