電子商務(wù)網(wǎng)站基礎(chǔ)復(fù)習(xí)_第1頁
電子商務(wù)網(wǎng)站基礎(chǔ)復(fù)習(xí)_第2頁
電子商務(wù)網(wǎng)站基礎(chǔ)復(fù)習(xí)_第3頁
電子商務(wù)網(wǎng)站基礎(chǔ)復(fù)習(xí)_第4頁
電子商務(wù)網(wǎng)站基礎(chǔ)復(fù)習(xí)_第5頁
已閱讀5頁，還剩29頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

電子商務(wù)網(wǎng)站基礎(chǔ)復(fù)習(xí)鏈接類型有哪些？圖像熱點各種使用方法？命名錨記的鏈接語法？鏈接的HTML標(biāo)簽及其屬性。答：按照鏈接路徑的不同,網(wǎng)頁中超鏈接一般分為以下3種類型:內(nèi)部鏈接,錨點鏈接和外部鏈接。如果按照使用對象的不同，網(wǎng)頁中的鏈接又可以分為：文本鏈接，圖片鏈接，電子郵件鏈接，錨點鏈接，多媒體文件鏈接，腳本鏈接，空鏈接等。圖像熱點：標(biāo)記主要用于圖像地圖，通過該標(biāo)記可以在圖像地圖中設(shè)定作用區(qū)域（又稱為熱點），這樣當(dāng)用戶的鼠標(biāo)移到指定的作用區(qū)域點擊時，會自動鏈接到預(yù)先設(shè)定好的頁面。創(chuàng)建步驟：1用鼠標(biāo)在文檔窗口選擇要創(chuàng)建圖片熱點的圖片2選擇圖片熱點工具欄的任一熱點工具，在圖像上任意位置拖動鼠標(biāo)，創(chuàng)建熱點3創(chuàng)建圖片熱點后，在熱點屬性設(shè)置面板，對熱點鏈接屬性進(jìn)行設(shè)置命名錨記：就是用戶在文檔中設(shè)置標(biāo)記，這些標(biāo)記通常放在文檔的特定主題處或頂部。然后創(chuàng)建這些命名錨記的鏈接，這些鏈接可以快速將瀏覽者帶到指定位置。代碼：<p><ahref="#45">我的家鄉(xiāng)</a></p>即在你確定需要添加錨記的地方使用<aname="XXX"></a>在其他相關(guān)連接處使用代碼<ahref="XXX"></a>設(shè)置鏈接相關(guān)的屬性

鏈接到其他頁面

<ahref=”鏈接目標(biāo)URL”>~</a>

a標(biāo)簽的href屬性能把指定的范圍鏈接到其他頁面上，鏈接部分的詞語要設(shè)置得讓人看到這個部分就能聯(lián)想到鏈接網(wǎng)頁上的具體內(nèi)容

另外，在鏈接圖像的時候，一定要插入替代的文字（alt=”~”）使用戶能夠很明確的了解到鏈接的目標(biāo)

鏈接到當(dāng)前頁的特定位置

<ahref=”#位置名”>~</a>：指定鏈接文件（從什么位置開始鏈接）

<aname=”位置名”>~</a>：指定鏈接的地址（要鏈接的位置）

如果一頁上的內(nèi)容非常多，可以在一個網(wǎng)頁中給特定的位置命名，然后再鏈接到該位置（跳轉(zhuǎn)）。在給鏈接對象位置命名的時候要使用name屬性。然后，在鏈接的時候，要用href屬性在鏈接地址名稱的前面加上#號

設(shè)置鏈接到其他頁面的特定位置

<ahref=”URL#位置名”>~</a>：指定鏈接源（從什么位置開始鏈接）

<aname=”位置名”>~</a>：指定鏈接的地址（要鏈接的位置）

在鏈接到其他網(wǎng)頁上的時候，可以先給那一頁上特定的位置命名，然后鏈接到該位置。在給鏈接對象位置命名的時候要使用name屬性。然后，在鏈接的時候，要用href屬性設(shè)置成”URL+#+位置名”這樣一種格式

設(shè)置鏈接文字的顏色

<bodylink=”指定顏色”vlink=”指定顏色”alink=”指定顏色”>~<body>

link：還沒有看見的鏈接部分的文字顏色

vlink：已經(jīng)看見的鏈接部分的文字顏色

alink：鼠標(biāo)單擊鏈接部分的文字顏色

body標(biāo)簽用于設(shè)置網(wǎng)頁整體鏈接部分的文字顏色

在新窗口中打開鏈接網(wǎng)頁

<ahref=”URL”target=”窗口名”>~</a>

利用target屬性可以設(shè)置打開鏈接窗口的方式

通過設(shè)置鏈接來啟動郵箱

<ahref=”mailto：郵箱地址”>~</a>圖片超鏈接：代碼：<ahref="你要鏈接到的地址"target="_blank"><imgscr="圖片地址URL"width="寬度"height="高度"alt="圖片說明"border="0"></a>文字超鏈接：代碼：<ahref="所要鏈接的地址"target="_blank">輸入的文字</a>LOGO超鏈接：代碼：<imgsrc="圖片logo地址"border="0">把以下代碼加在已經(jīng)存在的面板里（想選那種方式就加那段代碼，不要全部都加）：鏈接多樣性讓鏈接變色<STYLETYPE="text/css">A{text-decoration:NONE;color:#51bfe0}A:hover{color:#3399FF}</STYLE>增加鏈接的力度—即字體變大<STYLETYPE="text/css">A{text-decoration:NONE;color:#51bfe0}A:hover{font-weight:bold}</STYLE>觸到鏈接時出現(xiàn)虛線代碼：<STYLETYPE="text/css">A{text-decoration:NONE;color:#51bfe0}A:hover{border-bottom:1pxdashed#51bfe0}</STYLE>會移動的鏈接代碼<STYLETYPE="text/css">A{text-decoration:NONE;color:#51bfe0}A:hover{position:relative;left:1px;top:1px;}</STYLE>給鏈接添加背景色<STYLETYPE="text/css">A{text-decoration:NONE;color:#51bfe0}A:hover{background-color:#CCFFFF;}</STYLE>注意：color顏色自己設(shè)定，把以上藍(lán)色地方換成你喜歡的顏色代碼，具體顏色代碼請看美化必備-常用顏色代碼①②音樂超鏈接下載代碼:<AHREF="音樂地址URL"TARGET=_BLANK>你的音樂名字</A>然后把你的IE瀏覽器上的Internet選項中的"始終使用UTF-8發(fā)送URL"勾選去掉即可!!這樣可以讓其他人直接點你的連接進(jìn)行下載!（具體：你的IE瀏覽器上"工具"菜單->Internet選項->"高級"標(biāo)簽->始終使用UTF-8發(fā)送URL->勾選去掉）舉例如:愛情轉(zhuǎn)移陳奕迅ssss鏈接特效霧化鏈接：將下面代碼加到網(wǎng)頁BODY區(qū)域<divstyle="width:96;height:9"class=coffeeonMouseOver="this.style.filter='glow(color=#FFCC00,strength=6)'"onMouseOut='this.style.filter=""'>2.段落，各種標(biāo)題的HTML代碼答：一個非常簡單的的HTML文檔<html><body>Thecontentofthebodyelementisdisplayedinyourbrowser.</body></html>簡單的段落<html><body><p>Thisisaparagraph.</p><p>Thisisaparagraph.</p><p>Thisisaparagraph.</p><p>Paragraphelementsaredefinedbytheptag.</p></body></html>標(biāo)題元素標(biāo)題元素由標(biāo)簽<h1>到<h6>定義。<h1>定義了最大的標(biāo)題元素，<h6>定義了最小的。<h1>Thisisaheading</h1>

<h2>Thisisaheading</h2>

<h3>Thisisaheading</h3>

<h4>Thisisaheading</h4>

<h5>Thisisaheading</h5>

<h6>Thisisaheading</h6>html常用代碼大全1)貼圖：<imgsrc="圖片地址">2)加入連接：<ahref="所要連接的相關(guān)地址">寫上你想寫的字</a>3)在新窗口打開連接：<ahref="相關(guān)地址"target="_blank">寫上要寫的字</a>消除連接的下劃線在新窗口打開連接：<ahref="相關(guān)地址"style="text-decoration:none"target="_blank">寫上你想寫的字</a>4)移動字體(走馬燈)：<marquee>寫上你想寫的字</marquee>5)字體加粗：<b>寫上你想寫的字</b>6)字體斜體：<i>寫上你想寫的字</i>7)字體下劃線:<u>寫上你想寫的字</u>8)字體刪除線:<s>寫上你想寫的字</s>9)字體加大:<big>寫上你想寫的字</big>10)字體控制大小：<h1>寫上你想寫的字</h1>(其中字體大小可從h1-h5,h1最大，h5最小)11)更改字體顏色：<fontcolor="#value">寫上你想寫的字</font>(其中value值在000000與ffffff(16位進(jìn)制)之間12)消除連接的下劃線：<ahref="相關(guān)地址"style="text-decoration:none">寫上你想寫的字</a>13)貼音樂：<embedsrc=音樂地址width=300height=45type=audio/mpegautostart="false">14)貼flash:<embedsrc="flash地址"width="寬度"height="高度">

