網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn)html_第1頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn)html_第2頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn)html_第3頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn)html_第4頁(yè)
網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn)html_第5頁(yè)
已閱讀5頁(yè)，還剩56頁(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ǎng)頁(yè)設(shè)計(jì)何錚2012.10.25什么是網(wǎng)頁(yè)什么是網(wǎng)頁(yè)？靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)？網(wǎng)頁(yè)設(shè)計(jì)需要掌握些什么？做網(wǎng)頁(yè)的一些好習(xí)慣？動(dòng)手做網(wǎng)頁(yè)前要準(zhǔn)備和了解些什么？1.1網(wǎng)站與網(wǎng)頁(yè)

1．網(wǎng)站與網(wǎng)頁(yè)

當(dāng)我們?cè)跒g覽器中輸入一個(gè)已知網(wǎng)址后，即可打開(kāi)一個(gè)頁(yè)面，讓我們了解有關(guān)這個(gè)網(wǎng)址的一些信息和內(nèi)容，這個(gè)頁(yè)面就是我們通常所說(shuō)的網(wǎng)頁(yè)，而打開(kāi)網(wǎng)絡(luò)由網(wǎng)址進(jìn)入時(shí)第一個(gè)看到的頁(yè)面，我們通常把它稱(chēng)為首頁(yè)（homepage）或主頁(yè)，所有的信息都會(huì)清楚地整理在這個(gè)頁(yè)面上，目的就是為了讓用戶在使用這個(gè)網(wǎng)頁(yè)時(shí)能快速鏈接到需要的資料，它既是一個(gè)單獨(dú)的網(wǎng)頁(yè)，同一般網(wǎng)頁(yè)一樣可以存放各種信息,又是一個(gè)特殊的網(wǎng)頁(yè)，是整個(gè)Web站點(diǎn)的起始點(diǎn)和匯總點(diǎn)，是用戶開(kāi)始瀏覽站點(diǎn)的“入口處”。由首頁(yè)所延伸下去的頁(yè)面，就是一個(gè)個(gè)網(wǎng)頁(yè)。

網(wǎng)站與網(wǎng)頁(yè)

網(wǎng)頁(yè)又稱(chēng)Web頁(yè)面（.html、php、asp等），是網(wǎng)絡(luò)文件的組成部分，是可以被瀏覽器訪問(wèn)的單個(gè)HTML超文本文件,它由文字、表格、圖片、聲音、視頻以及各種功能按鈕等組成，這些文字、圖片、按鈕往往又是指向別的主頁(yè)的連接點(diǎn)。在Internet網(wǎng)上，這些連接點(diǎn)又叫超級(jí)鏈接。所有由首頁(yè)鏈接出去的網(wǎng)頁(yè)集合起來(lái)就是網(wǎng)站。即在設(shè)計(jì)時(shí)，將某個(gè)主題明確后，再按所需的單元、內(nèi)容經(jīng)過(guò)安排，化為各個(gè)不同的網(wǎng)頁(yè)，在同一個(gè)結(jié)構(gòu)及訴求下出現(xiàn)的集合體，就是網(wǎng)站（WebSite）。有主題性的網(wǎng)站是要經(jīng)過(guò)規(guī)劃和構(gòu)架過(guò)的網(wǎng)站。在互聯(lián)網(wǎng)上，Web站點(diǎn)由一組相互關(guān)聯(lián)的頁(yè)面組成，如果把整個(gè)WWW信息世界看作一個(gè)村子，那么一個(gè)Web站點(diǎn)可以理解成一個(gè)家庭。返回2.網(wǎng)頁(yè)的分類(lèi)（1）靜態(tài)網(wǎng)頁(yè)：html,htm

靜態(tài)文本和圖片 網(wǎng)頁(yè)動(dòng)畫(huà)：滾動(dòng)的字幕、Flash動(dòng)畫(huà)、.gif（2）動(dòng)態(tài)網(wǎng)頁(yè) 動(dòng)態(tài)內(nèi)容和網(wǎng)頁(yè)特效：當(dāng)前時(shí)間 交互式網(wǎng)頁(yè)內(nèi)容：登錄用戶名 交互式網(wǎng)頁(yè)內(nèi)容：讀寫(xiě)服務(wù)器數(shù)據(jù)庫(kù)數(shù)據(jù)

