【正文】 ⑺ 在第 3行第 2列插入一個(gè)列表 /菜單 ， 屬性默認(rèn) ， 點(diǎn)擊 【 列表值 】 按鈕打開對話框 ， 輸入三行內(nèi)容 ， 每行兩項(xiàng)分別是標(biāo)簽和值 （ 如：北京 、 1；上海 、 2；深圳 、 3） 。 ⑸ 在第 1行第 2列插入一個(gè)文本字段 ， 屬性默認(rèn) 。 ⑶ 插入一個(gè) 4行 2列的表格 （ 插入前光標(biāo)要在表單內(nèi) ） 。 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 70 表單 這里假設(shè)要設(shè)計(jì)一個(gè)簡單的用戶登錄表單 ， 需要輸入用戶名 、 密碼 、 選擇登錄服務(wù)器 ， 下面給出一個(gè)概要的過程 。 表單 （ Form） 就是解決這種問題的頁面元素 ， 一個(gè)表單由若干個(gè)輸入域以及若干個(gè)動(dòng)作按鈕構(gòu)成 ， 用戶可以填寫信息 ， 填寫完后通過提交操作將信息發(fā)送到指定的服務(wù)器程序 ， 服務(wù)器程序?qū)τ脩舭l(fā)來的信息進(jìn)行識(shí)別處理 ，并將相應(yīng)的結(jié)果回送給客戶端 。 ⑻ 不要直接對層應(yīng)用事件 /行為 ， 可以應(yīng)用它們到層中的內(nèi)容 （ 鏈接或圖像 ） 而不是層自身 。 ⑹ 不要試圖在層中放置滾動(dòng)條 。 ⑸ 不要期望當(dāng)瀏覽器窗口大小或屏幕分辨率發(fā)生變化后 ， 絕對定位的層仍能保持與居中的表格或頁面內(nèi)容的對齊 。 ⑶ 不將層放置在表格中 。 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 68 層 ⑴ 使用嵌套層時(shí)候不要使用多重父層 ， 應(yīng)共享一個(gè)共同的單一父層 。 可見性有四種： inherit表示繼承父級層的可見性； visible無條件顯示 ，與父級層可見性無關(guān)； hidden無條件隱藏 ， 與父級層可見性無關(guān)；default不設(shè)置可見性 ， 一般的瀏覽器解釋成 inherit。 選中層 ， 可以看到層的屬性 ， 這里注意層的編號(hào) 、 Z軸 （ 決定層之間的覆蓋關(guān)系 ， 即層次 ） 、 位置大小 、 可見性等信息 。 創(chuàng)建層的方法很簡單 ， 在頁面中點(diǎn)擊合適的位置后使用 【 插入 】 → 【 層 】命令就創(chuàng)建了一個(gè)層 。 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 66 高級頁面元素的使用方法 層 表單 行為 返 回 CSS樣式表 超鏈接 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 67 層 如果需要在頁面現(xiàn)有內(nèi)容之上再顯示一些其他的畫面 ， 就要使用層 。 使用 【 插入 】 → 【 媒體 】 → 【 Applet】 命令后在文件對話框中選中 images目錄中的 。 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 65 其他簡單對象 在插入菜單中 ， 還有很多類型對象可以插入 ， 常用的還有多媒體類型等 。 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 64 超鏈接 （ 頁內(nèi)錨點(diǎn) ） 錨點(diǎn)用于解決頁內(nèi)文檔定位的問題 ， 建立方法是先將光標(biāo)定位到希望的位置 ， 使用 【 插入 】 → 【 命名錨記 】 命令后在對話框中輸入名稱 （ 假設(shè)輸入“ sec01”） ， 結(jié)果的 HTML代碼如下： a name=sec01/a 以后鏈接該頁時(shí)候在 URL地址的后面加上 “ sec01”， 打開頁面后自動(dòng)定位到此錨點(diǎn)位置 。 ⑷ 設(shè)置超鏈接 。 ⑵ 點(diǎn)擊屬性面板左下角的熱點(diǎn)工具圖標(biāo) （ 如矩形熱點(diǎn)工具 ） 。 ⑵ _parent—— 父框架 ⑶ _self—— 當(dāng)前頁面所在位置 ⑷ _top—— 頂級框架 （ 當(dāng)前窗口 ） 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 63 超鏈接 建立圖像對象的超鏈接過程與文本對象的基本一致 。 以下是對應(yīng)的 HTML形式 。 ⑷ 使用站點(diǎn)地圖的功能 。 ⑵ 使用快捷菜單中的 “ 創(chuàng)建鏈接 ” 。 絕大部分對象都可以建立超鏈接 ， 包括文本 、 圖像及圖像的局部區(qū)域 （ 熱點(diǎn) ） 。 注意其格式不同和適宜情形 。 在設(shè)計(jì)視圖中選中圖像 ， 查看其屬性面板的選項(xiàng)和圖像標(biāo)簽的 HTML代碼 。 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 60 圖像 圖像在網(wǎng)頁中經(jīng)常使用 ， 屬于網(wǎng)頁中的一個(gè)基本元素 。 ④ 怎樣插入嵌套的子表格 。 ② 怎樣插入行 、 列 、 合并單元格 。 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 59 表格 表格的其他操作很多 ， 菜單中都列出來了 ， 和 EXCEL等軟件的表格操作差不多 ， 具體編輯操作方法就不一一列舉 ， 讀者可以自行研究 。 通過觀察該頁面中的頂級表格的數(shù)量 、 關(guān)系可以看出 ， 一個(gè)頁面可以自上而下分成幾個(gè)表格 ， 但不能自左至右分成若干個(gè)表格 。 表格對于網(wǎng)頁定位具有很重要的作用 。 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 58 表格 插入表格的方式很多也很簡單 。 ⑶ 選中頁面最上方的表格 ⑷ 查看 、 修改表格的屬性和代碼 表格的屬性可以在屬性面板上看到 ， 有表格 Id、 寬度 、 邊框 、 對齊 、 背景圖像等屬性 ， 這些屬性可以直接修改 ， 修改后的效果會(huì)在頁面上反映出來 ，同時(shí)表格的 HTML代碼也將發(fā)生變化 ， 也可以直接修改代碼 。 ⑸ 把鼠標(biāo)移動(dòng)到表格左上角外部 ， 待鼠標(biāo)變成十字形符號(hào)時(shí)候點(diǎn)擊選取整個(gè)表格 。 ⑶ 在單元格中右擊鼠標(biāo) ， 并且從彈出菜單中執(zhí)行 【 表格 】 → 【 選擇表格 】命令選取整個(gè)表格 。 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 56 表格 初學(xué)者選中表格并不容易 ， 以下有幾種方法： ⑴ 把鼠標(biāo)移動(dòng)到表格右邊界外側(cè) ， 按下鼠標(biāo)之后往左拖拽 ， 這樣可以快速選取整個(gè)表格 。 但是 ， 除非必要 ， 表格的嵌套層次不應(yīng)太多 ， 否則給服務(wù)器和瀏覽器都將帶來性能的影響 。 其實(shí)道理很簡單 ， 網(wǎng)頁中允許使用嵌套表格 ， 任何一個(gè)網(wǎng)頁 ， 如果按照自頂向下 、自外向內(nèi) 、 自左向右的順序進(jìn)行分解 ， 不過是表格的嵌套形式而已 。 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 55 表格 使用表格可以清晰地顯示列表的數(shù)據(jù) ， 實(shí)際上表格的作用遠(yuǎn)遠(yuǎn)不止顯示數(shù)據(jù) ， 它在網(wǎng)頁定位上一直起著重要的作用 ， “ 網(wǎng)頁即表格 ” 這一說法雖屬過分 ， 但表格作為網(wǎng)頁中的骨架這一點(diǎn)是不需要懷疑的 。 研究并記住其中的標(biāo)簽 、 轉(zhuǎn)義符號(hào)序列 ， 還有一個(gè)空白行 。 前者的標(biāo)簽為 p/p， 后者為 BR。 在網(wǎng)頁設(shè)計(jì)視圖中直接輸入回車表示一個(gè)段落 ， 段落顯示時(shí)候頁面中將會(huì)空一行 。 表示空格的轉(zhuǎn)義符號(hào)序列是 “ ”。 如空格 、 回車等 。 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 53 文本 、 編輯操作 在 Dreamweaver的頁面中 ， 可以像使用 Word一樣對文本進(jìn)行基本的操作 ， 如添加 、刪除 、 查找 、 替換 、 插入等操作 。 如果保存成自己的模板后 ， 在站點(diǎn)目錄中仍看不見模板 ， 可以在站點(diǎn)面板中使用 【 視圖 】 → 【 刷新 】 命令 。 這個(gè)頁面里將保留原來頁面的基本屬性 。 將本節(jié)圖 83的網(wǎng)頁及相關(guān)圖片目錄拷貝到上節(jié)創(chuàng)建的網(wǎng)站目錄中 ， 啟動(dòng)Dreamweaver后打開該站點(diǎn) ， 然后打開該網(wǎng)頁文件 。 ⑴ 直接使用 一般的 ， 一個(gè)網(wǎng)頁都會(huì)使用一些圖片 ， 拷貝網(wǎng)頁時(shí)候不要忘記圖片 （ 一般是單獨(dú)的目錄 ） 。 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 51 創(chuàng)建及保存網(wǎng)頁 （ 1/2） 如果覺得某個(gè)網(wǎng)頁的頁面效果比較好 ， 可以直接利用 。 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 50 創(chuàng)建及保存網(wǎng)頁 （ 3/3） ⑶ 創(chuàng)建一個(gè)空白頁面 選擇 【 基本頁 】 下的 【 HTML】 項(xiàng)目 ， 再點(diǎn)擊 【 創(chuàng)建 】 按鈕 ， 就可以建立新的頁面 ， 然后可以保存 。 動(dòng)態(tài)頁項(xiàng)目指的是要?jiǎng)?chuàng)建一個(gè)某種類型的普通動(dòng)態(tài)頁面 ， 具體選擇有 ASP、JSP、 PHP等頁面類型 。 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 49 創(chuàng)建及保存網(wǎng)頁 （ 2/3） ⑴ 常規(guī)和模板的區(qū)別 常規(guī)選項(xiàng)卡表示建立空白的新網(wǎng)頁或其他文件 ， 而模板選項(xiàng)卡表示利用已有的網(wǎng)頁模板建立新的網(wǎng)頁 ， 模板的作用一方面是其中所有的內(nèi)容在新的網(wǎng)頁中全部包含并不可修改 ， 另一方面的作用是以后模板修改了使用該模板的所有網(wǎng)頁也隨著修改 。 功能服務(wù)應(yīng)該是切合實(shí)際需求的 ， 不必提供不必要的功能 ， 但網(wǎng)站提供的功能服務(wù)必須保證質(zhì)量 。 企業(yè)網(wǎng)必須充分地向外界介紹企業(yè)的業(yè)務(wù)范圍 、 性質(zhì)和實(shí)力 。 目的不唯一時(shí)候必須清楚不同的目的 ， 目標(biāo)群的覆蓋范圍也要研究清楚 。 這時(shí)候 ， 在站點(diǎn)面板中就可以看見 “ 我的網(wǎng)站 ” ， 如果 E:\MyWeb目錄中原來有內(nèi)容 ， 面板中就會(huì)以樹型結(jié)構(gòu)列出所有內(nèi)容 。 ② 在 Dreamweaver中執(zhí)行命令 【 站點(diǎn) 】 → 【 新建站點(diǎn) 】 ， 出現(xiàn)圖 82的對話框 。 ⑵ 建立本地站點(diǎn) 一個(gè)站點(diǎn)應(yīng)該對應(yīng)一個(gè)固定的目錄 ， 它作為站點(diǎn)的根目錄 。 站點(diǎn)可以分為本地站點(diǎn)和遠(yuǎn)程站點(diǎn) ， Dreamweaver直接對遠(yuǎn)程站點(diǎn)的文檔進(jìn)行編輯很不方便 ， 也不符合網(wǎng)站設(shè)計(jì)原則 。 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 45 網(wǎng)頁制作工具 Dreamweaver概述 ⑴ 站點(diǎn) 所謂站點(diǎn) ， 可以看作是一系列文檔的集合 ， 這些文檔之間通過各種鏈接關(guān)聯(lián)起來 。對應(yīng)修改和文本兩個(gè)菜單 。 用它可以方便地在網(wǎng)頁中建立各種各樣的網(wǎng)頁元素 。插入面板和屬性面板分別放在文檔編輯區(qū)域的上方和下方 ， 其他面板構(gòu)成一個(gè)面板組 ， 放在文檔編輯區(qū)域的左方或右方 。 Dreamweaver文檔視圖有三種：代碼視圖 、 設(shè)計(jì)視圖 、 混合視圖 。 ⑵ 工具欄 位于文檔區(qū)域上方 ， 有文檔工具欄和標(biāo)準(zhǔn)工具欄兩部分 ， 圖中只顯示出文檔工具欄 。 除了 HTML之外 ， Dreamweaver幾乎支持所有的網(wǎng)頁設(shè)計(jì)技術(shù) ， 客戶端腳本 、CSS、 服務(wù)器端嵌入式動(dòng)態(tài)網(wǎng)頁技術(shù) 、 動(dòng)態(tài)跨瀏覽器驗(yàn)證 、 多媒體支持等 ，同時(shí) Dreamweaver又是一個(gè)很好的 Web站點(diǎn)管理工具 。 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 42 網(wǎng)頁制作工具 Dreamweaver概述 (1/3) 返 回 第 8章 網(wǎng)頁制作技術(shù) 首頁 結(jié)束 2022年 10月 23日星期日 大學(xué)計(jì)算機(jī)基礎(chǔ)教程 43 網(wǎng)頁制作工具 Dreamweaver概述 (2/3) Dreamweaver是 Macromedia公司推出的可視化網(wǎng)頁制作工具 ， 它與 Flash、Fireworks合在一起被稱為網(wǎng)頁制作三劍客 ， 這三個(gè)軟件相輔相承 ， 是制作網(wǎng)頁的最佳選擇 。 與 ASP、 JSP一樣 ， PHP也可以結(jié)合 HTML語言共同使用；它與 HTML語言具有非常好的兼容性 ， 使用者可以直接在腳本代碼中加入 HTML標(biāo)簽 ， 或者在HTML標(biāo)簽中加入腳本代碼從而更好的實(shí)現(xiàn)頁面控制 ， 提供更加豐富的功能 。 PHP是完全免費(fèi)的 ， 可以不受限制的獲得源碼 ， 甚至可以加進(jìn)你自己需要的特色 。 它也是嵌入HTML文件的一種腳本語言 。 Sun公司還開發(fā)了 JDBCODBC bridge， 用此技術(shù) Java