15)貼影視文件：<imgdynsrc="文件地址"width="寬度"height="高度"start=mouseover>16)換行：<br>17)段落：<p>段落</p>18)原始文字樣式：<pre>正文</pre>19)換帖子背景：<bodybackground="背景圖片地址">20)固定帖子背景不隨滾動條滾動：<bodybackground="背景圖片地址"body

bgproperties=fixed>21)定制帖子背景顏色：<bodybgcolor="#value">(value值見10)22)帖子背景音樂：<bgsound="背景音樂地址"loop=infinite>23)貼網(wǎng)頁：<iframesrc="相關(guān)地址"width="寬度"height="高度"></iframe>3．建立Flash文字，F(xiàn)lash按鈕，F(xiàn)lash動畫，F(xiàn)lash源文件4．站點建立與站點管理的的主要設(shè)施，如何規(guī)劃一個站點答：創(chuàng)建網(wǎng)站的典型工作流程按照開發(fā)實施內(nèi)容的不同可分為以下幾個階段：籌備期的整體規(guī)劃在正式開發(fā)網(wǎng)站之前，要對整個網(wǎng)站項目進(jìn)行系統(tǒng)的規(guī)劃。例如，要對網(wǎng)站的目標(biāo)瀏覽者有所定位，然后再以網(wǎng)站地圖的形式來表現(xiàn)站點系統(tǒng)。準(zhǔn)備期的環(huán)境搭建配置應(yīng)用服務(wù)器的過程一般包括對網(wǎng)站服務(wù)器、開發(fā)服務(wù)器和Dreamweaver站點的設(shè)置。網(wǎng)頁設(shè)計師可以記住Dreamweaver中的網(wǎng)站設(shè)置向?qū)矶x站點文檔的本地和遠(yuǎn)程存儲位置。整理期的資源篩選在資料整理期，不僅要對缺失的資源進(jìn)行收集，還要對已有資源進(jìn)行審核和篩選。做好這一點將更容易把握網(wǎng)站開發(fā)的目標(biāo)定位。設(shè)計期的版面設(shè)置使用專業(yè)圖像設(shè)計工具（如Photoshop）對站點的頁面進(jìn)行整體風(fēng)格設(shè)計，創(chuàng)建具體的圖形大樣。隨后進(jìn)行局部切割，導(dǎo)入Dreamweaver中，制作出具體的HTML頁面。開發(fā)期的程序設(shè)計測試期的功能驗證維護(hù)期的內(nèi)容更新創(chuàng)建站點在搭建站點前，我們先在自己的電腦硬盤上建一個以英文或數(shù)字命名的空文件夾（如Mysite）。

（1）選擇菜單欄——站點——管理站點，出現(xiàn)“管理站點”對話框。點擊“新建”按鈕，選擇彈出菜單中的“站點”項。在打開的窗口上方有“基本”和“高級”兩個標(biāo)簽，可以在站點向?qū)Ш透呒壴O(shè)置之間切換。下面選擇“基本”標(biāo)簽。在文本框中，輸入一個站點名字以在Dreamweaver8.0中標(biāo)識該站點。這個名字可以是任何你需要的名字。單擊“下一步”。出現(xiàn)向?qū)У南乱粋€界面，詢問是否要使用服務(wù)器技術(shù)。我們現(xiàn)在建立的是一個靜態(tài)頁面，所以選擇“否”。點下一步，在文檔框設(shè)置本地站點文件夾的地址（就是我們事先建立好的空文件夾）。點下一步，進(jìn)入站點定義，我們將在站點建設(shè)完成后在與FTP鏈接，這里選擇“無”。單擊“完成”按鈕，結(jié)束“站點定義“對話框的設(shè)置。單擊“完成”按鈕，文件面板顯示出剛才建立的站點。到此，我們完成了站點的創(chuàng)建。搭建站點結(jié)構(gòu)站點是文件與文件夾的集合，下面我們根據(jù)前面對Mysite網(wǎng)站的設(shè)計，來新建Mysite站點要設(shè)置的文件夾和文件。新建文件夾，在文件面板的站點跟目錄下單擊鼠標(biāo)右鍵，從彈出菜單中選擇“新建文件夾”項，然后給文件夾命名。這里我們創(chuàng)建新建5個文件夾，分別命名為：images、flash、media、css、js、txt，用來分別放圖片、FLASH、視頻音頻、CSS樣式文件、JS文件，文本文件。

創(chuàng)建頁面，在文件面板的站點跟目錄下單擊鼠標(biāo)右鍵，從彈出菜單中選擇“新建文件”項，然后給文件命名。首先要添加首頁，我們把首頁命名為index.html，再分別新建01.html、02.html、03.html、04.html和05.html。Dreamweaver8頁面的總體設(shè)置打開01.html，制作一個圖文混排的簡單頁面。

頁面的總體設(shè)置設(shè)置頁面的頭內(nèi)容，頭內(nèi)容再瀏覽器中是不可見的，但是卻攜帶著網(wǎng)頁的重要信息，如關(guān)鍵字、描述文字等，還可以實現(xiàn)一些非常重要的功能，如自動刷新功能。鼠標(biāo)左鍵單擊插入工具欄最左邊按鈕旁的下拉小三角，在彈出菜單中選擇“HTML”項，出現(xiàn)“文件頭”按鈕，點開下拉菜單，就可以進(jìn)行頭內(nèi)容的設(shè)置了。設(shè)置標(biāo)題，網(wǎng)頁標(biāo)題可以是中文、英文或符號，顯示在瀏覽器的標(biāo)題欄中。我們直接在設(shè)計窗口上方的標(biāo)題欄內(nèi)輸入或更改，就可以完成網(wǎng)頁標(biāo)題的編輯了。

關(guān)鍵字用來協(xié)助網(wǎng)絡(luò)上的搜索引擎尋找網(wǎng)頁。要想讓更多的人看見你的網(wǎng)站，這項要好好填。META標(biāo)記用于記錄當(dāng)前網(wǎng)頁的相關(guān)信息，如編碼，作者，版權(quán)等。

設(shè)置頁面屬性單擊“屬性欄”中的“頁面屬性”按鈕，打開的“頁面屬性”對話框。設(shè)置外觀，“外觀”是設(shè)置頁面的一些基本屬性。我們可以定義頁面中的默認(rèn)文本字體、文本字號、文本顏色、背景顏色和背景圖像等。我們設(shè)置頁面的所有邊距為0。

