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

下載本文檔

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

文檔簡(jiǎn)介

電子商務(wù)網(wǎng)站基礎(chǔ)復(fù)習(xí)鏈接類(lèi)型有哪些?圖像熱點(diǎn)各種使用方法?命名錨記的鏈接語(yǔ)法?鏈接的HTML標(biāo)簽及其屬性。答:按照鏈接路徑的不同,網(wǎng)頁(yè)中超鏈接一般分為以下3種類(lèi)型:內(nèi)部鏈接,錨點(diǎn)鏈接和外部鏈接。如果按照使用對(duì)象的不同,網(wǎng)頁(yè)中的鏈接又可以分為:文本鏈接,圖片鏈接,電子郵件鏈接,錨點(diǎn)鏈接,多媒體文件鏈接,腳本鏈接,空鏈接等。圖像熱點(diǎn):標(biāo)記主要用于圖像地圖,通過(guò)該標(biāo)記可以在圖像地圖中設(shè)定作用區(qū)域(又稱為熱點(diǎn)),這樣當(dāng)用戶的鼠標(biāo)移到指定的作用區(qū)域點(diǎn)擊時(shí),會(huì)自動(dòng)鏈接到預(yù)先設(shè)定好的頁(yè)面。創(chuàng)建步驟:1用鼠標(biāo)在文檔窗口選擇要?jiǎng)?chuàng)建圖片熱點(diǎn)的圖片2選擇圖片熱點(diǎn)工具欄的任一熱點(diǎn)工具,在圖像上任意位置拖動(dòng)鼠標(biāo),創(chuàng)建熱點(diǎn)3創(chuàng)建圖片熱點(diǎn)后,在熱點(diǎn)屬性設(shè)置面板,對(duì)熱點(diǎn)鏈接屬性進(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)的屬性

鏈接到其他頁(yè)面

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

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

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

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

<ahref=”#位置名”>~</a>:指定鏈接文件(從什么位置開(kāi)始鏈接)

<aname=”位置名”>~</a>:指定鏈接的地址(要鏈接的位置)

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

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

<ahref=”URL#位置名”>~</a>:指定鏈接源(從什么位置開(kāi)始鏈接)

<aname=”位置名”>~</a>:指定鏈接的地址(要鏈接的位置)

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

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

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

link:還沒(méi)有看見(jiàn)的鏈接部分的文字顏色

vlink:已經(jīng)看見(jiàn)的鏈接部分的文字顏色

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

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

在新窗口中打開(kāi)鏈接網(wǎng)頁(yè)

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

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

通過(guò)設(shè)置鏈接來(lái)啟動(dòng)郵箱

