第3章JavaWeb基礎(chǔ)html與Web結(jié)構(gòu)資料課件

上傳人：v*** IP屬地：貴州上傳時(shí)間：2023-07-24 格式：PPT 頁(yè)數(shù)：124 大?。?.94MB 積分：25 舉報(bào) 版權(quán)申訴

第3章JavaWeb基礎(chǔ)html與Web結(jié)構(gòu)資料課件_第2頁(yè)

第3章JavaWeb基礎(chǔ)html與Web結(jié)構(gòu)資料課件_第3頁(yè)

第3章JavaWeb基礎(chǔ)html與Web結(jié)構(gòu)資料課件_第4頁(yè)

第3章JavaWeb基礎(chǔ)html與Web結(jié)構(gòu)資料課件_第5頁(yè)

已閱讀5頁(yè)，還剩119頁(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)介

2023年7月23日第1頁(yè)第3章JavaWeb編程基礎(chǔ)：HTMLHTML語(yǔ)言Web結(jié)構(gòu)Javascript2023年7月23日第2頁(yè)Web編程JSP相關(guān)技術(shù)1、JAVA基礎(chǔ)知識(shí)

JSP使用Java作為基本語(yǔ)言，JSP文件實(shí)際就是一些JSP定義的標(biāo)記、Java程序和HTML文件的混合體，要學(xué)好JSP，必須掌握J(rèn)ava語(yǔ)言的基本知識(shí)。2、HTML基礎(chǔ)知識(shí)使用JSP開發(fā)動(dòng)態(tài)網(wǎng)頁(yè)，最終產(chǎn)生的結(jié)果中超過(guò)90%以上將是HTML文件，因此，JSP程序員要全面理解HTML語(yǔ)言。2023年7月23日第3頁(yè)3、JavaScript基礎(chǔ)知識(shí)

JavaScript允許在客戶端執(zhí)行邏輯判斷，這意味著客戶端和服務(wù)器之間的交互次數(shù)會(huì)少一次。因此，掌握J(rèn)avaScript開發(fā)知識(shí)非常必要。其中包括掌握J(rèn)avaScript基本語(yǔ)法、CSS樣式特效和使用JavaScript進(jìn)行客戶端驗(yàn)證。4、數(shù)據(jù)庫(kù)基礎(chǔ)知識(shí)

JSP大都和數(shù)據(jù)庫(kù)相關(guān)，要求了解數(shù)據(jù)庫(kù)基本知識(shí)、關(guān)系數(shù)據(jù)庫(kù)基本原理和SQL語(yǔ)言。2023年7月23日第4頁(yè)1.1HTMLHTML入門

HTML基本結(jié)構(gòu)及標(biāo)記符DreamWeaver頁(yè)面布局與文字設(shè)計(jì)超鏈接列表多媒體效果

TABLE表格布局層Layer交互式表單CSS樣式2023年7月23日第5頁(yè)HTML入門HTML英語(yǔ)意思是：HypertextMarkedLanguage，即超文本標(biāo)記語(yǔ)言通過(guò)HTML可以表現(xiàn)出豐富多彩的設(shè)計(jì)風(fēng)格通過(guò)HTML可以展現(xiàn)多媒體的效果標(biāo)簽“<標(biāo)簽名字屬性>”2023年7月23日第6頁(yè)HTML的基本結(jié)構(gòu)文檔頭、文檔體<HTML>

<HEAD>

頭部信息

</HEAD>

<BODY>

文檔主體，正文部分

</BODY></HTML>2023年7月23日第7頁(yè)在HTML中，所有的標(biāo)記符都是一些字母或單詞并用尖括號(hào)括起來(lái)。例如，<html>、<a>。HTML標(biāo)記符是不區(qū)分大小寫的。<html>、<Html>和<HTML>沒有區(qū)別。絕大多數(shù)標(biāo)記符都是成對(duì)出現(xiàn)的，包括開始標(biāo)記符和結(jié)束標(biāo)記符。某些標(biāo)記符，例如<BR>，只要求單一標(biāo)記符號(hào)。開始標(biāo)記符與結(jié)束標(biāo)記符的區(qū)別在于：結(jié)束標(biāo)記符多一個(gè)斜杠“/”（不是反斜杠“\”?。?biāo)記符有自己的屬性。屬性是用來(lái)描述對(duì)象特征的特性。例如，一個(gè)人的身高、體重就是人這個(gè)對(duì)象的屬性。標(biāo)記符2023年7月23日第8頁(yè)在HTML中，所有的屬性都放置在開始標(biāo)記符的尖括號(hào)里，多個(gè)屬性之間用空格分開，通常也不區(qū)分大小寫。

例如，可以用字體標(biāo)記符和字號(hào)屬性指定文字的大小。

<FONTSIZE=1>本行字將以較小字體顯示。</FONT>2023年7月23日第9頁(yè)一個(gè)Web頁(yè)實(shí)際上對(duì)應(yīng)于一個(gè)HTML文件，HTML文件以.htm或.html為擴(kuò)展名。最基本的HTML文檔包括：HTML標(biāo)記<HTML></HTML>、首部標(biāo)記<HEAD>和</HEAD>、正文<BODY></BODY>和標(biāo)題標(biāo)記<TITLE></TITLE>。<HTML>和</HTML>是Web頁(yè)的第一個(gè)和最后一個(gè)標(biāo)記符，Web頁(yè)的其他所有內(nèi)容都位于這兩個(gè)標(biāo)記符之間。這兩個(gè)標(biāo)記告訴瀏覽器或其他閱讀該頁(yè)的程序，此文件為一個(gè)Web頁(yè)。2023年7月23日第10頁(yè)

首部標(biāo)記<HEAD>和</HEAD>位于Web頁(yè)的開頭，其中不包括Web頁(yè)的任何實(shí)際內(nèi)容，而是提供一些與Web頁(yè)有關(guān)的特定信息。

<TITLE>和</TITLE>，用于定義網(wǎng)頁(yè)的標(biāo)題，當(dāng)網(wǎng)頁(yè)在瀏覽器中顯示時(shí)，網(wǎng)頁(yè)標(biāo)題將在瀏覽器窗口的標(biāo)題欄中顯示正文標(biāo)記符<BODY>和</BODY>包含Web頁(yè)的內(nèi)容。文字、圖形、鏈接以及其他HTML元素都位于該標(biāo)記符內(nèi)，正文標(biāo)記符中的文字，如果沒有其他標(biāo)記符修飾，則將以無(wú)格式的形式顯示。2023年7月23日第11頁(yè)page.htm<html><head><title>第一個(gè)頁(yè)面</title></head><body>這是一個(gè)頁(yè)面</body></html>效果如圖實(shí)例操作2023年7月23日第12頁(yè)超文本語(yǔ)言中的標(biāo)簽單標(biāo)簽

<標(biāo)簽名稱><BR>雙標(biāo)簽

<標(biāo)簽>內(nèi)容</標(biāo)簽>

標(biāo)簽屬性

