2011級計(jì)算機(jī)專業(yè)web前端和后臺_第1頁
2011級計(jì)算機(jī)專業(yè)web前端和后臺_第2頁
2011級計(jì)算機(jī)專業(yè)web前端和后臺_第3頁
2011級計(jì)算機(jī)專業(yè)web前端和后臺_第4頁
2011級計(jì)算機(jī)專業(yè)web前端和后臺_第5頁
已閱讀5頁，還剩519頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

表單和表單提交戴政國12一、表單頁面在動態(tài)網(wǎng)頁中表單是提供人機(jī)交互的主要形式，在表單中主要對象有：輸入框、文本框(文本域)、密碼域、文件域、復(fù)選框、單選框、普通按鈕、提交按鈕、重置按鈕、隱藏域、圖像域(圖像提交按鈕)。1、基本語法：<formname="表單名"

method="傳送方法get/post"action="接收數(shù)據(jù)文件的URL"target="接收數(shù)據(jù)文件的打開方式"

id="id號"><input>表單里的輸入標(biāo)記,文本域、文件域，單選框、復(fù)選框、按鈕、提交、重置按鈕和圖像域等。<select>菜單和列表標(biāo)記，列表框和組合列表框<option>菜單和列表內(nèi)部的項(xiàng)目標(biāo)記<textarea>文字域標(biāo)記………</form>34name：指定表單名，一般不用。method:定義表單內(nèi)的結(jié)果從瀏覽器傳送到服務(wù)器或者接收數(shù)據(jù)的網(wǎng)頁方法，只有二種方法：get、postget方法將表單的內(nèi)容附加在URL地址后面，有提交信息長度的限制，最多不能超過8192個字符。同時get方法不具有保密性，不適合信用卡或者要求保密的內(nèi)容，只能傳送ascii碼。post方法是一種郵寄方式，將表單中填寫的數(shù)據(jù)傳送給服務(wù)器處理，沒有字符數(shù)量的限制，可以處理iso10646字符集，對傳送的數(shù)據(jù)類型沒有限制。當(dāng)不指定是哪種傳送方式時默認(rèn)為get方式。5action:用來定義表單處理程序(一個asp、jsp、php等程序)的位置(相對地址或者絕對地址).target:有五個參數(shù)值_blank,_self,_parent,_top,new，這些參數(shù)值決定接收數(shù)據(jù)的處理程序打開窗口的方式。通過實(shí)驗(yàn)得出，new與_blank參數(shù)等效，都是以新窗口打開網(wǎng)頁。2、<form>里的子標(biāo)記<input>表單里的輸入標(biāo)記,單選、復(fù)框、按鈕等<select>菜單和列表標(biāo)記，列表框和組合列表框<option>菜單和列表內(nèi)部的項(xiàng)目標(biāo)記<textarea>文字域標(biāo)記6表單的一般格式：<formaction="url"method="get/post"name="表單名"

id="id號"><input>……</input><textarea>……</textarea><select><option>……</option></select></form>73、輸入標(biāo)記<input><formaction="url"method="get"><inputname="域名"

type="類名"

