web程序設(shè)計(jì)基礎(chǔ)_第1頁(yè)
web程序設(shè)計(jì)基礎(chǔ)_第2頁(yè)
web程序設(shè)計(jì)基礎(chǔ)_第3頁(yè)
web程序設(shè)計(jì)基礎(chǔ)_第4頁(yè)
web程序設(shè)計(jì)基礎(chǔ)_第5頁(yè)
已閱讀5頁(yè)，還剩21頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡(jiǎn)介

計(jì)算機(jī)軟件技術(shù)根底

〔計(jì)算機(jī)導(dǎo)論〕楊建軍

計(jì)算機(jī)軟件技術(shù)根底大綱第1章Web程序設(shè)計(jì)根底第2章C#語(yǔ)言根底第3章面向?qū)ο蟪绦蛟O(shè)計(jì)第4章算法與數(shù)據(jù)結(jié)構(gòu)第5章多媒體與多媒體系統(tǒng)第6章軟件的開(kāi)發(fā)流程第7章操作系統(tǒng)第8章關(guān)系數(shù)據(jù)庫(kù)系統(tǒng)第9章工程與實(shí)踐第1章Web程序設(shè)計(jì)根底Web程序設(shè)計(jì)語(yǔ)言XHTML的語(yǔ)法規(guī)那么XHTML標(biāo)記及其屬性CSS根底網(wǎng)頁(yè)的布局方法ASP.NET概述靜態(tài)Web網(wǎng)站傳統(tǒng)的網(wǎng)站一般是采用靜態(tài)網(wǎng)頁(yè)技術(shù)制作的靜態(tài)網(wǎng)站。在靜態(tài)網(wǎng)站中所有的內(nèi)容以HTML〔HyperTextMarkupLanguage：超文本標(biāo)記語(yǔ)言〕語(yǔ)言編寫(xiě)，存儲(chǔ)在靜態(tài)網(wǎng)頁(yè)文件中，文件擴(kuò)展名為：.htm、.html、.shtml、.xml等。

動(dòng)態(tài)Web網(wǎng)站由于靜態(tài)頁(yè)面缺少交互性，因此動(dòng)態(tài)內(nèi)容的開(kāi)發(fā)就成了越來(lái)越多的Web站點(diǎn)追求的目標(biāo)。所謂“動(dòng)態(tài)〞是指用戶(hù)按自己的需要通過(guò)瀏覽器發(fā)出請(qǐng)求，效勞器運(yùn)行一個(gè)腳本或程序來(lái)返回包含最新信息的頁(yè)面共用戶(hù)瀏覽。動(dòng)態(tài)網(wǎng)站一般通過(guò)數(shù)據(jù)庫(kù)進(jìn)行架構(gòu)，具有很強(qiáng)的交互性、互動(dòng)性、動(dòng)態(tài)性。

1.1

Web程序設(shè)計(jì)語(yǔ)言介紹