<標(biāo)簽名字屬性1屬性2屬性3…><APPLETCODE="Calculator.class"width=150height=200>2023年7月23日第13頁(yè)多種視窗模式簡(jiǎn)便易行的對(duì)象插入功能方便地創(chuàng)建框架，自由編排網(wǎng)頁(yè)用層與時(shí)間軸結(jié)合迅速創(chuàng)作網(wǎng)頁(yè)動(dòng)畫使用css和html樣式減少重復(fù)勞動(dòng)dw內(nèi)置了大量的行為用模板和庫(kù)創(chuàng)建具有統(tǒng)一風(fēng)格的網(wǎng)站dw的排版功能和強(qiáng)大的網(wǎng)站管理功能Dreamweaver入門2023年7月23日第14頁(yè)工作界面工作視圖的改變顯示，隱藏和改變面板的大小標(biāo)尺與網(wǎng)格制作網(wǎng)頁(yè)的基礎(chǔ)操作（打開，保存，關(guān)閉，設(shè)置頁(yè)面屬性等）2023年7月23日第15頁(yè)2023年7月23日第16頁(yè)2023年7月23日第17頁(yè)2023年7月23日第18頁(yè)2023年7月23日第19頁(yè)2023年7月23日第20頁(yè)

Dreamweaver的操作界面由“文檔”窗口、工具欄、狀態(tài)欄、上下文菜單、工具欄和屬性檢查器等部分組成.2023年7月23日第21頁(yè)

“文檔”工具欄中主要包含了一些對(duì)文檔進(jìn)行常用操作的功能按鈕，用戶通過(guò)單擊這些按鈕可以在文檔的不同視圖間進(jìn)行快速切換。2023年7月23日第22頁(yè)

“標(biāo)準(zhǔn)”工具欄中包含了一些“文件”和“編輯”菜單中對(duì)文檔常用操作命令的按鈕。選擇“查看”｜“工具欄”｜“標(biāo)準(zhǔn)”命令，可以顯示或隱藏“標(biāo)準(zhǔn)”工具欄.2023年7月23日第23頁(yè)

狀態(tài)欄位于文檔窗口的底部，作用是提供與用戶正編輯的文檔有關(guān)的某些信息，如當(dāng)前窗口大小、文檔大小和估計(jì)下載時(shí)間等等.2023年7月23日第24頁(yè)“插入”工具欄包含用于創(chuàng)建和插入對(duì)象(如表格、層和圖像)所用到的所有按鈕。這些按鈕被分類組織到各個(gè)選項(xiàng)卡中.2023年7月23日第25頁(yè)選擇“窗口”｜“屬性”命令，可以顯示或隱藏屬性檢查器。屬性檢查器在Dreamweaver中軟件默認(rèn)將其顯示在文檔窗口的下方.2023年7月23日第26頁(yè)確定網(wǎng)站的主題搜集資料網(wǎng)站布局，版式規(guī)劃選擇制作工具站點(diǎn)建設(shè)和網(wǎng)頁(yè)制作測(cè)試并上傳推廣宣傳維護(hù)更新建立網(wǎng)站的基本流程2023年7月23日第27頁(yè)定義本地端站點(diǎn)導(dǎo)入一個(gè)本地端站點(diǎn)使用高級(jí)設(shè)置：本地信息遠(yuǎn)程信息測(cè)試服務(wù)器遮蓋備注設(shè)計(jì)備注站點(diǎn)地圖布局文件視圖列

contribute設(shè)置欄注意:為了更順暢的工作，避免不兼容的現(xiàn)象，在使用Dw工作時(shí)最好以英文和數(shù)字來(lái)命名文件和文件夾。建立本地站點(diǎn)2023年7月23日第28頁(yè)1申請(qǐng)網(wǎng)頁(yè)空間申請(qǐng)網(wǎng)頁(yè)空間的方法有下列幾種：租用專線（或ADSL）：如果你的預(yù)算充足的話，您可以向萬(wàn)維網(wǎng)、中國(guó)萬(wàn)維網(wǎng)等ISP（InternetServiceProvider）租用專線，讓你的計(jì)算機(jī)24小時(shí)上網(wǎng)并架設(shè)成Web服務(wù)器，這么一來(lái)，其他人就可以通過(guò)Internet瀏覽你存放在自已計(jì)算機(jī)上的網(wǎng)頁(yè)。網(wǎng)站上傳租用網(wǎng)頁(yè)空間或虛擬主機(jī)：ISP通常會(huì)提供網(wǎng)頁(yè)空間或虛擬主機(jī)出租業(yè)務(wù)，這種業(yè)務(wù)的價(jià)格比較低，適合預(yù)算少的使用者。2023年7月23日第29頁(yè)申請(qǐng)免費(fèi)網(wǎng)頁(yè)空間：事實(shí)上，就算您沒有預(yù)算，還是可以上網(wǎng)去申請(qǐng)免費(fèi)網(wǎng)頁(yè)空間。目前有提供免費(fèi)網(wǎng)頁(yè)空間服務(wù)的站點(diǎn)不小，例如：虎翼網(wǎng)，等。2023年7月23日第30頁(yè)2注冊(cè)網(wǎng)域名稱（DomainName）也可以設(shè)置類似、、的超酷網(wǎng)址。即就是為自已的網(wǎng)站注冊(cè)個(gè)網(wǎng)域名稱目前可通過(guò)“中國(guó)網(wǎng)絡(luò)信息中心”（CNNIC）的網(wǎng)域名稱注冊(cè)系統(tǒng)申請(qǐng).、.、.的網(wǎng)域名稱。2023年7月23日第31頁(yè)3將網(wǎng)頁(yè)上傳至Internet首先，解釋什么叫做“上傳”（或稱上載，upload），要講上傳，就要先了解什么是FTP。簡(jiǎn)單來(lái)說(shuō)，F(xiàn)TP（FileTransferProtocol）是一種網(wǎng)絡(luò)文件傳輸協(xié)議，例如，在網(wǎng)絡(luò)上下載軟件或文件，就是利用FTP文件傳輸協(xié)議。所謂“上傳”就是FTP的功能之一，既然可以把網(wǎng)絡(luò)上的文件下載下來(lái)，那么也可以把文件從自已的計(jì)算機(jī)傳送到網(wǎng)絡(luò)上去，簡(jiǎn)而言之，“上傳”就是把計(jì)算機(jī)里的數(shù)據(jù)，通過(guò)FTP文件傳輸協(xié)議送到網(wǎng)絡(luò)的某臺(tái)服務(wù)器上。2023年7月23日第32頁(yè)上傳方法一：在Dreamweaver中發(fā)布

創(chuàng)建好的站點(diǎn)可以發(fā)布到Internet上的空間中，也可以發(fā)布到局域網(wǎng)中的某一個(gè)主機(jī)上。如果沒有具備這些條件，而又想測(cè)試一下Dreamweaver的上傳功能，可以從定義站點(diǎn)對(duì)話框的“高級(jí)”選項(xiàng)卡中的“遠(yuǎn)程信息”中選擇“訪問(wèn)”下拉列表中的“本地/網(wǎng)絡(luò)”選項(xiàng)，并在“遠(yuǎn)程文件夾”中指定自己電腦中的一個(gè)文件夾，同樣可以實(shí)現(xiàn)上傳功能。2023年7月23日第33頁(yè)1.上傳到Internet

在文件面板中單擊上傳文件按鈕，彈出如圖所示的對(duì)話框，選擇“是”，立即定義遠(yuǎn)程服務(wù)器；我們?cè)谏暾?qǐng)網(wǎng)站空間時(shí)，已經(jīng)得到了FTP主機(jī)，主機(jī)目錄，登錄名和密碼等信息，在“訪問(wèn)”中選擇FTP，填寫相應(yīng)的信息，如下頁(yè)圖所示；單擊“確定”，完成遠(yuǎn)程服務(wù)器的測(cè)試；

