9章網(wǎng)頁制作醫(yī)學(xué)計(jì)算機(jī)與信息技術(shù)應(yīng)用基礎(chǔ)-課件

第9章網(wǎng)頁制作.*第9章網(wǎng)頁制作.*21世紀(jì)醫(yī)學(xué)人才的培養(yǎng)，要緊跟我國衛(wèi)生信息化建設(shè)對醫(yī)學(xué)人才的實(shí)際需求，將醫(yī)信技能的綜合應(yīng)用水平作為當(dāng)前醫(yī)學(xué)人才的核心能力與培養(yǎng)目標(biāo)。通過網(wǎng)絡(luò)進(jìn)行醫(yī)學(xué)信息檢索、并在INTERNET上設(shè)計(jì)自己的網(wǎng)站，將自己在醫(yī)學(xué)、生命科學(xué)領(lǐng)域中研究和應(yīng)用的成果與大家交流，是當(dāng)代醫(yī)藥高校大學(xué)生必須具備的基本素質(zhì)與能力。通過本章學(xué)習(xí)，使學(xué)生有能力在今后學(xué)習(xí)與生活中進(jìn)行網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作工作，掌握網(wǎng)頁設(shè)計(jì)的要點(diǎn)和應(yīng)用基礎(chǔ)，將本書前面各章作品綜合運(yùn)用到網(wǎng)頁中，真正達(dá)到學(xué)為所用，在醫(yī)學(xué)專業(yè)實(shí)際應(yīng)用中夯實(shí)自己的IT知識與技能。本章教學(xué)思想與教學(xué)目標(biāo).*21世紀(jì)醫(yī)學(xué)人才的培養(yǎng)，要緊跟我國衛(wèi)生信息化建設(shè)學(xué)生網(wǎng)頁作品93期七年制4班學(xué)生綜合能力瀏覽

93期七年制1班學(xué)生綜合能力瀏覽93期七年制9班學(xué)生綜合能力瀏覽93期七年制10班學(xué)生綜合能力瀏覽.*學(xué)生網(wǎng)頁作品93期七年制4班學(xué)生綜合能力瀏覽本章要點(diǎn)9.1節(jié)9.2節(jié)9.3節(jié)9.4節(jié)9.5節(jié)要點(diǎn)總結(jié)

網(wǎng)站設(shè)計(jì)過程，DREAMWEAVER軟件的使用方法，動(dòng)態(tài)網(wǎng)站設(shè)計(jì)過程。了解使用DREAMWEAVER軟件中的框架、行為、時(shí)間線等制作網(wǎng)頁的方法。掌握

網(wǎng)頁設(shè)計(jì)與制作。使用DREAMWEAVER軟件在網(wǎng)頁中添加文本、圖像，創(chuàng)建鏈接、圖層和表格方法。熟練掌握.*本章要點(diǎn)9.1節(jié)9.2節(jié)9.3節(jié)9.4節(jié)9.5節(jié)要點(diǎn)總課程導(dǎo)航9.4Dreamweaver概述9.19.29.3網(wǎng)站建立與編輯9.5綜合實(shí)例網(wǎng)站制作技巧搭建網(wǎng)站數(shù)據(jù)庫平臺(tái)9.1節(jié)9.2節(jié)9.3節(jié)9.4節(jié)9.5節(jié)要點(diǎn)總結(jié).*課程導(dǎo)航9.4Dreamweaver概述9.19.299.1Dreamweaver概述9.1.1目9.1.2目9.1.3目

Dreamweaver是Macromedia公司推出的專業(yè)網(wǎng)站設(shè)計(jì)和網(wǎng)頁制作軟件。使用Dreamweaver軟件可以制作各種需求的網(wǎng)站和網(wǎng)頁，例如：制作現(xiàn)今比較流行的個(gè)人博客、制作用于教學(xué)和師生交流的教學(xué)網(wǎng)站以及便于醫(yī)學(xué)信息交流和醫(yī)學(xué)常識介紹的醫(yī)學(xué)網(wǎng)站。這一節(jié)，我們將介紹Dreamweaver8的安裝、啟動(dòng)、窗口布局和網(wǎng)頁編輯視圖。返回本章.*9.1Dreamweaver概述9.1.1目9.1.2目9.*.*.*.*9.1.1目9.1.2目9.1.3目9.1.1安裝啟動(dòng)Dreamweaver2、啟動(dòng)方法第一種方法：在[開始]\[程序]菜單中啟動(dòng)。第二種方法：右擊需要編輯的網(wǎng)頁文件（HTML），在彈出的快捷菜單中選擇“使用Dreamweaver編輯”

Dreamweaver的啟動(dòng)界面9.1.1安裝啟動(dòng)Dreamweaver返回本節(jié).*9.1.1目9.1.2目9.1.3目9.1.1安裝啟動(dòng)Dre9.1.1目9.1.2目9.1.3目9.1.1安裝啟動(dòng)Dreamweaver3、選擇工作區(qū)

Dreamweaver8的工作區(qū)布局包括設(shè)計(jì)器和編碼器兩種，在【工作區(qū)設(shè)置】對話框中單擊相應(yīng)的單選按鈕即可選擇該工作區(qū)。