Web程序設(shè)計(jì)語(yǔ)言有HTML、XML和XHTML。1.HTMLHTML〔HyperTextMarkupLanguage〕稱(chēng)為超文本標(biāo)記語(yǔ)言，是制作靜態(tài)頁(yè)面的主要編程語(yǔ)言。HTML文件是一種純文本文件，通常以.htm或.html作為文件擴(kuò)展名。2.XMLXML〔eXtensibleMarkuplanguage〕稱(chēng)為可擴(kuò)展標(biāo)記語(yǔ)言。XML可以將網(wǎng)絡(luò)上的文檔標(biāo)準(zhǔn)化，并賦予標(biāo)記一定的含義。XML1.0是在1998年2月正式推出，目前XML的相關(guān)技術(shù)仍在持續(xù)開(kāi)展和制定中，這只是一個(gè)開(kāi)始，并不是結(jié)束。3.XHTMLXHTML〔eXtensibleHypertextMarkupLanguage〕可擴(kuò)展超文本標(biāo)記語(yǔ)言。XHTML是為了使HTML向XML順利過(guò)渡而定義的標(biāo)記語(yǔ)言，它以HTML為根底，采用XML嚴(yán)謹(jǐn)?shù)恼Z(yǔ)法結(jié)構(gòu)。XHTML結(jié)合了局部XML的強(qiáng)大功能及大多數(shù)HTML的簡(jiǎn)單特性，是一種增強(qiáng)了的HTML,它的可擴(kuò)展性和靈活性將適應(yīng)未來(lái)網(wǎng)絡(luò)應(yīng)用的需求。目前國(guó)際上在網(wǎng)站設(shè)計(jì)中推崇的Web標(biāo)準(zhǔn)就是基于XHTML的應(yīng)用〔即通常所說(shuō)的CSS＋DIV〕1.2XHTML的語(yǔ)法規(guī)那么XHTML的主要語(yǔ)法規(guī)那么如下：1.使用UTF-8之外的編碼，文檔必須具有XML聲明2.HTML標(biāo)記之前必須使用DOCTYPE聲明3.頁(yè)面的html標(biāo)記必須指定命名空間4.文檔必須包含完整的結(jié)構(gòu)標(biāo)記5.標(biāo)記必須成對(duì)使用6.標(biāo)記必須正確嵌套7.所有標(biāo)記名稱(chēng)和屬性的名字都必須使用小寫(xiě)8.屬性值必須用引號(hào)""括起來(lái)9.使用id替代name屬性10.屬性不允許簡(jiǎn)寫(xiě)，每個(gè)屬性必須賦值11.圖片必須有說(shuō)明文字12.不要在注釋內(nèi)容中使“--〞1.3XHTML標(biāo)記及其屬性1．主體標(biāo)記<body>…</body>2.分層標(biāo)記<div>…</div>3.文本格式化設(shè)置標(biāo)記4.表格標(biāo)記5.圖像標(biāo)記<img/>6.超鏈接標(biāo)記<a>…</a>1.4CSS根底CSS(CascadingStyleSheets，中文譯為層疊樣式表)是用于控制(增強(qiáng))網(wǎng)頁(yè)樣式并允許將樣式信息與網(wǎng)頁(yè)內(nèi)容別離的一種標(biāo)記性語(yǔ)言，現(xiàn)在已經(jīng)為大多數(shù)的瀏覽器所支持。它在字體、樣式、風(fēng)格等方面的突出表現(xiàn)使其迅速在網(wǎng)頁(yè)制作中流行起來(lái)，成為網(wǎng)頁(yè)設(shè)計(jì)必不可少的工具之一。利用CSS樣式，不僅可以控制一個(gè)網(wǎng)頁(yè)文檔中的文本格式，而且通過(guò)引用外部樣式表的方式還可以控制多個(gè)網(wǎng)頁(yè)文檔中的文本格式。CSS簡(jiǎn)介

應(yīng)用樣式表有三種方法：局部、內(nèi)部和外部。內(nèi)部樣式表和外部樣式表合稱(chēng)為級(jí)聯(lián)式樣式。直接將樣式控制放在單個(gè)HTML元素內(nèi)，稱(chēng)為局部樣式或行內(nèi)樣式；在head局部直接實(shí)現(xiàn)的CSS樣式，稱(chēng)為內(nèi)部樣式；在head局部通過(guò)導(dǎo)入以擴(kuò)展名為.css的文件來(lái)實(shí)現(xiàn)CSS樣式，稱(chēng)為外部樣式。在這些方法中，可以只使用一種，也可以同時(shí)使用這三種，一般說(shuō)來(lái)局部樣式將覆蓋任何內(nèi)部樣式，內(nèi)部樣式將覆蓋外部樣式，實(shí)際上，這就是層疊樣式表的由來(lái)。CSS簡(jiǎn)介

局部樣式使用style樣式化一個(gè)簡(jiǎn)單頁(yè)面，格式如下：<bodystyle="text-align:center"><formid="form1"runat="server"><divstyle="text-align:center;width:400px;border:2pxsolid#FF00FF;font-style:italic;font-weight:bold;font-size:medium;"><h1style="font-size:x-large;color:red">歡送光臨天狼國(guó)際軟件公司</h1><h2style="font-size:large;color:blue">這是一個(gè)采用局部樣式化的標(biāo)題</h2></div></form></body>注意局部樣式表聲明是在某個(gè)元素的開(kāi)始標(biāo)記內(nèi)。CSS簡(jiǎn)介