講述上傳到Internet和上傳到本機(jī)2023年7月23日第34頁(yè)2023年7月23日第35頁(yè)

此時(shí)把視圖顯示設(shè)置為遠(yuǎn)程視圖，再單擊上傳文件按鈕，提示是否上傳整個(gè)站點(diǎn)，選擇“是”，則開始上傳站點(diǎn)中的所有文件，如圖所示，傳輸完畢，自動(dòng)關(guān)閉。

最后用申請(qǐng)空間時(shí)設(shè)置的站點(diǎn)名稱登錄即可在Internet上看到自己的站點(diǎn)。

2023年7月23日第36頁(yè)

通過(guò)在本地模擬遠(yuǎn)程文件夾的方法，可以把網(wǎng)站上傳到本地機(jī)上。方法和上傳到Internet類似，在設(shè)置遠(yuǎn)程服務(wù)器時(shí)，選擇“本地/網(wǎng)絡(luò)”選項(xiàng)，通過(guò)瀏覽按鈕在遠(yuǎn)程文件夾中設(shè)置一個(gè)本地文件路徑，如圖所示，單擊“確定”設(shè)置完成，再單擊上傳文件按鈕可以把站點(diǎn)文件上傳到本地的其他位置。2.上傳到本機(jī)2023年7月23日第37頁(yè)2023年7月23日第38頁(yè)FTP軟件有很多，較知名的有CuteFTP、WS_FTPPro、等，下面將以CUTEFTP這套FTP工具軟件為例，描述如何上傳文件至網(wǎng)絡(luò)服務(wù)器。首先，取得CUTEFTP軟件,并安裝該軟件在自己的計(jì)算機(jī)上。上傳方法二：FTP工具發(fā)布

2023年7月23日第39頁(yè)Step1：選擇“中國(guó)下載”網(wǎng)站，登錄到：,如圖所示。2023年7月23日第40頁(yè)Step2：查找CuteFtp軟件。在網(wǎng)頁(yè)的搜索對(duì)話框中輸入CuteFtp，如圖12-14所示。2023年7月23日第41頁(yè)Step3：如圖所示，選擇CuteFtp的版本。我們選擇CuteFTPXP簡(jiǎn)體中文版

V5.0.2，并在本地進(jìn)行下載2023年7月23日第42頁(yè)使用CUTEFTPXP上傳文件上傳文件，就是利用FTP工具將網(wǎng)頁(yè)作品安全的發(fā)送到網(wǎng)絡(luò)服務(wù)器上的網(wǎng)頁(yè)空間中。2023年7月23日第43頁(yè)要聯(lián)機(jī)到FTP網(wǎng)站，或修改聯(lián)機(jī)設(shè)定，如圖所示，點(diǎn)菜單“File/SiteManager”或按【F4】鍵。2023年7月23日第44頁(yè)設(shè)定連接參數(shù)，如圖所示。2023年7月23日第45頁(yè)按下“Connect”鈕，即可和FTP網(wǎng)站聯(lián)機(jī)，如圖所示。2023年7月23日第46頁(yè)聯(lián)機(jī)成功時(shí)，會(huì)出現(xiàn)一個(gè)對(duì)話框通知你，按下“OK”鈕，如圖所示。2023年7月23日第47頁(yè)在自已計(jì)算機(jī)上選取可上傳的文件，按“Upload”鈕，即可上傳網(wǎng)頁(yè)至申請(qǐng)免費(fèi)空間的網(wǎng)站。2023年7月23日第48頁(yè)頁(yè)面布局及文字設(shè)計(jì)標(biāo)題換行<BR>段落標(biāo)簽<P>水平線段<HR>文字的大小設(shè)置文字的字體與樣式文字的顏色綜合示例網(wǎng)頁(yè)設(shè)計(jì)2023年7月23日第49頁(yè)標(biāo)題HTML中提供了相應(yīng)的標(biāo)題標(biāo)簽<Hn>,總共提供六個(gè)等級(jí)，n越小，標(biāo)題字號(hào)就越大<H1>…</H1>第一級(jí)標(biāo)題

<H2>…</H2>第二級(jí)標(biāo)題

<H3>…</H3>第三級(jí)標(biāo)題

<H4>…</H4>第四級(jí)標(biāo)題

<H5>…</H5>第五級(jí)標(biāo)題

<H6>…</H6>第六級(jí)標(biāo)題2023年7月23日第50頁(yè)換行<BR>在HTML語(yǔ)言規(guī)范里，每當(dāng)瀏覽器窗口被縮小時(shí)，瀏覽器會(huì)自動(dòng)將右邊的文字轉(zhuǎn)至下一行。所以，編寫者對(duì)于自己需要斷行的地方，應(yīng)加上<BR>標(biāo)簽。2023年7月23日第51頁(yè)段落標(biāo)簽<P>文件段落的開始由<P>來(lái)標(biāo)記，段落的結(jié)束由</P>來(lái)標(biāo)記，</P>是可以省略的，因?yàn)橄乱粋€(gè)<P>的開始就意味著上一個(gè)<P>的結(jié)束<P>標(biāo)簽還有一個(gè)屬性ALIGN，它用來(lái)指名字符顯示時(shí)的對(duì)齊方式，一般值有CENTER、LEFT、RIGHT三種2023年7月23日第52頁(yè)水平線段<HR>這個(gè)標(biāo)簽可以在屏幕上顯示一條水平線，用以分割頁(yè)面中的不同部分。<HR>有四個(gè)屬性：

size水平線的寬度

width

水平線的長(zhǎng)，用占屏幕寬度的百分比或象素值來(lái)表示

align

水平線的對(duì)齊方式，有LEFTRIGHTCENTER三種

noshade

線段無(wú)陰影屬性，為實(shí)心線段2023年7月23日第53頁(yè)文字的大小設(shè)置提供設(shè)置字號(hào)大小的是FONT，F(xiàn)ONT有一個(gè)屬性SIZE，通過(guò)指定SIZE屬性就能設(shè)置字號(hào)大小，而SIZE屬性的有效值范圍為1－7，其中缺省值為3。我們可以SIZE屬性值之前加上“＋”、“－”字符，來(lái)指定相對(duì)于字號(hào)初始值的增量或減量。2023年7月23日第54頁(yè)文字的字體與樣式HTML提供了定義字體的功能，用FACE屬性來(lái)完成這個(gè)工作。FACE的屬性值可以是本機(jī)上的任一字體類型，只有對(duì)方的電腦中裝有相同的字體才可以在他的瀏覽器中出現(xiàn)你預(yù)先設(shè)計(jì)的風(fēng)格。

<fontface=“字體”>2023年7月23日第55頁(yè)文字的字體與樣式為了讓文字富有變化，或者為了著意強(qiáng)調(diào)某一部分，HTML提供了一些標(biāo)簽產(chǎn)生這些效果，現(xiàn)將常用的標(biāo)簽列舉如下：<B>

</B>粗體HTML語(yǔ)言<I>

</I>斜體HTML語(yǔ)言<U>

</U>加下劃線HTML語(yǔ)言<TT>

<TT>打字機(jī)字體HTML語(yǔ)言<BIG>

</BIG>大型字體HTML語(yǔ)言<SMALL>

</SMALL>小型字體HTML語(yǔ)言<EM>