設(shè)計(jì)器方式適合用戶的主要工作是使用Dreamweaver中的可視化工具制作網(wǎng)頁編輯器方式是針對代碼編寫者的習(xí)慣進(jìn)行設(shè)計(jì)的，方便了程序員的工作。9.1.1安裝啟動(dòng)Dreamweaver返回本節(jié).*9.1.1目9.1.2目9.1.3目9.1.1安裝啟動(dòng)Dre9.1.2窗口布局9.1.1目9.1.2目9.1.3目9.1.2窗口布局返回本節(jié).*9.1.2窗口布局9.1.1目9.1.2目9.1.3目9.1標(biāo)題欄：位于Dreamweaver8界面最上部，其中顯示程序名稱和當(dāng)前編輯的文件名稱。最左側(cè)為控制按鈕；最右側(cè)為最小化、最大化/還原和關(guān)閉按鈕。菜單欄：包括10個(gè)菜單項(xiàng)，使用這些菜單命令基本上可以實(shí)現(xiàn)程序的所有功能。工具欄：包括【插入】、【樣式呈現(xiàn)】、【文檔】和【標(biāo)準(zhǔn)】4個(gè)工具欄，可通過選擇【查看】|【工具欄】子菜單中的相應(yīng)命令來顯示或隱藏它們。文檔窗口：用于顯示當(dāng)前創(chuàng)建或編輯的文檔，有【代碼】、【設(shè)計(jì)】和【拆分】3種視圖模式。狀態(tài)欄：用于顯示當(dāng)前編輯的文檔的狀態(tài)。屬性檢查器：用于查看和更改當(dāng)前選定文本或其他對象的屬性?？刂泼姘澹褐饕ā綜SS】、【應(yīng)用程序】、【標(biāo)簽檢查器】、【文件】、【框架】、【歷史記錄】、【結(jié)果】、【時(shí)間軸】8個(gè)面板組。9.1.1目9.1.2目9.1.3目9.1.2窗口布局返回本節(jié).*標(biāo)題欄：位于Dreamweaver8界面最上部，其中顯示程9.1.1目9.1.2目9.1.3目9.1.3網(wǎng)頁編輯視圖（3種）可視化視圖在這種視圖下看到的網(wǎng)頁外觀和瀏覽器中看到的基本一樣，通常Dreamweaver默認(rèn)為可視化視圖。網(wǎng)頁編輯視圖工具欄可視化視圖拆分視圖源代碼視圖9.1.3網(wǎng)頁編輯視圖返回本節(jié).*9.1.1目9.1.2目9.1.3目9.1.3網(wǎng)頁編輯視圖（9.1.1目9.1.2目9.1.3目9.1.3網(wǎng)頁編輯視圖（3種）源代碼視圖如果想查看或編輯源代碼，可以單擊工具欄上的“代碼”按鈕進(jìn)入源代碼視圖。源代碼視圖9.1.3網(wǎng)頁編輯視圖返回本節(jié).*9.1.1目9.1.2目9.1.3目9.1.3網(wǎng)頁編輯視圖（9.1.1目9.1.2目9.1.3目9.1.3網(wǎng)頁編輯視圖（3種）拆分視圖在這種視圖下編輯窗口被分割成上下兩部分，上面顯示源代碼，下面顯示可視化編輯窗口。拆分視圖9.1.3網(wǎng)頁編輯視圖返回本節(jié).*9.1.1目9.1.2目9.1.3目9.1.3網(wǎng)頁編輯視圖（9.2網(wǎng)站建立與編輯在訪問互聯(lián)網(wǎng)時(shí)，我們通常見到的網(wǎng)頁都是依托在某個(gè)Web站點(diǎn)里的。在設(shè)計(jì)網(wǎng)頁之前首先要?jiǎng)?chuàng)建一個(gè)Web站點(diǎn)，然后才能制作基于Web站點(diǎn)的網(wǎng)頁。本節(jié)將介紹如何創(chuàng)建一個(gè)新的完整Web站點(diǎn)

9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目

.*9.2網(wǎng)站建立與編輯在訪問互聯(lián)網(wǎng)時(shí)，我們9.2網(wǎng)站建立過程建立新站點(diǎn)9.2.19.2.2編輯文本與圖像9.2.3創(chuàng)建超鏈接、錨點(diǎn)鏈接和E-mail鏈接9.2.4創(chuàng)建表格9.2.6創(chuàng)建框架結(jié)構(gòu)9.2.5使用圖層9.2.7創(chuàng)建表單9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*9.2網(wǎng)站建立過程建立新站點(diǎn)9.2.19.2.2編輯文本與基本方式在【管理站點(diǎn)】對話框中單擊【新建】按鈕，從彈出菜單中選擇【站點(diǎn)】命令，彈出【站點(diǎn)定義為】對話框，在【基本】選項(xiàng)卡中進(jìn)行設(shè)置。9.2.1建立新站點(diǎn)【站點(diǎn)定義為】對話框的【基本】選項(xiàng)卡9.2.1建立新站點(diǎn)9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*基本方式9.2.1建立新站點(diǎn)【站點(diǎn)定義為】對話框的【基本】選

