網(wǎng)頁制作入門及網(wǎng)頁制作課程設(shè)計(jì)報(bào)告總結(jié)

網(wǎng)頁制作入門網(wǎng)頁制作入門.txt如果背叛是一種勇氣，那么接受背叛則需要更大的勇氣。愛情是塊磚，婚姻是座山。磚不在多，有一塊就靈；山不在高，守一生就行。我們天天與網(wǎng)頁打交道，那些或界面精美，或內(nèi)容豐富，或構(gòu)思獨(dú)特、風(fēng)格各異的網(wǎng)頁，不知道吸引了多少人的眼球了，它們的運(yùn)行方式，制做方法，你說你說一點(diǎn)都不好奇，一點(diǎn)都不想知道，那肯定是假的，嘿嘿，我也一樣，而且我的好奇心有時(shí)還不小～～～，可我的好奇心有是有了，因?yàn)榫W(wǎng)頁制做沒有真正當(dāng)成吃飯的家伙，所以，，，當(dāng)初的熱度也只有三分鐘，在這里，把以前的一些經(jīng)驗(yàn)介紹給大家，強(qiáng)烈希望廣大高手介入，來個(gè)你說，我說，大家說，集眾人的智慧于此。因?yàn)榇蠖鄶?shù)地方，是跟據(jù)我自己的做法，我自己的理解說的，難免有說錯(cuò)的地方，也請(qǐng)大家指正了。第一講網(wǎng)頁基本常識(shí)我們平時(shí)常見的網(wǎng)頁，基本可以分為兩類，靜態(tài)網(wǎng)頁(htm,html等)和動(dòng)態(tài)網(wǎng)頁(asp、cgi、php等)。靜態(tài)網(wǎng)頁交互性不強(qiáng)，只是單純的傳輸信息給客戶瀏覽器，而動(dòng)態(tài)的一般有很強(qiáng)的交互性，很多都在一定程度上結(jié)合了數(shù)據(jù)庫，能進(jìn)行資料的搜索等功能，常用于論壇，留言本，網(wǎng)上訂單等。常用的網(wǎng)頁腳本語言VBScript、JScript，也是一種編程語言。下面這幾點(diǎn)是在別的地方抄來的，就當(dāng)看小說一樣看下吧，只需大概知道下就行了。一、什么是HTML？網(wǎng)頁的學(xué)名稱作HTML文件，是一種可以在網(wǎng)上傳輸，并被瀏覽器認(rèn)識(shí)和翻譯成頁面顯示出來的文件。是“worldwideweb"的縮寫；HTML的意思則是"HypertextMarkupLanguage",中文翻譯為“超文本標(biāo)記語言”?！俺谋尽本褪侵疙撁鎯?nèi)可以包含圖片，聯(lián)接，甚至音樂，程序等非文字的元素。網(wǎng)頁就是由HTML語言編寫出來的。HTML語言只是一種排版語言，語法就類似于這樣："頁高8寬5，(1,2)處插入高1寬1的圖片A..."HTML語言發(fā)展很快，已經(jīng)歷經(jīng)HTML1.0,HTML2.0和HTML3.0,html4.0多個(gè)版本，現(xiàn)在html5.0正在測(cè)試同時(shí)DHTML(動(dòng)態(tài))，VHTML(虛擬)，SHTML等也飛速發(fā)展。我們現(xiàn)在一般只要掌握HTML4.0就可以了。二、什么是動(dòng)態(tài)HTML(DHTML)？動(dòng)態(tài)HTML是一組技術(shù)，是一種新的思想方法，它被設(shè)計(jì)用來創(chuàng)造和顯示更多的交互性網(wǎng)頁，包括動(dòng)態(tài)樣式，動(dòng)態(tài)內(nèi)容，2D布局，數(shù)據(jù)捆梆和多媒體效果等等。動(dòng)態(tài)HTML(DHTML)是一門令人興奮的新技術(shù)，它完全克服了傳統(tǒng)HTML的不足，極具發(fā)展前景。DHTML使用一個(gè)文件對(duì)象模型(DOM)來擴(kuò)充HTML語言，使得WEB頁面的所有元素及其屬性都可以實(shí)時(shí)存取，從而允許你使用腳本動(dòng)態(tài)地修改頁面元素，而這些都不需要WEB服務(wù)器的干預(yù)。使用DHTML完全能夠設(shè)計(jì)出復(fù)雜的，動(dòng)態(tài)的，交互式的WEB頁面，使我們的WEB頁面將因此而變得更為生動(dòng)和精彩。DHTML目前正在發(fā)展中，尚沒有形成一個(gè)標(biāo)準(zhǔn)。Microsoft和Netscape兩大公司對(duì)DHTML各有自己的看法，盡管兩大公司都使用了很多相同的技術(shù)術(shù)語，并引用相同的已發(fā)表和提議的標(biāo)準(zhǔn)集合，但在具體實(shí)現(xiàn)中，兩者不能統(tǒng)一。Netscape是增加一些新的標(biāo)記(主要是Layer,Ilayer等)，而Microsoft是對(duì)現(xiàn)有的標(biāo)記增加一些新的屬性。由此引起的問題是在InternetExplorer上正常運(yùn)行的動(dòng)態(tài)網(wǎng)頁，在Netscape上可能會(huì)不正確運(yùn)行；反之亦然。W3C目前正在努力開發(fā)一種標(biāo)準(zhǔn)使它能與所有的平臺(tái)和瀏覽器兼容。三、什么是？HypertextTransferProtocol,服務(wù)程序所用的協(xié)議。我們?cè)谟脼g覽器瀏覽網(wǎng)頁時(shí)，使用的就是這個(gè)協(xié)議，所以在地址欄中都要輸入://……。四、什么是FTP？FTP是FileTransferProtocol（文件傳輸協(xié)議）的縮寫。它是一種在UNIX類操作系統(tǒng)上使用的協(xié)議，現(xiàn)在已經(jīng)被納入TCP/IP協(xié)議中，被廣泛的應(yīng)用在Internet上。它的傳輸方式一般分為ASCII和BIN（二進(jìn)制）兩種。我們?cè)谡f到Internet上的FTP時(shí)，通常是指一些使用FTP協(xié)議的站點(diǎn)和FTP的傳輸方式。五、上傳主頁有哪幾種方式？E-Mail方式維護(hù)主頁是什么意思？通常我們上傳主頁的方式是由提供主頁空間的ICP來決定了。一般的上傳方式有FTP、、和E-Mail三種。FTP是文件傳輸協(xié)議的英文縮寫，光看字面意思，我們就應(yīng)該知道傳輸文件是它的拿手好戲。好戲。方式是利用瀏覽器與服務(wù)器鏈接，向服務(wù)器端發(fā)送文件。E-Mail方式是指在維護(hù)主頁的時(shí)候?qū)⒁碌膬?nèi)容用壓縮軟件壓縮打包，用E-Mail發(fā)給主頁空間所在網(wǎng)站的WebMaster。再由WebMaster將主頁內(nèi)容解壓打開，完成更新工作。這三種上傳的方式中，F(xiàn)TP以它的快速和良好的交互性，得到了大家的公認(rèn)和推崇，現(xiàn)在已經(jīng)是最流行的上傳和下載方式了。而E-Mail上傳方式的優(yōu)點(diǎn)是安全性極高，不易被黑客乘虛而入。但是由于交互性和靈活性太差，已經(jīng)很少使用了。六、什么是CGI？CGI意思為CommonGatewayInterface，公共網(wǎng)關(guān)接口，一種基于瀏覽器的輸入、在Web服務(wù)器上運(yùn)行的程序方法。CGI腳本使你的瀏覽器與用戶能交互，為了在數(shù)據(jù)庫中尋找一個(gè)名詞,提供你寫入的評(píng)論，或者從一個(gè)表單中選擇幾個(gè)條目并且能得到一個(gè)明確的回答.如果你曾經(jīng)遇到過在web上填表或進(jìn)行搜索,你就是用的CGI腳本。你那時(shí)也許沒有意識(shí)到，因?yàn)榇蟛糠止ぷ魇窃诜?wù)器上運(yùn)行的，你看到的只是結(jié)果。作為一個(gè)網(wǎng)頁設(shè)計(jì)者，你創(chuàng)建客戶端的CGI腳本，服務(wù)器端的程序用來處理用戶輸入，結(jié)果返回給用戶。七、什么是ASP？MicrosoftActiveServerPages即我們所稱的ASP，其實(shí)是一套微軟開發(fā)的服務(wù)器端腳本環(huán)境，ASP內(nèi)含于IIS3.0和4.0之中,通過ASP我們可以結(jié)合HTML網(wǎng)頁、ASP指令和ActiveX元件建立動(dòng)態(tài)、交互且高效的WEB服務(wù)器應(yīng)用程序。有了ASP你就不必?fù)?dān)心客戶的瀏覽器是否能運(yùn)行你所編寫的代碼，因?yàn)樗械某绦蚨紝⒃诜?wù)器端執(zhí)行，包括所有嵌在普通HTML中的腳本程序。當(dāng)程序執(zhí)行完畢后，服務(wù)器僅將執(zhí)行的結(jié)果返回給客戶瀏覽器，這樣也就減輕了客戶端瀏覽器的負(fù)擔(dān)，大大提高了交互的速度。以下羅列了ActiveServerPages所獨(dú)具的一些特點(diǎn)：1.使用VBScript、JScript等簡(jiǎn)單易懂的腳本語言，結(jié)合HTML代碼，即可快速地完成網(wǎng)站的應(yīng)用程序。2.無須compile編譯，容易編寫，可在服務(wù)器端直接執(zhí)行。3.使用普通的文本編輯器，如Windows的記事本，即可進(jìn)行編輯設(shè)計(jì)。4.與瀏覽器無關(guān)(BrowserIndependence),用戶端只要使用可執(zhí)行HTML碼的瀏覽器，即可瀏覽ActiveServerPages所設(shè)計(jì)的網(wǎng)頁內(nèi)容。ActiveServerPages所使用的腳本語言(VBScript、Jscript)均在WEB服務(wù)器端執(zhí)行，用戶端的瀏覽器不需要能夠執(zhí)行這些腳本語言。5.ActiveServerPages能與任何ActiveXscripting語言相容。除了可使用VBScript或JScript語言來設(shè)計(jì)外，還通過plug-in的方式，使用由第三方所提供的其他腳本語言，譬如REXX、Perl、Tcl等。腳本引擎是處理腳本程序的COM(ComponentObjectModel)物件。6.ActiveServerPages的源程序，不會(huì)被傳到客戶瀏覽器，因而可以避免所寫的源程序被他人剽竊，也提高了程序的安全性。7.可使用服務(wù)器端的腳本來產(chǎn)生客戶端的腳本。8.物件導(dǎo)向（Object-oriented）。9.ActiveXServerComponents(ActiveX服務(wù)器元件)具有無限可擴(kuò)充性。可以使用VisualBasic、Java、VisualC++、COBOL等編程語言來編寫你所需要的ActiveXServerComponent。八、JavaScript是什么？Java和JavaScript是一樣的嗎？JavaScript是一種新的描述語言，此一語言可以被嵌入HTML的文件之中。透過JavaScript可以做到回應(yīng)使用者的需求事件(如form的輸入)而不用任何的網(wǎng)絡(luò)來回傳輸資料。所以當(dāng)一位使用者輸入一項(xiàng)資料時(shí)，它不用經(jīng)過傳給服務(wù)器端(server)處理，再傳回來的過程，而直接可以被客戶端(client)的應(yīng)用程序所處理，你也可以想像成有一個(gè)可執(zhí)行程式在你的客端上執(zhí)行一樣。javascript雖然效果不錯(cuò)，但它在網(wǎng)絡(luò)上的效果奇慢。在JavaScript上，JavaScript和Java很類似，但到底并不一樣。Java是一種比JavaScript更復(fù)雜許多的程序語言。而JavaScript則是相當(dāng)容易了解的語言，JavaScript創(chuàng)作者可以不那么注重程序技巧。所以許多Java的特性在JavaScript中并不支持。九、常用的WEB圖像格式有哪些？1、PNG（PortableNetworkGraphic）PNG格式是WEB圖像中最通用的格式。它是一種無損壓縮格式，但是如果沒有插件支持，有的瀏覽器可能不支持這種格式。PNG格式最多可以支持32位顏色，但是不支持動(dòng)畫圖。2、GIF（GraphicsInterchangeFormat）GIF是Web上最常用的圖像格式，它可以用來存儲(chǔ)各種圖像文件。特別適用于存儲(chǔ)線條、圖標(biāo)和電腦生成的圖像、卡通和其它有大色塊的圖像。GIF文件非常小，它形成的是一種壓縮的8位圖像文件，所以最多只支持256種不同的顏色。Gif支持動(dòng)態(tài)圖、透明圖和交織圖。3、BMP（WindowsBitmap）BMP格式使用的是索引色彩，它的圖像具有極其豐富的色彩，可以使用16M色彩渲染圖像。此格式一般用在多媒體演示和視頻輸出等情況下。4、TIFF（TagInageFileFormat）TIFF格式是對(duì)色彩通道圖像來說最有用的格式，支持24個(gè)通道，能存儲(chǔ)多于4個(gè)通道。TIFF格式的結(jié)果要比其它格式更大、更復(fù)雜，它非常適合于印刷和輸出。5、JPEG（JointPhotographicExpertsGroup）JPEG是Web上僅次于GIF的常用圖像格式。JPEG是一種壓縮得非常緊湊的格式，專門用于不含大色塊的圖像。JPEG的圖像有一定的失真度，但是在正常的損失下肉眼分辨不出JPEG和GIF圖像的差別。，而JPEG文件只有GIF文件的1/4大小。JPEG對(duì)圖標(biāo)之類的含大色塊的圖像不很有效，不支持透明圖和動(dòng)態(tài)圖。6、TGA（Targa）TGA格式與TIFF格式相同，都可以用來處理高質(zhì)量的色彩通道圖形。另外，PDD、PSD格式也是存儲(chǔ)包括通道的RGB圖像的最常見的文件格式。十、域名由于IP地址全是些的數(shù)字，為了便于用戶記憶，Internet上引進(jìn)了域名服務(wù)系統(tǒng)DNS（DomainNameSystem）。當(dāng)您鍵入某個(gè)域名的時(shí)候，這個(gè)信息首先到達(dá)提供此域名解析的服務(wù)器上，再將此域名解析為相應(yīng)網(wǎng)站的IP地址。完成這一任務(wù)的過程就稱為域名解析。以機(jī)構(gòu)區(qū)分的最高域名原來有7個(gè)：com（商業(yè)機(jī)構(gòu)）、net（網(wǎng)絡(luò)服務(wù)機(jī)構(gòu)）、gov（政府機(jī)構(gòu)）、mil（軍事機(jī)構(gòu)）、org（非盈利性組織）、edu（教育部門）、int（國(guó)際機(jī)構(gòu)）。2021年又新增7個(gè)最高級(jí)標(biāo)準(zhǔn)域名：firm（企業(yè)和公司）、store（商業(yè)企業(yè)）、web（從事與WEB相關(guān)業(yè)務(wù)的實(shí)體）、arts（從事文化娛樂的實(shí)體）、REC（從事休閑娛樂業(yè)的實(shí)體）、info（從事信息服務(wù)業(yè)的實(shí)體）、nom（從事個(gè)人活動(dòng)的個(gè)體、發(fā)布個(gè)人信息）。這些域名的注冊(cè)服務(wù)由多家機(jī)構(gòu)承擔(dān)，CNNIC也有幸成為注冊(cè)機(jī)構(gòu)之一；按照ISO－3166標(biāo)準(zhǔn)制定的國(guó)家域名，一般由各國(guó)的NIC(NetworkInformationCenter，網(wǎng)絡(luò)信息中心)負(fù)責(zé)運(yùn)行。以地域區(qū)分的最高域名有：AQ（南極洲）、AR（阿根廷）、AT（奧地利）、AU（澳大利亞）、BE（比利時(shí)）、BR（巴西）、CA（加拿大）、CH（瑞士）、CN（中國(guó)）、DE（德國(guó)）、DK（丹麥）、ES（西班牙）、FI（芬蘭）、FR（法國(guó)）、GR（希臘）、IE（、愛爾蘭）、IL（以色列）、IN（印度）、IS（冰島）、IT（意大利）、JP（日本）、KR（韓國(guó)）、MY（馬來西亞）、NL（荷蘭）、NO（挪威）、NZ（新西蘭）、PT（葡萄牙）、RU（俄羅斯）、SE（瑞典）、SG（新加坡）、TH（泰國(guó)）、TW（中國(guó)臺(tái)灣）、UK或GB（英國(guó)）、US（美國(guó)）（一般可省略）等。從域名的結(jié)構(gòu)上來看，域名可分為一級(jí)域名、二級(jí)域名、三級(jí)域名等。以電腦報(bào)網(wǎng)站為例.是個(gè)一級(jí)域名，在一級(jí)域名的下一級(jí)就是一個(gè)二級(jí)域名，如果要在下面設(shè)立則是三級(jí)域名了。我們見到的免費(fèi)域名通常是二級(jí)域名。網(wǎng)頁制做入門(2)第二講初識(shí)代碼我的網(wǎng)頁之路是從洪恩網(wǎng)站里的DW教程開始的，從零到現(xiàn)在這個(gè)半調(diào)子水平。那里的很多教程都是從最基礎(chǔ)的開始，很合適廣大初學(xué)者，所以建議大家也從那里開始了。洪恩網(wǎng)站的學(xué)習(xí)網(wǎng)址：://./pc/homepage/index.htm在這里，基本上不講軟件的具體使用，只講總結(jié)性的東西，要注意的技巧吧，在最后，也會(huì)寫一兩個(gè)用DW做的簡(jiǎn)單特效實(shí)例。隨便打開一個(gè)網(wǎng)頁，點(diǎn)擊查看，再點(diǎn)源代碼，一般都可以看到這個(gè)網(wǎng)頁的代碼，做網(wǎng)頁說白了，也就是把文字、圖象等多媒體效果有機(jī)的結(jié)合在一起，DW和FP等只是書寫代碼的利器，只要你知道代碼，用記事本也一樣能做出精美的網(wǎng)頁（真正的高手據(jù)說就是用記事本做網(wǎng)頁），但對(duì)我們初學(xué)者來說，沒有必要去記代碼，只需知道利用DW或FP，能實(shí)現(xiàn)哪些操作，就象用WORD一樣，畫一條線就有一條線，畫一個(gè)表格就有一個(gè)表格，在軟件的演示窗口里，有著同WORD一樣所見即所得的最后效果察看。因此，可以說，做網(wǎng)頁入門很簡(jiǎn)單！可后面還有半句話：做好網(wǎng)頁不簡(jiǎn)單！因?yàn)?，一個(gè)好的網(wǎng)頁，不單單是代碼書寫，更重要的是美工設(shè)計(jì)，內(nèi)容的充實(shí)。雖然很多代碼不需要一一手工書寫，可有些代碼的基本組織結(jié)構(gòu)了解一些，還是對(duì)做網(wǎng)頁大有幫助的。我們可以這樣學(xué)習(xí)、研究代碼：在用DW或FP中做了某一個(gè)操作，把效果與上面的代碼窗口比較一下，就可以知道什么代碼是實(shí)現(xiàn)什么效果的，還可以通過查看別人的網(wǎng)頁的源代碼分析學(xué)習(xí)。想學(xué)ASP網(wǎng)頁的朋友們，有些基本代碼是非記不可的?，F(xiàn)在很多做網(wǎng)頁的人，都是用借雞生蛋的辦法做的網(wǎng)頁，做法是從網(wǎng)上下載現(xiàn)成的網(wǎng)頁模板，對(duì)模板稍加更改，替換下內(nèi)容成了。當(dāng)然，這也是新手們做網(wǎng)頁速成的一種好辦法。模板在很多有提供空間的網(wǎng)站都有下載。很多以前收錄的網(wǎng)址，現(xiàn)在打開都沒有用了，在這里，能提供給大家的，只有這些了。1.源代碼下載：要下載ASP源代碼的可以到“中國(guó)站長(zhǎng)站”去，網(wǎng)址：://./download/，這是個(gè)比較權(quán)威的源代碼下載點(diǎn)，在這里下到動(dòng)網(wǎng)源碼，說不定可以下到動(dòng)網(wǎng)7.0forSQLServer版本（excelhome的論壇就是用這個(gè)版本）。2.網(wǎng)頁圖片及音樂等素材：://./sucai/shejilei/bj/3.網(wǎng)頁特效代碼：推建一個(gè)小工具：“水晶情緣網(wǎng)頁特效專家”，有1M，本來想發(fā)上來，太大了，算了，要的話，留下郵箱，我發(fā)過去。如，下雪的效果，鼠標(biāo)滑動(dòng)效果等，這里都有。下面我把一些常用的寫下來，以供大家參考：DREAMWEAVER常用標(biāo)記：（都是以前記的一些筆記了）標(biāo)記一般成對(duì)出現(xiàn)，一個(gè)表示特定代碼部分的開始，另一個(gè)表示特定代碼部分的結(jié)束(表示結(jié)束的前面帶"/"符號(hào))，但也不是絕對(duì)的，比如，<br>標(biāo)記?；镜腍TML標(biāo)記：html、head和body必不可少。1.<head>和</head>標(biāo)記中僅包含網(wǎng)頁標(biāo)題(如<title>我的網(wǎng)頁</title>)和程序腳本。2.<body></body>標(biāo)記中包含網(wǎng)頁的全部?jī)?nèi)容。是網(wǎng)頁的主體部分。3.<center>和</center>：是中間內(nèi)容居中標(biāo)記；4.<h2>和</h2>：從h1~h6，將文本標(biāo)注為標(biāo)題，通常要比正文粗大，h1最大；5.<p>和</p>：段落標(biāo)記，在行與行之間添加額外的空白行；6.<br>：強(qiáng)行換行標(biāo)記，插入單行，不需要封閉標(biāo)記7.圖象標(biāo)記：<imgsrc="aaa\\bbb.gif"width="500"height="198"align="center">align水平對(duì)齊(left、right或center)，valign垂直對(duì)齊(top，bottom或middle)，border邊框?qū)挾萢lt="鼠標(biāo)放在圖片上時(shí)出現(xiàn)的提示文字"8.<p><fontsize="3"><b>本行字符將以粗體顯示</b></font></p>9.<p><fontsize="3"><i>本行字符將以斜體顯示</i></font></p>(<i>等效于<em>)10.<p><fontsize="3"face="宋體"color="#RRGGBB">本行字符將宋體顯示</font></p>11.<ahref="test.htm">點(diǎn)擊此處文字打開鏈接的網(wǎng)頁</a>：該處文字有下劃線標(biāo)示12.<HR>顯示一長(zhǎng)灰色細(xì)線，分割網(wǎng)頁為上下兩部分。可以只用單邊。完整的如下：<HRalign=centerwidth="100%"SIZE=1>顯示一灰色矩形，SIZE為1時(shí)，寬為1(很細(xì)，可看作一直線)13.<LI>在文字前出現(xiàn)一個(gè)圓點(diǎn)的項(xiàng)目符號(hào)</LI>，可單個(gè)使用，也可結(jié)合<br>使用14.<OLtype=2start=1><li>標(biāo)記</li><li>區(qū)段</li></ol>：控制項(xiàng)目序號(hào)及顯示方式，如1,2,315.<UL>使該段文字首行和下面都縮進(jìn)約兩個(gè)字符</UL>16.<BLOCKQUOTE>使該段文字整體都縮進(jìn)約兩個(gè)字符，可以多重使用<BLOCKQUOTE>17.<SUP>這是上標(biāo)字</SUP>，<SUB>這是下標(biāo)字</SUB>，<U>這是加下劃線字</U>18.<TT>這是Windows的等寬字</TT>19.<FONTSIZE=+1>字體放大一級(jí)</FONT>20.<DL><DT>語言<DD>基礎(chǔ)要素</DL>:“語言”顯示為列表標(biāo)題，“基礎(chǔ)要素”顯示為列表內(nèi)容，自動(dòng)縮進(jìn)。21.<DIVAlign="Right">這是右對(duì)齊的段落一<P>這是右對(duì)齊的段落二<P></DIV>默認(rèn)為左對(duì)齊方式。表格及其標(biāo)志：Align:水平，Valign:垂直。Align或Valign寫在<TR>中時(shí)表該行的幾個(gè)列都用同一方式。22<BLINK>閃爍</BLINK>:標(biāo)記中的文字實(shí)現(xiàn)閃爍效果，但并不適用于所有的瀏覽器。23.<TABLEBORDER=1><TR><TD>第一列第一欄</TD><TD>第一列第二欄</TD></TR><TRBgColor="yellow"><TD>第二列的第一欄</TD><TD>第二列的第二欄</TD></TR><TR><TDAlign="Left"Valign="Center">水平:左對(duì)齊<br>垂直:居中</TD></TR></TABLE>BgColor可寫在<TABLE>、<TR>、<TD>中，分別為整個(gè)表格、整行、單一單元格的背景顏色設(shè)置。以上是我以前筆記中收錄的一些常用的標(biāo)記，今天看到lfspecter大蝦也發(fā)了一些關(guān)于網(wǎng)頁的帖子，可以兩邊對(duì)照著看，側(cè)重點(diǎn)各有不同，也許更有利于初學(xué)者的理解，鏈接如下：:///dispbbs.asp?boardID=100&;ID=78021&page=1技巧篇：1.在<BODY>標(biāo)簽中可以規(guī)定整個(gè)文檔的一些基本屬性："bgcolor":指定html文檔的背景色。"text":指定html文檔中文字的顏色。"link":指定html文檔中待連接超鏈接對(duì)象的顏色。"alink":指定html文檔中連接中超鏈接對(duì)象顏色。"vlink":指定html文檔中以連接超鏈接對(duì)象顏色。"background":指定html文檔的背景文件。有兩種方式表示顏色對(duì)象：<bodybgcolor="green">或<bodybgcolor="#00FF00">。文檔主體部分可用顏色列表：black黑色Red紅色Line石灰色Maroon栗色Gray灰色Silver銀白色Navy海軍藍(lán)Olive橄欖綠Purple紫色Yellow黃色Aqua淺綠色Blue藍(lán)色Green綠色Fuchsia紫紅色White白色Teal暗藍(lán)綠2.瀏覽器的狀態(tài)列提示文字控制(1).鼠標(biāo)經(jīng)過:<ahref="tpage.htm"onMouseOver="window.status=\'相關(guān)提示\';returntrue">頁面上鼠標(biāo)經(jīng)過的文字<a>(2).改變狀態(tài)欄提示文字：打開"Behaviors"行為編輯窗，單擊"＋"按鈕，選擇"SetTextSet"下的"TextOfStatusBar"選項(xiàng)，然后在方框中輸入自己的文字，例如"歡迎來到我的主頁"等，單擊"確定"即可。3.鏈接控制：a.返回前頁：使用OnClick="history.go(-1)"返回主頁：使用OnClick=\'top.location.href="../index.html"\'b.鏈接提示:在鏈接語句中增加,如：去哪兒？(在點(diǎn)擊鏈接前注意看狀態(tài)行顯示的變化)OnMouseOver="window.status=\'這里是...\';returntrue"OnMouseOut="window.status=\'\';returntrue"c.鏈接的不同方式:在幀里顯示：在鏈接處加target="main"語句，其中main為幀名整頁顯示：在鏈接處加target="_top"語句開新窗口：在鏈接處加target="resourcewindow"語句，如<AHREF="index.htm"TARGET="resourcewindow"></A>d.強(qiáng)制主頁每次都不進(jìn)行緩存，而從服務(wù)器上重讀在Head部分加<MEAT-EQUIV="Pragma"CONTENT="no-cache">e.自動(dòng)刷新定時(shí)刷新：<META-EQUIV="Refresh"content="10;URL=://自己的URL">幻燈片效果：語句類似上面，但在頁面1中URL指向頁面2，而頁面2指向頁面3...頁面n指回頁面1，即可實(shí)現(xiàn)循環(huán)顯示頁面的效果。f.在某一個(gè)時(shí)間內(nèi)自動(dòng)鏈接到其他主頁，這只需在〈title〉######〈/title〉之后加入下面這一行即可：〈meta-equiv="refresh"content="20;url=otherpage.htm"〉（"20"代表二十秒后連到另一個(gè)主頁）h.在打開指定網(wǎng)頁的同時(shí)打開另一指定網(wǎng)頁\'next.htm，只需在指定網(wǎng)頁的body中加入指令onload：<html><bodyonload="parent.banner.location.href=\'next.htm\'">指定打開的一個(gè)網(wǎng)頁內(nèi)容</body>4.設(shè)置"添加到收藏夾"鏈接：選中"添加到收藏夾"文字，在屬性面板中的鏈接（Link）中輸入："javascript:window.external.AddFavorite(\'://.\',\'學(xué)習(xí)之家\')"。點(diǎn)擊此鏈接時(shí)會(huì)彈出對(duì)話框，可以將你的主頁地址加到收藏夾中。5.文字移動(dòng)動(dòng)態(tài)效果：1)文字從右移到左邊：<marquee><b>大家好</b>歡迎您經(jīng)常光臨！</marquee>2)讓文字在固定的區(qū)域內(nèi)出現(xiàn)從下到上的滾動(dòng)效果：例1:<tableheight=542cellspacing=0cellpadding=0width=800border=0><tr><tdvalign=centeralign=middlewidth=316height=405><marqueescrollamount=1scrolldelay=140direction=upwidth=382height=403><center>謹(jǐn)以此網(wǎng)站送給xxx<fontcolor=#ff0000></font></center><br>此處為長(zhǎng)篇大論!</marquee></td></tr></table>例2:<body><divalign="center"><p><marqueealigh=leftbgcolor=#FFFED7direction=upbehavior=scrollheight=100hspace=1scrollamount=2Scrolldelay=1width=250VSpace=1loop=-1><fontcolor="#FF0000"size="5"face="方正大黑簡(jiǎn)體">望岳</font><br><br><fontcolor="#FF0000">岱宗夫如何，齊魯青未了。<br>造化鐘神秀，陰陽割昏曉。<br>湯胸生層云，決眥入歸鳥，<br>會(huì)當(dāng)凌絕頂，一覽眾山小。<br></font></marquee></p></div></body></html>3)在指定寬度內(nèi)移來移去的文字代碼：<TDheight=20><Palign=center><MARQUEEscrollDelay=120direction=rightbehavior=alternatewidth=150height=12>產(chǎn)品導(dǎo)航</MARQUEE></P></TD>6.E-mail鏈接：選中字或圖片，在屬性中設(shè)置Alt為"給我來信"，鏈接為"mailtketang.pc@"，在瀏覽器中單擊此圖，就會(huì)啟動(dòng)發(fā)送郵件窗口。在鏈接地址前加"#"符號(hào)，可以在網(wǎng)頁中不打開實(shí)際鏈接。7.動(dòng)畫背景為透明：選中Flash(gif)，在源代碼</object></p>前加入代碼：<paramname="wmode"value="transparent">。或文件屬性欄里"參數(shù)"輸入wmode,value="transparent"。8.浮動(dòng)背景圖象(主頁內(nèi)容向下滾動(dòng)而背景圖象不動(dòng)的效果)：(1).<bodybackgroud="image.jpg"bgproperties="fixed">(2).在Dreamweaver中用「Text」-「CustomStyle」-「EditStyleSheet」-「New」-RedefineHTMLTag中選擇Body，然后在Background中的Attachment里選fixed9.滾動(dòng)條換顏色：默認(rèn)的網(wǎng)頁滾動(dòng)條是灰色，在網(wǎng)頁代碼<head></head>里插入一對(duì)<style></style>標(biāo)簽，標(biāo)簽里寫入下面的代碼：body{SCROLLBAR-FACE-COLOR:#3333FF;(立體滾動(dòng)條凸出部分的顏色)SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滾動(dòng)條空白部分的顏色)SCROLLBAR-SHADOW-COLOR:#fc2400;(立體滾動(dòng)條陰影的顏色)SCROLLBAR-ARROW-COLOR:#666666;(上下按鈕上三角箭頭的顏色)SCROLLBAR-BASE-COLOR:#333333;(滾動(dòng)條的基本顏色)SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48}(立體滾動(dòng)條強(qiáng)陰影的顏色)后面的16位顏色值你可以隨意更改，括號(hào)內(nèi)是解釋說明，在輸入時(shí)請(qǐng)不要插入。10.背景音樂:body中加入以下任一個(gè)代碼（建議為midi格式的）：顯示操作面板：在相應(yīng)地方加:<embedsrc="aladdin.mid"width="140"height="35"autostart=truecontrols="middleconsole">不顯示操作面板：在頁中任意地方加<embedsrc="aladdin.mid"hidden=trueautostart=trueloop=true><bgsoundsrc=音樂路徑loop=次數(shù)>－1為無數(shù)次<embedsrc=音樂路徑width=0height=0>11.在Dreamweaver中輕松設(shè)置行間距：用層疊樣式表（CSS）來實(shí)現(xiàn)，在Dreamweaver中編輯層疊樣式表不用編寫代碼，具體操作方法如下：（1）在快速啟動(dòng)欄中點(diǎn)擊層疊樣式表按鈕（"showcssstyles"按鈕），在彈出的CSSStyles面板上雙擊（none）；（2）此時(shí)，可看到彈出的EditStyleSheet面板，在該面板上按New按鈕；（3）再在彈出的NewStyle面板上點(diǎn)取RedefineHTMLTag（重新定義HTML標(biāo)記），再在Tag中選擇"body"標(biāo)記后按OK按鈕；（4）這時(shí)可看到彈出的Styledehinitionforbody的對(duì)話框，在此對(duì)話框中可以設(shè)置"body"標(biāo)記的許多屬性，可以按你的意愿設(shè)置，但我們這里主要是要設(shè)置行距，所以在line屬性輸入框中填上行距的像素點(diǎn)數(shù)，現(xiàn)在流行的九號(hào)字，行距一般用12，按OK按鈕返回到EditStyleSheet面板，此時(shí)已把"body"的行距設(shè)置好了；（5）由于"body"中定義的行距對(duì)表格不起作用，所以再在EditStyleSheet面板上再按New按鈕；（6）再在彈出的NewStyle網(wǎng)頁制作課程設(shè)計(jì)報(bào)告總結(jié)引言課程設(shè)計(jì)是一塊“試金石”，是加深對(duì)自我能力認(rèn)識(shí)的重要途徑。大學(xué)的學(xué)習(xí)基本上都是理論的接受，而缺少能力的熟練與加強(qiáng)，我們?nèi)鄙俚牟⒉皇侵R(shí)的儲(chǔ)備，而是能力的積蓄。但由于大學(xué)特殊的學(xué)習(xí)模式和環(huán)境，缺少實(shí)際情景的見證和實(shí)踐活動(dòng)的參與，同學(xué)之間缺乏必要的交流和比對(duì)，使得我們很多時(shí)候很難對(duì)自身的能力有明晰的認(rèn)識(shí)，能力缺陷往往被遮蔽起來。而課程設(shè)計(jì)“前所未有”地考驗(yàn)著我們的知識(shí)遷移和運(yùn)用能力、適應(yīng)環(huán)境的能力、應(yīng)對(duì)突發(fā)事件的能力以及如何處理人際關(guān)系等各方面的能力，為我們提供了不可多得的見證的機(jī)遇和平臺(tái)。通過這次課設(shè)，我們可以新的思考維度有效發(fā)現(xiàn)自己能力上的缺陷。綜合運(yùn)用所學(xué)理論知識(shí)、方法和技能，開展實(shí)際工作，鞏固專業(yè)技能，培養(yǎng)和強(qiáng)化社會(huì)溝通能力；樹立新的發(fā)展起點(diǎn)和目標(biāo)，通過課設(shè)，認(rèn)識(shí)社會(huì)的需要，發(fā)現(xiàn)自身的差距，培養(yǎng)面對(duì)現(xiàn)實(shí)的正確態(tài)度和獨(dú)立分析解決問題的基本能力；培養(yǎng)良好的職業(yè)精神，適應(yīng)畢業(yè)以后的實(shí)際工作需求。課程設(shè)計(jì)目的掌握HTML格式語言，能使用網(wǎng)頁設(shè)計(jì)工具，理解動(dòng)態(tài)頁面技術(shù)的工作原理三、課程設(shè)計(jì)任務(wù)用HTML或網(wǎng)頁設(shè)計(jì)工具設(shè)計(jì)網(wǎng)頁用IE瀏覽器瀏覽所設(shè)計(jì)的網(wǎng)頁，要求頁面美觀，包含常見的HTML格式元素包含動(dòng)態(tài)頁面技術(shù)（有腳本代碼或后臺(tái)邏輯代碼）四、設(shè)計(jì)方案選擇：選擇動(dòng)態(tài)頁面和靜態(tài)頁面相結(jié)合，取長(zhǎng)補(bǔ)短。設(shè)計(jì)分工：