</EM>表示強(qiáng)調(diào)，一般為斜體HTML語(yǔ)言<STRONG></STRONG>表示特別強(qiáng)調(diào)，一般為粗體HTML語(yǔ)言<CITE></CITE>用于引證、舉例，一般為斜體HTML語(yǔ)言2023年7月23日第56頁(yè)文字的顏色文字顏色設(shè)置格式如下：

<fontcolor=color_value>…</font>

這里的顏色值可以是一個(gè)十六進(jìn)制數(shù)(用“#”作為前綴)，也可以是顏色名稱如：Black="#000000“

Green="#00FF00"

Red="#FF0000“

Blue="#0000FF“2023年7月23日第57頁(yè)

網(wǎng)站都是由許多網(wǎng)頁(yè)組成的，網(wǎng)頁(yè)之間通常又是通過(guò)超鏈接方式相互建立關(guān)聯(lián)的。超鏈接是Web的精華。沒有超鏈接，就無(wú)法通過(guò)單擊的方式遨游Web世界，而如果沒有了單擊的功能，Web就會(huì)是死水一潭。沒有超鏈接的網(wǎng)頁(yè)在Web世界里沒有實(shí)際意義，網(wǎng)站也就失去了存在的意義。超鏈接的應(yīng)用范圍很廣，利用它不僅可以鏈接到其他網(wǎng)頁(yè)，還可以鏈接到其他圖像文件、多媒體文件及下載程序，也可以利用它在網(wǎng)頁(yè)內(nèi)部進(jìn)行鏈接或是發(fā)送E-mail等。在Dreamweaver中，可以將文檔中的任何文字及任意位置的圖片設(shè)置為超鏈接。超鏈接類型有頁(yè)間鏈接、頁(yè)內(nèi)鏈接、E-mail鏈接、空鏈接及腳本鏈接等。超鏈接的設(shè)置2023年7月23日第58頁(yè)超鏈接簡(jiǎn)稱鏈接，是指從一個(gè)網(wǎng)頁(yè)指向一個(gè)目標(biāo)對(duì)象的連接關(guān)系，該目標(biāo)對(duì)象可以是網(wǎng)頁(yè)，也可以是當(dāng)前網(wǎng)頁(yè)上的不同位置，還可以是圖片、電子郵件地址、文件（如多媒體文件或者M(jìn)icrosoftOffice文檔），甚至可以是應(yīng)用程序。一個(gè)超鏈接的基本格式如下：

<AHREF="資源地址">鏈接文字</A>·標(biāo)簽<A>鏈接的開始，</A>表示鏈接的結(jié)束；

·屬性“HREF”定義了這個(gè)鏈接所指的地方；

·通過(guò)點(diǎn)擊“鏈接文字”可以到達(dá)指定的文件。

<AHREF=“http://www.”>教育網(wǎng)</A>2023年7月23日第59頁(yè)站點(diǎn)內(nèi)部的鏈接不同站點(diǎn)間的鏈接網(wǎng)站外部的鏈接文件下載的鏈接電子郵件的鏈接空超鏈接頁(yè)面內(nèi)的超鏈接(錨點(diǎn)鏈接,目錄鏈接、書簽)2023年7月23日第60頁(yè)設(shè)置鏈接網(wǎng)頁(yè)的打開方式target=_blank：將超鏈接或熱點(diǎn)所連接的網(wǎng)頁(yè)顯示在新打開的窗口中

target=_self：將超鏈接或熱點(diǎn)所連接的網(wǎng)頁(yè)顯示在目前的窗口中。此項(xiàng)為默認(rèn)值，不用重新指定target=_parent：將超鏈接或熱點(diǎn)所連接的網(wǎng)頁(yè)顯示在目前文件的父框架中。target=_top：將超鏈接或熱點(diǎn)所連接的網(wǎng)頁(yè)顯示在瀏覽器窗口，取消所有框架2023年7月23日第61頁(yè)列表無(wú)序號(hào)列表序號(hào)列表2023年7月23日第62頁(yè)有序列表有序列表（Orderedlist）也稱數(shù)字式列表，它是一種在表的各項(xiàng)前顯示有數(shù)字或字母的縮排列表。定義有序列表需要使用有序列表標(biāo)記符<OL></OL>和列表項(xiàng)（Listitem）標(biāo)記符<LI></<LI>（結(jié)束標(biāo)記符可省略），語(yǔ)法如下：

<OL><LI>Listitem1<LI>Listitem2</OL>2023年7月23日第63頁(yè)OL標(biāo)記符最常用的屬性type，用來(lái)設(shè)置數(shù)字序列樣式。取值為：1、A、a、I、i。Value屬性：可以指出當(dāng)type屬性取值為1時(shí)（默認(rèn)的效果），列表前面可以顯示不連續(xù)的值。Start屬性：指出列表的初值有序列表屬性2023年7月23日第64頁(yè)2023年7月23日第65頁(yè)2023年7月23日第66頁(yè)無(wú)序列表無(wú)序列表（Unorderedlist）也稱強(qiáng)調(diào)式列表，它是一種在表的各項(xiàng)前顯示有特殊項(xiàng)目符號(hào)的縮排列表。定義無(wú)序列表需要使用無(wú)序列表標(biāo)記符<UL></UL>和列表項(xiàng)（Listitem）標(biāo)記符<LI></LI>（結(jié)束標(biāo)記符可省略），語(yǔ)法如下：<UL><LI>Listitem1<LI>Listitem2</UL>UL標(biāo)記符最常用的屬性type，用來(lái)設(shè)置項(xiàng)目符號(hào)樣式。取值為：disc、circle、square。2023年7月23日第67頁(yè)2023年7月23日第68頁(yè)設(shè)置頁(yè)面屬性外觀鏈接標(biāo)題網(wǎng)頁(yè)標(biāo)題/編碼跟蹤圖像2023年7月23日第69頁(yè)多媒體效果插入圖象播放音樂播放視頻2023年7月23日第70頁(yè)插入圖像超文本支持的圖象格式有GIF、JPEG等。

插入圖象的標(biāo)簽是<IMG>，其格式為：

<IMGSRC="圖形文件地址">2023年7月23日第71頁(yè)播放音樂點(diǎn)播音樂將音樂做成一個(gè)鏈接：<A

HREF="音樂地址">樂曲名</A>自動(dòng)載入音樂

基本語(yǔ)法：

<EMBEDSRC="音樂文件地址">在網(wǎng)頁(yè)中加入聲音（插入/插件）

<embedsrc=""width=""height=""hidden=""autostart=""loop=""></embed>

默認(rèn)：hidden="false"添加背景音樂方法1.上例中hidden=true

方法2.插入標(biāo)簽/html標(biāo)簽/bgsound2023年7月23日第72頁(yè)播放視頻鏈接一個(gè)視頻文件將視頻文件做成一個(gè)鏈接的方法：

HREF="視頻地址">視頻名稱</A>自動(dòng)載入視頻與音樂的播放一樣，可以使用EMBED標(biāo)簽播放視頻：

<EMBEDSRC=“視頻文件地址”>2023年7月23日第73頁(yè)在網(wǎng)頁(yè)中加入影片方法1：（插入/ActiveX）<objectclassid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"width=""height=""title=""/><paramname="src"value="aa.rm"/><paramname="autostart"value="true"/><paramname="controls"value="imagewindow"/><embedsrc="aa.rm"width=""height=""autostart="true"controls="imagewindow"></embed></object>參數(shù)中設(shè)置：src，controls，autostart等方法2：img中使用屬性dynsrc屬性插入影片<imgdynsrc="aa.rm"width=""height="〉2023年7月23日第74頁(yè)插入flash插入flash文本和flash按鈕插入flashPaper插入flash視頻插入Shockwave文件

Shockwave文件是Macromedia公司在Web上地交互式多媒體，用于播放插入網(wǎng)頁(yè)中應(yīng)用director以及多個(gè)相關(guān)程序來(lái)創(chuàng)建shockwave文件。文件地?cái)U(kuò)展名一般為.dir。插入applet插入ActiveX插入插件