對(duì)于內(nèi)部樣式表和外部樣式表來(lái)說(shuō)，樣式表的聲明分為選擇符和塊{}，塊{}里包含屬性和屬性值。CSS的根本格式選擇符{屬性1:屬性值1;屬性2:屬性值２;…;屬性n:屬性值n}并列選擇符的CSS格式選擇符1,選擇符2,…,選擇符m{屬性1:屬性值1;屬性2…;屬性n:屬性值n}如果有多個(gè)不同的元素定義的樣式相同，那么可以使用并列選擇符簡(jiǎn)化定義。例如：h1,h2,h3{color:blue}上下文關(guān)聯(lián)選擇符的CSS格式上下文關(guān)聯(lián)選擇符是一個(gè)用空格隔開(kāi)的兩個(gè)或更多的單一標(biāo)記選擇符組成的字符串，格式為：選擇符1選擇符2{屬性1:屬性值1;屬性2:屬性值2;…;屬性n:屬性值n}CSS簡(jiǎn)介

選擇符用來(lái)在頁(yè)面內(nèi)選擇或指向一個(gè)特定元素。有假設(shè)干不同的選擇符可用，通過(guò)它們可以對(duì)想樣式化的元素進(jìn)行控制。下面介紹4種最重要的選擇符類(lèi)型。Type選擇符；格式：html標(biāo)記〔元素〕{屬性值對(duì)}CLASS選擇符；格式：.類(lèi)名{屬性值對(duì)}ID選擇符；格式：#ID名{屬性值對(duì)}Universal選擇符。格式：*{屬性值對(duì)}CSS屬性簡(jiǎn)介

屬性元素是要用樣式表修改的局部。CSS標(biāo)準(zhǔn)定義了一個(gè)長(zhǎng)屬性列表(VWD的IntelliSense列表顯示了100多項(xiàng))，但在大多數(shù)Web站點(diǎn)中不會(huì)用到所有工程。常見(jiàn)的CSS屬性如表1-1所示。不過(guò)沒(méi)有必要全部記住這些屬性，VWD2023會(huì)用它的許多CSS工具幫助我們找到恰當(dāng)?shù)膶傩浴Ｔ赩WD2023中使用CSS在VWD2023使用CSS非常方便，既可以利用VWD2023提供的“智能感知〞功能，在“源〞視圖方式設(shè)置各種樣式，也可以利用“菜單〞或“屬性〞窗口可視化設(shè)置對(duì)話(huà)框等工具快速完成各種樣式的設(shè)置。在VWD2023中使用CSS在VWD2023支持CSS工具有：樣式表工具欄，用來(lái)快速創(chuàng)立新規(guī)那么與樣式。CSS屬性面板，用來(lái)修改屬性值。管理樣式窗口，用來(lái)組織站點(diǎn)中的樣式，將它們從嵌套樣式表改為外部樣式表，反之亦然；對(duì)它們重新排序，將現(xiàn)有樣式表鏈接到一個(gè)文檔，并創(chuàng)立新的內(nèi)聯(lián)、嵌套或外部樣式表。應(yīng)用樣式窗口，用來(lái)從站點(diǎn)中選擇所有可用樣式，并將它們快速應(yīng)用到頁(yè)面中的不同元素上。生成樣式：可以用來(lái)可視化地創(chuàng)立聲明。添加樣式規(guī)那么窗口：幫助構(gòu)建較復(fù)雜的選擇符。利用這些工具可以創(chuàng)立新樣式、修改現(xiàn)有樣式，以及將樣式應(yīng)用到現(xiàn)有元素上。的頁(yè)面后，瀏覽器的地址欄仍然顯示原來(lái)的地址。1.5網(wǎng)頁(yè)的布局方法

1.5.1早期常用的網(wǎng)頁(yè)布局方法早期的網(wǎng)頁(yè)布局，通常采用表格〔Table〕、框架〔Framework〕、內(nèi)嵌框架〔iFrame〕和浮動(dòng)〔Layer〕層四種方法，如表1-2所示。這些布局的方法在很長(zhǎng)時(shí)間以來(lái)，都是較為流行的網(wǎng)頁(yè)布局方式，或是其中的一種，或是這四種布局方式的混合使用。隨著網(wǎng)絡(luò)技術(shù)的不斷開(kāi)展和許多新的上網(wǎng)設(shè)備的出現(xiàn)，使得這些網(wǎng)頁(yè)布局方式越來(lái)越不能適應(yīng)新的要求。。1.5.2新的Web標(biāo)準(zhǔn)