設(shè)置鏈接“鏈接”選項內(nèi)是一些與頁面的鏈接效果有關(guān)的設(shè)置。“鏈接顏色”定義超鏈接文本默認(rèn)狀態(tài)下的字體顏色，“變換圖像鏈接”定義鼠標(biāo)放在鏈接上時文本的顏色，“已訪問鏈接”定義訪問過的鏈接的顏色，“活動鏈接”定義活動鏈接的顏色。“下劃線樣式”可以定義鏈接的下劃線樣式。設(shè)置標(biāo)題“標(biāo)題”用來設(shè)置標(biāo)題字體的一些屬性。在左側(cè)“分類”列表中選擇“標(biāo)題”，這里的標(biāo)題指的并不是頁面的標(biāo)題內(nèi)容，而是可以應(yīng)用在具體文章中各級不同標(biāo)題上的一種標(biāo)題字體樣式。我們可以定義“標(biāo)題字體”及6種預(yù)定義的標(biāo)題字體樣式，包括粗體、斜體、大小和顏色。5．頁面屬性中所有屬性的含義和設(shè)置方法6.網(wǎng)頁中插入一個表格定義與組成，屬性面板中的主要屬性。如何讓一個表格中插入的圖片之間無縫連接？表格寬度的表示法，會寫表格的HTML代碼。能看懂一個三行三列表格中，若干行列進(jìn)行合并后的HTML代碼。答：無縫連接的方法：表格和單元格不要設(shè)定寬度，不要設(shè)置邊框、間距和填充一個三行三列表格HTML代碼：<tablewidth="482"height="316"border="1"><tr><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td></tr><tr><td> </td><td> </td><td> </td></tr></table>三行三列表格第二行二三列合并后HTML代碼：<body><tablewidth="482"height="316"border="1"><tr><td> </td><td> </td><td> </td></tr><tr><td> </td><tdcolspan="2"> </td></tr><tr><td> </td><td> </td><td> </td></tr></table></body></html>三行三列表格第二列二三行合并后HTML代碼：<tablewidth="482"height="316"border="1"><tr><td> </td><td> </td><td> </td></tr><tr><td> </td><tdrowspan="2"> </td><td> </td></tr><tr><td> </td><td> </td></tr></table>表格的HTML代碼基礎(chǔ)：

表格以<table>和</table>分別作起始標(biāo)識符，成對出現(xiàn)，不用區(qū)分大小寫。即這樣寫也可以：<TABLE>--</TABLE>。在<table>和</table>之下，還需要由兩個成對的標(biāo)識符號定義表格的行、列，它們分別是<tr>……</tr>，<td>……</td>，<tr>標(biāo)識符定義表中的行，<td>標(biāo)識符定義數(shù)據(jù)表元，即每行中的每一列。<td>……</td>要包含在<tr>……</tr>里面。

一個基本的表格代碼如下：<tableborder=2width=80%height="300">

<tr>

<td>這里是表格里的內(nèi)容</td></tr></table>在<table>里有一些必要的常用屬性參數(shù)。這些屬性參數(shù)根據(jù)你的需要進(jìn)行選擇，必須放到<table>里面。說明:align="center"表格的擺放位置(水平)，可選值為：left(居左),right(居右),center(居中)。

border="2"表格邊框的粗細(xì)。

bordercolor="#0000FF"表格邊框的顏色。

bgColor=#33ffff表格的背景顏色。width="400"表格寬度，接受絕對值(如width=80)及相對值(width=80%)。

height="300"表格高度。

bordercolorlight="#00FF00"表格邊框向光部分的顏色

bordercolordark="#00FFFF"表格邊框背光部分的顏色，使用bordercolorlight或bordercolordark時bordercolor將會失效。（注意:表格邊框向光部分的顏色和表格邊框背光部分的顏色在顏色選取上應(yīng)該選同一色系。只不過向光部分的顏色較淺或淡,而背光部分的顏色較深或濃。）background="http//.......gif"表格的背景圖片，與bgcolor不要同用。cellspacing="2"表格格線的厚度。cellspacing="8"邊框空白處的大小。即表格內(nèi)容與邊框的距離。顏色的選擇，即可以使用顏色代碼"#00FF00"等,也可以使用"red","blue","yellow","black"等。

一張完整的表格全部語法如下：<Palign=center>

<tableborder=2width=80%height="300">

<tr>

<td>教你用HTML代碼制作表格。</td></tr></table>顯示:

教你用HTML代碼制作表格。我們?yōu)榱俗尡砀裨陲@示屏上居中顯示，讓表格中的文字在表格中居中顯示。就要在<table>里加上居中的屬性參數(shù)align="center"，在<td>里加上讓表格內(nèi)容居中的屬性參數(shù)align="center".

代碼如下：<tablealign="center"border="2"width="80%"height="300">

<tr>

<tdalign="center">教你用HTML代碼制作表格。

</td></tr></table>顯示:教你用HTML代碼制作表格。是不是很簡單?為了讓表格更加生動,我們可以將前面列舉的表格屬性參數(shù)繼續(xù)向<table>里添加.首先,讓邊框加粗一些.把border="2"改為border="10"。

二：進(jìn)行表格邊框的顏色設(shè)置

例如：把邊框的顏色設(shè)置為紅色--bordercolor="#FF0000"或者bordercolor=red把屬性添加到<table>里。代碼如下：<tablealign="center"border="10"width="80%"height="300"bordercolor="#FF0000">

<tr>

<tdalign="center">教你用HTML代碼制作表格

</td></tr></table>顯示:教你用HTML代碼制作表格

我們現(xiàn)在看看只把邊框加寬.不設(shè)定邊框顏色屬性,效果是什么樣的?代碼如下:

<tablealign="center"border="10"width="80%"height="300">

<tr>

<tdalign="center">

教你用HTML代碼制作表格

</td></tr></table>顯示:教你用HTML代碼制作表格

我們現(xiàn)在來看看邊框向光部分的顏色和邊框背光部分的顏色設(shè)置。向光部分的邊框?qū)傩裕篵ordercolorlight。背光部分的邊框?qū)傩裕篵ordercolordark。例如：邊框向光部分的顏色設(shè)為#E6421A（桔紅色）bordercolorlight=#E6421A邊框背光部分的顏色設(shè)為#FF0000（紅色）bordercolordark=#FF0000

代碼如下：<tablealign="center"border="10"width="80%"height="300"bordercolorlight=#E6421Abordercolordark=#FF0000><tr><tdalign="center">教你用HTML代碼制作表格</td></tr></table>顯示:教你用HTML代碼制作表格

表格代碼語法精講

邊框標(biāo)記格式為:＜table＞<tbody>＜tr＞＜td＞插入內(nèi)容＜/td＞＜/tr＞</tbody>＜/table>

屬性有：table是標(biāo)簽名；border=1表格邊框的厚度或?qū)挾?；cellSpacing=6兩個單元格之間的距離

；cellpadding=11單元格內(nèi)部內(nèi)容與格線之間的距離；borderColorDark=#FF0000設(shè)定表格暗邊框顏色；borderColorLight=#FF0000設(shè)定表格亮邊框顏色

bgcolor=#fff000表格的背景顏色；borderColor=#0000ff邊框顏色background=http://------jpg（gif)設(shè)定該圖片為背景色width=200表格寬度

也可用x%數(shù)表示

也可不設(shè)數(shù)值，表格將根據(jù)單元格里的內(nèi)容自動定義寬度height=300表格高度通?？梢圆辉O(shè)置，而是讓系統(tǒng)根據(jù)內(nèi)容的多少自行設(shè)定以上數(shù)字顏色圖片地址均可酌情調(diào)整!

標(biāo)簽命令有：1．<table></table>分別作起始標(biāo)識符這是定義表格的元素，是表格的“身份證”。

網(wǎng)頁中有幾張表格那就有幾對此元素。

如果有十對那么就有十張表格。

2．<tr></tr>這是用來定義表格中“行”的元素。即：表格中行的“身份證”。在表格中有幾對此元素就表示當(dāng)前表格中有幾行。3．<td></td>是表示一行中單元格的元素。一行中有幾對此元素，就有幾個單元格。4.<tbody></tbody>表格的身體是在table中使用的，一般用<tbody></tbody>來分隔<table>內(nèi)的代碼，以加快網(wǎng)頁顯示，有時可以省略。