高級方式在【站點(diǎn)定義為】對話框中單擊【高級】標(biāo)簽，切換到【高級】選項(xiàng)卡，可進(jìn)行自定義的站點(diǎn)設(shè)置。【站點(diǎn)定義為】對話框的【高級】選項(xiàng)卡9.2.1建立新站點(diǎn)9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*【站點(diǎn)定義為】對話框的【高級】選項(xiàng)卡9.2.1建立新站創(chuàng)建站點(diǎn)目錄結(jié)構(gòu)（在“文件”面板中進(jìn)行）創(chuàng)建一級目錄在站點(diǎn)根目錄上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“新建文件夾”?！靶陆ㄎ募A”命令9.2.1建立新站點(diǎn)9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*創(chuàng)建站點(diǎn)目錄結(jié)構(gòu)（在“文件”面板中進(jìn)行）“新建文件夾”命令9創(chuàng)建站點(diǎn)目錄結(jié)構(gòu)（在“文件”面板中進(jìn)行）創(chuàng)建二級目錄在一級目錄上單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“新建文件夾”。創(chuàng)建二級目錄示意圖9.2.1建立新站點(diǎn)9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*創(chuàng)建站點(diǎn)目錄結(jié)構(gòu)（在“文件”面板中進(jìn)行）創(chuàng)建二級目錄示意圖9創(chuàng)建站點(diǎn)目錄結(jié)構(gòu)（在“文件”面板中進(jìn)行）新建網(wǎng)頁選擇【文件】|【新建】命令，彈出【新建文檔】對話框，在【常規(guī)】選項(xiàng)卡中的【類別】列表框中選擇【CSS樣式表】、【框架集】、【頁面設(shè)計(jì)(CSS)】、【頁面設(shè)計(jì)】或【頁面設(shè)計(jì)(有輔助功能的)】選項(xiàng)，然后從右側(cè)的列表框中選擇一個(gè)設(shè)計(jì)文件（文件類型隨所選網(wǎng)頁類別而異），再單擊【創(chuàng)建】按鈕，即可在文檔窗口中打開一個(gè)相應(yīng)的文檔副本?！拘陆ㄎ臋n】對話框9.2.1建立新站點(diǎn)9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*創(chuàng)建站點(diǎn)目錄結(jié)構(gòu)（在“文件”面板中進(jìn)行）選擇【文件】|【新建創(chuàng)建站點(diǎn)目錄結(jié)構(gòu)（在“文件”面板中進(jìn)行）文件和文件夾的移動(dòng)、復(fù)制、刪除和重命名選中要進(jìn)行操作的文件或文件夾，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“編輯”?！熬庉嫛泵顚υ捒?.2.1建立新站點(diǎn)9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*創(chuàng)建站點(diǎn)目錄結(jié)構(gòu)（在“文件”面板中進(jìn)行）“編輯”命令對話框99.2.2編輯文本和圖像文本和圖像是構(gòu)成網(wǎng)頁的基本元素，本節(jié)主要講解有關(guān)文本的基本操作，文本屬性面板的使用，以及如何添加水平分隔線和如何插入圖像。通過這些基本的操作，我們可以了解網(wǎng)頁設(shè)計(jì)的基本操作和版面設(shè)計(jì)。

9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目

.*9.2.2編輯文本和圖像文本和圖像是構(gòu)成網(wǎng)頁的基本文本的操作1、插入普通文本（2種方法）在文檔窗口中輸入文本。也就是先選擇要插入文本的位置，然后直接輸入文本。復(fù)制在其他編輯器中已經(jīng)生成的文本。

網(wǎng)頁中的文本網(wǎng)頁請點(diǎn)擊9.2.2編輯文本和圖像9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*文本的操作網(wǎng)頁中的文本網(wǎng)頁9.2.2編輯文本和圖像9.2文本的操作2、插入特殊符號（鍵盤不能直接輸入的字符）（1）在文檔中，將插入點(diǎn)放置在需要插入特殊字符的位置。（2）選擇【窗口】|【插入】命令，打開【插入】工具欄，單擊工具欄上【文本】選項(xiàng)卡，如圖所示，從中選擇某一標(biāo)記按鈕，或者選擇【插入】|【HTML】|【特殊字符】命令，然后從子菜單中選中要插入字符的名稱。網(wǎng)頁請點(diǎn)擊9.2.2編輯文本和圖像9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*文本的操作網(wǎng)頁9.2.2編輯文本和圖像9.2.7目9.2.文本的操作3、插入換行符（1）在文本中按回車鍵強(qiáng)制文本換行，這時(shí)會(huì)注意到分成兩行的文字的間距比較大，這樣的換行稱為段落換行。（2）在段落的某處進(jìn)行強(qiáng)制換行，但又不希望間距過大，就可以使用換行符來完成換行，這樣的換行稱為段內(nèi)換行。按Shift+Enter組合鍵可以實(shí)現(xiàn)段內(nèi)換行，即插入換行符。網(wǎng)頁請點(diǎn)擊9.2.2編輯文本和圖像9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*文本的操作網(wǎng)頁9.2.2編輯文本和圖像9.2.7目9.2.文本的操作4、插入日期(1)在文檔窗口中，將插入點(diǎn)放置到要插入日期的位置。(2)選擇【插入】|【日期】命令，或者單擊“插入”工具欄上的“常用”面板上的【插入日期】按鈕。(3)在彈出的“插入日期”對話框中，選擇日期和時(shí)間格式。(4)如果希望插入的日期和時(shí)間在每次保存文檔時(shí)都能自動(dòng)更新，那么就選中【儲(chǔ)存時(shí)自動(dòng)更新】復(fù)選框。如果只是將插入的日期當(dāng)作普通文本，那么就取消選擇該復(fù)選框。(5)單擊【確定】按鈕，即可在文檔中插入日期。網(wǎng)頁請點(diǎn)擊9.2.2編輯文本和圖像9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*文本的操作網(wǎng)頁9.2.2編輯文本和圖像9.2.7目9.2.【插入日期】對話框網(wǎng)頁請點(diǎn)擊9.2.2編輯文本和圖像9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*【插入日期】對話框網(wǎng)頁9.2.2編輯文本和圖像9.2.7目文本屬性面板打開方式有兩種：按快捷鍵Ctrl+F3，選擇【窗口】|【屬性】命令