2.1．服務(wù)器（Server）與瀏覽器（Browser）

服務(wù)器是局域網(wǎng)的核心設(shè)備,它管理著局域網(wǎng)中的各種資源,它的基本功能是網(wǎng)絡(luò)通信服務(wù)、管理和提供網(wǎng)絡(luò)共享資源，以及進(jìn)行網(wǎng)絡(luò)管理。服務(wù)器實(shí)質(zhì)是一臺(tái)配置較高的計(jì)算機(jī)。不同的電腦操作系統(tǒng)，有不同的適用服務(wù)器軟件，如：微軟視窗windowsXPProfessional操作系統(tǒng)適用的服務(wù)器軟件IIS5.1．網(wǎng)站上動(dòng)態(tài)的數(shù)據(jù)，必須要通過(guò)網(wǎng)站服務(wù)器的服務(wù)才能運(yùn)作。

2.1．服務(wù)器（Server）與瀏覽器（Browser）

用于查看Web站點(diǎn)的軟件被稱(chēng)作瀏覽器。它是WWW的窗口,用戶可以利用瀏覽器從一個(gè)文檔跳轉(zhuǎn)到另一個(gè)文檔實(shí)現(xiàn)對(duì)整個(gè)網(wǎng)站的瀏覽,也可以下載并解釋HTML文檔中所描述的動(dòng)畫(huà)、聲音、文本、圖形、圖像，并能實(shí)現(xiàn)電子郵件查看、下載文件、FTD等功能。它有多種版本,如微軟英特爾版本、蘋(píng)果電腦版本等，大多數(shù)瀏覽者（目前已經(jīng)超過(guò)90％）使用MicrosoftInternetExplorer(簡(jiǎn)稱(chēng)IE)瀏覽器.還有一些其他的瀏覽器，不同版本的瀏覽器功能大體一樣，主要區(qū)別在于各功能區(qū)在版面上的排列不同。

WWW信息瀏覽方式：B/S返回3、網(wǎng)頁(yè)設(shè)計(jì)需要掌握些什么(1)網(wǎng)頁(yè)編輯軟件：FronPage、Dreamweaver(2)靜態(tài)網(wǎng)頁(yè)編程語(yǔ)言：HTML、CSS、XML(3)網(wǎng)頁(yè)物資編程語(yǔ)言：JavaScript、VBScript(4)交互式網(wǎng)頁(yè)編程語(yǔ)言：JSP、ASP、PHP(5)網(wǎng)頁(yè)設(shè)計(jì)輔助工具：Photoshop、FireWork、Flash返回HTML語(yǔ)言什么是HTML？HTML的標(biāo)記

<標(biāo)記符>

標(biāo)記成對(duì)出現(xiàn)<a></a>

標(biāo)記可以嵌套靜態(tài)網(wǎng)頁(yè)的文件類(lèi)型？

htm,html網(wǎng)頁(yè)的結(jié)構(gòu)<html><head><title></title></head><body>這是一個(gè)最簡(jiǎn)單的HTML結(jié)構(gòu)。</body></html>HTML元素屬性

HTML元素可以有自己的相關(guān)屬性，每一個(gè)屬性還可以由我們網(wǎng)頁(yè)編制者賦一定的值。元素屬性出現(xiàn)在元素的<>內(nèi)，并且和元素名之間有一個(gè)空格分隔；屬性值用“”引起來(lái)。例：<imgsrc=“img/aa.gif"alt="圖片"border="0">HTML注釋及空白符HTML文檔可以插入注釋。注釋內(nèi)容不會(huì)在瀏覽器窗口顯示HTML注釋的格式為：<!

<!--注釋內(nèi)容-->

<!--多行注釋內(nèi)容-->空白占位符:

IMG標(biāo)記<img>標(biāo)記：顯示一個(gè)圖像屬性：src

圖片的路徑屬性：border

是否顯示邊框?qū)傩?width

圖片的寬度屬性：hight

圖片的高度屬性:alt

圖片注釋其他常用標(biāo)記（1）<p>標(biāo)記:段落 屬性align:段落對(duì)齊（left,center,right）<br>標(biāo)記：換行<h1>~<h7>標(biāo)記：文字標(biāo)題<font>標(biāo)記：字體設(shè)置標(biāo)記 屬性color：字體顏色 屬性size:字體大小<sup>標(biāo)記：上標(biāo)<sub>標(biāo)記：下標(biāo)

其他常用標(biāo)記（2）<i>標(biāo)記：傾斜文本<b>標(biāo)記：粗體文本<u>標(biāo)記：下劃線文本<s>標(biāo)記：刪除線文本<del>標(biāo)記：雙刪除線文本<pre>標(biāo)記:預(yù)排版（保留空格和換行）

<hr>標(biāo)記：水平分隔線 屬性size

：設(shè)定線寬 屬性width：設(shè)定線長(zhǎng) 屬性align：設(shè)定對(duì)齊方式（left,right） 屬性color：設(shè)定線的顏色HTML對(duì)顏色的控制

HTML對(duì)顏色的控制也有自己的語(yǔ)法。HTML使用16進(jìn)制的RGB顏色值對(duì)顏色進(jìn)行控制。

16進(jìn)制的數(shù)碼有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.下面關(guān)于顏色的定義都是合法的:#f00#ff0000redrgb(255,0,0)rgb(100%,0%,0%)顏色顏色名和RGB值黑色Black=”#000000”銀色Silver=”#c0c0c0”紅色Red=”#ff0000”藍(lán)色Blue=”#0000ff”白色White=”#ffffff”黃色Yellow=”ffff00”綠色Green=”#00ff00”海藍(lán)色Aqua=”#00ffff”常見(jiàn)顏色的代碼<body>標(biāo)記屬性-1<body>元素中有下列元素屬性：Bgcolor：bgcolor屬性標(biāo)志HTML文檔的背景顏色。如：bgcolor="#CCFFCC"<body>標(biāo)記屬性-2<body>元素中有下列元素屬性：Background：background屬性標(biāo)志HTML文檔的背景圖片如：background="images/bg.gif"可以使用的圖片格式為GIF，JPG<body>標(biāo)記屬性－3<body>元素中有下列元素屬性：Leftmargin，rightmargin，topmargin：設(shè)置網(wǎng)頁(yè)主體內(nèi)容距離網(wǎng)頁(yè)頂端和左端，右端的距離如：leftmargin="20"topmargin="30“A標(biāo)記-1<a>標(biāo)記：超連接標(biāo)記基本語(yǔ)法<ahref=“URL”>…..</a>

屬性href

：連接的文件路徑和名稱(chēng)屬性title

：鼠標(biāo)移動(dòng)到連接內(nèi)容時(shí)的提示文字A標(biāo)記-2<a>標(biāo)記：超連接標(biāo)記屬性target：頁(yè)面打開(kāi)方式

_self :在本頁(yè)面打開(kāi)

_blank :在新頁(yè)面打開(kāi)

_parent :在父頁(yè)面打開(kāi)

_top :在上部頁(yè)面打開(kāi)A標(biāo)記-3

屬性name：可以跳轉(zhuǎn)到一個(gè)文件的指定部位

<ahref="#C1">參見(jiàn)第一章</a><aname="C1">第一章</a>

相對(duì)路徑和絕對(duì)路徑

在網(wǎng)頁(yè)引用文件時(shí)(如加入超鏈接，或者插入圖片等)，使用了錯(cuò)誤的文件路徑，就會(huì)導(dǎo)致引用失效(無(wú)法瀏覽鏈接文件，或無(wú)法顯示插入的圖片等)。

相對(duì)路徑：

“/img/test.jpg”