<ahref=”mailto:郵箱地址”>~</a>圖片超鏈接:代碼:<ahref="你要鏈接到的地址"target="_blank"><imgscr="圖片地址URL"width="寬度"height="高度"alt="圖片說(shuō)明"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>觸到鏈接時(shí)出現(xiàn)虛線代碼:<STYLETYPE="text/css">A{text-decoration:NONE;color:#51bfe0}A:hover{border-bottom:1pxdashed#51bfe0}</STYLE>會(huì)移動(dòng)的鏈接代碼<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)色地方換成你喜歡的顏色代碼,具體顏色代碼請(qǐng)看美化必備-常用顏色代碼①②音樂(lè)超鏈接下載代碼:<AHREF="音樂(lè)地址URL"TARGET=_BLANK>你的音樂(lè)名字</A>然后把你的IE瀏覽器上的Internet選項(xiàng)中的"始終使用UTF-8發(fā)送URL"勾選去掉即可!!這樣可以讓其他人直接點(diǎn)你的連接進(jìn)行下載!(具體:你的IE瀏覽器上"工具"菜單->Internet選項(xiàng)->"高級(jí)"標(biāo)簽->始終使用UTF-8發(fā)送URL->勾選去掉)舉例如:愛(ài)情轉(zhuǎn)移陳奕迅ssss鏈接特效霧化鏈接:將下面代碼加到網(wǎng)頁(yè)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代碼答:一個(gè)非常簡(jiǎn)單的的HTML文檔<html><body>Thecontentofthebodyelementisdisplayedinyourbrowser.</body></html>簡(jiǎn)單的段落<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)地址">寫(xiě)上你想寫(xiě)的字</a>3)在新窗口打開(kāi)連接:<ahref="相關(guān)地址"target="_blank">寫(xiě)上要寫(xiě)的字</a>消除連接的下劃線在新窗口打開(kāi)連接:<ahref="相關(guān)地址"style="text-decoration:none"target="_blank">寫(xiě)上你想寫(xiě)的字</a>4)移動(dòng)字體(走馬燈):<marquee>寫(xiě)上你想寫(xiě)的字</marquee>5)字體加粗:<b>寫(xiě)上你想寫(xiě)的字</b>6)字體斜體:<i>寫(xiě)上你想寫(xiě)的字</i>7)字體下劃線:<u>寫(xiě)上你想寫(xiě)的字</u>8)字體刪除線:<s>寫(xiě)上你想寫(xiě)的字</s>9)字體加大:<big>寫(xiě)上你想寫(xiě)的字</big>10)字體控制大?。?lt;h1>寫(xiě)上你想寫(xiě)的字</h1>(其中字體大小可從h1-h5,h1最大,h5最小)11)更改字體顏色:<fontcolor="#value">寫(xiě)上你想寫(xiě)的字</font>(其中value值在000000與ffffff(16位進(jìn)制)之間12)消除連接的下劃線:<ahref="相關(guān)地址"style="text-decoration:none">寫(xiě)上你想寫(xiě)的字</a>13)貼音樂(lè):<embedsrc=音樂(lè)地址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)固定帖子背景不隨滾動(dòng)條滾動(dòng):<bodybackground="背景圖片地址"body

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

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

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

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

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

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

設(shè)置鏈接“鏈接”選項(xiàng)內(nèi)是一些與頁(yè)面的鏈接效果有關(guān)的設(shè)置?!版溄宇伾倍x超鏈接文本默認(rèn)狀態(tài)下的字體顏色,“變換圖像鏈接”定義鼠標(biāo)放在鏈接上時(shí)文本的顏色,“已訪問(wèn)鏈接”定義訪問(wèn)過(guò)的鏈接的顏色,“活動(dòng)鏈接”定義活動(dòng)鏈接的顏色。“下劃線樣式”可以定義鏈接的下劃線樣式。設(shè)置標(biāo)題“標(biāo)題”用來(lái)設(shè)置標(biāo)題字體的一些屬性。在左側(cè)“分類(lèi)”列表中選擇“標(biāo)題”,這里的標(biāo)題指的并不是頁(yè)面的標(biāo)題內(nèi)容,而是可以應(yīng)用在具體文章中各級(jí)不同標(biāo)題上的一種標(biāo)題字體樣式。我們可以定義“標(biāo)題字體”及6種預(yù)定義的標(biāo)題字體樣式,包括粗體、斜體、大小和顏色。5.頁(yè)面屬性中所有屬性的含義和設(shè)置方法6.網(wǎng)頁(yè)中插入一個(gè)表格定義與組成,屬性面板中的主要屬性。如何讓一個(gè)表格中插入的圖片之間無(wú)縫連接?表格寬度的表示法,會(huì)寫(xiě)表格的HTML代碼。能看懂一個(gè)三行三列表格中,若干行列進(jìn)行合并后的HTML代碼。答:無(wú)縫連接的方法:表格和單元格不要設(shè)定寬度,不要設(shè)置邊框、間距和填充一個(gè)三行三列表格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)識(shí)符,成對(duì)出現(xiàn),不用區(qū)分大小寫(xiě)。即這樣寫(xiě)也可以:<TABLE>--</TABLE>。在<table>和</table>之下,還需要由兩個(gè)成對(duì)的標(biāo)識(shí)符號(hào)定義表格的行、列,它們分別是<tr>……</tr>,<td>……</td>,<tr>標(biāo)識(shí)符定義表中的行,<td>標(biāo)識(shí)符定義數(shù)據(jù)表元,即每行中的每一列。<td>……</td>要包含在<tr>……</tr>里面。