2023年7月23日第75頁(yè)插入FlashPaper文檔插入Flash視頻（.flv）

插入Flash視頻對(duì)話框中各選項(xiàng)說(shuō)明如下：1.視頻類型：用于選擇視頻類型，包括“累進(jìn)式下載視頻”和“流視頻”兩個(gè)選項(xiàng)2.URL：指定FLV文件的相對(duì)或絕對(duì)路徑3.外觀：指定Flash視頻組件的外觀，所選外觀會(huì)在預(yù)覽中顯示4.寬度/高度：以像素為單位指定FLV文件的寬度/高度5.限制高度比：保持Flash視頻組件的寬度和高度之間的縱橫比不變6.自動(dòng)播放7.自動(dòng)重新播放：指定播放控件在視頻播放完之后是否返回起始位置8.必要時(shí)提示用戶下載FlashPlayer:可在頁(yè)面中插入代碼，該代碼將檢測(cè)查看Flash視頻所需的Player版本，并在用戶沒有所需的版本時(shí)提示他們下載flashPlayer的最新版本9.消息：指定將在用戶需要下載查看Flash視頻所需的Player最新版本時(shí)顯示的消息2023年7月23日第76頁(yè)視頻類型選擇“流視頻”選項(xiàng)，則對(duì)話框中各選項(xiàng)功能如下：1.“服務(wù)器URI”：以rmtp:///app_name/instance_name的形式指定服務(wù)器名稱，應(yīng)用程序名稱和實(shí)例名稱2.流名稱：指定想要播放的flv文件的名稱3.實(shí)時(shí)視頻插入：指定flash視頻內(nèi)容是否實(shí)時(shí)的。如果選定了該項(xiàng)，flashplayer將播放從flashcommunicationServer流入的實(shí)時(shí)視頻輸入。實(shí)時(shí)視頻輸入的名稱是在“流名稱”文本框中指定的名稱4.緩沖時(shí)間：指定在視頻開始播放之前進(jìn)行緩沖處理所需的時(shí)間（單位秒）。默認(rèn)的緩沖時(shí)間設(shè)置為0，這樣在點(diǎn)擊了播放按鈕后視頻會(huì)立即開始播放。如果要發(fā)送的視頻的比特率高于站點(diǎn)訪問(wèn)者的連接速度，或者internet通信可能會(huì)導(dǎo)致帶寬或連接問(wèn)題，則可能需要設(shè)置緩沖時(shí)間。2023年7月23日第77頁(yè)TABLE表格通過(guò)表格可以將頁(yè)面劃分為不同的部分，實(shí)現(xiàn)對(duì)元素的準(zhǔn)確定位。表格是對(duì)文本和圖形進(jìn)行布局的重要工具，合理地利用表格布局頁(yè)面，不但有助于清晰的搭建頁(yè)面結(jié)構(gòu)，又能保證形式上的豐富多彩創(chuàng)建表格編輯表格2023年7月23日第78頁(yè)表格的基本結(jié)構(gòu)表格的標(biāo)題表格的尺寸設(shè)置表格內(nèi)文字的對(duì)齊、布局跨多行、多列的表元表格的顏色2023年7月23日第79頁(yè)表格的基本結(jié)構(gòu)<table>...</table>定義表格

<caption>...</caption>定義標(biāo)題

<tr>定義表行

<th>定義表頭

<td>定義表元(單元格，表格的具體數(shù)據(jù))

2023年7月23日第80頁(yè)表格的標(biāo)題表格標(biāo)題的位置，可由ALIGN屬性來(lái)設(shè)置，其位置分別由表格上方和表格下方。下面為表格標(biāo)題位置的設(shè)置格式。設(shè)置標(biāo)題位于表格上方：

<captionalign=top>...</caption>設(shè)置標(biāo)題位于表格下方：

<captionalign=bottom>...</caption>

2023年7月23日第81頁(yè)表格尺寸設(shè)置表格的大小

一般情況下，表格的總長(zhǎng)度和總寬度是根據(jù)各行和各列的總和自動(dòng)調(diào)整的，如果要直接固定表格的大小，可以使用下列方式：

<tablewidth=n1height=n2>

width和height屬性分別指定表格一個(gè)固定的寬度和長(zhǎng)度，n1和n2可以用像素來(lái)表示，也可以用百分比（與整個(gè)屏幕相比的大小比例）來(lái)表示2023年7月23日第82頁(yè)表格尺寸設(shè)置邊框尺寸設(shè)置邊框是用border屬性來(lái)體現(xiàn)的，它表示表格的邊框邊厚度和框線。將border設(shè)成不同的值，有不同的效果。如：

<tableborder=10

width=250>

</table>2023年7月23日第83頁(yè)表格尺寸設(shè)置格間線寬度

格與格之間的線為格間線，它的寬度可以使用<TABLE>中的CELLSPACING屬性加以調(diào)節(jié)。格式是：

<TABLE

CELLSPACING=#>

#表示要取用的像素值例：

<tableborder=11

cellspacing=15>

</table>2023年7月23日第84頁(yè)表格尺寸設(shè)置內(nèi)容與格線之間的寬度可以在<TABLE>中設(shè)置CELLPADDING屬性，用來(lái)規(guī)定內(nèi)容與格線之間的寬度。格式為：

<TABLE

CELLPADDING=#>

#表示要取用的像素值例：

<tableborder=3

cellpadding=5>

</table>2023年7月23日第85頁(yè)表格內(nèi)文字的對(duì)齊/布局表格中數(shù)據(jù)的排列方式有兩種，分別是左右排列和上下排列。左右排列是以ALIGN屬性來(lái)設(shè)置，而上下排列則由VALIGN屬性來(lái)設(shè)置。其中左右排列的位置可分為三種：居左（left)、居右(right)和居中(center)；而上下排列基本上比較常用的有四種：上齊(top)、居中(middle)、下齊(bottom)和基線(baseline)。<tralign=#>

<thalign=#>

#=left,center,right

<tdalign=#><trvalign=#>

<thvalign=#>

#=top，middle，bottom，baseline

<tdvalign=#>

2023年7月23日第86頁(yè)表格的顏色在表格中，既可以對(duì)整個(gè)表格填入底色，也可以對(duì)任何一行、一個(gè)表元使用背景色。表格的背景色彩<tablebgcolor=#>

行的背景色彩<trbgcolor=#>

表元的背景色彩<thbgcolor=#>或<tdbgcolor=#>

#=rrggbb16進(jìn)制RGB數(shù)碼,或者是下列預(yù)定義色彩名稱：

Black,Olive,Teal,Red,Blue,Maroon,Navy,Gray,Lime,Fuchsia,White,Green,Purple,Silver,Yellow,Aqua