7.創(chuàng)建空鏈接的兩種方式是什么？熟悉鏈接屬性面板中“目標(biāo)”的四種選項。哪些網(wǎng)頁元素不能設(shè)置成鏈接？答：①創(chuàng)建空鏈接空鏈接用來激活頁面中的對象或文本。當(dāng)文本或?qū)ο蟊患せ詈?，可以為之添加行為。方法?選中要制作空鏈接的對象，在鏈接文本框中直接輸入＃。2代碼模式<p><ahref="#">lope</a></p>在一般站點首頁的導(dǎo)航欄中的首頁鏈接，就可以是一個空鏈接②鏈接屬性面板中“目標(biāo)”的四種選項從“目標(biāo)”下拉菜單中，選擇文檔的打開位置。_blank:新打開的空窗口_parent：如果是嵌套的框架，則在父框架中打開。_self：會在當(dāng)前網(wǎng)頁所在的窗口或框架中打開。_top：會在完整的瀏覽器窗口中打開。③文本框，表單，單選鈕，復(fù)選框等。除了文字，圖片，動畫之外的元素都不能設(shè)置成鏈接。網(wǎng)頁元素就是指網(wǎng)頁中使用到的一切用于組織結(jié)構(gòu)和表達(dá)內(nèi)容的對象。組織結(jié)構(gòu)的：表格（布局），層，導(dǎo)航條，鏈接等等。表達(dá)內(nèi)容的：文字，圖像，flash等等。8.各種格式的背景音樂wmv/mp3/midi的主要區(qū)別？各種圖片格式優(yōu)劣，哪種圖片適合人物肖像？哪些格式在網(wǎng)頁中常用的圖片格式？答：①音樂格式MP3格式MP3的全稱是MovingPictureExpertsGroupAudioLayerIII。簡單的說，MP3就是一種音頻壓縮技術(shù)，由于這種壓縮方式的全稱叫MPEGAudioLayer3，所以人們把它簡稱為MP3。MP3是利用MPEGAudioLayer3的技術(shù)，將音樂以1:10甚至1:12的壓縮率，壓縮成容量較小的file，換句話說，能夠在音質(zhì)丟失很小的情況下把文件壓縮到更小的程度。而且還非常好的保持了原來的音質(zhì)。正是因為MP3體積小，音質(zhì)高的特點使得MP3格式幾乎成為網(wǎng)上音樂的代名詞。每分鐘音樂的MP3格式只有1MB左右大小，這樣每首歌的大小只有3-4兆字節(jié)。使用MP3播放器對MP3文件進(jìn)行實時的解壓縮(解碼)，這樣，高品質(zhì)的MP3音樂就播放出來了。MP3編碼質(zhì)量分為：固定碼率（CBR)，平均碼率(ABR)和動態(tài)碼率（VBR)。補(bǔ)充：最高比特率320K，高頻部分一刀切是他的缺點。音質(zhì)不高！WMA格式WMA的全稱是WindowsMediaAudio，是微軟力推的一種音頻格式。WMA格式是以減少數(shù)據(jù)流量但保持音質(zhì)的方法來達(dá)到更高的壓縮率目的，其壓縮率一般可以達(dá)到1:18，生成的文件大小只有相應(yīng)MP3文件的一半。這對只裝配32M的機(jī)型來說是相當(dāng)重要的，支持了WMA和RA格式，意味著32M的空間在無形中擴(kuò)大了2倍。此外，WMA還可以通過DRM（DigitalRightsManagement）方案加入防止拷貝，或者加入限制播放時間和播放次數(shù)，甚至是播放機(jī)器的限制，可有力地防止盜版。補(bǔ)充：128kbps為wma最優(yōu)壓縮比，128kbpswma=192kbpsmp3WAV格式WAV格式是微軟公司開發(fā)的一種聲音文件格式，也叫波形聲音文件，是最早的數(shù)字音頻格式，被Windows平臺及其應(yīng)用程序廣泛支持。WAV格式支持許多壓縮算法，支持多種音頻位數(shù)、采樣頻率和聲道，采用44.1kHz的采樣頻率，16位量化位數(shù)，因此WAV的音質(zhì)與CD相差無幾，但WAV格式對存儲空間需求太大不便于交流和傳播。補(bǔ)充：無損格式，缺點：體積十分大！②圖片格式圖片格式是計算機(jī)存儲圖片的格式，常見的存儲的格式有bmp,jpg,tiff,gif,pcx,tga,exif,fpx,svg,psd,cdr,pcd,dxf,ufo,eps,ai,raw等③網(wǎng)頁中常用圖片格式GIF文件格式GIF(GraphicsInterchangeFormat)的原義是"圖像互換格式"，是CompuServe公司在1987年開發(fā)的圖像文件格式。GIF文件的數(shù)據(jù)，是一種基于LZW算法的連續(xù)色調(diào)的無損壓縮格式。其壓縮率一般在50%左右，它不屬于任何應(yīng)用程序。目前幾乎所有相關(guān)軟件都支持它，公共領(lǐng)域有大量的軟件在使用GIF圖像文件。GIF圖像文件的數(shù)據(jù)是經(jīng)過壓縮的，而且是采用了可變長度等壓縮算法。所以GIF的圖像深度從lbit到8bit，也即GIF最多支持256種色彩的圖像。GIF格式的另一個特點是其在一個GIF文件中可以存多幅彩色圖像，如果把存于一個文件中的多幅圖像數(shù)據(jù)逐幅讀出并顯示到屏幕上，就可構(gòu)成一種最簡單的動畫。GIF解碼較快，因為采用隔行存放的GIF圖像，在邊解碼邊顯示的時候可分成四遍掃描。第一遍掃描雖然只顯示了整個圖像的八分之一，第二遍的掃描后也只顯示了1/4，但這已經(jīng)把整幅圖像的概貌顯示出來了。在顯示GIF圖像時，隔行存放的圖像會給您感覺到它的顯示速度似乎要比其他圖像快一些，這是隔行存放的優(yōu)點。JPEG文件格式JPEG是jointPhotographicExpertsGroup(聯(lián)合圖像專家組)的縮寫，文件后輟名為"．jpg"或"．jpeg"，是最常用的圖像文件格式，由一個軟件開發(fā)聯(lián)合會組織制定，是一種有損壓縮格式，能夠?qū)D像壓縮在很小的儲存空間，圖像中重復(fù)或不重要的資料會被丟失，因此容易造成圖像數(shù)據(jù)的損傷。尤其是使用過高的壓縮比例，將使最終解壓縮后恢復(fù)的圖像質(zhì)量明顯降低，如果追求高品質(zhì)圖像，不宜采用過高壓縮比例。但是JPEG壓縮技術(shù)十分先進(jìn)，它用有損壓縮方式去除冗余的圖像數(shù)據(jù)，在獲得極高的壓縮率的同時能展現(xiàn)十分豐富生動的圖像，換句話說，就是可以用最少的磁盤空間得到較好的圖像品質(zhì)。而且JPEG是一種很靈活的格式，具有調(diào)節(jié)圖像質(zhì)量的功能，允許用不同的壓縮比例對文件進(jìn)行壓縮，支持多種壓縮級別，壓縮比率通常在10：1到40：1之間，壓縮比越大，品質(zhì)就越低；相反地，壓縮比越小，品質(zhì)就越好。比如可以把1．37Mb的BMP位圖文件壓縮至20．3KB。當(dāng)然也可以在圖像質(zhì)量和文件尺寸之間找到平衡點。JPEG格式壓縮的主要是高頻信息，對色彩的信息保留較好，適合應(yīng)用于互聯(lián)網(wǎng)，可減少圖像的傳輸時間，可以支持24bit真彩色，也普遍應(yīng)用于需要連續(xù)色調(diào)的圖像。JPEG格式是目前網(wǎng)絡(luò)上最流行的圖像格式，是可以把文件壓縮到最小的格式，在Photoshop軟件中以JPEG格式儲存時，提供13級壓縮級別，以0—12級表示。其中0級壓縮比最高，圖像品質(zhì)最差。即使采用細(xì)節(jié)幾乎無損的10級質(zhì)量保存時，壓縮比也可達(dá)5：1。以BMP格式保存時得到4．28MB圖像文件，在采用JPG格式保存時，其文件僅為178KB，壓縮比達(dá)到24：1。經(jīng)過多次比較，采用第8級壓縮為存儲空間與圖像質(zhì)量兼得的最佳比例。JPEG格式的應(yīng)用非常廣泛，特別是在網(wǎng)絡(luò)和光盤讀物上，都能找到它的身影。目前各類瀏覽器均支持JPEG這種圖像格式，因為JPEG格式的文件尺寸較小，下載速度快。JPEG2000作為JPEG的升級版，其壓縮率比JPEG高約30%左右，同時支持有損和無損壓縮。JPEG2000格式有一個極其重要的特征在于它能實現(xiàn)漸進(jìn)傳輸，即先傳輸圖像的輪廓，然后逐步傳輸數(shù)據(jù)，不斷提高圖像質(zhì)量，讓圖像由朦朧到清晰顯示。此外，JPEG2000還支持所謂的"感興趣區(qū)域"特性，可以任意指定影像上感興趣區(qū)域的壓縮質(zhì)量，還可以選擇指定的部分先解壓縮。JPEG2000和JPEG相比優(yōu)勢明顯，且向下兼容，因此可取代傳統(tǒng)的JPEG格式。JPEG2000即可應(yīng)用于傳統(tǒng)的JPEG市場，如掃描儀、數(shù)碼相機(jī)等，又可應(yīng)用于新興領(lǐng)域，如網(wǎng)路傳輸、無線通訊等等。優(yōu)點：攝影作品或?qū)憣嵶髌分С指呒墘嚎s。利用可變的壓縮比可以控制文件大小。支持交錯（對于漸近式JPEG文件）。JPEG廣泛支持Internet標(biāo)準(zhǔn)。缺點：有損耗壓縮會使原始圖片數(shù)據(jù)質(zhì)量下降。當(dāng)您編輯和重新保存JPEG文件時，JPEG會混合原始圖片數(shù)據(jù)的質(zhì)量下降。這種下降是累積性的。JPEG不適用于所含顏色很少、具有大塊顏色相近的區(qū)域或亮度差異十分明顯的較簡單的圖片。PNG圖像文件格式PNG(PortableNetworkGraphics)的原名稱為"可移植性網(wǎng)絡(luò)圖像"，是網(wǎng)上接受的最新圖像文件格式。PNG能夠提供長度比GIF小30%的無損壓縮圖像文件。它同時提供24位和48位真彩色圖像支持以及其他諸多技術(shù)性支持。由于PNG非常新，所以目前并不是所有的程序都可以用它來存儲圖像文件，但Photoshop可以處理PNG圖像文件，也可以用PNG圖像文件格式存儲。優(yōu)點：PNG支持高級別無損耗壓縮。PNG支持alpha通道透明度。PNG支持伽瑪校正。PNG支持交錯。PNG受最新的Web瀏覽器支持。缺點：較舊的瀏覽器和程序可能不支持PNG文件。作為Internet文件格式，與JPEG的有損耗壓縮相比，PNG提供的壓縮量較少。作為Internet文件格式，PNG對多圖像文件或動畫文件不提供任何支持。GIF格式支持多圖像文件和動畫文件。④JPG格式適合人物肖像9.框架案例中所有的HTML標(biāo)簽及其意義。什么是框架集和框架？它們的關(guān)系是什？框架集定義的內(nèi)容和框架定義的內(nèi)容，要求寫出框架集和框架的主要代碼，理解主要屬性的意思。會寫一個簡單的三網(wǎng)頁組成的框架網(wǎng)頁，規(guī)定各個框架的百分比密度?？蚣艿母拍睿嚎蚣苁蔷W(wǎng)頁中經(jīng)常使用的頁面設(shè)計方式，框架的作用就是把網(wǎng)頁在一個瀏覽器窗口下分割成幾個不同的區(qū)域，實現(xiàn)在一個瀏覽器窗口中顯示多個HTML頁面。使用框架可以非常方便的完成導(dǎo)航工作，讓網(wǎng)站的結(jié)構(gòu)更加清晰，而且各個框架之間決不存在干擾問題。利用框架最大的特點就是使網(wǎng)站的風(fēng)格一致。通常把一個網(wǎng)站中頁面相同的部分單獨(dú)制作成一個頁面，作為框架結(jié)構(gòu)的一個子框架的內(nèi)容給整個網(wǎng)站公用。一個框架結(jié)構(gòu)有兩部分網(wǎng)頁文件構(gòu)成：框架Frame：框架是瀏覽器窗口中的一個區(qū)域，它可以顯示與瀏覽器窗口的其余部分中所顯示內(nèi)容無關(guān)的網(wǎng)頁文件?？蚣芗疐rameset：框架集也是一個網(wǎng)頁文件，它將一個窗口通過行和列的方式分割成多個框架，框架的多少根據(jù)具體有多少網(wǎng)頁來決定，每個框架中要顯示的就是不同的網(wǎng)頁文件?？蚣苡糜诰W(wǎng)站上也就是把網(wǎng)頁分成很多部分一個部分就是一個頁面但是在同一頁面中顯示DREAMWAVER布局里面就可以布局框架了框架集就是一個網(wǎng)頁分成很多個框架框架里面又分框架這樣的稱框架集框架和框架集的功能實質(zhì)是一樣的，也就是可以使很多鏈接鏈接到本部網(wǎng)頁，不用再打開另外的新頁面，直接可以在本頁的某個框架頁面中顯示，便于瀏覽和查看！框架標(biāo)簽（Frame）Frame標(biāo)簽定義了放置在每個框架中的HTML文檔。在下面的這個例子中，我們設(shè)置了一個兩列的框架集。第一列被設(shè)置為占據(jù)瀏覽器窗口的25%。第二列被設(shè)置為占據(jù)瀏覽器窗口的75%。HTML文檔"frame_a.htm"被置于第一個列中，而HTML文檔"frame_b.htm"被置于第二個列中：<framesetcols="25%,75%">