谷加林：主頁、留言板、主頁動(dòng)態(tài)效果的代碼編寫協(xié)助所有組員完成代碼的編寫杜春吉：主頁設(shè)計(jì)、留言板設(shè)計(jì)、總體排版、協(xié)助所有組員完成設(shè)計(jì)。蔡旺：注冊(cè)網(wǎng)頁代碼編寫和學(xué)校風(fēng)貌網(wǎng)頁設(shè)計(jì)及相關(guān)資料收集處理。

姜文粹：登錄網(wǎng)頁代碼編寫和學(xué)校簡(jiǎn)介網(wǎng)頁設(shè)計(jì)及協(xié)助素材收集整理。具體設(shè)計(jì)內(nèi)容作用：美化網(wǎng)站，提高網(wǎng)頁的瀏覽效率，頁面以簡(jiǎn)單風(fēng)格為主，背景以白色為主。頁面右上角邊有網(wǎng)站導(dǎo)航條，背景以半透明白色為主。沖該頁面可以看出，該網(wǎng)站主要是宣傳學(xué)校，所以要簡(jiǎn)潔大方，不要太花哨。界面如圖所示主頁面部分代碼如下：頭部

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""://./TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="://./2021/xhtml"><head><meta-equiv="Content-Type"content="text/html;charset=utf-8"/><title>南京工程學(xué)院歡迎您</title><linktype="text/css"rel="stylesheet"href="css/base.css"/><linktype="text/css"rel="stylesheet"href="css/style.css"/><scripttype="text/javascript"language="javascript"src="js/jquery-1.7.2.min.js"></script><scripttype="text/javascript"language="javascript"src="js/common.js"></script><scripttype="text/javascript"language="javascript"src="js/flash.js"></script><scripttype="text/javascript"language="javascript"src="js/scroll.js"></script></head><body><divstyle="border-top:6pxsolid#128be9;"></div><divclass="wrap"><!--header--> <divclass="headerclearfix"> <divclass="header-afl"> <ahref="#"class="clearfix"><imgsrc="images/logo.jpg"alt="#"width="140"height="140"class="fl"/><imgsrc="images/logo22.jpg"alt="#"width="211"height="76"class="fr"style="margin-top:25px;margin-left:25px;"/> </a></div> <divclass="header-bfr"style="margin-top:30px;"> <ulclass="clearfix"> <liclass="fl"><ahref="index.html"class="header-bb">網(wǎng)站首頁<p>home</p></a></li><liclass="fl"><ahref="about.html">學(xué)校概況<p>about</p></a></li><liclass="fl"><ahref="news.html">新聞資訊<p>news</p></a></li><liclass="fl"><ahref="views.html">風(fēng)貌展示<p>views</p></a></li><liclass="fl"><ahref="#">招賢納士<p>join us</p></a></li><liclass="fl"><ahref="team.html">小組介紹<p>connect</p></a></li></ul></div>//導(dǎo)航菜單</div> <!--index--> <divclass="indexclearfix"> <divclass="flashtc"> <ul>/div><scripttype="text/javascript"> $(document).ready(function(){ $(".scroll").imgscroll({ speed:40,//圖片滾動(dòng)速度 amount:0,//圖片滾動(dòng)過渡時(shí)間 width:1,//圖片滾動(dòng)步數(shù) dir:"left"http://"left"或"up"向左或向上滾動(dòng) }); }); </script><divstyle="border:4pxsolid#CCC;margin-top:50px;"></div></div></div><!--friendlinked--> <divclass="index-fri"> <ulclass="clearfix"> <liclass="fl"><ahref="#">友情鏈接</a></li><liclass="fl"><ahref="#">友情鏈接</a></li><liclass="fl"><ahref="#">友情鏈接</a></li><divclass="footer"> <ahref="#">網(wǎng)站首頁</a>|<ahref="#">學(xué)校概況</a>|<ahref="#">新聞資訊</a>|<ahref="#">風(fēng)貌展示</a>|<ahref="#">在線留言</a>|<ahref="#">人才招聘</a>|<ahref="#">聯(lián)系我們</a><p>學(xué)校地址： 江寧區(qū)科技園弘景大道1號(hào)</p></div></div></div></body></html>Flash—js//首頁焦點(diǎn)圖特特效$(function(){ varsWidth=$(".flash").width();//獲取焦點(diǎn)圖的寬度（顯示面積） varlen=$(".flashulli").length;//獲取焦點(diǎn)圖個(gè)數(shù) varindex=0; varpicTimer; //以下代碼添加數(shù)字按鈕和按鈕后的半透明長(zhǎng)條 varbtn="<divclass='btn'>"; for(vari=0;i<len;i++){ btn+="<span>"+"</span>"; } btn+="</div>" $(".flash").append(btn); $(".flash.btnBg").css("opacity",0.5); //為數(shù)字按鈕添加鼠標(biāo)滑入事件，以顯示相應(yīng)的內(nèi)容 $(".flash.btnspan").mouseenter(function(){ index=$(".flash.btnspan").index(this); showPics(index); }).eq(0).trigger("mouseenter"); //本例為左右滾動(dòng)，即所有l(wèi)i元素都是在同一排向左浮動(dòng)，所以這里需要計(jì)算出外圍ul元素的寬度 $(".flashul").css("width",sWidth*len); //鼠標(biāo)滑上焦點(diǎn)圖時(shí)停止自動(dòng)播放，滑出時(shí)開始自動(dòng)播放 $(".flash").hover(function(){ clearInterval(picTimer); },function(){ picTimer=setInterval(function(){ showPics(index); index++; if(index==len){index=0;} },3000);//此3000代表自動(dòng)播放的間隔，單位：毫秒 }).trigger("mouseleave"); //顯示圖片函數(shù)，根據(jù)接收的index值顯示相應(yīng)的內(nèi)容 functionshowPics(index){ varnowLeft=-index*sWidth;//根據(jù)index值計(jì)算ul元素的position $(".flashul").stop(true,false).animate({"left":nowLeft},500);//通過animate()調(diào)整ul元素滾動(dòng)到計(jì)算出的position $(".flash.btnspan").removeClass("on").eq(index).addClass("on");//為當(dāng)前的按鈕切換顯示效果 }});Scroll--js//圖片滾動(dòng)調(diào)用方法imgscroll({speed:30,amount:1,dir:"up"});$.fn.imgscroll=function(o){ vardefaults={ speed:40, amount:0, width:1, dir:"left" }; o=$.extend(defaults,o); returnthis.each(function(){ var_li=$("li",this); _li.parent().parent().css({overflow:"hidden",position:"relative"});//div _li.parent().css({margin:"0",padding:"0",overflow:"hidden",position:"relative","list-style":"none"});//ul _li.css({position:"relative",overflow:"hidden"});//li if(o.dir=="left")_li.css({float:"left"}); //初始大小 var_li_size=0; for(vari=0;i<_li.size();i++) _li_size+=o.dir=="left"?_li.eq(i).outerWidth(true):_li.eq(i).outerHeight(true); //循環(huán)所需要的元素 if(o.dir=="left")_li.parent().css({width:(_li_size*3)+"px"}); _li.parent().empty().append(_li.clone()).append(_li.clone()).append(_li.clone()); _li=$("li",this); //滾動(dòng) var_li_scroll=0; functiongoto(){ _li_scroll+=o.width; if(_li_scroll>_li_size) { _li_scroll=0; _li.parent().css(o.dir=="left"?{left:-_li_scroll}:{top:-_li_scroll}); _li_scroll+=o.width; } _li.parent().animate(o.dir=="left"?{left:-_li_scroll}:{top:-_li_scroll},o.amount); } //開始 varmove=setInterval(function(){goto();},o.speed); _li.parent().hover(function(){ clearInterval(move); },function(){ clearInterval(move); move=setInterval(function(){goto();},o.speed); }); });};網(wǎng)站簡(jiǎn)介作用：介紹網(wǎng)站概況，用文字介紹網(wǎng)站戰(zhàn)略、業(yè)務(wù)、團(tuán)隊(duì)、案例的具體情況。頁面設(shè)計(jì)簡(jiǎn)約但不簡(jiǎn)單，淺色背景為主。界面截圖如下：頁面部分代碼如下：<divclass="about-us"><h1><center>南京工程學(xué)院概況</center></h1><p>南京工程學(xué)院坐落于歷史文化名城南京，是江蘇省屬普通高校，是全國(guó)應(yīng)用型本科院校專門委員會(huì)主任委員單位，全國(guó)服務(wù)特需碩士專業(yè)學(xué)位研究生培養(yǎng)單位聯(lián)盟副理事長(zhǎng)單位和中國(guó)產(chǎn)學(xué)研促進(jìn)會(huì)常務(wù)理事單位，也是國(guó)家“卓越工程師教育培養(yǎng)計(jì)劃”首批試點(diǎn)高校和國(guó)家“CDIO工程教育模式改革研究與實(shí)踐”試點(diǎn)高校之一和江蘇省協(xié)同創(chuàng)新中心培育建設(shè)單位。</p>。</p><p>今后一段時(shí)期，學(xué)校明確提出了“圍繞一個(gè)目標(biāo)、狠抓兩個(gè)創(chuàng)建、突出三大重點(diǎn)、實(shí)施五大戰(zhàn)略”的發(fā)展思路，加快提升辦學(xué)實(shí)力、辦學(xué)水平和品牌特色，為早日把學(xué)校建成特色鮮明的高水平應(yīng)用型工程大學(xué)而努力奮斗！</p></div>會(huì)員注冊(cè) 作用：用戶的注冊(cè)和登錄。界面截圖如下：頁面部分代碼如下：<head><meta-equiv="Content-Type"content="text/html;charset=gb2312"/><title>無標(biāo)題文檔</title><ScriptLanguage="JavaScript">functioncheck(){varvalid=true;varn=document.myform1.uname.value;varp1=document.myform1.psw1.value;varp2=document.myform1.psw2.value;if(n==""){window.alert("您好，用戶名不能為空!");valid=false;}elseif(p1.length<6){window.alert("您好，密碼不能為空且長(zhǎng)度不能少于6個(gè)字符!");valid=false;}else { if(p1!=p2){window.alert("您好，密碼與確認(rèn)密碼不一致!");valid=false;} }if(valid)returntrue; returnfalse;}</Script></head><bodybackground="67665d70jw1dslia4zpowj.jpg"><formname="myform1"action="chuli.asp"method="post"onsubmit="javascript:returncheck();">用戶名：<inputtype="text"name="uname"><br>密碼：<inputtype="password"name="psw1"><br>確認(rèn)密碼：<inputtype="password"name="psw2"><br><p><inputtype="submit"value="確認(rèn)注冊(cè)"> <ahref="denglu.asp">返回</a></Form></body></html>登陸界面作用：實(shí)現(xiàn)已注冊(cè)的用戶能登錄。頁面截圖如下：頁面部分代碼如下：<head><meta-equiv="Content-Type"content="text/html;charset=gb2312"/><title>無標(biāo)題文檔</title></head><bodybackground="67665d70jw1dslia4zpowj.jpg"><Formaction="yanzheng.asp"method="post"><p>用戶名：<inputtype="text"name="uname"><br>密碼：<inputtype="password"name="psw1"><br></p><p><inputtype="submit"value="登錄">   <ahref="zhuce.asp"target="_self">注冊(cè)</a></Form></body></html>客戶留言頁的實(shí)現(xiàn)作用：將用戶的留言提交到數(shù)據(jù)庫（同上），表名為db4.mdb。界面截圖如下：客戶留言頁面部分代碼如下：<html><head><title>簡(jiǎn)易留言板</title><meta-equiv="Content-Type"content="text/html;charset=gb2312"><styletype="text/css"><!--body{ background-color:#FFFF99; background-image:url(67665d70jw1dslia4zpowj.jpg);}.STYLE2{ font-size:50px; font-weight:bold;}.STYLE3{ font-size:40px; color:#99CC99;}.STYLE5{ font-size:23px; font-weight:bold;}.STYLE6{ font-size:20px; font-weight:bold;}--><%Dimdb,strConn Setdb=Server.CreateObject("ADODB.Connection") strConn="Provider=Microsoft.Jet.OLEDB.4.0;DataSource="&Server.MapPath("db4.mdb") db.OpenstrConnsetrs=server.createobject("adodb.recordset")dimsqlsql="Select*Fromliuyanban"rs.opensql,db,3rs.pagesize=10ifrequest("page")<>""thenepage=cint(request("page"))ifepage<1thenepage=1ifepage>rs.pagecountthenepage=rs.pagecount elseepage=1endifrs.AbsolutePage=epage%></p><palign="center"><spanclass="STYLE3">留言板</span></p><palign="center"> </p><%fori=0tors.pagesize-1ifrs.boforrs.eofthenexitfor%><ul><%=rs(0)%>樓</ul><lh>留言人：<%=rs(1)%></lh><br><lh>留言標(biāo)題:<%=rs(2)%></lh><br><lh>留言內(nèi)容:<%=rs(3)%></lh><br></p><formaction="chulizai.asp"method="post"><p>昵稱<inputtype="text"name="uname">     </p><inputtype="text"name="title">  </p><p>   </p><textareamaxlength="1500"name="textarea"cols="50"rows="6"wrap="hard"></textarea><br> <inputtype="submit"name="submit"value="提交留言"></p></form></body></html>實(shí)驗(yàn)結(jié)果網(wǎng)頁頁面美觀，動(dòng)態(tài)頁面無異常，運(yùn)行穩(wěn)定，包含常見的HTML常見元素課程設(shè)計(jì)總結(jié)首先，對(duì)于自己的課設(shè)，我覺得還有很多值得改進(jìn)的地方，這個(gè)表格層次分明，工整簡(jiǎn)潔，游客在瀏覽的時(shí)候不會(huì)覺得繁瑣。我的網(wǎng)頁區(qū)域可以在兩邊加上其他的內(nèi)容，比如增加一些超鏈接和鉚點(diǎn)，增加一些按鈕與游客進(jìn)行互動(dòng)，或者可以在頁面嵌入幾首歌曲，使頁面看起來內(nèi)容更加豐富。其次，在這次課設(shè)中，我體會(huì)到了CSS比HTML更強(qiáng)大的功能。CSS文件的就像對(duì)象與方法里面的方法，把原本冗長(zhǎng)的代碼分離開，看起來清晰明了。易于對(duì)代碼進(jìn)行修改，只需修改CSS中的屬性即可對(duì)網(wǎng)頁進(jìn)行改造和維護(hù)；還可以在程序上完成一些組件依賴CSS進(jìn)行安全的保護(hù)，使有心得到代碼技術(shù)的人不那么容易得手。當(dāng)然這只是為了對(duì)程序員的創(chuàng)造性勞動(dòng)進(jìn)行一定的保護(hù)，不能根本的解決代碼易手的可能。經(jīng)過一周的課程設(shè)計(jì)，我對(duì)我們網(wǎng)絡(luò)工程專業(yè)領(lǐng)域的知識(shí)有了更深，更廣的認(rèn)識(shí)。以前在課堂上了解的知識(shí)太狹窄，只把目光停留在僅學(xué)的幾門專業(yè)課上，而且僅有的幾門專業(yè)課學(xué)的也不是很精通，我用大把大把的時(shí)間來上網(wǎng)，游戲。通過這次課設(shè)，我不僅在專業(yè)知識(shí)上有很大的收獲。而且在對(duì)待學(xué)習(xí)以及生活的態(tài)度上更有了意想不到的收獲。首先，在專業(yè)知識(shí)上有了全面的認(rèn)識(shí)，進(jìn)一步增強(qiáng)是實(shí)驗(yàn)創(chuàng)造的能力。作為工科生，我們學(xué)習(xí)的內(nèi)容比較抽象，在學(xué)校實(shí)驗(yàn)的機(jī)會(huì)不是很多。這一次，我們通過理論聯(lián)系實(shí)際，對(duì)平日里的知識(shí)有了更深的理解。不僅鍛煉了我的實(shí)際動(dòng)手能力，還培養(yǎng)了我做事情的耐心。其次，增強(qiáng)了同學(xué)間的互相幫助及團(tuán)隊(duì)合作意識(shí)。這次實(shí)習(xí)環(huán)境很開放，我們整個(gè)小組在一起分析探討，自從上了大二，由于大家選課有些不同，平日里很少見面，這幾天的課設(shè)拉近了我們之間的距離，我們一起討論專業(yè)知識(shí)，互相幫助。討論過程中，我們有一個(gè)組長(zhǎng)，大家互相合作，遇到分歧時(shí)，大家一起商量，聽從組長(zhǎng)的安排，大家一起努力，最后很快就完成了任務(wù)。最后，強(qiáng)化了我心中的責(zé)任感的問題。我是一個(gè)喜歡為所欲為的人，隨性做事。在機(jī)房課設(shè)的幾天，雖然很累，但我堅(jiān)持下來了。感覺要是在平時(shí)肯定堅(jiān)持不下來了，那時(shí)候，感覺我要是走了，我的工作誰來做呢？這就是責(zé)任吧！最后非常感謝夏老師、毛老師對(duì)于我們的幫助，你們辛苦了！沒有你們的幫助我們就沒有今天的進(jìn)步。參考文獻(xiàn)《TCP/IP協(xié)議族》清華大學(xué)出版社《Internet技術(shù)》課程設(shè)計(jì)指導(dǎo)書毛云貴編《Web系統(tǒng)與技術(shù)》南京大學(xué)出版社