絕對(duì)路徑： “/aa/test.jpg”HTML相對(duì)路徑(RelativePath)

同一個(gè)目錄的文件引用 如果源文件和引用文件在同一個(gè)目錄里，直接寫(xiě)引用文件名即可。 我們現(xiàn)在建一個(gè)源文件info.html，在info.html里要引用index.html文件作為超鏈接。 假設(shè)info.html路徑是： c:\web\www\sites\test\info.html

假設(shè)index.html路徑是： c:\web\www\sites\test\index.html

在info.html加入index.html超鏈接的代碼應(yīng)該這樣寫(xiě)：

<ahref="index.html">index.html</a>

如何表示上級(jí)目錄 ../表示源文件所在目錄的上一級(jí)目錄，../../表示源文件所在目錄的上上級(jí)目錄，以此類(lèi)推。 假設(shè)info.html路徑是c:\web\sites\test\info.html

假設(shè)index.html路徑是：c:\web\sites\index.html

在info.html加入index.html超鏈接的代碼應(yīng)該這樣寫(xiě)：

<ahref="../index.html">index.html</a>

假設(shè)info.html路徑是：c:\web\sites\test\info.html

假設(shè)index.html路徑是：c:\web\index.html

在info.html加入index.html超鏈接的代碼應(yīng)該這樣寫(xiě)：

<ahref="../../index.html">index.html</a>

假設(shè)info.html路徑是：c:\web\sites\test\info.html

假設(shè)index.html路徑是：c:\web\sites\story\index.html

在info.html加入index.html超鏈接的代碼應(yīng)該這樣寫(xiě)：

<ahref="../story/index.html">index.html</a>如何表示下級(jí)目錄引用下級(jí)目錄的文件，直接寫(xiě)下級(jí)目錄文件的路徑即可。假設(shè)info.html路徑是：

c:\web\www\sites\test\info.html假設(shè)index.html路徑是：c:\web\www\sites\test\html\index.html在info.html加入index.html超鏈接的代碼應(yīng)該這樣寫(xiě)：

<ahref="html/index.html">index.html</a>假設(shè)info.html路徑是：

c:\web\www\sites\test\info.html假設(shè)index.html路徑是：c:\web\www\sites\test\html\a\index.html在info.html加入index.html超鏈接的代碼應(yīng)該這樣寫(xiě)：<ahref="html/a/index.html">index.html</a>HTML絕對(duì)路徑(AbsolutePath)HTML絕對(duì)路徑(absolutepath)指帶域名的文件的完整路徑。假設(shè)你注冊(cè)了域名，并申請(qǐng)了虛擬主機(jī)，你的虛擬主機(jī)提供商會(huì)給你一個(gè)目錄，比如www，這個(gè)www就是你網(wǎng)站的根目錄。假設(shè)你在www根目錄下放了一個(gè)文件index.html，這個(gè)文件的絕對(duì)路徑就是：/index.html。假設(shè)你在www根目錄下建了一個(gè)目錄叫main，然后在該目錄下放了一個(gè)文件index.html，這個(gè)文件的絕對(duì)路徑就是/main/index.html。滾動(dòng)字幕標(biāo)記

我們可以經(jīng)常在一些網(wǎng)頁(yè)里看到不斷滾動(dòng)的字幕，使網(wǎng)頁(yè)變得更加豐富多彩。我們也可以利用HTML里的<marquee>…</marquee>標(biāo)記來(lái)制作一個(gè)可以不斷自動(dòng)滾動(dòng)的字幕，用來(lái)顯示文字或圖案,從而大大加強(qiáng)網(wǎng)頁(yè)的動(dòng)態(tài)效果。它也稱(chēng)為跑馬燈效果。這種移動(dòng)不僅僅局限于文字，也可以應(yīng)用于圖片，表格等等。滾動(dòng)字幕標(biāo)記1<marquee>標(biāo)記：滾動(dòng)字幕標(biāo)記 屬性direction

：運(yùn)動(dòng)方向（left,

right