新的Web標(biāo)準(zhǔn)是W3C在2000年底發(fā)布的XHTML1.0和XML1.0，CSS2.0等。采用新標(biāo)準(zhǔn)的優(yōu)點(diǎn)有很多：使得網(wǎng)頁(yè)下載速度更快；內(nèi)容可以被更廣泛的設(shè)備所訪(fǎng)問(wèn)，比方屏幕閱讀器、手持設(shè)備或其它支持上網(wǎng)的新型設(shè)備；更少的代碼和組件，網(wǎng)站易于維護(hù)；帶寬要求低，本錢(qián)降低等等。Web標(biāo)準(zhǔn)是一系列標(biāo)準(zhǔn)的集合，在Web標(biāo)準(zhǔn)中，把網(wǎng)頁(yè)分成4局部：內(nèi)容〔Content〕、結(jié)構(gòu)〔Structure〕、表現(xiàn)〔Presentation〕和行為〔Behavior〕。1.5.3

DIV+CSS網(wǎng)頁(yè)布局方案

根據(jù)新的Web標(biāo)準(zhǔn)，采用DIV+CSS的網(wǎng)頁(yè)布局方案，可以把“內(nèi)容〞放在DIV〔Division，區(qū)塊〕中，結(jié)構(gòu)由DIV產(chǎn)生，最后使用CSS〔CascadingStyleSheet，層疊樣式表〕來(lái)進(jìn)行“表現(xiàn)〞重構(gòu)網(wǎng)站布局，丟棄繁冗復(fù)雜的表格。DIV+CSS的布局方式使得內(nèi)容和表現(xiàn)別離，如果采用外部樣式表，可以大大簡(jiǎn)化網(wǎng)站代碼的字節(jié)數(shù)，降低了效勞器的負(fù)擔(dān)，使得下載速度更快。

1.5.3

DIV+CSS網(wǎng)頁(yè)布局方案

頁(yè)面結(jié)構(gòu)包含以下幾塊：標(biāo)題區(qū)(header)，用來(lái)顯示網(wǎng)站的標(biāo)志和站點(diǎn)名稱(chēng)等；導(dǎo)航區(qū)(navigation)，用來(lái)表示網(wǎng)頁(yè)的結(jié)構(gòu)關(guān)系，如站點(diǎn)導(dǎo)航，通常放置主菜單；主功能區(qū)(content)，用來(lái)顯示網(wǎng)站的主題內(nèi)容，如商品展示、公司介紹等；頁(yè)腳(footer)，用來(lái)顯示網(wǎng)站的版權(quán)和有關(guān)法律聲明等通常采用DIV元素來(lái)將這些結(jié)構(gòu)先定義出來(lái)，類(lèi)似這樣：<divid="header"></div><divid="navigation"></div><divid="content"></div><divid="footer"></div>例1-4：1.6

ASP.NET概述

1.6.1ASP.NET開(kāi)展概述1996年，Microsoft推出了ASP〔ActiveServerPage〕1.0版1998年，微軟發(fā)布了ASP2.0和IIS4.0。之后，又推出了IIS5.0和ASP3.0。2002年ASP.NET1.0也應(yīng)運(yùn)而生2003年，Microsoft公司發(fā)布了VisualStudio2003〔簡(jiǎn)稱(chēng)VS2003〕2005年，ASP.NET1.0升級(jí)為ASP.NET2.0。2023年，VisualStudio.NET2023(簡(jiǎn)稱(chēng)VS2023)問(wèn)世了，ASP.NET相應(yīng)的從2.0版升級(jí)到3.5版。ASP.NET主要特點(diǎn)ASP.NET3.5兼容了ASP.NET2.0、1.1和1.0，其主要特點(diǎn)如下：提供Web窗體的關(guān)系式程序模型。強(qiáng)大功能和擴(kuò)充性。強(qiáng)大的效勞器端功能。效勞器端控件。網(wǎng)站的一致化設(shè)計(jì)。網(wǎng)站的會(huì)員管理。網(wǎng)站的個(gè)性化。全新的數(shù)據(jù)處理控件。網(wǎng)頁(yè)組件控件。提供更多的網(wǎng)站設(shè)定和管理工具。1.6.2ASP.NET工作原理ASP.NET工作原理如圖1-10所示。

1.6.3ASP.NET中的文件類(lèi)型常用的Web文件如表1-3所示。

XML文件和數(shù)據(jù)庫(kù)文件組成，如表1-4所示。1.6.4ASP.NET應(yīng)用程序的組成ASP.NETWeb應(yīng)用程序是程序的根本單位，也是程序部署的根本單位。應(yīng)用程序由多種文件組成，通常包括以下5局部：

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
  • 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ì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論