2023年7月23日第87頁(yè)編輯表格和單元格屬性調(diào)整表格行數(shù)與列數(shù)：調(diào)整表格寬度與高度：設(shè)置表格的邊框合并和拆分單元格單元格內(nèi)容水平對(duì)齊和垂直對(duì)齊套用表格樣式：命令/格式化表格導(dǎo)入與導(dǎo)出表格數(shù)據(jù):文件/導(dǎo)入或者導(dǎo)出對(duì)表格數(shù)據(jù)排序:命令/排序表格向表格內(nèi)部添加表格（嵌套）表格和層的轉(zhuǎn)換2023年7月23日第88頁(yè)按ctrl鍵并單擊可以選擇單元格按shift鍵并拖動(dòng)可以保留其他列寬調(diào)整表格方法:選取表格,直接在屬性面板中輸入需要的值鼠標(biāo)指向單元格內(nèi),點(diǎn)擊右鍵,可以在彈出菜單中選擇目標(biāo)操作命令(在左側(cè)或者上方插入一列或一行);插入多行多列時(shí),可以執(zhí)行”修改/表格/插入行或列”命令點(diǎn)擊最后一行的最后一個(gè)單元格,按Tab鍵,可在表格末尾插入一行.2023年7月23日第89頁(yè)邊框與分隔線：Frame屬性:表格外圍邊框

void不顯示任何邊框

above只顯示上面的邊框

below只顯示下面的邊框

hsides只顯示上下邊框

lhs只顯示左邊框

rhs只顯示右邊框

vsides只顯示左右邊框

box四周邊框都顯示

border四周邊框都顯示。這是默認(rèn)值。

制作特殊的表格Rules屬性:表格內(nèi)部分割線

all:顯示所有行列分割線

cols：只顯示垂直列分割線

none:不顯示分割線

rows:只顯示水平行分割線

groups：只顯示水平分組分割線。組由thead,

tbody,

tfoot和colgroup標(biāo)記定義。2023年7月23日第90頁(yè)設(shè)置表格的亮邊框和暗邊框

bordercolordark:暗邊框，表格邊框背光部分的顏色

bordercolorlight：亮邊框，表格邊框向光部分的顏色2023年7月23日第91頁(yè)

在網(wǎng)頁(yè)設(shè)計(jì)中，頁(yè)面布局是一個(gè)非常重要的部分。有了好的布局，整個(gè)網(wǎng)頁(yè)才可能美觀、大方、實(shí)用。Dreamweaver提供了多種方法來(lái)創(chuàng)建和控制網(wǎng)頁(yè)布局，使用表格的“布局模式”就是最常用、最實(shí)用的方式之一。

表格的“布局模式”來(lái)源于表格，但是在布局模式中簡(jiǎn)化了使用表格進(jìn)行網(wǎng)頁(yè)布局的過(guò)程，避免了使用傳統(tǒng)的方法創(chuàng)建基于表格的頁(yè)面布局時(shí)經(jīng)常出現(xiàn)的一些問(wèn)題，如定位不準(zhǔn)、不易調(diào)整等。布局模式

2023年7月23日第92頁(yè)布局方法：表格，框架，層布局的幾種模式：標(biāo)準(zhǔn)、擴(kuò)展、布局模式切換布局模式的方法：

1.查看/表格模式/布局模式

2.CTRL+F6鍵，布局模式和標(biāo)準(zhǔn)模式間切換

3.常用工具中，選布局/選擇布局模式

標(biāo)準(zhǔn)模式：工作中最常用到的一種模式，即標(biāo)準(zhǔn)模式下顯示表格等內(nèi)容，最接近在瀏覽器中的實(shí)際顯示狀態(tài)擴(kuò)展模式：加粗顯示表格的邊框，便于對(duì)表格進(jìn)行選擇，移動(dòng)等操作，在該顯示模式下顯示的表格，與在瀏覽器中顯示的表格不太一致布局模式：可以在布局模式中使用布局表格和布局單元格創(chuàng)建表格，在該模式下可以更方便快捷地創(chuàng)建網(wǎng)頁(yè)的布局2023年7月23日第93頁(yè)

設(shè)置布局模式的首選參數(shù)(參數(shù)選擇)：

1.編輯/首選參數(shù)

2.選取左側(cè)類別列表中的布局模式，按序進(jìn)行設(shè)置自動(dòng)插入間隔符：指定DW是否將列設(shè)置為自動(dòng)伸展時(shí)自動(dòng)插入間隔圖像站點(diǎn)的間隔圖像：指定使用間隔圖像的目標(biāo)站點(diǎn)，點(diǎn)擊該欄顯示當(dāng)前DW中所有的站點(diǎn)間隔圖像文件：為站點(diǎn)設(shè)置間隔圖像文件，創(chuàng)建或?yàn)g覽一個(gè)間隔圖像文件單元格外框：用于設(shè)置布局單元格外框的顏色表格外框:用于設(shè)置布局表格外框的顏色表格背景:用于設(shè)置布局表格的背景顏色2023年7月23日第94頁(yè)布局表格和布局單元格布局表格：可以在頁(yè)面的空白處和布局表格內(nèi)部建立布局表格，可以同時(shí)使用多個(gè)獨(dú)立的布局表格建立復(fù)雜的頁(yè)面布局，也可在布局表格中建立嵌套的布局表格，在布局模式下無(wú)法向布局表格中添加內(nèi)容布局單元格：可以在布局頁(yè)面空白處和布局表格內(nèi)部添加布局單元格，當(dāng)給空白頁(yè)面中添加布局單元格時(shí)，會(huì)自動(dòng)為當(dāng)前頁(yè)面添加一個(gè)布局表格，在布局模式下可以向布局單元格中添加內(nèi)容將布局單元格靠齊到網(wǎng)格查看/標(biāo)尺查看/網(wǎng)格設(shè)置布局表格屬性設(shè)置布局單元格屬性Note:在布局模式下，無(wú)法使用插入表格和繪制層等工具，可以轉(zhuǎn)換到標(biāo)準(zhǔn)模式在進(jìn)行操作2023年7月23日第95頁(yè)層Layer層具有自由排版的重要功能，有了它就可以進(jìn)行不再受任何束縛的網(wǎng)頁(yè)布局設(shè)計(jì)。除此之外，使用層可以制作出特殊的網(wǎng)頁(yè)設(shè)計(jì)效果，介紹有關(guān)層的知識(shí)，包括創(chuàng)建層，設(shè)計(jì)層屬性，編輯層，以及層和表格的轉(zhuǎn)換等2023年7月23日第96頁(yè)

層(Layer)，有電腦美術(shù)設(shè)計(jì)知識(shí)的用戶一定清楚它的強(qiáng)大功能：不同的層可以并存、可以重疊，不同層上的內(nèi)容在一定的設(shè)置下可以分別顯現(xiàn)出來(lái)，從而達(dá)到非常玄妙的設(shè)計(jì)目的。層是一種HTML頁(yè)面元素，通常由<DIV>標(biāo)記說(shuō)明。層可定位在頁(yè)面上的任意位置，并且其中可包含文本、圖像、表單等所有可直接用于文檔的元素。在Dreamweaver中，用戶可以將層前后放置，隱藏或顯示，以及在屏幕上移動(dòng)，還可以制作許多網(wǎng)頁(yè)效果，而不必再使用任何JavaScript或HTML編碼就可以實(shí)現(xiàn)。2023年7月23日第97頁(yè)插入層1.“插入/布局對(duì)象/層”命令；2.插入面板布局下的“描繪層”，并拖曳至編輯窗口建立嵌套層1.在一個(gè)層內(nèi)建立其他層：插入一個(gè)層，在其內(nèi)再點(diǎn)擊鼠標(biāo)插入另一個(gè)層；2.利用層面板建立嵌套關(guān)系：隨意創(chuàng)建兩個(gè)層，在層面板中點(diǎn)擊選取層2，按住Ctrl鍵并拖曳鼠標(biāo)至層1。