<framesrc="frame_a.htm">

<framesrc="frame_b.htm"></frameset>簡單的三框架頁面：<html><framesetcols="25%,50%,25%"><framesrc="frame_a.htm"/><framesrc="frame_b.htm"/><framesrc="frame_c.htm"/></frameset></html>框架窗口常用標(biāo)記

<FRAMESET>...</FRAMESET>定義分割窗口相關(guān)屬性:·BORDER邊框·COLS行,設(shè)定分割左右窗口寬度(用『,』分隔，可設(shè)百分比%;『*』表示剩余部份)·FRAMEBORDER顯示邊框·ROWS列,設(shè)定分割上下窗口高度(用『,』分隔，可設(shè)百分比%;『*』表示剩余部份)FRAME>定義窗口相關(guān)屬性:·FRAMEBORDER顯示邊框·NAME名稱·NORESIZE設(shè)定是否可以調(diào)整窗口大小·SRC文件或URL位址·SCROLLING設(shè)定是否可以卷動

NOFRAMES>...</NOFRAMES>無支援分割窗口瀏覽器顯示文字。

IFRAME>...</IFRAME>插入浮動窗口相關(guān)屬性:·BORDER邊框·FRAMEBORDER顯示邊框·NORESIZE設(shè)定是否可以調(diào)整窗口大小·SRC文件或URL位址·SCROLLING設(shè)定是否可以卷動

如:浮動窗口<CENTER><IFRAMEFRAMEBORDER=YESSCROLLING=YESSRC=c1-01.htm></IFRAME></CENTER>■框架標(biāo)記<FRAMESET><FRAME>

<NOFRAMES>

<IFRAME>

