【正文】 度和高度 ， 也可以手動更改圖片的大小 。 ? 圖像的寬度和高度的單位可以是像素 ， 也可以是百分比 。如果顯示器是 800 600， 屏幕就相當于水平方向上有800個像素點的寬度 ， 垂直方向上有 600個像素點的寬度 。因為網(wǎng)頁主要是通過屏幕顯示 ， 所以建議使用像素作為單位 。 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 75 ?圖像的邊框屬性 BORDER – 基本語法： img src=File＿ name border=value ? value為邊框線的寬度，單位為像素。 – 默認的圖片是沒有邊框的，通過屬性可以為圖像添加邊框線。我們可以設置邊框線的寬度，但邊框的顏色是不可以調整的。當圖像上沒有添加鏈接的時候，邊框的顏色為黑色；當圖像添加了鏈接時，邊框的顏色和鏈接文字顏色一致，默認為深藍色。 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 76 ?圖像的垂直間距屬性 VSPACE – 基本語法 ： img src=“ File＿ name” vspace=“ value” ? value為圖片垂直方向上和文字的距離，單位是像素。 – 圖像和文字之間的距離是可以調整的，這個屬性用來調整圖像和文字之間的上下距離。此功能非常有用，有效地避免了網(wǎng)頁上文字圖像擁擠的排版。其單位默認為像素。 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 77 ?圖像的水平間距屬性 HSPACE – 基本語法 ： img src=File＿ name hspace=value ? value為圖片水平方向上和文字的距離，單位為像素。 – 圖像和文字之間的距離是可以調整的，這個屬性用來調整圖像和文字之間的左右距離。此功能非常有用，有效地避免了網(wǎng)頁上文字圖像擁擠的排版。其單位默認為像素。 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 78 ?圖像的排列屬性 ALIGN – 圖像和文字之間的排列通過 align屬性來設定。 – 絕對對齊文字的效果和文字的對齊一樣，只有三種：居左、居中、居右；而相對文字對齊方式是指圖像與一行文字的相對位置。 ? 基線 (Baseline)、 底部 (Bottom)、 絕對底部(Absolute Bottom)效果相同，是指圖像底端和文字的底端對齊。 ? 對于中文 頂端 (Top)、 文本上方 (TextTop)方式是指圖像頂端和文字行最高字符的頂端對齊。 ? 中間 (Middle)方式是指圖像的中間線和文字的底端對齊。 ? 絕對中間 (Absolute Middle)是指圖像的中間線和文字的中間線對齊。 絕對中間 對齊方式用處比較大，文字前如有小圖標，那么圖標應該使用 絕對中間 對齊方式。 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 79 ?圖像的排列屬性 ALIGN（續(xù)） – 基本語法 img src=File＿ name align=Top img src=File＿ name align=Middle img src=File＿ name align=Bottom img src=File＿ name align=Left img src=File＿ name align=Right img src=File＿ name align=Absbottom img src=File＿ name align=Absmiddle img src=File＿ name align=Baseline img src=File＿ name align=Texttop 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 80 ?圖像的排列屬性 ALIGN（續(xù)） 屬性值 描述 Top 文字的中間線居在圖像上方 Middle 文字的中間線居在圖像中間 Bottom 文字的中間線居在圖像底部 Left 圖片在文字的左部 Right 圖片在文字的右部 Absbottom 文字的底線居在圖片底部 Absmiddle 文字的底線居在圖片中間 Baseline 英文文字基準線對齊 Texttop 英文文字上邊線對齊 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 81 【 例 316】 圖像標記的應用。 HTML HEAD TITLE圖像標記示例 /TITLE /HEAD BODY P align=centerimg src= alt=親親寶貝 width=―300 height=―200/P HR width=600 size=1 color=0000FF /BODY /HTML 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 82 圖 316 插入圖像的效果 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 83 2． IMG的視頻標記功能 –利用 IMG還可以插入視頻 。 – 功能：在網(wǎng)頁中加入視頻信息 ， 格式一般為*.AVI。 – 格式： IMG src=―imageURL‖ dynsrc=―aviURL‖ loop=―n‖ start=―開始時間 ” controls loopdelay=―時間間隔 ” 。 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 84 ?屬性如下： – scr：設置一幅靜態(tài)圖像的 URL地址 ， 在未載入 .AVI文件時 ， 先在 .AVI的播放區(qū)域顯示該圖像 。 – dynsrc：設置視頻文件存放的路徑和文件名 。 – loop：設置視頻文件播放的次數(shù) ， 如果其值為 INFINITE，則表示反復播放直到瀏覽者離開該網(wǎng)頁 。 – start： 設置何時開始播放視頻文件 ， 它有兩個屬性值fileopen和 mouseover。 ? fileopen 是指在鏈接到含本標記的頁面時開始播放 ， ? mouseover 是指將鼠標移動到 .AVI播放區(qū)時開始播放 ，默認值為 fileopen。 另外 ， 當鼠標在 AVI播放區(qū)單擊時 ，也可使瀏覽器開始播放 。 – controls：在視頻窗口下附加 Windows的 AVI文件播放控制條 。 – loopdelay：設置兩次播放的間隔時間 ， 單位是毫秒 。 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 85 背景音樂標記 –功能：在網(wǎng)頁中加入聲音 ， 聲音文件格式可以為 *.wav或 *.mid。 –格式： BGSOUND src=―聲音文件的 URL地址 ” loop=―value‖。 –屬性： ? src指明聲音文件的 URL地址 。 ? loop控制播放次數(shù) ， 取 1或 INFINITE時 ， 聲音將一直播放到瀏覽者離開該網(wǎng)頁為止 。 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 86 多媒體標記 – 功能：在頁面中放置如 SWF動畫 （ 即 Flash動畫 ） 、MP3音樂 、 電影等多種多媒體內容 – 格式： EMBED src=―file_URL‖ height=―value‖ width=―value‖ hidden=―hidden_value‖ autostart=―auto_value‖ loop=―loop_value‖/EMBED 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 87 ?屬性如下： – src ：指明多媒體文件所在的路徑，可以插入的常見的多媒體文件包括 SWF動畫、 MP3音樂、 MPEG格式的視頻和 AVI格式的視頻。 – height和 width ：設置多媒體播放的區(qū)域，取值為點數(shù)或相對于窗口的百分比。 – hidden ：用于控制播放面板的顯示和隱藏。當hidden=―True‖時，隱藏面板；當 hidden=―False‖時，顯示面板。 – autostart ：用于控制多媒體內容是否自動播放。當auto=―True‖時，自動播放；當 auto=―False‖時，不自動播放。 – loop ：用于控制多媒體內容是否循環(huán)播放。當loop=―True‖時，無限次循環(huán)次數(shù)；當 loop=―False‖時，僅播放一次。 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 88 HTML的超鏈接標記 – 功能：建立超鏈接。 – 格式： A href=―fileURL‖ target=―value‖顯示的文本或圖像 /A。 – 屬性如下： （ 1） href：設置要鏈接到的目標的 URL地址 。 （ 2） target：指定打開鏈接的目標窗口 。 當 target=―＿ self‖時 ， 表示在原窗口顯示鏈接頁面；當 target=―＿ blank‖時 ，表示在新開窗口顯示鏈接頁面； target=―＿ parent‖時 ， 表示在上一級窗口中打開 ， 一般使用分幀的框架會經(jīng)常使用；當 target=―＿ top‖時 ， 表示在瀏覽器的整個窗口中打開 ， 忽略任何框架 。 默認時指在原窗口中打開鏈接 。 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 89 【 例 317】 超鏈接標記的應用。 HTML HEAD TITLE超鏈接標記示例 /TITLE /HEAD BODY H1主流的網(wǎng)頁設計軟件 /H1 目前，網(wǎng)頁技術進入了一個新的階段，現(xiàn)在的網(wǎng)頁再也不是圖片的堆積和枯燥無味的文本了，人們現(xiàn)在追求的是網(wǎng)頁的動態(tài)效果和交互性。而 MACROMEDIA公司的網(wǎng)頁設計三劍客軟件 DREAMWEAVER、 FIREWORKS、 FLASH正是交互性網(wǎng)頁設計的杰出代表，其最新版本 8繼承了前期版本的優(yōu)點，進行了功能的進一步整合，非常適合于網(wǎng)頁設計和網(wǎng)站建設的需要。 P A HREF=網(wǎng)頁制作軟件 DREAMWEAVER 8/A BR A HREF= TARGET=_self網(wǎng)頁圖片軟件 FIREWORKS 8/A BR A HREF= TARGET=_blank網(wǎng)頁動畫軟件 FLASH 8/A /BODY /HTML 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 90 圖 317 運用超鏈接的效果 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 91 HTML的表單標記 表單是實現(xiàn)動態(tài)網(wǎng)頁的一種主要的外在形式 ，是 HTML頁面與瀏覽器端實現(xiàn)交互的重要手段 。 表單的主要功能是收集信息 ， 具體說是收集瀏覽者的信息 。 例如在網(wǎng)上要申請一個電子信箱 ， 就必須按要求填寫完成網(wǎng)站提供的表單頁面 ， 其主要內容是姓名 、 年齡 、 聯(lián)系方式等個人信息 。 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 92 ?表單信息處理的過程為： – 當單擊表單中的提交按紐時 ， 輸入在表單中的信息就會從客戶端的瀏覽器上傳到服務器中； – 然后由服務器中的有關表單處理程序 （ ASP、CGI等程序 ） 進行處理； – 處理后或者將用戶提交的信息儲存在服務器端的數(shù)據(jù)庫中 ， 或者將有關的信息返回到客戶端瀏覽器中 ， 這樣網(wǎng)頁就具有了交互性 。 《 網(wǎng)頁設計與制作 》 《 網(wǎng)頁設計與制作 》 93 1．表單標記 FORM – 表單是網(wǎng)頁上的一個特定區(qū)域 ， 這個區(qū)域由 FORM/ FORM 標記對來定義 。 – 第一 ， 限定表單的范圍 。 其他的表單對象 ， 都要插入到FORM/ FORM 表單標記對之中才有效 。 單擊提交按鈕時 ， 提交的也是表單范圍之內的內容 。 – 第二 ， 攜帶表單的相關信息 。 例如處理表單的腳本程序的位置 、 提交表單的方法等 。 這些信息對于瀏覽者是不可見的 ， 但對于處理表單卻有著決定性的作用 。 – 格式： FORM n