,up,down

） 屬性behavior

：運(yùn)動(dòng)方式（scroll,

slide,

alternate）Scroll: 內(nèi)容向同一個(gè)方向滾動(dòng)

Slide: 內(nèi)容接觸到字幕邊框就停止?jié)L動(dòng)

Alternate: 來(lái)回交替運(yùn)動(dòng)

屬性loop

：循環(huán)次數(shù)，若未指定則循環(huán)不止

屬性scrollamount

：速度 屬性scrolldelay

：延時(shí) 屬性bgcolor

：背景顏色 屬性align

：對(duì)齊方式（top,

middle,

bottom） 屬性height

：字幕的高度 屬性width

：字幕的寬度 屬性hspace

：字幕的水平空白 屬性vspace

：字幕的垂直空白Table標(biāo)記<table>標(biāo)記：定義表格標(biāo)記<tr>：定義表行標(biāo)記<th>：定義表頭（粗體顯示）標(biāo)記<td>：定義表元(表格的具體數(shù)據(jù))

標(biāo)記<tbody>:表格的主體

（可選）例子：<table><tr><td>內(nèi)容</td></tr></table>表格標(biāo)記Table常用屬性（1）

屬性width

：定義寬屬性height

：定義高屬性border

：表格是否顯示邊線屬性align

：（left,center,right）設(shè)置單元內(nèi)容橫向位置屬性valign

：（top,middle,bottom,baseline）設(shè)置單元內(nèi)容縱向位置屬性colspan

：設(shè)置表格多列單元格屬性rowspan

：設(shè)置表格多行單元格表格標(biāo)記Table常用屬性（2）

屬性cellpadding

：?jiǎn)卧駜?nèi)容與邊框的間距屬性cellspacing

：?jiǎn)卧裰g的間距屬性bgcolor

：背景顏色屬性background

：背景圖片（IE支持）屬性bordercolor

：表格邊框的色彩

（IE支持）屬性rules

：定義隱藏的表格分隔線（IE支持）它有三個(gè)參數(shù)(cols,rows,none)

屬性frame

：定義表格隱藏的邊框（IE支持） 它有6個(gè)參數(shù) (above,below,vsides,hsides,lhs,rhs,void)框架標(biāo)記<frameset>標(biāo)記：框架標(biāo)記決定如何劃分框架

屬性cols

：表示按列分布框架

屬性rows

：表示按行分布框架屬性frameborder:是否現(xiàn)顯示邊框邊界屬性framespacing:框架間的間距<frame>

標(biāo)記：設(shè)定框架內(nèi)含的網(wǎng)頁(yè)屬性src

：網(wǎng)頁(yè)的路徑和文件名

屬性noresize

：如果設(shè)置了noresize屬性，就不能移動(dòng)邊界了

屬性name

：框架的調(diào)用名稱(chēng)<noframe>標(biāo)記:

來(lái)顯示在不支持框架的瀏覽器窗口中的內(nèi)容，方便那些不支持框架的用戶閱讀網(wǎng)頁(yè)框架標(biāo)記示例<html><head><title>這是個(gè)左右框架</title></head><framesetcols="25%,75%"><framesrc="b.htm"><framesrc="c.htm"></frameset><noframes><body>該瀏覽器不支持框架</body></noframes></html>HEAD標(biāo)記