高考語文試卷一、語言文字運(yùn)用（15分）1．在下面一段話的空缺處依次填入詞語，最恰當(dāng)?shù)囊唤M是（3分）提到桃花源，許多人會(huì)聯(lián)想到瓦爾登湖。真實(shí)的瓦爾登湖，早已成為▲的觀光勝地，梭羅的小木屋前也經(jīng)常聚集著▲的游客，不復(fù)有隱居之地的氣息。然而虛構(gòu)的桃花源一直就在我們的心中，哪怕▲在人潮洶涌的現(xiàn)代城市，也可以獲得心靈的寧靜。A．名聞遐邇聞風(fēng)而至雜居 B．名噪一時(shí)聞風(fēng)而至棲居C．名噪一時(shí)紛至沓來雜居 D．名聞遐邇紛至沓來?xiàng)?．在下面一段文字橫線處填入語句，銜接最恰當(dāng)?shù)囊豁?xiàng)是（3分）在南方，芭蕉栽植容易，幾乎四季常青?！劣谠掠辰队啊⒀簹埲~，那更是詩人畫家所向往的了。①它覆蓋面積大，吸收熱量大，葉子濕度大。②古人在走廊或書房邊種上芭蕉，稱為蕉廊、蕉房，饒有詩意。③因此蕉陰之下，是最舒適的小坐閑談之處。④在旁邊配上幾竿竹，點(diǎn)上一塊石，真像一幅元人的小景。⑤在夏日是清涼世界，在秋天是分綠上窗。⑥小雨乍到，點(diǎn)滴醒人；斜陽初過，青翠照眼。A．①③②④⑥⑤ B．①④②③⑥⑤C．②①④③⑤⑥ D．②③④①⑤⑥3．下列詩句與“憫農(nóng)館”里展示的勞動(dòng)場(chǎng)景，對(duì)應(yīng)全部正確的一項(xiàng)是（3分）①笑歌聲里輕雷動(dòng)，一夜連枷響到明②種密移疏綠毯平，行間清淺縠紋生③分疇翠浪走云陣，刺水綠針抽稻芽④陰陰阡陌桑麻暗，軋軋房櫳機(jī)杼鳴A．①織布②插秧③車水④打稻 B．①織布②車水③插秧④打稻C．①打稻②插秧③車水④織布D．①打稻②車水③插秧④織布4．閱讀下圖，對(duì)VR（即“虛擬現(xiàn)實(shí)”）技術(shù)的解說不正確的是一項(xiàng)是（3分）A．VR技術(shù)能提供三個(gè)維度的體驗(yàn)：知覺體驗(yàn)、行為體驗(yàn)和精神體驗(yàn)。 B．現(xiàn)有的VR技術(shù)在精神體驗(yàn)上發(fā)展較快，而在知覺體驗(yàn)上發(fā)展較慢。C．VR技術(shù)的未來方向是知覺體驗(yàn)、行為體驗(yàn)和精神體驗(yàn)的均衡發(fā)展。D．期許的VR體驗(yàn)將極大提高行為體驗(yàn)的自由度和精神體驗(yàn)的滿意度。二、文言文閱讀（20分）閱讀下面的文言文，完成5—8題。臨川湯先生傳鄒迪光先生名顯祖，字義仍，別號(hào)若士。豫章之臨川人。生而穎異不群。體玉立，眉目朗秀。見者嘖嘖曰：“湯氏寧馨兒?！蔽鍤q能屬對(duì)。試之即應(yīng)，又試之又應(yīng)，立課數(shù)對(duì)無難色。十三歲，就督學(xué)公試，補(bǔ)邑弟子員。每試必雄其曹偶。庚午舉于鄉(xiāng)，年猶弱冠耳。見者益復(fù)嘖嘖曰：“此兒汗血，可致千里，非僅僅蹀躞康莊也者。”丁丑會(huì)試，江陵公①屬其私人啖以巍甲而不應(yīng)。曰：“吾不敢從處女子失身也?！惫m一老孝廉乎，而名益鵲起，海內(nèi)之人益以得望見湯先生為幸。至癸未舉進(jìn)士，而江陵物故矣。諸所為附薰炙者，骎且澌沒矣。公乃自嘆曰：“假令予以依附起，不以依附敗乎？”而時(shí)相蒲州、蘇州兩公，其子皆中進(jìn)士，皆公同門友也。意欲要之入幕，酬以館選，而公率不應(yīng)，亦如其所以拒江陵時(shí)者。以樂留都山川，乞得南太常博士。至則閉門距躍，絕不懷半刺津上。擲書萬卷，作蠹魚其中。每至丙夜，聲瑯瑯不輟。家人笑之：“老博士何以書為？”曰：“吾讀吾書，不問博士與不博士也?！睂ひ圆┦哭D(zhuǎn)南祠部郎。部雖無所事事，而公奉職毖慎，謂兩政府進(jìn)私人而塞言者路，抗疏論之，謫粵之徐聞尉。居久之，轉(zhuǎn)遂昌令。又以礦稅事多所蹠戾②，計(jì)偕之日，便向吏部堂告歸。雖主爵留之，典選留之，御史大夫留之，而公浩然長(zhǎng)往，神武之冠竟不可挽矣。居家，中丞惠文，郡國(guó)守令以下，干旄往往充斥巷左，而多不延接。即有時(shí)事，非公憤不及齒頰。人勸之請(qǐng)托，曰：“吾不能以面皮口舌博錢刀，為所不知后人計(jì)?！敝复采蠒局骸坝写瞬回氁??！惫跁鵁o所不讀，而尤攻《文選》一書，到掩卷而誦，不訛只字。于詩若文無所不比擬，而尤精西京六朝青蓮少陵氏。公又以其緒余為傳奇，若《紫簫》、《還魂》諸劇，實(shí)駕元人而上。每譜一曲，令小史當(dāng)歌，而自為之和，聲振寥廓。識(shí)者謂神仙中人云。公與予約游具區(qū)靈巖虎丘諸山川，而不能辦三月糧，逡巡中輟。然不自言貧，人亦不盡知公貧。公非自信其心者耶？予雖為之執(zhí)鞭，所忻慕焉。（選自《湯顯祖詩文集》附錄，有刪節(jié)）[注]①江陵公：指時(shí)相張居正，其為江陵人。②蹠戾：乖舛，謬誤。5．對(duì)下列加點(diǎn)詞的解釋，不正確的一項(xiàng)是（3分）A．每試必雄其曹偶 雄：稱雄B．酬以館選 酬：應(yīng)酬C．以樂留都山川 樂：喜愛D．為所不知后人計(jì) 計(jì)：考慮6．下列對(duì)原文有關(guān)內(nèi)容的概括和分析，不正確的一項(xiàng)是（3分）A．湯顯祖持身端潔，拒絕了時(shí)相張居正的利誘，海內(nèi)士人都以結(jié)識(shí)他為榮幸。B．因?yàn)樯蠒u(píng)當(dāng)權(quán)者徇私情、塞言路，湯顯祖被貶官至廣東，做了徐聞尉。C．湯顯祖辭官回家后，當(dāng)?shù)毓賳T爭(zhēng)相與他交往，而湯顯祖不為私事開口求人。D．湯顯祖與鄒迪光相約三月份到江南一帶游玩，但沒準(zhǔn)備好糧食，因而作罷。7．把文中畫線的句子翻譯成現(xiàn)代漢語。（10分）（1）見者益復(fù)嘖嘖曰：“此兒汗血，可致千里，非僅僅蹀躞康莊也者?！保?）然不自言貧，人亦不盡知公貧。公非自信其心者耶？予雖為之執(zhí)鞭，所忻慕焉。8．請(qǐng)簡(jiǎn)要概括湯顯祖讀書為文的特點(diǎn)。（4分）三、古詩詞鑒賞（11分）閱讀下面這首唐詩，完成9—10題。學(xué)諸進(jìn)士作精衛(wèi)銜石填海韓愈鳥有償冤者，終年抱寸誠?？阢暽绞?xì)，心望海波平。渺渺功難見，區(qū)區(qū)命已輕。人皆譏造次，我獨(dú)賞專精。豈計(jì)休無日，惟應(yīng)盡此生。何慚刺客傳，不著報(bào)讎名。9．本讀前六句是怎樣運(yùn)用對(duì)比手法勾勒精衛(wèi)形象的？請(qǐng)簡(jiǎn)要分析。(6分)10．詩歌后六句表達(dá)了作者什么樣的人生態(tài)度？（5分）四、名句名篇默寫（8分）11．補(bǔ)寫出下列名句名篇中的空缺部分。（1）名余曰正則兮，__________________。（屈原《離騷》）（2）__________________，善假于物也。（荀子《勸學(xué)》）（3）艱難苦恨繁霜鬢，__________________。（杜甫《登高》）（4）樹林陰翳，__________________，游人去而禽鳥樂也。（歐陽修《醉翁亭記》）（5）__________________，抱明月而長(zhǎng)終。（蘇軾《赤壁賦》）（6）浩蕩離愁白日斜，__________________。（龔自珍《己亥雜詩》）（7）道之以德，__________________，有恥且格。（《論語·為政》）（8）蓋文章，經(jīng)國(guó)之大業(yè)，__________________。（曹丕《典論·論文》）五、現(xiàn)代文閱讀（一）（15分）閱讀下面的作品，完成12~14題。表妹林斤瀾矮凳橋街背后是溪灘，那灘上鋪滿了大的碎石，開闊到叫人覺著是不毛之地。幸好有一條溪，時(shí)寬時(shí)窄，自由自在穿過石頭灘，帶來水草野樹，帶來生命的歡喜。灘上走過來兩個(gè)女人，一前一后，前邊的挎著個(gè)竹籃子，簡(jiǎn)直有搖籃般大，里面是衣服，很有點(diǎn)分量，一路拱著腰身，支撐著籃底。后邊的女人空著兩手，幾次伸手前來幫忙，前邊的不讓。前邊的女人看來四十往里，后邊的四十以外。前邊的女人不走現(xiàn)成的小路，從石頭灘上斜插過去，走到一個(gè)石頭圈起來的水潭邊，把竹籃里的東西一下子控在水里，全身輕松了，透出來一口長(zhǎng)氣，望著后邊的。后邊的走不慣石頭灘，盯著腳下，挑著下腳的地方。前邊的說：“這里比屋里清靜，出來走走，說說話……再呢，我要把這些東西洗出來，也就不客氣了?！闭f著就蹲下來，抓過一團(tuán)按在早鋪平好了的石板上，拿起棒槌捶打起來，真是擦把汗的工夫也節(jié)約了。看起來后邊的是客人，轉(zhuǎn)著身于看這個(gè)新鮮的地方，有一句沒一句地應(yīng)著：“水倒是清的，碧清的……樹也陰涼……石頭要是走慣了，也好走……”“不好走，一到下雨天你走走看，只怕?lián)鷶嗔四_筋。哪有你們城里的馬路好走。”“下雨天也洗衣服?”“一下天呢，二十天呢。就是三十天不洗也不行。嗐，現(xiàn)在一天是一天的事情，真是日日清，月月結(jié)?！笨腿穗S即稱贊：“你真能干，三表妹，沒想到你有這么大本事，天天洗這么多。”主人微微笑著，手里捶捶打打，嘴里喜喜歡歡的：事情多著呢。只有晚上吃頓熱的，別的兩頓都是馬馬虎虎。本來還要帶子，現(xiàn)在托給人家。不過洗完衣服，還要踏縫紉機(jī)?！笨腿似鋵?shí)是個(gè)做活的能手，又做飯又帶孩子又洗衣服這樣的日子都過過?，F(xiàn)在做客人看著人家做活，兩只手就不知道放在哪里好。把左手搭在樹杈上，右手背在背后，都要用點(diǎn)力才在那里閑得住。不覺感慨起來：“也難為你，也虧得是你，想想你在家里的時(shí)候，比我還自在呢。”主人放下棒槌，兩手一刻不停地揉搓起來：“做做也就習(xí)慣了。不過，真的，做慣了空起兩只手來，反倒沒有地方好放。鄉(xiāng)下地方，又沒有什么好玩的，不比城里?！笨腿诵睦镉行┟?，就學(xué)點(diǎn)見