文本屬性面板網(wǎng)頁請點(diǎn)擊9.2.2編輯文本和圖像9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*文本屬性面板文本屬性面板網(wǎng)頁9.2.2編輯文本和圖像9.添加水平分割線（1）在文檔中，將插入點(diǎn)放置到要插入水平線的位置。（2）選擇【插入】|【HTML】|【水平線】命令，或者單擊“插入”工具欄上的HTML選項(xiàng)卡上的【水平線】按鈕。（3）插入了水平分隔線，選中該水平線，可以在屬性面板上根據(jù)需要修改其屬性。水平分割線網(wǎng)頁請點(diǎn)擊9.2.2編輯文本和圖像9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*添加水平分割線水平分割線網(wǎng)頁9.2.2編輯文本和圖像9.插入圖像1、插入圖像（1）將光標(biāo)置入要插入圖像的位置。（2）選擇【插入】|【圖像】命令；或者單擊“插入”工具欄上的“常用”面板，選擇【插入圖像】按鈕；也可以用鼠標(biāo)把該圖像按鈕拖到需要插入圖像的位置。注意：無論采用上述哪種方法插入圖像，相應(yīng)地圖像文件必須位于當(dāng)前站點(diǎn)之內(nèi)。如果不在，Dreamweaver8會(huì)詢問是否要把該文件復(fù)制到當(dāng)前站點(diǎn)內(nèi)的文件夾中。網(wǎng)頁中的圖片網(wǎng)頁請點(diǎn)擊9.2.2編輯文本和圖像9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*插入圖像注意：無論采用上述哪種方法插入圖像，相應(yīng)地圖像文件必插入圖像2、設(shè)置圖像屬性在屬性面板中可以查看和修改圖像的屬性。

“圖像屬性”面板網(wǎng)頁請點(diǎn)擊9.2.2編輯文本和圖像9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*插入圖像“圖像屬性”面板網(wǎng)頁9.2.2編輯文本和圖像9.插入圖像3、圖像與文本的對齊方式在Dreamweaver中，插入的圖像被視為一般字符。通過設(shè)置該圖像相對于同一段落或行中的其他元素的對齊方式可以調(diào)整圖像與其他對象之間的關(guān)系。選擇所需圖像后，可在圖像屬性面板中的【對齊】下拉列表框中選擇要使用的垂直對齊方式。網(wǎng)頁請點(diǎn)擊9.2.2編輯文本和圖像9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*插入圖像網(wǎng)頁9.2.2編輯文本和圖像9.2.7目9.2.59.2.3創(chuàng)建超級鏈接、錨點(diǎn)鏈接和E-mail鏈接在瀏覽網(wǎng)頁時(shí)，我們通?？梢园l(fā)現(xiàn)可以某個(gè)網(wǎng)頁打開其它網(wǎng)頁或文件，這些功能都是通過各種鏈接實(shí)現(xiàn)的。本節(jié)將重點(diǎn)介紹如何創(chuàng)建超級鏈接，超級鏈接使得網(wǎng)絡(luò)上的信息有機(jī)的聯(lián)系在一起。同時(shí)我們還將介紹錨點(diǎn)鏈接和E-mail鏈接。

9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目

.*9.2.3創(chuàng)建超級鏈接、錨點(diǎn)鏈接和E-mail鏈接創(chuàng)建超級鏈接（1）選擇窗口中的文本或其他對象。

（2）單擊“鏈接”下拉列表框右側(cè)的文件夾圖標(biāo)，瀏覽并選擇一個(gè)文件，