></form>說明：name屬性指定域的名稱，其實(shí)就是指定輸入內(nèi)容的變量名，把輸入的內(nèi)容放在此變量中，以后在傳值時也是用此變量名傳送數(shù)據(jù)到PHP文件之中。type屬性指定域的類型，決定采用什么方式來輸入數(shù)據(jù)，只能使用get和post其中的一個。8type屬性有以下屬性值：text:文字域。用文本框來錄入要傳送的內(nèi)容。password:密碼域。在文本框上錄入的內(nèi)容用*號來顯示，保密。file:文件域。顯示瀏覽按鈕，可以用瀏覽框找到一個文件并把文件名顯示在文本框里，然后把文件的路徑和文件名傳到其它文件里去。checkbox:復(fù)選框，其實(shí)就是多選框，可以同時選擇多個復(fù)選框。radio:單選框，只能選定一個單選框。button:普通按鈕。9submit:提交按鈕。如果錄入的數(shù)據(jù)需要提交到其它文件之中，可以用此按鈕。reset:重置按鈕。如果要重新設(shè)置表單中的內(nèi)容，可以使用此按鈕。hidden:隱藏域。如果不想顯示輸入的內(nèi)容，但又想把數(shù)據(jù)傳到其它文件上去，可以使用此屬性值。隱藏域可用來傳送表單的名稱等。image:圖像域。其實(shí)就是圖像提交按鈕，此圖像具有提交按鈕的功能。10不要忘了，在做此實(shí)驗(yàn)時要把XAMPP打開，在打開Apache時已經(jīng)自動打開了PHP.1112學(xué)號專業(yè)姓名h46.html<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"""><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>h46實(shí)驗(yàn)：表單</title></head><body>13<formaction=""method="get"name="h46表單"target="_blank">姓名：<inputname="xm"type="text"size=10><br/>年齡：<inputname="nl"type="text"><br/>性別：<inputname="sex"type="radio"value="male"checked>男

<inputname="sex"type="radio"value="female">女<br>博客名稱：<inputname="bkmc"type="text"value="道升隨筆"><br/>博客網(wǎng)址：<inputname="bkwz"type="text"maxlength="200"value="http://"><br/>博客后臺密碼：<inputname="bkmm"type="password"><br/>

確認(rèn)密碼：<inputname="qrmm"type="password"><br/>上傳個人照片：<inputname="zp"type="file"><br/><hrwidth="390px"align="left"/>14請你選擇喜歡的音樂：<inputtype="checkbox"name="m1"value="搖滾樂"checked>搖滾樂<inputtype="checkbox"name="m2"value="爵士樂">爵士樂<inputtype="checkbox"name="m3"value="流行樂">流行樂<br/><br/>請你選擇居住城市：<inputname="city"type="radio"value="北京">北京<inputname="city"type="radio"value="上海">上海<inputname="city"type="radio"value="重慶"checked>重慶<inputname="city"type="radio"value="天津">天津<br/><hrwidth="390px"align="left"/>15要記住隱藏傳送表單名：<inputtype="hidden"name="formname"value="h46表單"><br/><inputname="reset"type="reset"value="重置">

<!--以下圖片當(dāng)提交按鈕使用-->單擊圖標(biāo)也能提交內(nèi)容：<inputtype="image"name="image"SRC=""width=30align="bottom"><inputname="submit"type="submit"value="提交"><br/></form></body></html>161718192021填寫好表單以后，只要一提交就會把數(shù)據(jù)傳送給“h47.php”文件，那么在此php文件中如何接收這些數(shù)據(jù)呢？1)用<?php標(biāo)簽寫PHP代碼。<?phpPHP代碼

?>2)php代碼在瀏覽器里顯示內(nèi)容：echo顯示內(nèi)容3)接收函數(shù)：用$_GET[“域名”]函數(shù)接收其它文件用get方式傳送來的內(nèi)容。22用$_POST[“域名”]函數(shù)接收其它文件用post方式傳送來的內(nèi)容。用$__REQUEST[“域名”]函數(shù)接收其它文件用get方式或者post方式傳送來的內(nèi)容。只是此函數(shù)速度較慢，建議最好不用此函數(shù)。學(xué)號專業(yè)姓名h47.php23<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"""><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>h47.php文檔</title></head><body>

歡迎24<?phpecho$_GET["xm"];$sex=$_GET["sex"];if($sex=="male"){ $cf="先生";$ta="他";}else{ $cf="女士";$ta="她";};echo$cf."!!!";echo"<br/>";?>25    <?phpecho$ta?>今年<?phpecho$_GET["nl"]?>歲，是業(yè)界精英，有自己的博客【<?phpecho$_GET["bkmc"]?>】，博客網(wǎng)址為：<?phpecho$_GET["bkwz"]?>。如果您想進(jìn)入<?phpecho$ta?>的博客，您可以取得<?phpecho$ta?>博客的密碼：<?php$aa=$_GET["bkmm"];$bb=$_REQUEST["qrmm"];if($aa==$bb){ echo$aa;};?><br/>26

該<?phpecho$cf?>特別喜歡<?php$m1t=$m2t=false;if(isset($_GET["m1"])){echo$_GET["m1"];$m1t=true;}if(isset($_REQUEST["m2"])){ if($m1t==true){ echo"、"; }echo$_GET["m2"];$m2t=true;}if(isset($_GET["m3"])){ if($m2t==trueor$m1t==true){echo"、";}echo$_REQUEST["m3"];}?>27，現(xiàn)居住在<?phpecho$_REQUEST["city"]?>。如果您不認(rèn)識<?phpecho$ta?>，可以看<?phpecho$ta?>的照片：<br/><imgsrc="<?phpecho$_GET["zp"]?>"width="200"><br/>