■框架概念：謂框架便是網(wǎng)頁畫面分成幾個框窗，同時取得多個URL。只需要<FRAMESET><FRAME>即可，而所有框架標(biāo)記需要放在一個總起的html檔，這個檔案只記錄了該框架如何分割，不會顯示任何資料，所以不必放入<BODY>標(biāo)記，瀏覽這框架必須讀取這檔案面不是其他框窗的檔案。<FRAMESET>是用來劃分框窗，每一窗框由一個<FRAME>標(biāo)記所標(biāo)示，<FRAME>必須在<FRAMESET>范圍中使用。如下例：<framesetcols="50%,*">

<framename="hello"src="up2u.html">

<framename="hi"src="me2.html">

</frameset>此例中<FRAMESET>把畫面分成左右兩相等部分，左便是顯示up2u.html，右邊則會顯示me2.html這檔案，<FRAME>標(biāo)記所標(biāo)示的框窗永遠(yuǎn)是按由上而下、由左至右的次序。

■<FRAMESET><FRAME>：▲Top以上所述只是最簡單的框架設(shè)定，若希望達(dá)到更合適的效果請加入或修改以下各參數(shù)。標(biāo)記：<FRAMESET>

例子：<framesetrows="90,*"frameborder="0"border=0framespacing="2"border="2"bordercolor="#008000"></frameset>

功用：宣告HTML文件為框架模式，并設(shè)定視窗如何分割。

參數(shù)：COLS="90,*"

垂直切割畫面(如分左右兩個畫面)，接受整數(shù)值、百分?jǐn)?shù)，*則代表占用剩余的空間。數(shù)值的個數(shù)代表分成的視窗數(shù)目且以逗號分隔。例如COLS="30,*,50%"可以切成三個視窗，第一個視窗是30pixels的寬度，為一絕對分割，第二個視窗是當(dāng)分配完第一及第三個視窗后剩下的空間，第三個視窗則占整個視窗畫面的50%寬度為一相對分割。你可自己調(diào)整數(shù)字。ROWS="120,*"

這是橫向切割，將畫面上下分開，數(shù)值設(shè)定同上。COLS與ROWS兩參數(shù)盡量不要放在同一個<FRAMESET>標(biāo)記中，因Netacape偶然不能顯示這類型的框架，盡量采用多重分割，如以上各例。frameborder="0"

設(shè)定框架的邊框，其值只有0和1，0表示不要邊框，1表示要顯示邊框。border="0"

設(shè)定框架的邊框厚度，以pixels為單位。bordercolor="#008000"

設(shè)定框架的邊框顏色。顏色值請參考【調(diào)色原理】。framespacing="5"

表示框架與框架間保留的空白的距離。標(biāo)記：<FRAME>

例子：<framename="top"src="a.html"marginwidth="5"marginheight="5"scrolling="Auto"frameborder="0"noresizeframespacing="6"bordercolor="#0000FF">

功能：設(shè)定每一個框窗內(nèi)的參數(shù)屬性。

參數(shù)：SRC="a.html"

設(shè)定此框窗中要顯示的網(wǎng)頁檔案名稱，每個框窗一定要對應(yīng)一個網(wǎng)頁檔案。NAME="top"

設(shè)定這個框窗的名稱，這樣才能指定框架來作鏈接，必須但任意命名。frameborder=0

設(shè)定框架的邊框，其值只有0和1，0表示不要邊框，1表示要邊框。framespacing="6"

表示框架與框架間的保留的空白的距離。bordercolor="#008000"

設(shè)定框架的邊框顏色。scrolling="Auto"

設(shè)定是否要顯示卷軸，YES表示要顯示卷軸，NO表示無論如何都不要顯示卷軸，AUTO視情況而定。noresize

設(shè)定不讓使用者可以改變這個框框的大小，如沒有設(shè)定此參數(shù)，使用者可隨意地拉動框架改變其大小。marginhight=5

表示框架高度部分邊緣所保留的空間。marginwidth=5

表示框架寬度部分邊緣所保留的空間。以下是一些例子：例子HTMLCode

<framesetrows="80,*"><framename="top"src="a.html"><framename="bottom"src="b.html">

</frameset>例子HTMLCode

<framesetrows="80,*,80"><framename="top"src="a.html"><framename="middle"src="b.html"><framename="bottom"src="c.html">

</frameset>例子HTMLCode

<framesetcols="150,*">

<framesetrows="80,*"><framename="upper_left"src="a.html"><framename="lower_left"src="b.html">

</frameset><framename="right"src="c.html">

</frameset>例子HTMLCode

<framesetrows="80,*"><framename="top"src="a.html">

<framesetcols="150,*"><framename="lower_left"src="b.html"><framename="lower_right"src="c.html">

</frameset>

</frameset>例子HTMLCode

<framesetcols="150,*"><framename="left"src="a.html">

<framesetrows="80,*"><framename="upper_right"src="b.html"><framename="lower_right"src="c.html">

</frameset>

</frameset>

■<NOFRAMES>：▲Top當(dāng)別人使用的瀏覽器太舊，不支持框架功能時，他看到的將是一片空白。為了避免這種情況，可使用<NOFRAMES>這個標(biāo)記，當(dāng)使用者的瀏覽器看不到框架時，他就會看到<NOFRAMES>與</NOFRAMES>之間的內(nèi)容，而不是一片空白。這些內(nèi)容可以是提醒瀏覽者采用新的瀏覽器的字句，也可以是一個沒有框架的網(wǎng)頁或切換到?jīng)]有框架的版本的鏈接都可。應(yīng)用方法：

在<frameset>標(biāo)記范圍加入</NOFRAMES>標(biāo)記，以下是例子：<framesetrows="80,*"><noframes>

<body>

很抱謙，您使用的瀏覽器不支持框架功能，請采用新版本的瀏覽器。

</body>

</noframes><framename="top"src="a.html"><framename="bottom"src="b.html"></frameset>若瀏覽器支持框架，那么它不會理會<noframes>中的內(nèi)容，但若瀏覽器不支持框架，由于不認(rèn)識所有框架標(biāo)記，不明的標(biāo)記被略過，標(biāo)記包圍的內(nèi)容便被解讀出來，所以在<noframes>范圍內(nèi)的文字被顯示。

■<IFRAME>：▲Top這標(biāo)記只適用于IE。它的作用是在一頁中間插入一個框窗以顯示另一個文件。它是一個圍堵標(biāo)記，但圍堵著的字句只有在瀏覽器不支持iframe標(biāo)記時才顯示，如<noframes>一樣，可以放一些提醒的字句之類。通常iframe配合一個辯認(rèn)瀏覽器的的JavaScript會更好，若于javascript認(rèn)出該瀏覽器并非InternetExplorer便會切換到另一個版本。<iframe>的參數(shù)如下：

例子：<iframesrc="iframe.html"name="test"align="MIDDLE"width="300"height="100"marginwidth="1"marginheight="1"frameborder="1"scrolling="Yes">src="iframe.html"

欲顯示于此框窗的文件來源除檔案名稱，必要加上相對或絕對路徑。name="test"

此框窗名稱，這是鏈接標(biāo)記的target參數(shù)所需要的，align="MIDDLE"

可選值為left,right,top,middle,bottom，作用不大width="300"height="100"

框窗的寬及長，以pixels為單位。marginwidth="1"marginheight="1"

該插入的文件與框邊所保留的空間。frameborder="1"

使用1表示顯示邊框，0則不顯示。（可以是yes或no）scrolling="Yes"

使用Yes表示允許卷動（內(nèi)定），No則不許。例子：原代碼

<center><iframesrc="iframe.html"name="test"align="MIDDLE"width="300"height="100"marginwidth="5"marginheight="5"frameborder="1">

很抱謙，您的瀏覽器并不支持IFrame，不能正常瀏覽我的網(wǎng)頁。</iframe>

</center>顯示結(jié)HTML框架代碼網(wǎng)頁框架代碼<iframeborder=0name=lantksrc="要嵌入的網(wǎng)頁地址"width=400height=400allowTransparencyscrollbars=yesframeBorder="0"></iframe>特點是無論使用何種分辨率，它的大小和位置都是不變的。收集的:1.