創(chuàng)建層

注：只有嵌套關(guān)系的子層會(huì)隨母層的某些屬性的改變而改變（如移動(dòng)母層，子層會(huì)同時(shí)移動(dòng)）,但母層不會(huì)因子層改變而變化。嵌套關(guān)系之外的層，各層之間相互獨(dú)立，互不影響，但層與層之間的先后順序是可調(diào)的。2023年7月23日第98頁(yè)層的操作認(rèn)識(shí)層屬性面板移動(dòng)層和改變層的大小

改變層的順序

通過(guò)屬性面板控制層的可見性

使用層面板控制可見性

內(nèi)容溢出層的控制設(shè)置層的可見區(qū)域

對(duì)齊層

層和表格的相互轉(zhuǎn)換2023年7月23日第99頁(yè)認(rèn)識(shí)層屬性面板層編號(hào)：給層命名，在使用行為或者JavaScript來(lái)控制層的時(shí)候，就必須用到這個(gè)名稱。

左、上：設(shè)置層相對(duì)于頁(yè)面或父層左上角的位置

寬、高：設(shè)置層的寬度和高度

Z軸：指定層的索引值。值小的層在下面，值大的層在上面

可見性：設(shè)置初始狀態(tài)下該層是否可見，有默認(rèn)、繼承、可見、隱藏4個(gè)選項(xiàng)

溢出：用于設(shè)置層中放置的內(nèi)容超出層的邊界時(shí)，如何顯示：Visible,Hidden,Scroll,Auto

剪輯：指定層內(nèi)的可見區(qū)域。2023年7月23日第100頁(yè)移動(dòng)層和改變層

移動(dòng)層方法：

1.點(diǎn)擊目標(biāo)層，在屬性面板中的“左”“上”輸入坐標(biāo)值

2.選取目標(biāo)層，按方向鍵，使層一個(gè)像素的移位，按Shift+方向鍵，可使選取的層做10個(gè)像素的移位

3.用鼠標(biāo)拖曳移動(dòng)到目標(biāo)位置改變層的大?。?/p>

1.鼠標(biāo)拖曳調(diào)整到合適的大小

2.在屬性面板中寬、高輸入像素值

3.選取層，ctrl的同時(shí)按方向鍵，可使層的大小1個(gè)像素的改變：ctrl＋shift的同時(shí)，10個(gè)像素的改變

改變層的順序

1.在屬性面板中Z軸輸入值

2.點(diǎn)擊相應(yīng)層的Z列數(shù)值，輸入新的數(shù)字

3.鼠標(biāo)指向?qū)用Q，按住鼠標(biāo)拖曳到目標(biāo)位置，則Z值會(huì)自動(dòng)調(diào)整2023年7月23日第101頁(yè)控制層的可見性

通過(guò)屬性面板控制層的可見性：Default:瀏覽器默認(rèn)方式，大多數(shù)瀏覽器都以inherit方式控制Inherit:繼承父層的可見性Visible:總是顯示該層的內(nèi)容，不管父層是否可見Hidden:總是隱藏該層的內(nèi)容，不管父層是否可見使用層面板控制可見性：“閉眼”圖標(biāo)，“睜眼”圖標(biāo)和沒有圖標(biāo)，對(duì)應(yīng)屬性面板中的hidden、visible、inherit選項(xiàng)2023年7月23日第102頁(yè)內(nèi)容溢出層的控制Visible:自動(dòng)擴(kuò)大層，以完整顯示其中的內(nèi)容Hidden:層的大小不變，超出部分不顯示Scroll：無(wú)論層中內(nèi)容是否越界，都會(huì)出現(xiàn)滾動(dòng)條Auto：只有當(dāng)層中的內(nèi)容超出層的邊界時(shí)才出現(xiàn)滾動(dòng)條2023年7月23日第103頁(yè)設(shè)置層的可見區(qū)域

在剪輯中定義層的4個(gè)點(diǎn)的坐標(biāo)來(lái)劃出層中要顯示的矩形范圍，而矩形外的層內(nèi)容將被隱藏。對(duì)齊層修改/對(duì)齊/對(duì)齊邊緣等2023年7月23日第104頁(yè)層和表格的轉(zhuǎn)換

層是可以隨意移動(dòng)的，用層來(lái)定位頁(yè)面上的內(nèi)容比用表格更容易操作，因此可以使用層創(chuàng)建布局，然后將層轉(zhuǎn)換為表格，以方面制作過(guò)程表格也可以轉(zhuǎn)換為層，將一個(gè)表格轉(zhuǎn)換為層后，位于該表格外的頁(yè)面元素也會(huì)被放入層中，如果表格中有空的單元格，除非他們具有背景顏色，否則不會(huì)轉(zhuǎn)換為層2023年7月23日第105頁(yè)涉及的屬性：最精確:用最精確的方式進(jìn)行轉(zhuǎn)換,為每個(gè)層創(chuàng)建一個(gè)單元格并增添一些單元格來(lái)保持相鄰的層之間的距離，精確的保證轉(zhuǎn)換之后的位置。

最小:合并空白單元小于X像素寬度:轉(zhuǎn)換忽略X個(gè)像素的誤差,將小于X個(gè)像素寬的層轉(zhuǎn)換為相鄰的單元格;

使用透明GIFS:轉(zhuǎn)換后的表格的最后一行用透明圖象填充,以適應(yīng)更多的瀏覽器。軟件自己生成一個(gè)透明的GIF格式的圖像充填在表格最后一行，用于保證在所有的瀏覽器中都有一致的外觀，選中該項(xiàng)之后將不能拖動(dòng)表格的列來(lái)編輯表格，如果不選擇，可能導(dǎo)致在不同的瀏覽器中表格具有不同的列寬而具有不同外觀?？梢愿鶕?jù)設(shè)計(jì)需要選用本功能。

置于頁(yè)面中央:轉(zhuǎn)換后的表格在頁(yè)面居中

布局工具各選項(xiàng):轉(zhuǎn)換為表格后繼續(xù)使用層時(shí)可設(shè)置的參數(shù)2023年7月23日第106頁(yè)1.格式:<marquee>滾動(dòng)內(nèi)容</marquee>2.marquee標(biāo)志配合使用的屬性(1)

loop=n:設(shè)定滾動(dòng)次數(shù)，-1為無(wú)限次(2)

direction:設(shè)定滾動(dòng)方向direction=left向左滾動(dòng)direction=right向右滾動(dòng)direction=up向上滾動(dòng)direction=down向下滾動(dòng)(3)

width:設(shè)定滾動(dòng)區(qū)寬度(4)

height:設(shè)定滾動(dòng)區(qū)高度(5)

bgcolor:設(shè)定滾動(dòng)區(qū)背景顏色一、插入/標(biāo)簽/html標(biāo)簽的功能二、Marquee效果Marquee效果(跑馬燈)2023年7月23日第107頁(yè)(6)