這次我們隱藏傳送了表單名稱：<?phpecho$_REQUEST["formname"];?></body></html>2829303132333435在上例中發(fā)現(xiàn)，有三處位置多了一個空格，導(dǎo)致了文字上有BUG，怎么辦？經(jīng)過分析發(fā)現(xiàn)，這三處都是有規(guī)律性的，問題肯定在代碼上。經(jīng)過分析我們發(fā)現(xiàn)，是代碼換行造成的。于是在這三處位置上不讓代碼換行即可。修改的代碼如下圖所示：36不換行37不換行不換行38不換行3940414、列表和組合列表(下拉菜單)標(biāo)簽在上例中，如果居住城市很多，那么使用單選框radio根本不行了，最好采用列表框或者組合列表框，或者采用組合列表框與文本框相組合。有些網(wǎng)頁書把組合列表說成是菜單項(xiàng)。<selectname=“域名”size=“選項(xiàng)數(shù)目”multipleid=“id值”><optionvalue=“選項(xiàng)”selected>選項(xiàng)名<optionvalue=“選項(xiàng)”>選項(xiàng)名…….</select>42組合列表框和列表框?qū)傩裕簄ame:組合列表框和列表名稱，也叫域名。size:顯示選項(xiàng)數(shù)目，有此屬性為列表框，沒有此屬性就為組合列表框。multiple:可多選列表中的項(xiàng)目value:選項(xiàng)值selected:默認(rèn)選項(xiàng)注：幾乎所有的對象都可以添加id屬性。43學(xué)號專業(yè)姓名h48.html把h46.thml文件另存為h48.html文件。我們的目標(biāo)是要把“愛好”和“居住”修改成列表框和組合列表框，并且還要用POST方式傳送數(shù)據(jù)。當(dāng)在列表框里可以選定多個愛好項(xiàng)目時，列表框的name屬性只能指定為數(shù)組music[]，否則不能把多個選擇愛好項(xiàng)都傳給h49.php文件。而居住地是組合列表框(下拉菜單)，只有一個選擇項(xiàng)，所以組合列表框的name屬性只為一般名稱即可。還讓圖片居中了。44<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"""><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>h48實(shí)驗(yàn)：表單</title></head><body>45<formaction=""method="post"name="h48表單"target="_blank"id="form1">

姓名：<inputname="xm"type="text"size=10id="xm"><br/>

年齡：<inputname="nl"type="text"id="nl"><br/>

性別：<inputname="sex"type="radio"value="male"checked>男

<inputname="sex"type="radio"value="female">女<br>

博客名稱：<inputname="bkmc"type="text"value="道升隨筆"><br/>

博客網(wǎng)址：<inputname="bkwz"type="text"maxlength="200"value="http://"><br/>

博客后臺密碼：<inputname="bkmm"type="password"><br/>

確認(rèn)密碼：<inputname="qrmm"type="password"><br/>

上傳個人照片：<inputname="zp"type="file"><br/>46<hrwidth="390px"align="left"/>

請你選擇喜歡的音樂：<br/>

<selectname="music[]"size=5multipleid="music1"><!--注意：用了屬性size就是列表框--><optionvalue="搖滾樂">搖滾樂</option><optionvalue="流行樂">流行樂</option><optionvalue="爵士樂">爵士樂</option><optionvalue="古典樂">古典樂</option>

47<optionvalue="輕音樂">輕音樂</option><optionvalue="交響樂">交響樂</option><optionvalue="中國民族樂">中國民族樂</option><optionvalue="管弦樂">管弦樂</option><optionvalue="美聲唱法">美聲唱法</option><optionvalue="通俗唱法">通俗唱法</option><!--同學(xué)們有興趣可以再添加一些音樂類--></select><br/>48請你選擇居住省份：

<selectname="city"id="city1"><!--注意：沒有用屬性size就是組合列表框,也稱下拉菜單--><optionvalue="北京">北京</option><optionvalue="上海">上海</option><optionvalue="天津">天津</option><optionvalue="重慶"selected>重慶</option><optionvalue="黑龍江">黑龍江</option><optionvalue="吉林">吉林</option><optionvalue="遼寧">遼寧</option><optionvalue="山東">山東</option><optionvalue="四川">四川</option><optionvalue="貴州">貴州</option>

49<optionvalue="云南">云南</option><optionvalue="河南">河南</option><optionvalue="江西">江西</option><optionvalue="江蘇">江蘇</option><optionvalue="福建">福建</option><optionvalue="廣東">廣東</option><optionvalue="廣西">廣西</option><optionvalue="湖北">湖北</option><optionvalue="湖南">湖南</option><optionvalue="陜西">陜西</option><optionvalue="山西">山西</option><!--23個省份沒有做完，請同學(xué)們做完所有的省份--></select>50<br/>

居住城市和地址：<br/><textareaname="dz"rows=6cols=52id="textarea1"></textarea><br/><hrwidth="390px"align="left"/>

要記住隱藏傳送表單名：

<inputtype="hidden"name="formname"value="h48表單"><br/><inputname="reset"type="reset"value="重置">

51

<!--以下圖片當(dāng)提交按鈕使用-->

單擊圖標(biāo)也能提交內(nèi)容：

<inputtype="image"name="image"SRC=""width=30align="bottom"><!--127.0.01和localhost是等效的--><inputname="submit"type="submit"value="提交"><br/></form><!--各對像的id號暫時沒有用起來--></body></html>5253545556575859先把h47.php另存為h49.php。然后修改以密碼if語句中的代碼，如果兩次密碼輸入錯了會顯示【密碼輸入錯誤！】：<?php$aa=$_POST["bkmm"];$bb=$_REQUEST["qrmm"];if($aa==$bb){ echo$aa;}else{ echo"密碼輸入錯誤！";};?>60由于音樂愛好在h48.html文件中改成了列表框進(jìn)行，并且可以多選，于是在h48.html文件中其列表框的域名修改成了數(shù)組，那么在h49.php中，在接收列表框的數(shù)據(jù)時直接生成了數(shù)組&music:<?php$music=$_POST["music"];$length=count($music);//count(數(shù)組)函數(shù)測試數(shù)組長度$min=key($music);//key(數(shù)組)函數(shù)測試數(shù)組的下標(biāo)for($i=$min;$i<$length-1;$i++){ echo($music[$i]."、"); }echo($music[$i]."，");?>61最后h49.php代碼如下：<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"""><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>h49.php文檔</title></head><body>62