<framesetborder="0"cols="0,*"frameborder="0"framespacing="0"onload="init()"onhelp="noHelp()"onkeydown="noEffect()"ondragstart="noEffect()"oncontextmenu="noContext()">

<framename="oPlus"src=""noresize>

<framename="oMain"src="網(wǎng)址"frameborder="0"noresizescrolling="auto">

</frameset>2.右邊框架

<framesetcols="*,150"frameborder="0"border="0"framespacing="0">

<framesrc="網(wǎng)址"name="mm"frameborder="0">

<framesrc="http://右邊網(wǎng)址.com"name="rightFrame"frameborder="0"scrolling="NO"noresize>

</frameset>3.上下框架

<framesetrows="28,*"frameborder="NO"border="0"framespacing="0">

<framesrc="http://上部網(wǎng)址/index.htm"name="dj-play"scrolling="no"noresize>

<framesrc="網(wǎng)址"name="mainFrame"scrolling="auto">

</frameset>4.網(wǎng)頁內(nèi)嵌框架

<IFRAMEalign=middlemarginWidth=0vspace=-0marginHeight=0src="網(wǎng)址"frameBorder=nowidth=400scrolling=autoheight=300></IFRAME>~~~~~也可以自己修在框架大小：

<tablewidth="寬大小"height="高大小"><TDalign=middlewidth=寬大小height=高的大小><IFRAMEname=sucai1

marginWidth=0frameSpacing=0marginHeight=0

src="所要放的網(wǎng)頁的地址"frameBorder=0width=400

height=380></TD>

</table>

</IFRAME>在當(dāng)前網(wǎng)頁中包含另一個網(wǎng)頁：<iframesrc=另一個網(wǎng)頁地址></iframe>9、網(wǎng)頁打開后，隔一定時間自動刷新：<METAHTTP-EQUIV="refresh"CONTENT="時間間隔秒">10、網(wǎng)頁打開后，隔一定時間自動跳轉(zhuǎn)到另一頁：<metahttp-equiv="Refresh"content="時間間隔秒;url=另一個網(wǎng)頁地址">10.層的HTML標(biāo)簽，Dreamweaver中層在標(biāo)簽選擇器的表示形式、層的Z屬性的意義及大小的關(guān)系，層中可以插入哪些元素？答：層〈div><span>兩種元素

<div>是塊級元素，和段落元素<p>相似，不同的是兩個<div>元素之間不會產(chǎn)生兩個<p>元素之間的空行，

<span>是行內(nèi)元素，可以定義段落中部分文字的屬性

語法格式：

<divalign=""style="">...</div>

align設(shè)置層中元素的水平對齊方式

stule設(shè)置元素應(yīng)用css規(guī)范的屬性

