【文章內(nèi)容簡介】 型，例如選擇“ Audi”，表單將會提交參數(shù)cars=audi，將數(shù)據(jù)交給 form標(biāo)簽中的 action屬性指定的 url地址。本頁面效果如圖 。 圖 一個簡單的下拉選項框 25 頁 面 美化 ? 251 font標(biāo)簽 ? 252 strong和 b標(biāo)簽 ? 253 i和 u標(biāo)簽 ? 254 marquee標(biāo)簽 ? 255 CSS標(biāo)簽 ? 256 CSS綜合運用 251 font 標(biāo)簽 font標(biāo)簽用于控制文字的字體，大小和顏色?？刂品绞绞抢脤傩栽O(shè)置得以實現(xiàn)的。 關(guān)于 font標(biāo)簽，主要有如下屬性，見表 29。 屬性 描述 默認值 face 設(shè)置文字使用的字體 宋體 size 設(shè)置文字的大小 3 color 設(shè)置文字的顏色 黑色 font標(biāo)簽的一般使用格式為： font face=屬性值 size=屬性值 color=屬性值 文字 /font 252 strong和 b標(biāo)簽 在有關(guān)文字的顯示中，常常會使用一些特殊的字形或字體來強調(diào)、突出、區(qū)別以達到提示的效果。 其中， strong標(biāo)簽用于特別強調(diào)的文本，該標(biāo)簽修飾的文字內(nèi)容顯示為粗體字。 b標(biāo)簽為粗體標(biāo)簽，放在 b與 /b標(biāo)簽對之間的文字將以粗體方式顯示。 253 i和 u標(biāo)簽 ? 例 文字標(biāo)簽的綜合運用。 html body 文字標(biāo)簽的應(yīng)用 br/ p本段文字使用了 font face=黑體 size=10 color=redfont標(biāo)簽 /font來定義字體。 /p p本段文字包含了 b粗體 /b，strong強調(diào) /strong， i斜體 /i，和 u下畫線 /u等多 種修飾文字。 /p /body /html ?i標(biāo)簽為斜體標(biāo)簽，放在 i與 /i標(biāo)簽對之間的文字將以斜體方式顯示。 ?u標(biāo)簽為下畫線標(biāo)簽，放在 u與 /u標(biāo)簽對之間的文字將以下畫線方式顯示。 圖 文字標(biāo)簽的綜合應(yīng)用 本例效果如圖 。示。 254 marquee標(biāo)簽 ? marquee標(biāo)簽可以實現(xiàn)元素在網(wǎng)頁中移動的效果，以達到動感十足的視覺效果。marquee標(biāo)簽是一個成對的標(biāo)簽，其應(yīng)用格式為： marquee.../marquee ? marquee標(biāo)簽有很多屬性，用來定義元素的移動方式，具體屬性見下表 210。 屬性 描述 備注 align 指定對齊方式 top， middle， bottom behavior 指定移動方式 scroll表示單向滾動 slide表示滾動到一方后停止 alternate表示滾動到一方后向相反方向滾動。 bgcolor 設(shè)定文字滾動范圍的背景顏色 loop 設(shè)定文字滾動次數(shù) 其值可以是正整數(shù)或 infinite表示無限次 ，默認為無限循環(huán) height 設(shè)定字幕高度 width 設(shè)定字幕寬度 scrollamount 指定每次滾動的速度 數(shù)值越大滾動越快 scrolldelay 文字每一次滾動的停頓時間，單位是毫秒。 時間越短滾動越快 hspace 指定字幕左右空白區(qū)域的大小 vspace 指定字幕上下空白區(qū)域的大小 direction 設(shè)定文字的滾動方向 可選值： left表示向左 right表示向右 up表示往上滾動 down 表示向下滾動 254 marquee標(biāo)簽 （ 例題 ） ?例 滾動效果的實例 html head title/title /head body marquee我會跑了 /marquee p marquee height=200 direction=up hspace=200我會往上跑了 /marquee p marquee width=500 behavior=alternate我來回地跑 /marquee P marquee scrolldelay=300我要走走停停/marquee p marqueeimg src=圖片也可以 /marquee /body /html 本頁面的效果如圖 ，頁面中文本和圖片可以按預(yù)定的方向和速度移動，為頁面增加了動感效果。 圖 255 CSS ? CSS是 Cascading Style Sheets（層疊樣式表單）的簡稱。很多人把它稱作樣式表。CSS用于設(shè)計網(wǎng)頁樣式，借助 CSS的強大功能，網(wǎng)頁將在設(shè)計者豐富的想象力下千變?nèi)f化。 ? CSS語法非常簡單，組成 CSS語法的元素只有 CSS選擇符與 CSS屬性。每個 CSS選擇符由 1個或多個 CSS屬性組成。 CSS對大小寫不敏感，在 CSS語法中推薦使用小寫。 ? 網(wǎng)頁引用 CSS有三種方式：外部引用、內(nèi)部引用、內(nèi)聯(lián)引用。其中外部引用是 W3C推茬的方式。 256 CSS綜合運用 ?例 CSS的綜合應(yīng)用（為使讀者能對比 css代碼，本例采用內(nèi)部引用方式） 。 html head style type=text/css a:link{color:RED 。 fontsize:9PT。textdecoration:NONE} a:VISITED{color:BLUE。 fontsize:9PT。 textdecoration:NONE} A:HOVER{color:GREEN。 fontsize:15PT。 textdecoration:UNDERLINE} .littlered{color:RED。fontsize:10px} .littlegreen{color:GREEN。 fontsize:24px} yellowp { color:YELLOW } /style /head body a href=使用標(biāo)簽選擇器的超級鏈接，靠近并點擊查看效果。 /a brbr div class= littlered 本段采用紅色，而且比較小。 /div p class= littlegreen 本段采用綠色，而且比較大。 /p p id= yellowp 本段采用 ID選擇符號。 /P /body /html 本頁面的效果圖如圖 。 圖 css的綜合應(yīng)用 26 框 架 ? 261 iframe標(biāo)簽 ? 262 frameset和 frame標(biāo)簽 框架就是把一個瀏覽器窗口劃分為若干個小窗口，每個窗口可以顯示不同的網(wǎng)頁。使用框架可以非常方便地在瀏覽器中同時瀏覽不同的頁面，也可以非常方便地完成導(dǎo)航工作。 261 iframe 標(biāo)簽 iframe 是內(nèi)嵌框架標(biāo)簽，它的作用是在瀏覽器窗口中可以嵌入一個框來顯示另一個網(wǎng)頁或其他文件。 frame的參數(shù)設(shè)定格式如下： iframe src= name=test align=MIDDLE width=300 height=100 marginwidth= 1 marginheight=1 frameborder=1 scrolling=Yes 屬 性 描 述 src 浮動窗框中的要顯示的頁面文件的路徑，可以是相對或絕對路徑 name 此框窗名稱，這是連接標(biāo)記的 target參數(shù)所需要的 align 可選值為 left， right， top， middle， bottom，作用不大 height 框窗的高，以 pixels 為單位 width 框窗的寬，以 pixels 為單位 marginwidth 該插入的文件與框邊所保留的空間 marginheight 該插入的文件與框邊所保留的空間 frameborder 使用 1表示顯示邊框， 0則不顯示。（可以是 Yes或 No） scrolling 使用 Yes表示允許卷動（內(nèi)定）， No則不允許卷動 iframe標(biāo)簽主要屬性見下表 211 262 frameset和 frame標(biāo)簽 ? 為區(qū)獲得更靈活的框架結(jié)構(gòu)，需要組合使用 frameset標(biāo)簽和 frame標(biāo)簽。 基本結(jié)構(gòu)格式如下： html head /head frameset frame src=url地址 1 frame src=url地址 2 ...... frameset /html frameset標(biāo)簽的主要屬性如下表 2. 12 屬 性 描 述 border 設(shè)置邊框粗細，默認是 5像素 bordercolor 設(shè)置邊框顏色 frameborder 指定是否顯示邊框： 0代表不顯示邊框，1代表顯示邊框 cols 用于水平方向的分割。用 像素數(shù) 或 %分割左右窗口， *表示剩余部分 rows 用于垂直方向的分割。用 像素數(shù) 或 %分割上下窗口， *表示剩余部分 framespacing 表示框架與框架間的保留空白的距離 noresize 設(shè)定框架不能夠調(diào)節(jié) 262 frameset和 frame標(biāo)簽 (續(xù) ) frame標(biāo)簽的主要屬性如下表 2. 13 屬 性 描 述 src 指定在子框架中要加載的文件的 url地址 bordercolor 設(shè)置邊框顏色 frameborder 指定是否要邊框，“ 1”表示顯示邊框，“ 0”表示不顯示邊框 border 設(shè)置邊框粗細 name 指定框架名稱，是連接標(biāo)簽的 target所要的參數(shù) noresize 指定不能調(diào)整窗口的大小，省略此項時就可調(diào)整 scorlling 指定是否要滾動條，“ auto”表示根據(jù)需要自動出現(xiàn)，“ Yes”表示有滾動條，“ No”表示無滾動條 marginwidth 設(shè)置內(nèi)容與窗口左右邊緣的距離，默認為“ 1” marginheight 設(shè)置內(nèi)容與窗口上下邊緣的邊距，默認為“ 1” width 框窗的寬及高 默認為 width=100， height=100 align 可選值為 left， right， top， middle， bottom ?例 一個嵌套排列的框架。 html head /head frameset rows=20%,*,15% framespacing=1 frameborder=yes border=1 frame src= frameset cols=20%,*framespacing=1 frameborder=yes border=1 frame src= frame src= /frameset frame src= /framesetnoframes/noframes /html 本頁面是由 4個頁面組成的，通過 frameset標(biāo)簽進行了組合，具體效果如圖 。 第 3章 Dreamweaver 本章導(dǎo)讀 Dreamweaver作為最常用的靜態(tài)網(wǎng)頁設(shè)計工具，是從事 Web開發(fā)必須要掌握的一個工具。本章先從 Dreamweaver的安裝和基本界面開始介紹，通過以常用網(wǎng)頁開發(fā)實例，較詳細介紹了Dreamweaver的使用和其中命令和參數(shù)的意義，并結(jié)合一些簡單但頗具特點的實例，給出了常規(guī)的操作步驟。其中，重點介紹了框架，模板和 CSS的操作步驟和注意事項，這也是學(xué)習(xí)和使用Dreamweaver的重點和難點。最后本章通過一個完整的網(wǎng)站開發(fā)實例，將整個 HTML語言， CSS的設(shè)計，以及 Dreamweaver的使用進行了綜合。通過本章的學(xué)習(xí)，進一步了解了網(wǎng)頁制作的方法并掌握了網(wǎng)頁制作的重要工具之一 ——Dreamweaver的使用，為后面章節(jié)的學(xué)習(xí)打下了基礎(chǔ) 31 概述 Dreamweaver是由 Macromedia公司（該公司于 2022年被Adobe公司收購）推出的，用于網(wǎng)頁開發(fā)和網(wǎng)站管理的專業(yè)化設(shè)計工具。它歷經(jīng)多年發(fā)展，和 Flash， Flreworks并稱為網(wǎng)頁制作三劍客。目前的最新版本為 Dreamweaver CS4，本書采用Dreamweaver 8進行介紹。 Dreamweaver采用了所見即所得技術(shù)，具有設(shè)計和開發(fā)網(wǎng)站過程中需要的網(wǎng)站管理、網(wǎng)