歡迎<?phpecho$_POST["xm"];$sex=$_POST["sex"];if($sex=="male"){ $cf="先生";$ta="他";}else{ $cf="女士";$ta="她";};echo$cf;echo"!!!";echo"<br/>";?>63    <?phpecho$ta?>今年<?phpecho$_POST["nl"]?>歲，是業(yè)界精英，有自己的博客【<?phpecho$_POST["bkmc"]?>】，博客網(wǎng)址為：<?phpecho$_POST["bkwz"]?>。如果您想進(jìn)入<?phpecho$ta?>的博客，您可以取得<?phpecho$ta?>博客的密碼：<?php$aa=$_POST["bkmm"];$bb=$_REQUEST["qrmm"];if($aa==$bb){ echo$aa;}else{ echo"密碼輸入錯誤！";};?>64<br/>

該<?phpecho$cf?>特別喜歡<?php$music=$_POST["music"];$length=count($music);//count(數(shù)組)函數(shù)測試數(shù)組長度$min=key($music);//key(數(shù)組)函數(shù)測試數(shù)組的下標(biāo)for($i=$min;$i<$length-1;$i++){ echo($music[$i]."、"); }echo($music[$i]."，");?>現(xiàn)居住在<?phpecho"“".$_REQUEST["city"].$_POST["dz"]."”";?>如果您不認(rèn)識<?phpecho$ta?>，可以看<?phpecho$ta?>的照片：65<br/><center><imgsrc="<?phpecho$_POST["zp"]?>"width="200"></center><br/>