（3）選擇被鏈接文檔的載入位置。在默認(rèn)情況下，被鏈接文檔打開在當(dāng)前窗口或框架中。要使被鏈接的文檔顯示在其他窗口或框架內(nèi)，需要從“屬性”面板的“目標(biāo)”下拉列表上選擇一個(gè)選項(xiàng)。鍵入的地址鏈接網(wǎng)頁請點(diǎn)擊9.2.3創(chuàng)建超級鏈接、錨點(diǎn)鏈接和E-mail鏈接9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*創(chuàng)建超級鏈接鍵入的地址鏈接網(wǎng)頁9.2.3創(chuàng)建超級鏈接、錨點(diǎn)創(chuàng)建錨點(diǎn)鏈接錨點(diǎn)常常被用來跳轉(zhuǎn)到特定的主題或文檔的頂部，便訪問者能夠快速測覽到選定的位置，加快信息檢索速度。

(1)插入錨點(diǎn)：選擇“插入”|“命名錨點(diǎn)”命令。(2)鏈接到錨點(diǎn)：在文檔窗口中選擇要建立錨點(diǎn)鏈接的文本或圖像。在“屬性”面板的“鏈接”下拉列表框中輸入一個(gè)號碼符號(#)和錨點(diǎn)名。例如，要鏈接到當(dāng)前文檔中稱為top的錨點(diǎn)，輸入:#top。錨點(diǎn)鏈接網(wǎng)頁請點(diǎn)擊9.2.3創(chuàng)建超級鏈接、錨點(diǎn)鏈接和E-mail鏈接9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*創(chuàng)建錨點(diǎn)鏈接錨點(diǎn)鏈接網(wǎng)頁9.2.3創(chuàng)建超級鏈接、錨點(diǎn)鏈接和創(chuàng)建E-mail鏈接（1）把光標(biāo)置于文檔窗口希望顯示電子郵件鏈接的地方，或選定希望顯示為電子郵件鏈接的文本，然后執(zhí)行以下操作之一。選擇【插入】|【電子郵件鏈接】命令?；蛘咴凇安迦搿惫ぞ邫诘摹俺Ｓ谩泵姘迳蠁螕簟静迦腚娮余]件鏈接】按鈕。（2）在“電子郵件鏈接”對話框的“文本”文本框中輸入或編輯作為電子郵件鏈接顯示在文檔中的文本，在“電子郵件”文本框中輸入郵件應(yīng)該送達(dá)的電子郵件地址。（3）在文檔窗口選擇文本或圖像，在“屬性”面板上的“鏈接”下拉列表框中輸入“mailto:”和電子郵件地址。網(wǎng)頁請點(diǎn)擊9.2.3創(chuàng)建超級鏈接、錨點(diǎn)鏈接和E-mail鏈接9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*創(chuàng)建E-mail鏈接網(wǎng)頁9.2.3創(chuàng)建超級鏈接、錨點(diǎn)鏈接和9.2.4創(chuàng)建表格在網(wǎng)頁中，體現(xiàn)各種數(shù)據(jù)比較情況最好的體現(xiàn)形式是表格，同時(shí)想清晰的放置文本、圖像等元素，也可以使用表格來指定它們的具體位置。本節(jié)我們將介紹如何插入表格、設(shè)置表格屬性、表格的常規(guī)操作等。以便在網(wǎng)頁中設(shè)計(jì)多種多樣的表格，也可以通過表格來設(shè)計(jì)窗體元素的位置。9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目

.*9.2.4創(chuàng)建表格在網(wǎng)頁中，體現(xiàn)各種數(shù)據(jù)比較情況最插入表格（3種方法）單擊“插入”工具欄上的“常用”面板上的【表格】按鈕。選擇【插入】菜單中的【表格】命令?！安迦搿惫ぞ邫谏系摹俺Ｓ谩泵姘迳系摹颈砀瘛堪粹o從“常用”面板拖到頁面上所需位置。表格網(wǎng)頁請點(diǎn)擊9.2.4創(chuàng)建表格9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*插入表格（3種方法）表格網(wǎng)頁9.2.4創(chuàng)建表格9.2.7目設(shè)置表格屬性表格通過屬性面板設(shè)置它的屬性實(shí)現(xiàn)的。1．設(shè)置整個(gè)表格屬性：選擇整個(gè)表格。2．設(shè)置單元格屬性：選擇單個(gè)單元格或單元格的任意組合。

“表格屬性”面板網(wǎng)頁請點(diǎn)擊9.2.4創(chuàng)建表格9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*設(shè)置表格屬性“表格屬性”面板網(wǎng)頁9.2.4創(chuàng)建表格9.2表格操作對表格經(jīng)常需要編輯、修改、刪除等操作，尤其是用表格對整個(gè)頁面進(jìn)行布局時(shí)更是如此。打開【修改】|【表格】命令，然后在級聯(lián)菜單中選擇相應(yīng)的命令，可以實(shí)現(xiàn)大多數(shù)表格操作。表格菜單網(wǎng)頁請點(diǎn)擊9.2.4創(chuàng)建表格9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*表格操作表格菜單網(wǎng)頁9.2.4創(chuàng)建表格9.2.7目9.2.9.2.5使用圖層層(Layer)是網(wǎng)頁內(nèi)容的一種容器。與表格一樣，也有網(wǎng)頁元素定位功能。層的最主要特點(diǎn)就是它能夠在網(wǎng)頁上任意浮動(dòng)，可以實(shí)現(xiàn)層對網(wǎng)頁內(nèi)容的精確定位。層可以重疊，可以顯示和隱藏，利用程序可以控制層的顯示和隱藏，實(shí)現(xiàn)層內(nèi)容的動(dòng)態(tài)交替顯示等特殊效果。本節(jié)具體介紹層的使用方法。9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目

.*9.2.5使用圖層層(Layer)是網(wǎng)頁內(nèi)容的一種層的基本操作1、插入層（1）將光標(biāo)放置在要插入層的位置，選擇【插入】|【布局對象】|【層】命令。（2）就可在文檔窗口插入一個(gè)空的預(yù)設(shè)置大小的層。網(wǎng)頁請點(diǎn)擊9.2.5使用圖層9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*層的基本操作網(wǎng)頁9.2.5使用圖層9.2.7目9.2.5目層的基本操作2、繪制層（1）鼠標(biāo)單擊“插入”工具欄上的【布局】面板，單擊【描繪層】按鈕。（2）將鼠標(biāo)移動(dòng)到文檔窗口，這時(shí)鼠標(biāo)指針變?yōu)槭中螤?。?）在文檔窗口中希望放置層的位置上按下鼠標(biāo)左鍵，拖動(dòng)鼠標(biāo)到希望大小后釋放鼠標(biāo)，一個(gè)新層就被創(chuàng)建。注意：同時(shí)繪制多個(gè)層，可按住Ctrl鍵的同時(shí)，單擊“布局”面板上的【描繪層】按鈕。網(wǎng)頁請點(diǎn)擊9.2.5使用圖層9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*層的基本操作網(wǎng)頁9.2.5使用圖層9.2.7目9.2.5目層的基本操作3、激活層把鼠標(biāo)光標(biāo)移至層內(nèi)任何地方單擊，即可激活層。