一個(gè)基本的表格代碼如下:<tableborder=2width=80%height="300">

<tr>

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

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

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

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

height="300"表格高度。

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

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

一張完整的表格全部語(yǔ)法如下:<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代碼制作表格。是不是很簡(jiǎn)單?為了讓表格更加生動(dòng),我們可以將前面列舉的表格屬性參數(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)在來(lái)看看邊框向光部分的顏色和邊框背光部分的顏色設(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代碼制作表格

表格代碼語(yǔ)法精講

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

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

;cellpadding=11單元格內(nèi)部?jī)?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)容自動(dòng)定義寬度height=300表格高度通??梢圆辉O(shè)置,而是讓系統(tǒng)根據(jù)內(nèi)容的多少自行設(shè)定以上數(shù)字顏色圖片地址均可酌情調(diào)整!

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

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

如果有十對(duì)那么就有十張表格。

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

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

<framesrc="frame_a.htm">

<framesrc="frame_b.htm"></frameset>簡(jiǎn)單的三框架頁(yè)面:<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è)定是否可以卷動(dòng)

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

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

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

<NOFRAMES>

<IFRAME>

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

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

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

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

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

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

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

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

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

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

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

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

設(shè)定框架的邊框顏色。顏色值請(qǐng)參考【調(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è)定每一個(gè)框窗內(nèi)的參數(shù)屬性。

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

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

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

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

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

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

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

設(shè)定不讓使用者可以改變這個(gè)框框的大小,如沒(méi)有設(shè)定此參數(shù),使用者可隨意地拉動(dòng)框架改變其大小。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)別人使用的瀏覽器太舊,不支持框架功能時(shí),他看到的將是一片空白。為了避免這種情況,可使用<NOFRAMES>這個(gè)標(biāo)記,當(dāng)使用者的瀏覽器看不到框架時(shí),他就會(huì)看到<NOFRAMES>與</NOFRAMES>之間的內(nèi)容,而不是一片空白。這些內(nèi)容可以是提醒瀏覽者采用新的瀏覽器的字句,也可以是一個(gè)沒(méi)有框架的網(wǎng)頁(yè)或切換到?jīng)]有框架的版本的鏈接都可。應(yīng)用方法:

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

<body>

很抱謙,您使用的瀏覽器不支持框架功能,請(qǐng)采用新版本的瀏覽器。

</body>

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

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

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

欲顯示于此框窗的文件來(lái)源除檔案名稱,必要加上相對(duì)或絕對(duì)路徑。name="test"

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

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

框窗的寬及長(zhǎng),以pixels為單位。marginwidth="1"marginheight="1"

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

使用1表示顯示邊框,0則不顯示。(可以是yes或no)scrolling="Yes"

使用Yes表示允許卷動(dòng)(內(nèi)定),No則不許。例子:原代碼

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

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

</center>顯示結(jié)HTML框架代碼網(wǎng)頁(yè)框架代碼<iframeborder=0name=lantksrc="要嵌入的網(wǎng)頁(yè)地址"width=400height=400allowTransparencyscrollbars=yesframeBorder="0"></iframe>特點(diǎn)是無(wú)論使用何種分辨率,它的大小和位置都是不變的。收集的: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)頁(yè)內(nèi)嵌框架

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

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

marginWidth=0frameSpacing=0marginHeight=0

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

height=380></TD>

</table>

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

<div>是塊級(jí)元素,和段落元素<p>相似,不同的是兩個(gè)<div>元素之間不會(huì)產(chǎn)生兩個(gè)<p>元素之間的空行,

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

語(yǔ)法格式:

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

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

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

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

溫馨提示

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

評(píng)論

0/150

提交評(píng)論