<head>標(biāo)記出現(xiàn)在文檔的開(kāi)頭部分。<head>與</head>之間的內(nèi)容不會(huì)在瀏覽器的文檔窗口顯示，但是其間的子標(biāo)記有特殊重要的意義。<title><title>標(biāo)記定義HTML文檔的標(biāo)題。<title>與</title>之間的內(nèi)容將顯示在瀏覽器窗口的標(biāo)題欄。HEAD標(biāo)記—關(guān)鍵詞<meta>標(biāo)記出現(xiàn)在<head></head>里面<meta>標(biāo)記下面可以插入很多很有用的屬性。下面介紹四種：<metaname="keywords"content="study,computer">用來(lái)標(biāo)記搜索引擎在搜索你的頁(yè)面時(shí)所取出的關(guān)鍵詞。HEAD標(biāo)記—文檔作者<metaname="author"content="wutao">用來(lái)標(biāo)記文檔的作者。HEAD標(biāo)記—解碼方式<metahttp-equiv=“Content-Type”content=“text/html;charset=gb2312”>用來(lái)標(biāo)記你的頁(yè)面的解碼方式。上例指明用中文GB2312方式對(duì)頁(yè)面進(jìn)行解碼HEAD標(biāo)記—頁(yè)面跳轉(zhuǎn)<metahttp-equiv="refresh"content="5;URL=/eschool">用來(lái)自動(dòng)刷新跳轉(zhuǎn)到指定的網(wǎng)頁(yè)其中的5指明5秒以后開(kāi)始跳轉(zhuǎn)(為0表示直接跳轉(zhuǎn))URL指明跳轉(zhuǎn)的地址頁(yè)面跳轉(zhuǎn)練習(xí)編寫(xiě)一個(gè)網(wǎng)頁(yè)，要求3秒鐘后自動(dòng)跳轉(zhuǎn)到信息系論壇。<html><head><title>myfirstpage</title><metahttp-equiv="refresh"content="3;URL=/bbs"></head><body><palign="center">三秒鐘后本網(wǎng)頁(yè)將自動(dòng)跳轉(zhuǎn)到信息系論壇</p></body></html>HEAD標(biāo)記—頁(yè)面過(guò)渡效果

網(wǎng)頁(yè)過(guò)渡是指當(dāng)瀏覽者進(jìn)入或離開(kāi)網(wǎng)頁(yè)時(shí)，頁(yè)面呈現(xiàn)的不同的刷新效果，比如放射，卷動(dòng)，百葉窗等。這樣我們的網(wǎng)頁(yè)看起來(lái)會(huì)更具有動(dòng)感，不過(guò)也要注意適可而止，否則太花哨的變化也容易引起瀏覽者的反感。

HEAD標(biāo)記—頁(yè)面過(guò)渡效果1在<head>與</head>插入代碼：<metahttp-equiv="Exit"content="revealTrans(Duration=3,Transition=3)">http-equiv的值為: Enter:指頁(yè)面進(jìn)入

Exit:指頁(yè)面退出revealTrans:指使用轉(zhuǎn)換濾鏡Duration:指效果持續(xù)時(shí)間3秒Transition:指轉(zhuǎn)換效果為3即以圓形向外轉(zhuǎn)換HEAD標(biāo)記—頁(yè)面過(guò)渡24種效果轉(zhuǎn)換類(lèi)型值轉(zhuǎn)換類(lèi)型值以框圖向內(nèi)轉(zhuǎn)換0隨機(jī)溶解12以框圖向外轉(zhuǎn)換1垂直向內(nèi)分割13以圓形向內(nèi)轉(zhuǎn)換2垂直向外分割14以圓形向外轉(zhuǎn)換3水平向內(nèi)分解15向上擦除4水平向外分解16向下擦除5左下條帶17向右擦除6左上條帶18向左擦除7右下條帶19垂直閃爍8右上條帶20水平閃爍9隨機(jī)水平條21交叉翻板10隨機(jī)垂直條22向下翻板11隨機(jī)23頁(yè)面轉(zhuǎn)換效果練習(xí)編寫(xiě)一個(gè)網(wǎng)頁(yè)，頁(yè)面進(jìn)入時(shí)隨機(jī)出現(xiàn)轉(zhuǎn)換效果<html><head><title>頁(yè)面轉(zhuǎn)換效果</title><metahttp-equiv="exit"content="revealtrans(duration=3,transition=23)"></head><body><palign="center"><ahref=img.htmtarget=_self>點(diǎn)擊看頁(yè)面轉(zhuǎn)換效果</a></p></body></html>頁(yè)面轉(zhuǎn)換效果說(shuō)明頁(yè)面轉(zhuǎn)換效果也可以使用blendtrans濾鏡實(shí)現(xiàn)漸隱效果:<metahttp-equiv="enter"content="blendTrans(Duration=5)">圖像其它常用效果圖像地圖 見(jiàn)例子圖像翻轉(zhuǎn) 見(jiàn)例子表單表單的作用