<div>兼容性比<span>要好一點，最好使用<div>在標(biāo)簽選擇器的表示形式：<div#Layer1>一個簡單的層HTML文檔：<title>無標(biāo)題文檔</title><styletype="text/css"><!--#Layer1{ position:absolute; width:418px; height:330px; z-index:1; left:98px; top:81px;}--></style></head><body><divid="Layer1"></div></body></html>層中可以插入的元素：文本圖片超鏈接動畫表單音頻視頻11.層布局與表格布局的比較答：使用DIV比使用TABLE在布局上更加靈活，而且便于日后維護(hù)。用例子來說。如果一個網(wǎng)頁本來是分3部分，A部分在左，B部分在右上，C在右下。┌—┐┌——————————┐│││B││A│└——————————┘││┌——————————┐│││C│└—┘└——————————┘使用table定位，html代碼如下：<table><tr><tdrowspan='2'>A</td><td>B</td><tr><tr><td>C</td><tr></table>使用div定位，html代碼如下：<divclass='areaA'>A</div><divclass='areaB'>B</div><divclass='areaC'>C</div>需要CSS定義3個DIV的位置和高度寬度。某天網(wǎng)頁改版，變成了三個部分從左到右排列。┌———┐┌———┐┌———┐│││││││A││B││C│││││││││││││└———┘└———┘└———┘使用table定位，html代碼如下：<table><tr><td>A</td><td>B</td><td>C</td><tr></table>當(dāng)然如果你給CSS中設(shè)置的關(guān)于這三個區(qū)域的高度寬度等也要更改CSS文件。使用CSS定位html代碼不需要更改，需要更改的是CSS文件中的DIV定位方式和三個區(qū)域高度寬度。從這個看起來好像使用DIV并沒有比使用表格方便多少，但是我們一般使用的頁面內(nèi)容比這個多，ABC每個區(qū)域里都有許多內(nèi)容，這些內(nèi)容也需要做布局，所以需要很多表格套表格。這樣要改動起來HTML文件里的變動就很大，一不小心刪錯代碼整個布局就要出問題。而使用DIV，在你html寫得比較規(guī)范的情況下，只需要改CSS文件，設(shè)置每個部分的CSS樣式即可。表格的優(yōu)勢：簡單缺點:反復(fù)欠套煩瑣、瀏覽速度會比較慢、代碼多div的優(yōu)勢：速度快、代碼少、缺點：兼容性差12.文件面板中的主要操作有哪些？答：新建、打開、保存、導(dǎo)入、轉(zhuǎn)換、輸出打印等13.什么是時間軸中的關(guān)鍵幀？如何在時間軸中表示？如何調(diào)整播放時間？什么元素可以添加到時間軸？時間軸面板的主要設(shè)置有哪些？時間軸能改變“圖像”和“層”對象的什么性質(zhì)？答：關(guān)鍵幀在時間軸上用實心小圓圈表示，空白關(guān)鍵幀用空心小圓圈表示。時間軸面板的主要設(shè)置：Flash是一套動畫制作軟件，因此要學(xué)習(xí)Flash的第一步就必須從時間軸面板入手。時間軸面板在菜單欄的下方，使用來管理圖層和處理幀；時間軸面板可以在“時間軸”文字上單擊隱藏，這樣可以騰出許多空間來顯示工作區(qū)；時間軸面板分為三部分，左下角是場景名稱，一般是“場景1”按鈕，按鈕上面是圖層面板，圖層面板旁邊是時間軸，先來看一下時間軸：時間軸由許多的小格組成，每一格代表一個幀，一幀就是一幅圖片，許多圖片連續(xù)播放，就是一個動畫影片；時間軸下邊有幾個數(shù)字，表示當(dāng)前是第幾幀，速度一般是12.0，時間長度幾秒；下面看一下時間軸下面的五個按鈕，第一個“幀居中”可以讓選中的這個圖層顯示在時間軸面板的中間位置，在多個圖層時很有用；第二個是“繪圖紙外觀”可以讓工作區(qū)中顯示幾個幀的圖像，這也叫洋蔥皮效果。這時在幀的上方有一個大括號一樣的效果范圍，兩頭可以拖動范圍；第三個是“繪圖紙邊框”只顯示出圖形的邊框來，沒有填充色，因而顯示速度要快一些；第四個是“編輯多幀”可以同時編輯兩個以上的關(guān)鍵幀，可以同時選中，也可以單獨(dú)修改；第五個是“修改標(biāo)記”可以設(shè)置顯示洋蔥皮的數(shù)量和顯示幀的標(biāo)記，默認(rèn)2個繪圖紙，括號里有兩幀;時間軸對圖和層對象性質(zhì)的改變：除了利用時間軸移動層之外，還可以利用時間軸來改變圖像的源文件和層的可視性、大小以及疊放順序。14.行為面板中所有的事件event和動作action，會設(shè)置網(wǎng)頁元素的多個行為，并了解行為出發(fā)的順序等答：行為是由事件和動作組成的，例如：將鼠標(biāo)移到一幅圖像上產(chǎn)生了一個事件，如果圖像發(fā)生變化前面介紹過的輪替圖像，就導(dǎo)致發(fā)生了一個動作。與行為相關(guān)的有三個重要的部分——對象、事件和動作。1.對象Object對象是產(chǎn)生行為的主體，很多網(wǎng)頁元素都可以成為對象，如圖片、文字、多媒體文件等，甚至是整個頁面。2.事件Event事件是觸發(fā)動態(tài)效果的原因，它可以被附加到各種頁面元素上，也可以被附加到HTML標(biāo)記中。一個事件總是針對頁面元素或標(biāo)記而言的，例如：將鼠標(biāo)移到圖片上、把鼠標(biāo)放在圖片之外、單擊鼠標(biāo)，是與鼠標(biāo)有關(guān)的三個最常見的事件onMouseOver、onMouseOut、onClick。不同的瀏覽器支持的事件種類和多少是不一樣的，通常高版本的瀏覽器支持更多的事件。3.動作Action行為通過動作來完成動態(tài)效果，如：圖片翻轉(zhuǎn)、打開瀏覽器、播放聲音都是動作。動作通常是一段JaveScript代碼，在Dreamweaver中使用Dreamweaver內(nèi)置的行為往頁面中添加JaveScript代碼，就不必自己編寫。4.事件與動作將事件和動作組合起來就構(gòu)成了行為，例如，將onClick行為事件與一段JaveScript代碼相關(guān)聯(lián)，單擊鼠標(biāo)時就可以執(zhí)行相應(yīng)的JaveScript代碼動作。一個事件可以同多個動作相關(guān)聯(lián)1：n，即發(fā)生事件時可以執(zhí)行多個動作。15.什么是絕對路徑和相對路徑？使用場合？答：所謂“絕對路徑”就是從根目錄開始一直到該目錄的全程的路徑，這樣說可能太抽象，舉個例子："c:\apache\htdocs\cgi-bin\test.cgi"就是文件test.cgi的絕對路徑。所謂“相對路徑”就是相對于當(dāng)前目錄的路徑，舉個例子：例如當(dāng)前目錄目錄是"c:\apache\htdocs"你要瀏覽c:\apache\htdocs\cgi-bin\test.cgi文件的內(nèi)容，那么只需在命令行里輸入"typecgi-bin\test.cgi"就可以了，要是在"c:\apache\htdocs\cgi-bin\xyz"下呢，那么就是"type..test.cgi"。絕對路徑是不變的，而相對路徑是隨用戶工作目錄的變化而變化。外鏈接時使用絕對路徑，即站外鏈接使用。站內(nèi)的都使用相對路徑即可。絕對路徑的優(yōu)點1.如果有人抄襲你的網(wǎng)站內(nèi)容，里面的鏈接還會指向你的網(wǎng)站，有些抄襲的人比較懶，根本不會去改內(nèi)容。其實也不局限于被抄襲，如果有人將你的網(wǎng)頁保存到本地電腦中，里面的鏈接、圖片、css、以及js仍然會連接到你的網(wǎng)站。2.如果網(wǎng)頁位置改變，里面的鏈接還是指向正確的URL。絕對路徑的缺點：1.如我上面所述，在本機(jī)制作的時候不能使用絕對路徑，因為鏈接應(yīng)該指向真正的域名而不是測試機(jī)的。2.內(nèi)容頁面必須固定，如果所有內(nèi)容頁面都使用絕對路徑，那么要修改一個文件，其它頁面上的路徑無法變化，還會指向原來的地址。相對路徑的優(yōu)缺點相對路徑的優(yōu)缺點和絕對路徑幾乎相反。優(yōu)點：1.容易移動內(nèi)容，可以整個目錄移動。2.測試方法比較靈活，就是我所說的本機(jī)測試時比較方便。缺點：1.內(nèi)容頁面換了位置時，鏈接容易失效。2.容易被人大面積采集抄襲。16.圖像屬性面板中主要屬性的含義。替代文字（Alt屬性）的作用有哪些？答：alt屬性是一個用于網(wǎng)頁語言HTML和XHTML、為輸出純文字的參數(shù)屬性。它的作用是當(dāng)HTML元素本身的物件無法被渲染時，就顯示alt（替換）文字作為一種補(bǔ)救措施。ALT-代替屬性用來對網(wǎng)頁上的圖片進(jìn)行描述，光標(biāo)在圖片上時顯示的提示語即采用該標(biāo)簽實現(xiàn)。從SEO和用戶體驗來看，ALT-代替屬性都是必要的，其重要性主要有：網(wǎng)頁內(nèi)容相關(guān)性是關(guān)鍵詞優(yōu)化的前提，搜索引擎認(rèn)為，網(wǎng)頁上的圖片應(yīng)該與網(wǎng)頁主題相關(guān)。反過來講，當(dāng)搜索引擎要判斷網(wǎng)頁的關(guān)鍵詞時，圖片的ALT-代替屬性是一個可信任的參考點。所以，別忘了在圖片的ALT-代替屬性里添加上該網(wǎng)頁的關(guān)鍵詞。有時候因為一些原因，比如使用屏幕讀取器、帶寬較低、網(wǎng)絡(luò)阻礙等導(dǎo)致網(wǎng)頁上的圖片無法顯示。描述性的ALT-代替屬性可以告訴用戶該位置的內(nèi)容，從而添加用戶體驗。正規(guī)的網(wǎng)站都應(yīng)該這樣做。有時，如果沒有ALT-代替屬性，會導(dǎo)致用戶不明白該圖片代表著什么，為什么放在這個網(wǎng)頁。17.什么是CSS樣式表？網(wǎng)頁中為什么要使用CSS樣式表？新建CSS樣式表有哪些類型？各自有什么用途？如何應(yīng)用CSS樣式？CSS代碼在HTML文檔中的位置。答：層疊樣式表(CSS)是一系列格式設(shè)置規(guī)則，它們控制Web頁面內(nèi)容的外觀。使用CSS設(shè)置頁面格式時，內(nèi)容與表現(xiàn)形式是相互分開的。頁面內(nèi)容（HTML代碼）位于自身的HTML文件中，而定義代碼表現(xiàn)形式的CSS規(guī)則位于另一個文件（外部樣式表）或HTML文檔的另一部分（通常為<head>部分）中。使用CSS可以非常靈活并更好地控制頁面的外觀，從精確的布局定位到特定的字體和樣式等。CSS使您可以控制許多僅使用HTML無法控制的屬性。例如，您可以為所選文本指定不同的字體大小和單位（像素、磅值等）。通過使用CSS從而以像素為單位設(shè)置字體大小，還可以確保在多個瀏覽器中以更一致的方式處理頁面布局和外觀。CSS格式設(shè)置規(guī)則由兩部分組成：選擇器和聲明。選擇器是標(biāo)識已設(shè)置格式元素（如P、H1、類名稱或ID）的術(shù)語，而聲明則用于定義樣式元素。在下面的示例中，H1是選擇器，介于大括號({})之間的所有內(nèi)容都是聲明：H1{

font-size:16pixels;

font-family:Helvetica;

font-weight:bold;

}聲明由兩部分組成：屬性（如font-family）和值（如Helvetica）。上述示例為H1標(biāo)簽創(chuàng)建了樣式：鏈接到此樣式的所有H1標(biāo)簽的文本都將是16像素大小并使用Helvetica字體和粗體。術(shù)語“層疊”是指對同一個元素或Web頁面應(yīng)用多個樣式的能力。例如，可以創(chuàng)建一個CSS規(guī)則來應(yīng)用顏色，創(chuàng)建另一個規(guī)則來應(yīng)用邊距，然后將兩者應(yīng)用于一個頁面中的同一文本。所定義的樣式“層疊”到您的Web頁面上的元素，并最終創(chuàng)建您想要的設(shè)計。CSS的主要優(yōu)點是容易更新；只要對一處CSS規(guī)則進(jìn)行更新，則使用該定義樣式的所有文檔的格式都會自動更新為新樣式。在Dreamweaver中可以定義以下規(guī)則類型：自定義CSS規(guī)則（也稱為“類樣式”）使您可以將樣式屬性應(yīng)用到任何文本范圍或文本塊。所有類樣式均以句點(.)

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論