被激活的層網(wǎng)頁請點(diǎn)擊9.2.5使用圖層9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*層的基本操作被激活的層網(wǎng)頁9.2.5使用圖層9.2.7目9設(shè)置層的屬性通過層的屬性面板設(shè)置層的屬性。

“層屬性”面板網(wǎng)頁請點(diǎn)擊9.2.5使用圖層9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*設(shè)置層的屬性“層屬性”面板網(wǎng)頁9.2.5使用圖層9.2.使用“層”面板1、顯示“層”面板選擇【窗口】|【層】命令或是按F2鍵。2、改變層名稱選中層，在“屬性”面板的“層編號”文本框中可以輸入或修改層名稱。3．設(shè)置層的可見性選擇要改變可見性的層所在行，單擊眼睛圖標(biāo)列，直至設(shè)置為想要的可見性。睜開的眼睛表示層可見；閉上的眼睛表示層不可見。

“層”面板層可見性層編號網(wǎng)頁請點(diǎn)擊9.2.5使用圖層9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*使用“層”面板“層”面板層可見性層編號網(wǎng)頁9.2.5使用9.2.6創(chuàng)建框架結(jié)構(gòu)登陸網(wǎng)站瀏覽網(wǎng)頁時(shí)，用戶經(jīng)常會(huì)遇到這樣的情形，瀏覽器窗口被分隔成了幾個(gè)不同的瀏覽區(qū)域，每個(gè)區(qū)域中顯示著不同的文檔內(nèi)容，這就是利用了框架。本節(jié)我們將介紹框架的使用，如何創(chuàng)建和刪除框架，如何設(shè)置框架和框架集的屬性等。有了框架，我們對網(wǎng)頁的版面設(shè)計(jì)就更加得心應(yīng)手。9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目

.*9.2.6創(chuàng)建框架結(jié)構(gòu)登陸網(wǎng)站瀏覽網(wǎng)頁時(shí)，用戶經(jīng)?？蚣芨攀龅顷懢W(wǎng)站瀏覽網(wǎng)頁時(shí)，用戶經(jīng)常會(huì)遇到這樣的情形，瀏覽器窗口被分隔成了幾個(gè)不同的瀏覽區(qū)域，每個(gè)區(qū)域中顯示著不同的文檔內(nèi)容，這就是利用了框架。一般來說，框架技術(shù)主要通過兩種類型的元素來實(shí)現(xiàn)，框架集和框架。框架就是在框架集中用來組織和顯示網(wǎng)頁文檔的頁面元素?？蚣芗褪强蚣艿募??？蚣芫W(wǎng)頁請點(diǎn)擊9.2.6創(chuàng)建框架結(jié)構(gòu)9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*框架概述框架網(wǎng)頁9.2.6創(chuàng)建框架結(jié)構(gòu)9.2.7目9.2創(chuàng)建、刪除框架

1、創(chuàng)建框架（1）用鼠標(biāo)拖動(dòng)文檔窗口四周顯示的框架邊框，將其拖動(dòng)到希望的位置上，釋放鼠標(biāo)，即可構(gòu)建框架。（2）如果用鼠標(biāo)拖動(dòng)的是框架的邊框角，則可以在左右和上下兩個(gè)方向上同時(shí)分割框架，同樣，拖動(dòng)的邊框和方向不同，原有的內(nèi)容最后所位于的框架也不同。（3）繼續(xù)拖動(dòng)各框架邊框(包括最初出現(xiàn)在文檔窗口四周的邊框，以及生成框架后各框架的邊框)，可以繼續(xù)構(gòu)建框架。網(wǎng)頁請點(diǎn)擊9.2.6創(chuàng)建框架結(jié)構(gòu)9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*創(chuàng)建、刪除框架網(wǎng)頁9.2.6創(chuàng)建框架結(jié)構(gòu)9.2.7目9.2創(chuàng)建、刪除框架