表單提供了從用戶那里收集信息、向數(shù)據(jù)庫(kù)中添加信息和從數(shù)據(jù)庫(kù)中搜索信息的方法，是建立動(dòng)態(tài)網(wǎng)頁(yè)的最重要的工具。表單的組成

一般的表單由兩部分組成，一是描述表單的HTML源代碼，二是客戶端的腳本，或者服務(wù)器用來(lái)處理用戶所填寫(xiě)信息的程序。

表單的工作原理

當(dāng)訪問(wèn)者將信息輸入表單并單擊提交按鈕時(shí)，這些信息將被發(fā)送到服務(wù)器，服務(wù)器端腳本或應(yīng)用程序在該處對(duì)這些信息進(jìn)行處理，服務(wù)器通過(guò)將請(qǐng)求信息發(fā)送回用戶，或基于該表單內(nèi)容執(zhí)行一些操作來(lái)進(jìn)行響應(yīng)。一個(gè)包含表單的頁(yè)面文本字段列表/菜單

文本區(qū)域按鈕單選按鈕復(fù)選框文本字段列表/菜單

文本區(qū)域按鈕單選按鈕復(fù)選框表單的對(duì)象表單對(duì)象包括：文本區(qū)域、隱藏域、復(fù)選框、單選按鈕、列表（菜單）、跳轉(zhuǎn)菜單、文件域、表單按鈕等<form>標(biāo)記:表單標(biāo)記 屬性method

：數(shù)據(jù)提交的方式（post,GET

） 屬性action

：數(shù)據(jù)提交的地址<input>標(biāo)記:表單對(duì)象標(biāo)記

屬性type:通過(guò)<input>標(biāo)記的type屬性來(lái)定義表單對(duì)象（text，radio，checkbox，file，submit，reset，hidden,button等）表單的對(duì)象例子文本：<inputtype="text"name="tf">

隱藏域：<inputtype="hidden"name="tf">

復(fù)選框：<inputtype="checkbox"name="tf">

單選按鈕：<inputtype="radio"name="tf">

文件域：<inputtype="file"name="tf">

按鈕：<inputtype="button"name="tf">

文本區(qū)域：<textareaname="tf"cols=20rows=40>

屬性cols:文本區(qū)域的寬屬性rows:文本區(qū)域的高表單的對(duì)象例子2表單列表對(duì)象:

<select>標(biāo)記例子：

<select> <option>大學(xué)</option> <option>高中</option> <option>小學(xué)</option> <option>初中</option></select>表單的例子<formaction=/1.aspmethod=post><inputtype="text"name="textfield"value=姓名>

<inputtype="radio"checkedname="rbu0">北京<inputtype="radio"name="rbu0">上海<inputtype="radio"checkedname="sex">男<inputtype="radio"name="sex">女</form>多媒體

在網(wǎng)頁(yè)中插入視頻和聲音可以讓我們的網(wǎng)頁(yè)更加生動(dòng)和形象。插入視頻和聲音要慎重，過(guò)大的視頻和聲音文件會(huì)因?yàn)殚L(zhǎng)時(shí)間無(wú)法載入完成而達(dá)不到網(wǎng)頁(yè)設(shè)計(jì)者所要展現(xiàn)的內(nèi)容。 插入不同視頻媒體時(shí)，需要網(wǎng)頁(yè)瀏覽者的電腦上安裝相應(yīng)的視頻媒體播放插件，才能正常播放媒體。多媒體embed標(biāo)記用<EMBED>嵌入多媒體對(duì)象屬性src：多媒體對(duì)象的路徑及文件名屬性autostart：是否自動(dòng)開(kāi)始（true,false）屬性loop：播放次數(shù)注：使用

溫馨提示

  • 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)論