behavior:設(shè)定滾動(dòng)方式behavior=scroll按指定方向滾動(dòng)到盡頭,重新開始.即內(nèi)容向同一個(gè)方向滾動(dòng)behavior=slide不指定滾動(dòng)次數(shù)時(shí),滾動(dòng)一次后停止。即內(nèi)容接觸到字幕邊框就停止?jié)L動(dòng)behavior=alternate按指定方向來(lái)回滾動(dòng).即內(nèi)容在相反兩個(gè)方向滾來(lái)滾去(7)scrolldelay=n

設(shè)置字幕內(nèi)容滾動(dòng)時(shí)停頓的時(shí)間.值越小滾動(dòng)看起來(lái)越流暢(8)

scrollamount=n指定滾動(dòng)的速度,數(shù)值越大速度越快(9)

onmouseover=stop()設(shè)置鼠標(biāo)移動(dòng)到滾動(dòng)字幕時(shí)的動(dòng)作，常設(shè)置為停止?jié)L動(dòng)onmouseout=start()事件設(shè)置鼠標(biāo)離開滾動(dòng)字幕時(shí)的動(dòng)作，常設(shè)置為開始滾動(dòng)

2023年7月23日第108頁(yè)

表單在HTML頁(yè)面中起著非常重要的作用，它是與訪問(wèn)者交互信息的主要手段。表單一般包括說(shuō)明性文字、用于輸入文本的文本域、用于選擇項(xiàng)目的單選按鈕和復(fù)選框、用于顯示選項(xiàng)列表的列表框以及用于發(fā)送命令的提交和重填按鈕等內(nèi)容。通常，一個(gè)完整的表單包括表單對(duì)象和應(yīng)用程序兩個(gè)基本組件。其中，表單對(duì)象在網(wǎng)頁(yè)中起描述作用，應(yīng)用程序則是服務(wù)器端或客戶端的腳本，通過(guò)它們實(shí)現(xiàn)對(duì)用戶信息的處理。創(chuàng)建交互式表單2023年7月23日第109頁(yè)1．表單<form>和</form>定義表單的開始與結(jié)束，常用的屬性有：action:指定處理表單中提交數(shù)據(jù)的網(wǎng)頁(yè)文件,若要將表單數(shù)據(jù)寄到電子郵件信箱，可以指定該電子郵件信箱的URL；method:指定表單中數(shù)據(jù)的傳輸方式

2．單行文本框(文本域)格式：<inputtype=textsize=顯示字符個(gè)數(shù)name=字段名value=默認(rèn)值maxlength=最大字符個(gè)數(shù)>type=password,

密碼域type=text,文本框2023年7月23日第110頁(yè)

3.多行文本框（文本區(qū)域）格式：<textareaname=字段名rows=滾動(dòng)文本框行數(shù)，cols=滾動(dòng)文本框一行中的字符數(shù)></textarea>4.單選按鈕格式：<inputtype=radioname=字段名value=默認(rèn)值checked>5．提交按鈕與重置按鈕格式：<inputtype=submitvalue=按鈕文字><inputtype=resetvalue=按鈕文字>2023年7月23日第111頁(yè)6.復(fù)選框格式：<inputtype=checkboxname=字段名value=字段值checked>7.下拉列表/菜單下拉列表格式：<selectname=字段名size=顯示的列表項(xiàng)數(shù)multiple><optionvalue=值selected>顯示列表項(xiàng)值</option></select>說(shuō)明：size:指定屏幕上下拉列表中同時(shí)顯示的選項(xiàng)個(gè)數(shù)multiple:設(shè)定是否可以復(fù)選(同時(shí)按住組合鍵CTRL+SHIFT實(shí)現(xiàn)復(fù)選操作)selected:設(shè)定選項(xiàng)已選中菜單格式見操作實(shí)例2023年7月23日第112頁(yè)8.文件域：上傳文件9.圖像域：10.隱藏域11.單選按鈕組12.跳轉(zhuǎn)菜單格式見操作實(shí)例13.字段集：

(1)<fieldset></fieldset>用于生成字段外框(2)<legend></legend>定義字段外框的標(biāo)題名稱14.標(biāo)簽2023年7月23日第113頁(yè)css樣式及其應(yīng)用

為方便設(shè)立統(tǒng)一風(fēng)格的網(wǎng)站，Dw提供了CSS樣式，CSS樣式實(shí)際就是含有多個(gè)文本屬性和網(wǎng)頁(yè)屬性的集合CSS:CascadingStyleSheet的縮寫，中文為級(jí)聯(lián)樣式表或者層疊樣式表優(yōu)點(diǎn):一組樣式可以調(diào)用在多個(gè)對(duì)象上;語(yǔ)法易學(xué)易懂;豐富的樣式效果執(zhí)行“窗口/Css樣式”或者按“Shift＋F11”打開Css樣式，在此樣式表中有：附加樣式表：點(diǎn)擊可以應(yīng)用已有的Css樣式到當(dāng)前文本新建Css樣式：點(diǎn)擊該按鈕可以新建一個(gè)Css樣式編輯樣式：點(diǎn)擊該按鈕可以編輯當(dāng)前的Css樣式刪除Css樣式：點(diǎn)擊該按鈕可以刪除當(dāng)前Css樣式2023年7月23日第114頁(yè)新建Css樣式選擇器類型：類，標(biāo)簽和高級(jí)，在6.0版本中分別稱呼為：創(chuàng)建自定義樣式（class），重定義html標(biāo)簽和使用CSS選擇器定義在（兩項(xiàng)）：新建樣式表文件和僅對(duì)該文檔

首先看僅在該文檔：

1.使用類自定義樣式：選擇后在名稱中輸入一個(gè)名稱

2.使用標(biāo)簽定義標(biāo)簽樣式：使用標(biāo)簽可以重新定義html的標(biāo)簽樣式，在標(biāo)簽中選擇任一標(biāo)簽

3.使用高級(jí)選項(xiàng)定義鏈接效果：高級(jí)選項(xiàng)用來(lái)編輯鏈接文本的效果，在選擇器中選擇4項(xiàng)中的一項(xiàng)：A:link:新打開網(wǎng)頁(yè)時(shí)，鏈接所呈現(xiàn)的狀態(tài)A:hover：當(dāng)鼠標(biāo)移上鏈接時(shí)呈現(xiàn)的狀態(tài)A:visited：鏈接被訪問(wèn)過(guò)所顯示的狀態(tài)A:active：鏈接被激活時(shí)所顯示的狀態(tài)，即當(dāng)在鏈接上點(diǎn)擊鼠標(biāo)而且點(diǎn)擊鼠標(biāo)后尚未點(diǎn)擊其他鏈接之前所顯示的狀態(tài)2023年7月23日第115頁(yè)設(shè)置中的選項(xiàng)：

類型type：文字設(shè)定.字體，大小，粗細(xì)，樣式，變體，行高，大小寫，修飾，顏色背景background：背景設(shè)置.背景顏色，背景圖像，重復(fù)，附件，水平位置，垂直位置區(qū)塊block：主要設(shè)置文字的

人人文庫(kù)> 全部分類> 教育資料 > 課件下載

溫馨提示

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ù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
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ì)自己和他人造成任何形式的傷害或損失。

第3章JavaWeb基礎(chǔ)html與Web結(jié)構(gòu)資料課件

文檔簡(jiǎn)介

溫馨提示

最新文檔

評(píng)論

第3章JavaWeb基礎(chǔ)html與Web結(jié)構(gòu)資料課件

文檔簡(jiǎn)介

溫馨提示

最新文檔

評(píng)論

相關(guān)文檔