2、刪除框架如果希望刪除創(chuàng)建的框架，只需用鼠標(biāo)拖動(dòng)框架邊框，將之拖離頁面或拖動(dòng)到父框架邊框上即可。構(gòu)建框架網(wǎng)頁請點(diǎn)擊9.2.6創(chuàng)建框架結(jié)構(gòu)9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*創(chuàng)建、刪除框架構(gòu)網(wǎng)頁9.2.6創(chuàng)建框架結(jié)構(gòu)9.2.7目9.設(shè)置框架和框架集的屬性

1、框架面板打開【窗口】|【框架】命令，或是按Shift+F2鍵，即可顯示“框架”面板?？蚣苊姘寰W(wǎng)頁請點(diǎn)擊9.2.6創(chuàng)建框架結(jié)構(gòu)9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*設(shè)置框架和框架集的屬性框架面板網(wǎng)頁9.2.6創(chuàng)建框架結(jié)構(gòu)設(shè)置框架和框架集的屬性

2、設(shè)置框架屬性先選中框架，然后從“屬性”面板中設(shè)置框架屬性。

“框架屬性”面板網(wǎng)頁請點(diǎn)擊9.2.6創(chuàng)建框架結(jié)構(gòu)9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*設(shè)置框架和框架集的屬性“框架屬性”面板網(wǎng)頁9.2.6創(chuàng)建9.2.7創(chuàng)建表單表單是Internet上用戶同服務(wù)器進(jìn)行信息交流最主要的工具。通過登錄Web頁收發(fā)E-mail郵件時(shí)，首先需要輸入用戶的賬號和地址，這就是表單的一種具體應(yīng)用。本節(jié)中我們將介紹如何創(chuàng)建表單、表單的屬性以及如何添加表單對象。有了表單，可以幫助網(wǎng)站與用戶進(jìn)行信息交流。9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目

.*9.2.7創(chuàng)建表單表單是Internet上表單概述表單是Internet上用戶同服務(wù)器進(jìn)行信息交流最主要的工具。通過登錄Web頁收發(fā)E-mail郵件時(shí)，首先需要輸入用戶的賬號和地址，這就是表單的一種具體應(yīng)用。用表單制作的留言簿網(wǎng)頁請點(diǎn)擊9.2.7創(chuàng)建表單9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*表單概述用表單制作的留言簿網(wǎng)頁9.2.7創(chuàng)建表單9.2.創(chuàng)建表單

(1)把光標(biāo)置于要插入表單的位置，然后選擇【插入】|【表單】命令。(2)把光標(biāo)置于要插入表單的位置，然后選擇【窗口】|【插入】，接下來在調(diào)出的“插入”工具欄上選擇“表單”面板，最后單擊【表單】按鈕。(3)把【表單】按鈕拖到頁面上需要插入表單的位置。注意：創(chuàng)建表單的時(shí)候，表單的區(qū)域是以虛線區(qū)域表示的。它的大小隨著包含內(nèi)容的多少自動(dòng)調(diào)整，虛線不會(huì)在瀏覽器中顯示出來。網(wǎng)頁請點(diǎn)擊9.2.7創(chuàng)建表單9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*創(chuàng)建表單注意：創(chuàng)建表單的時(shí)候，表單的區(qū)域是以表單屬性

選中表單，打開“屬性”面板，在“屬性”面板中可以設(shè)置表單的屬性。

“表單屬性”面板網(wǎng)頁請點(diǎn)擊9.2.7創(chuàng)建表單9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*表單屬性“表單屬性”面板網(wǎng)頁9.2.7創(chuàng)添加表單對象（2種方法）