這次我們隱藏傳送了表單名稱：<?phpecho$_REQUEST["formname"];?></body></html>666768在h47.php和h49.php中，數(shù)據(jù)接收并不是集中在文件開始處接收，而是分散在文件需要顯示的地方才接收。這樣對新手看代碼不利。為了讓代碼閱讀更集中，更容易閱讀，我們把h49.php另存為h50.php，然后把表單傳來的數(shù)據(jù)集中在文件開始處接收，代碼修改如下：學(xué)號專業(yè)姓名h50.php69<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"""><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>h50.php文檔</title></head><body>70<?php//姓名$xm=$_POST["xm"];//性別$sex=$_POST["sex"];//年齡$nl=$_POST["nl"];//博客名稱$bkmc=$_POST["bkmc"];//博客網(wǎng)址$bkwz=$_POST["bkwz"];//音樂愛好，列表框$music=$_POST["music"];$length=count($music);//count(數(shù)組)函數(shù)測試數(shù)組長度$min=key($music);//key(數(shù)組)函數(shù)測試數(shù)組的下標(biāo)71//博客密碼$aa=$_POST["bkmm"];//確認(rèn)密碼$bb=$_REQUEST["qrmm"];//居住城市或者省$city=$_REQUEST["city"];//住址$dz=$_POST["dz"];//照片$zp=$_POST["zp"];//接收表單名$formname=$_REQUEST["formname"];//通過性別決定稱呼和他/她if($sex=="male"){ $cf="先生";$ta="他";}else{ $cf="女士";$ta="她";};?>72

歡迎<?phpecho$xm.$cf."!!!"?><br/>    <?phpecho$ta?>今年<?phpecho$nl?>歲，業(yè)界精英，有自己的博客【<?phpecho$bkmc?>】，博客網(wǎng)址為：<?phpecho$bkwz?>。如果您想進(jìn)入<?phpecho$ta?>的博客，您可以取得<?phpecho$ta?>博客的密碼：<?phpif($aa==$bb){ echo$aa;}else{ echo"密碼輸入錯誤！";};?>73<br/>

該<?phpecho$cf?>特別喜歡<?phpfor($i=$min;$i<$length-1;$i++){ echo($music[$i]."、"); }echo($music[$i]."，");?>現(xiàn)居住在<?phpecho"“".$city.$dz."”";?>如果您不認(rèn)識<?phpecho$ta?>，可以看<?phpecho$ta?>的照片：<br/>74<center><imgsrc="<?phpecho$zp?>"width="200"></center><br/>

這次我們隱藏傳送了表單名稱：<?phpecho$formname;?></body></html>75表單還是用h48.html文件里的表單，但action屬性要修改：<formaction=""method="post"name="h48表單"target="_blank"id="form1">這樣，h48.html文件里的表單把數(shù)據(jù)提交給h50.php，而不是原來的h49.php。76777879808182十七、框架結(jié)構(gòu)一般網(wǎng)頁上要分成幾個獨(dú)立的區(qū)域，每個區(qū)域鏈接一個獨(dú)立的HTML文件。這樣當(dāng)某個區(qū)域顯示的內(nèi)容更改時，其它區(qū)域里的網(wǎng)頁內(nèi)容可以不變，不變的區(qū)域也不傳送相應(yīng)的內(nèi)容。當(dāng)在網(wǎng)頁上要劃分幾個區(qū)時，就要用框架標(biāo)簽來劃分。831、框架的基本格式<html><head><title>框架基本格式</title><frameset框架劃分方向?qū)傩?“劃分比例”><framesrc=“鏈接文件名”name=“框架名”><framesrc=“鏈接文件名”scrolling=“auto”>…..</frameset></html>84框架劃分方向?qū)傩砸话阒挥卸€：rows：以行的方向劃分，即上下方向劃分。cols：以列的方向劃分，即左右方向劃分。劃分比例：“百分比,*”或者“*，百分比”或者“百分比，百分比”“px,*”或者“*,px”或者“px,px”例如rows=“30%,*”rows=“*,20%”85rows=“30%,70%”cols=“50%,*”cols=“*,50%”cols=“50%,50%”cols=“30%,*”cols=“*,70%”如果屏幕為1920*1080，那么可以這樣劃分：rows=“324,*”rows=“*,324”提醒：324=1080*30%cols=“960,*”cols=“960,960”提醒：960=1920*50%86name:指定框架名稱。當(dāng)需要在框架中更加網(wǎng)頁內(nèi)容時，那么某些網(wǎng)頁文件的內(nèi)容要在此框架里顯示，于是框架名稱必須要，否則在href鏈接時target屬性不能指定框架名。例如：<ahref=“說明.html”target=“框架名”>顯示說明文件內(nèi)容</a>過去target屬性用_blank,_parent,_top,_self參數(shù)來指定被鏈接文件的打開方式，而在框架上顯示的文件內(nèi)容時要指定框架名。當(dāng)然，如果框架里不需要更改網(wǎng)頁內(nèi)容，那么在建立框架時可以不指定框架名。87scrolling：指定在框架里要不要滾動條。有三個參數(shù)：auto,yes,noauto表示當(dāng)顯示的內(nèi)容超長或者超寬時自動生成滾動條yes表示一定會顯示滾動條no表示沒有滾動條，即使內(nèi)容超長超寬時。當(dāng)然還有其它屬性。882、框架的嵌套格式<html><head><title>框架嵌套格式</title></head><framesetrows=“劃分比例”framespacing=“邊框集邊框?qū)挾取?gt;<framesrc=“鏈接文件名”name=“框架名”scrolling=“auto”><framesetcols=“劃分比例”bordercolor=“邊框集邊框顏色”><framesrc=“鏈接文件名”name=“框架名”noresize><framesrc=“鏈接文件名”name=“框架名”marginwidth=“左右邊距”marginheight=“上下邊距”>…..<noframe>此瀏覽器不支持框架</noframe></frameset><framesrc=“鏈接文件名”name=“框架名”frameborder=“值”>…..<noframe>此瀏覽器不支持框架</noframe></frameset></html>89解釋：framespacing：指定框架集邊框?qū)挾?。bordercolor：指定框架集邊框顏色。frameborder：指定框架邊框有或者沒有?？蚣苓吙蚶^承邊框集的邊框。frameborder=1繼承邊框集的邊框frameborder=0不繼承邊框集的邊框，即沒有邊框。noresize：在瀏覽網(wǎng)頁時不改變框架大小。如果沒有此屬性，網(wǎng)頁框架大小可以隨著瀏覽器窗口的大小而改變。90marginwidth：框架邊框與顯示內(nèi)容之間的左右間距。marginheight：框架邊框與顯示內(nèi)容之間的上下間距。noframe：當(dāng)瀏覽器不支持框架時，要用此標(biāo)簽提示此瀏覽器不支持框架。src：指定在框架里顯示的網(wǎng)頁文件名或者鏈接地址。91當(dāng)用表單提交數(shù)據(jù)時，接收表單數(shù)據(jù)的網(wǎng)頁文件可以在框架里打開，這時可以用以下代碼指定接收文件在框架里打開，例如在h48.html文件的表單中指定h49.php文件在某框架里打開：<formaction=“”method=“post”name=“h48表單”target=“框架名">92學(xué)號專業(yè)姓名h51.html<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"""><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>框架實(shí)驗(yàn)</title></head><framesetrows="20%,*"><framesrc="h52.html"name="up"scrolling="no">93<framesetcols="30%,*"><framesrc="h53.html"name="left"scrolling="auto"><framesrc="h56.html"name="right"scrolling="auto"><noframes>此瀏覽器不支持框架</noframes></frameset><noframes>此瀏覽器不支持框架</noframes></frameset></html>9495學(xué)號專業(yè)姓名h52.html<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/></head><body><h1>道升科技有限公司</h1></body></html>9697學(xué)號專業(yè)姓名h53.html<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"""><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"></head><body><h1>內(nèi)容</h1><h2><ahref="h48.html"target="right">個人信息提交</a></h2>98<br/><br/><h2>主流網(wǎng)頁設(shè)計(jì)軟件</h2><h3><ahref="h54.html#dw"target="right">DreamweaverCS6</a><br/><ahref="h54.html#fl"target="right">FlashCS6</a><br/><ahref="h54.html#fw"target="right">FireworksCS6</a><br/></h3></body></html>99100學(xué)號專業(yè)姓名h54.html先把h31.html文件另存為h54.html文件，然后按以下代碼修改：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"""><htmlxmlns=""><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>書簽定義和書簽鏈接實(shí)驗(yàn)</title></head><body><aname="st"><h1>主流網(wǎng)頁設(shè)計(jì)軟件</h1></a>101<ahref="#dw">DreamweaverCS6</a>  <ahref="#fl">FlashCS6</a>  <ahref="#fw">FireworksCS6</a><aname="dw"><h3>DreamweaverCS6</h3></a><p>DreamweaverCS6作為網(wǎng)頁設(shè)計(jì)軟件的代表，具有站點(diǎn)管理和頁面制作兩大核心功能。如果你也擁有織夢的理想，那么這個軟件無疑是幫助你實(shí)現(xiàn)夢想的最好手段。完全的可視化編輯，優(yōu)秀的代碼控制，完整的站點(diǎn)規(guī)劃和管理，超乎尋常的動態(tài)效果設(shè)計(jì)，這些都為設(shè)計(jì)人員提供了得心應(yīng)手的途徑。CS6版本的軟件將動態(tài)網(wǎng)站和傳統(tǒng)的靜態(tài)頁面功能進(jìn)行了更進(jìn)一步的融合，無疑為制作網(wǎng)站提供了更多的實(shí)現(xiàn)方式。</p><!--過去段落標(biāo)簽主要用單標(biāo)簽<p>，而現(xiàn)在主要用雙標(biāo)簽<p></p>--><ahref="#st">返回</a>102<aname="fl"><h3>FlashCS6</h3></a><p>FlashCS6作為網(wǎng)頁矢量交互動畫軟件的代表，提供了圖形繪制，動畫制作和交互三大功能。掌握了這個軟件的核心，也就有能力在網(wǎng)上沖浪的同時，充當(dāng)一把閃客的角色。越來越多的個人，商業(yè)網(wǎng)站采用Flash技術(shù)制作廣告Banner，動畫片頭，MTV，交互游戲，其廣泛的應(yīng)用為Flash的學(xué)習(xí)者提供了廣闊的發(fā)展平臺，學(xué)習(xí)FlashCS6軟件更是一個具有誘惑力的過程。</p><ahref="#st">返回</a><aname="fw"><h3>FireworksCS6</h3></a>FireworksCS6作為網(wǎng)頁圖像設(shè)計(jì)軟件的代表，在繼承了前期版本圖形繪制，頁面特效功能的同時，大大地發(fā)展了位圖圖像方面的處理功能。這無疑使這個軟件有了向Photoshop挑戰(zhàn)的列多資本，而其在網(wǎng)頁設(shè)計(jì)方面的諸多應(yīng)用，又無任何軟件可與之比媲美，與DreamweaverCS6的整合使其在專業(yè)網(wǎng)站圖像設(shè)計(jì)過程中，扮演著不可或缺的角色。103</p><ahref="#st">返回</a><br/><br/><br/>有更多的鏈接資源：<br/><br/><ahref="h55.html#dw">DreamweaverCS6</a>  <ahref="h55.html#fl">FlashCS6</a>  <ahref="h55.html#fw">FireworksCS6</a></body></html>104105106學(xué)號專業(yè)姓名h55.html先把h32.html文件另存為h55.html文件，然后按以下代碼修改：<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"""><htmlxmlns=""><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>機(jī)內(nèi)HTML腳本文檔書簽鏈接</title></head><body>107<aname="st"><h1>主流網(wǎng)頁設(shè)計(jì)軟件資料</h1></a><ahref="#dw">DreamweaverCS6</a>  <ahref="#fl">FlashCS6</a>  <ahref="#fw">FireworksCS6</a><aname="dw"><h3>DreamweaverCS6</h3></a><p>dreamweavercs6是世界頂級軟件廠商adobe推出的一套擁有可視化編輯界面，用于制作并編輯網(wǎng)站和移動應(yīng)用程序的網(wǎng)頁設(shè)計(jì)軟件。由于它支持代碼、拆分、設(shè)計(jì)、實(shí)時視圖等多種方式來創(chuàng)作、編寫和修改網(wǎng)頁，對于初級人員，你可以無需編寫任何代碼就能快速創(chuàng)建web頁面。其成熟的代碼編輯工具更適用于web開發(fā)高級人員的創(chuàng)作！cs6新版本使用了自適應(yīng)網(wǎng)格版面創(chuàng)建頁面，在發(fā)布前使用多屏幕預(yù)覽審閱設(shè)計(jì),可大大提高工作效率。改善的ftp性能，更高效地傳輸大型文件?！皩?shí)時視圖”和“多屏幕預(yù)覽”面板可呈現(xiàn)html5代碼，更能夠檢查自己的工作。</p>108<aname="fl"><h3>FlashCS6</h3></a><p>AdobeFlashCS6是用于創(chuàng)建動畫和多媒體內(nèi)容的強(qiáng)大的創(chuàng)作平臺。AdobeFlashCS6設(shè)計(jì)身臨其境、而且在臺式計(jì)算機(jī)和平板電腦、智能手機(jī)和電視等多種設(shè)備中都能呈現(xiàn)一致效果的互動體驗(yàn)。新版flashprofessionalcs6附帶了可生成sprite表單和訪問專用設(shè)備的本地?cái)U(kuò)展。可以鎖定最新的adobeflashplayer和air運(yùn)行時以及android和ios設(shè)備平臺。</p><aname="fw"><h3>FireworksCS6</h3></a><p>【新增功能】從設(shè)計(jì)和網(wǎng)頁提取簡潔的CSS代碼通過使用全新的屬性面板，完全提取CSS元素和值（顏色、字體、漸變和圓角半徑等），以節(jié)省時間并保持設(shè)計(jì)的完整性。提取代碼后，直接將其復(fù)制并粘貼至AdobeDreamweaver?CS6軟件或其他HTML編輯器。109改進(jìn)的CSS支持利用屬性面板提取CSS代碼并從設(shè)計(jì)組件中創(chuàng)建CSSSprite圖像。只需一步，即可模擬完整的網(wǎng)頁并將版面與外部樣式表一起導(dǎo)出。

全新的jQueryMobile主題外觀支持為移動網(wǎng)站和應(yīng)用程序，創(chuàng)建、修改或更新jQuery主題，包括CSSSprite圖像。

訪問顏色快速在純色、漸變和圖案色彩效果之間切換。分別對填色和描邊對話框應(yīng)用不透明度控制，以更精準(zhǔn)地進(jìn)行控制。利用改進(jìn)的色板快速更改顏色。</p><br/><ahref="h54.html"target="right">返回</a></body></html>110111112學(xué)號專業(yè)姓名h56.html<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"""><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>無標(biāo)題文檔</title></head><body><fontface="隸書"color="#ff00ff"><h1>歡迎您訪問道升科技有限公司</h1></body></html>113114h52.htmlh53.htmlh56.html先運(yùn)行h51.html115h48.html116h50.php117h54.html118h54.html119h55.html120121h54.html1223、浮動框架<iframe>基本格式：<iframesrc=“文件鏈接”width=“值”height=“值”name=“框架名”align=“值”屬性=“值”>解釋：align:浮動框架對齊，有l(wèi)eft,center,right值，但實(shí)際測試發(fā)現(xiàn)，默認(rèn)值為left，center無效，而right有效。其它屬性有：frameborder=1表示框架有邊框，等于0表示框架無邊框。123framespacing=“寬度”表示框架邊框的寬度scrolling=“auto/yes/no”確定滾動條狀態(tài)noresize：有了此參數(shù)表示框架大小不能更改。bordercolor=“顏色”，確定框架邊框的顏色marginwidth=“間距”，確定顯示內(nèi)容與框架之間的左右邊距。marginheight=“間距”，確定顯示內(nèi)容與框架之間的上下邊距。其實(shí)浮動框架用處不大。124學(xué)號專業(yè)姓名h57.html<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"""><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>浮動框架</title><iframesrc="h54.html"width="500height="500"name="iframe"align="right"></iframe></body></html>125126十八、多媒體頁面1、嵌入多媒體對象mp3、mp4、swf、flv和其它視頻文件都可以使用以方法嵌入?；靖袷剑?lt;embed>src=“文件鏈接”width=“值”height=“值”</embed>學(xué)號專業(yè)姓名h58.html127<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"""><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>嵌入MP3對象</title></head><body><H2>MP3鏈接播放</H2><embedsrc="QQ愛.mp3"></embed></body></html>128不同的瀏覽器其鏈接時插入的播放器不同，播放器外形肯定不同。IE瀏覽器360瀏覽器129其實(shí)，MP3嵌入鏈接播放可以用html5的代碼來做更方便。<audiocontrols="controls"><sourcesrc="song.ogg"type="audio/ogg"><sourcesrc="song.mp3"type="audio/mpeg">Yourbrowserdoesnotsupporttheaudiotag.</audio>我們把網(wǎng)頁代碼修改如下：130<html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>嵌入MP3對象</title></head><body><H2>MP3鏈接播放</H2><embedsrc="QQ愛.mp3"></embed><br/><br/><br/><h2>以下是HTML5的嵌入聲音對象代碼</h2><audiocontrols="controls"><sourcesrc="月亮代表我的心.mp3"type="audio/mpeg">Yourbrowserdoesnotsupporttheaudiotag.</audio></body></html>131132133從播放器來看，html5的聲音播放器要規(guī)范得多，建議大家以后要做聲音對象網(wǎng)頁時采用html5的聲音對象嵌入代碼。另外，html5音頻也支持wav聲音文件，但不支持wma文件。其實(shí)<embed>標(biāo)簽也可以鏈接視頻。<embed>src=“視頻文件鏈接”width=“值”height=“值”</embed>學(xué)號專業(yè)姓名h59.html134<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"""><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>無標(biāo)題文檔</title></head><body><embedsrc="20120516315馬小蘭12級信管+媽媽.swf"width="550"height="400"></embed></body></html>135136137<embed>標(biāo)簽還能加載wav聲音文件、mp4視頻文件，但不能加載avi?？梢约虞dwmv文件，360瀏覽器可以播放，但I(xiàn)E瀏覽器不能。而flv視頻文件最好采用DW的插入菜單插入。學(xué)號專業(yè)姓名h60.html用DW插入FLV視頻文件步驟：1）在DW里先新建h60.HTML文件.2）在<body>標(biāo)簽里插入FLV文件。138139140141142<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"""><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>無標(biāo)題文檔</title><scriptsrc="Scripts/swfobject_modified.js"type="text/javascript"></script></head><body>143<objectclassid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"width="384"height="288"id="FLVPlayer"><paramname="movie"value="FLVPlayer_Progressive.swf"/><paramname="quality"value="high"><paramname="wmode"value="opaque"><paramname="scale"value="noscale"><paramname="salign"value="lt"><paramname="FlashVars"value="&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=66%E8%8A%82%E5%9B%9E%E6%98%A5%E5%8C%BB%E7%96%97%E4%BF%9D%E5%81%A5%E6%93%8D&autoPlay=false&autoRewind=false"/><paramname="swfversion"value="8,0,0,0">144<!--此param標(biāo)簽提示使用FlashPlayer6.0r65和更高版本的用戶下載最新版本的FlashPlayer。如果您不想讓用戶看到該提示，請將其刪除。--><paramname="expressinstall"value="Scripts/expressInstall.swf"><!--下一個對象標(biāo)簽用于非IE瀏覽器。所以使用IECC將其從IE隱藏。--><!--[if!IE]>--><objecttype="application/x-shockwave-flash"data="FLVPlayer_Progressive.swf"width="384"height="288"><!--<![endif]--><paramname="quality"value="high"><paramname="wmode"value="opaque"><paramname="scale"value="noscale"><paramname="salign"value="lt"><paramname="FlashVars"value="&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName=66%E8%8A%82%E5%9B%9E%E6%98%A5%E5%8C%BB%E7%96%97%E4%BF%9D%E5%81%A5%E6%93%8D&autoPlay=false&autoRewind=false"/>145<paramname="swfversion"value="8,0,0,0"><paramname="expressinstall"value="Scripts/expressInstall.swf"><!--瀏覽器將以下替代內(nèi)容顯示給使用FlashPlayer6.0和更低版本的用戶。--><div><h4>此頁面上的內(nèi)容需要較新版本的AdobeFlashPlayer。</h4><p><ahref=""><imgsrc=""alt="獲取AdobeFlashPlayer"/></a></p></div><!--[if!IE]>--></object><!--<![endif]--></object><scripttype="text/javascript">swfobject.registerObject("FLVPlayer");</script></body></html>146147如果想看mp4視頻可以直接使用<embed>標(biāo)簽；如果想看swf視頻可以使用<embed>標(biāo)簽，同時也可以在DW中執(zhí)行【插入/媒體】命令，與插入flv文件的方法一樣。學(xué)號專業(yè)姓名h61.html步驟1）在DW中先新建一個HTML文件，然后更改<title>標(biāo)簽里的內(nèi)容為【嵌入視頻實(shí)驗(yàn)】。2）把光標(biāo)移到<body>標(biāo)簽中，然后在DW中使用以下命令插入一個SWF作品：插入/媒體/swf或者ctrl+alt+F彈出對話框，指定SWF文件名。148149150151152<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"""><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><title>嵌入視頻實(shí)驗(yàn)</title><scriptsrc="Scripts/swfobject_modified.js"type="text/javascript"></script></head><body>153<objectclassid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"width="550"height="400"id="FlashID"title="FLASH作品"><paramname="movie"value="20120516315馬小蘭12級信管+媽媽.swf"><paramname="quality"value="high"><paramname="wmode"value="opaque"><paramname="swfversion"value=""><!--此param標(biāo)簽提示使用FlashPlayer6.0r65和更高版本的用戶下載最新版本的FlashPlayer。如果您不想讓用戶看到該提示，請將其刪除。--><paramname="expressinstall"value="Scripts/expressInstall.swf"><!--下一個對象標(biāo)簽用于非IE瀏覽器。所以使用IECC將其從IE隱藏。--><!--[if!IE]>--><objecttype="application/x-shockwave-flash"data="20120516315馬小蘭12級信管+媽媽.swf"width="550"height="400">154<!--<![endif]--><paramname="quality"value="high"><paramname="wmode"value="opaque"><paramname="swfversion"value=""><paramname="expressinstall"value="Scripts/expressInstall.swf"><!--瀏覽器將以下替代內(nèi)容顯示給使用FlashPlayer6.0和更低版本的用戶。--><div><h4>此頁面上的內(nèi)容需要較新版本的AdobeFlashPlayer。</h4><p><ahref=""><imgsrc=""alt="獲取AdobeFlashPlayer"/></a></p></div><!--[if!IE]>--></object><!--<![endif]--></object><scripttype="text/javascript">swfobject.registerObject("FlashID");</script></body></html>155插入的代碼很多，如果看不懂沒有關(guān)系，你可以把這些代碼看成一個整體。只要能用就行了。運(yùn)行以后的效果：156157158其實(shí)在DW里，【插入/媒體/插件】命令與<embed>標(biāo)簽的功能完全一樣。如果不想寫代碼，可以直接用此命令插入一個swf文件，請看效果：學(xué)號專業(yè)姓名h62.html159160161162163<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"""><html><head><metahttp-equiv="Content-Type"content="text/html;

溫馨提示

  • 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

提交評論