將插入點(diǎn)放入表單中要放置控件的位置，選擇【插入】|【表單對象】命令中的命令來插入表單對象。將插入點(diǎn)放入表單中要放置控件的位置，打開“插入”工具欄，激活“表單”選項(xiàng)卡，從該選項(xiàng)卡中選擇對應(yīng)的表單對象按鈕。插入表單對象（點(diǎn)擊查看常用表單對象）網(wǎng)頁請點(diǎn)擊9.2.7創(chuàng)建表單9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*添加表單對象（2種方法）插入表單對象（點(diǎn)擊文本字段：文本字段可接受任何類型的文本、字母或數(shù)字，輸入的文本可以顯示為單行、多行和密碼，默認(rèn)為單行。隱藏域：設(shè)計(jì)者利用它存儲(chǔ)信息（如表單主題），這些信息與用戶無關(guān)，但卻是應(yīng)用程序在處理表單時(shí)所必需的。復(fù)選框：在工具欄中對應(yīng)的圖標(biāo)按鈕。復(fù)選框允許用戶在一組選項(xiàng)中選擇多項(xiàng)。單選按鈕：在一組選項(xiàng)中一次只能選擇一項(xiàng)。選擇一組中的某個(gè)按鈕，就會(huì)禁止選擇該組中的所有其他按鈕。圖像域：在表單中插入圖像。可以使用圖像域替換【提交】按鈕，以生成圖形化按鈕。按鈕：在表單中插入文本按鈕。按鈕在單擊時(shí)執(zhí)行任務(wù)，如提交或重置表單。網(wǎng)頁請點(diǎn)擊9.2.7創(chuàng)建表單9.2.7目9.2.5目9.2.3目9.2.4目9.2.1目9.2.2目返回本章9.2.6目.*文本字段：文本字段可接受任何類型的文本、字母或數(shù)字，輸入的文9.3網(wǎng)站制作技巧我們在瀏覽網(wǎng)頁時(shí)，可能會(huì)在網(wǎng)頁上進(jìn)行一些交互式的操作，例如：我們申請電子郵箱時(shí)，當(dāng)輸入完相關(guān)信息后，要進(jìn)行確認(rèn)和提交，而網(wǎng)頁是通過Dreamweaver提供的行為來識別用戶的這些交互操作的。本節(jié)我們將介紹行為、行為面板的使用、如何綁定行為等內(nèi)容。有了行為，使網(wǎng)頁更加生動(dòng)，具有動(dòng)態(tài)的感覺和交互的變化。9.3.1目9.3.2目返回本章

.*9.3網(wǎng)站制作技巧我們在瀏覽網(wǎng)頁時(shí)，可能會(huì)行為概述9.3.19.3.2動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)9.3網(wǎng)站制作技巧9.3.1目9.3.2目返回本章.*行為概述9.3.19.3.2動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)9.3網(wǎng)站制作技巧行為概述一般來說，一個(gè)行為應(yīng)該由一個(gè)事件(event)和一個(gè)動(dòng)作(action)所組成。例如，當(dāng)用戶將鼠標(biāo)移動(dòng)到一幅圖像上，這就產(chǎn)生了一個(gè)事件，如果這時(shí)候圖像變化，則相應(yīng)地就有一個(gè)動(dòng)作被執(zhí)行。事件通常由瀏覽器所定義，它可以被綁定到各種頁面元素上，例如，大多數(shù)瀏覽器中，超級鏈接上都會(huì)發(fā)生onMouseOver、onMouseOut和onCLick這三種事件。動(dòng)作通常由一段代碼所組成，利用這段代碼可以完成相應(yīng)的任務(wù)，例如打開瀏覽器、播放音樂或視頻等。將事件和動(dòng)作組合起來，就構(gòu)成了行為。Dreamweaver8提供大約20多個(gè)行為動(dòng)作。9.3.1行為概述網(wǎng)頁請點(diǎn)擊9.3.1目9.3.2目返回本章.*行為概述9.3.1行為概述網(wǎng)頁9.3.1目9.3.2目返回10.9.2

應(yīng)用行為1、行為面板用戶要編輯行為，給頁面添加行為，就必須了解“行為”面板。選擇【窗口】|【行為】命令，或者直接按Shfit+F3鍵，將打開“行為”面板。行為面板9.3.1行為概述網(wǎng)頁請點(diǎn)擊9.3.1目9.3.2目返回本章.*10.9.2應(yīng)用行為行為面板9.3.1行為概述網(wǎng)頁9.10.9.2

應(yīng)用行為2、綁定行為(1)在文檔窗口中，選中要綁定行為的對象。如果希望為整個(gè)文檔綁定行為，可以在文檔窗口狀態(tài)欄左方的標(biāo)記選擇器上選中<body>標(biāo)記。

(2)單擊“行為”面板上的加號按鈕，打開行為菜單，然后選擇需要綁定的行為項(xiàng)。

(3)通常，選擇了某個(gè)命令之后，會(huì)出現(xiàn)一個(gè)對話框，選中的選項(xiàng)不同，對話框也不同。設(shè)置對話框中的相應(yīng)參數(shù)，單擊【確定】按鈕，頁面或選定的頁面元素就綁定了一個(gè)行為。

(4)這時(shí)在行為列表中會(huì)顯示添加的事件己經(jīng)對應(yīng)的動(dòng)作，如果默認(rèn)的觸發(fā)事件不是所需的事件，可以單擊該事件項(xiàng)右方的箭頭，打開事件菜單選擇其他事件。9.3.1行為概述網(wǎng)頁請點(diǎn)擊9.3.1目9.3.2目返回本章.*10.9.2應(yīng)用行為9.3.1行為概述網(wǎng)頁9.3.1目9綁定行為9.3.1行為概述網(wǎng)頁請點(diǎn)擊9.3.1目9.3.2目返回本章.*綁定行為9.3.1行為概述網(wǎng)頁9.3.1目9.3.2目返10.9.2

應(yīng)用行為3．修改已添加的行為用戶可以修改已添加的行為，使之更加符合設(shè)計(jì)要求。選中包含要修改行為的對象，在“行為”面板選中要修改的行為，雙擊該行為，這時(shí)會(huì)打開該行為對應(yīng)的對話框，重新