動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)教學(xué)課件

第1章網(wǎng)站規(guī)劃與設(shè)計(jì)2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）3第1章網(wǎng)站規(guī)劃與設(shè)計(jì)1.5企業(yè)網(wǎng)站設(shè)計(jì)1.4網(wǎng)站規(guī)劃書的內(nèi)容1.3網(wǎng)站建設(shè)可行性分析1.2網(wǎng)站需求調(diào)研1.1任務(wù)概述1.6任務(wù)實(shí)現(xiàn)2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）4本章要點(diǎn)企業(yè)網(wǎng)站需求調(diào)研的步驟企業(yè)網(wǎng)站技術(shù)可行性分析企業(yè)網(wǎng)站經(jīng)濟(jì)可行性分析企業(yè)網(wǎng)站規(guī)劃書的內(nèi)容企業(yè)網(wǎng)站內(nèi)容設(shè)計(jì)企業(yè)網(wǎng)站功能設(shè)計(jì)企業(yè)網(wǎng)站形象設(shè)計(jì)企業(yè)網(wǎng)站結(jié)構(gòu)設(shè)計(jì)2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）51.1任務(wù)概述：撰寫企業(yè)網(wǎng)站規(guī)劃書建設(shè)網(wǎng)站之前，首先要進(jìn)行網(wǎng)站規(guī)劃。企業(yè)網(wǎng)站的規(guī)劃是指從戰(zhàn)略高度，對(duì)網(wǎng)站建設(shè)、運(yùn)營(yíng)進(jìn)行的全盤謀略與策劃，包括總體規(guī)劃和詳細(xì)規(guī)劃。在建立網(wǎng)站前應(yīng)明確建設(shè)網(wǎng)站的目的，確定網(wǎng)站的功能，確定網(wǎng)站規(guī)模、投入費(fèi)用，進(jìn)行必要的市場(chǎng)分析等。只有詳細(xì)的規(guī)劃，才能避免在網(wǎng)站建設(shè)中出現(xiàn)的很多問(wèn)題，使網(wǎng)站建設(shè)能順利進(jìn)行。本章的任務(wù)是學(xué)習(xí)如何撰寫企業(yè)網(wǎng)站規(guī)劃書。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）61.2網(wǎng)站需求調(diào)研1.2.1企業(yè)網(wǎng)站需求調(diào)研的含義需求分析是指對(duì)要解決的問(wèn)題進(jìn)行詳細(xì)的分析，弄清楚問(wèn)題的要求，包括需要輸入什么數(shù)據(jù)，要得到什么結(jié)果，最后應(yīng)輸出什么。企業(yè)網(wǎng)站項(xiàng)目的確立是建立在各種各樣的需求上面的，這種需求往往來(lái)自于客戶的實(shí)際需求或者是出于公司自身發(fā)展的需要。因此如何更好地的了解、分析、明確用戶需求，并且能夠準(zhǔn)確、清晰以文檔的形式表達(dá)給參與項(xiàng)目開發(fā)的每個(gè)成員，是每個(gè)網(wǎng)站開發(fā)項(xiàng)目管理者需要面對(duì)的問(wèn)題。為了有效進(jìn)行需求分析，必須做好需求調(diào)研工作。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）71.2網(wǎng)站需求調(diào)研1.2.2企業(yè)網(wǎng)站需求調(diào)研的意義需求調(diào)研的質(zhì)量決定了企業(yè)網(wǎng)站的質(zhì)量。只有明確了網(wǎng)站建設(shè)所要實(shí)現(xiàn)的功能及想要達(dá)到的目的，才能使后續(xù)的網(wǎng)站規(guī)劃與設(shè)計(jì)有基本的依據(jù)。網(wǎng)站的需求調(diào)研主要解決的問(wèn)題是明確網(wǎng)站的使用者、建設(shè)網(wǎng)站的主要目的、核心的業(yè)務(wù)流程、網(wǎng)站建設(shè)的技術(shù)條件、用戶群之間的關(guān)系等。電子商務(wù)網(wǎng)站的需求調(diào)研還必須對(duì)競(jìng)爭(zhēng)對(duì)手進(jìn)行調(diào)查分析，了解競(jìng)爭(zhēng)對(duì)手網(wǎng)站的主要業(yè)務(wù)、網(wǎng)站的基本架構(gòu)、營(yíng)運(yùn)策略等，從而學(xué)習(xí)競(jìng)爭(zhēng)對(duì)手的長(zhǎng)處，吸取競(jìng)爭(zhēng)對(duì)手的經(jīng)驗(yàn)，突出自己的優(yōu)勢(shì)。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）81.2網(wǎng)站需求調(diào)研1.2.3企業(yè)網(wǎng)站需求調(diào)研的步驟1、制定調(diào)研計(jì)劃(1)制定調(diào)研目標(biāo)(2)確定調(diào)研對(duì)象(3)確定調(diào)研方法(4)確定調(diào)查時(shí)間、人員、資金預(yù)算(5)設(shè)計(jì)調(diào)研表2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）91.2網(wǎng)站需求調(diào)研1.2.3企業(yè)網(wǎng)站需求調(diào)研的步驟2、實(shí)施需求調(diào)研(1)調(diào)研準(zhǔn)備(2)需求調(diào)研(3)調(diào)研資料的整理2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）101.2網(wǎng)站需求調(diào)研1.2.3企業(yè)網(wǎng)站需求調(diào)研的步驟3、撰寫調(diào)研報(bào)告調(diào)研報(bào)告是對(duì)調(diào)研成果的文字反映，其主要內(nèi)容包括調(diào)研目標(biāo)、調(diào)研過(guò)程、調(diào)研方法、調(diào)研總結(jié)，也就是對(duì)網(wǎng)站建設(shè)相關(guān)問(wèn)題的現(xiàn)狀與建設(shè)期望進(jìn)行描述，讓需求分析與網(wǎng)站設(shè)計(jì)人員有個(gè)基本依據(jù)。調(diào)研報(bào)告除了正文以外，應(yīng)該將調(diào)研過(guò)程中各種詳細(xì)記錄以附件的形式作為調(diào)研報(bào)告的一部分，因?yàn)楦鞣N記錄中包含了各種原始需求信息，應(yīng)作為需求分析的重要參考。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）111.3網(wǎng)站建設(shè)可行性分析1.3.1技術(shù)可行性分析1、網(wǎng)站建設(shè)技術(shù)的選擇網(wǎng)站建設(shè)技術(shù)有很多，除了原有的html技術(shù)外，出現(xiàn)了許多動(dòng)態(tài)網(wǎng)站建設(shè)技術(shù)。早期的動(dòng)態(tài)網(wǎng)頁(yè)主要采用CGI技術(shù)，可以使用不同的程序編寫適合的CGI程序，如VisualBasic、Delphi或C/C＋＋等。由于CGI技術(shù)由于編程困難、效率低下、修改復(fù)雜，所以有逐漸被新技術(shù)取代的趨勢(shì)。目前流行的新技術(shù)主要有PHP（即HypertextPreprocessor）、ASP（即ActiveServerPages）、ASP.NET、JSP（即JavaServerPages）等。其中ASP.NET已逐步代替ASP成為網(wǎng)站建設(shè)中常用的動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）121.3網(wǎng)站建設(shè)可行性分析1.3.1技術(shù)可行性分析2、服務(wù)器操作系統(tǒng)的選擇WINDOWS服務(wù)器操作系統(tǒng)由Microsoft公司開發(fā)。其服務(wù)器操作系統(tǒng)重要版本W(wǎng)INNT4.0Server、Win2000/AdvancedServer、Win2003/AdvancedServer。Unix服務(wù)器操作系統(tǒng)由AT&T公司和SCO公司共同推出，主要支持大型的文件系統(tǒng)服務(wù)、數(shù)據(jù)服務(wù)等應(yīng)用。目前市面上流傳的主要有SCOSVR、BSDUnix、SUNSolaris、IBM-AIX。Linux服務(wù)器操作系統(tǒng)是在Posix和Unix基礎(chǔ)上開發(fā)出來(lái)的，支持多用戶、多任務(wù)、多線程、多CPU。目前國(guó)內(nèi)使用的主要有小紅帽系列、紅旗Linux系列等。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）131.3網(wǎng)站建設(shè)可行性分析1.3.1技術(shù)可行性分析3、數(shù)據(jù)庫(kù)的選擇目前主流的數(shù)據(jù)庫(kù)技術(shù)主要有ACCESS、SQLServer、Oracle、DB2四種，這四種數(shù)據(jù)庫(kù)各有千秋，其中ACCESS適合小型企業(yè)用，SQL適合大中型企業(yè)用，Oracle和DB2適合大型企業(yè)用。在選擇數(shù)據(jù)庫(kù)時(shí)，也要結(jié)合網(wǎng)站建設(shè)的技術(shù)，一般而言，兩者采用的組合為PHP+MYSQL、ASP.NET/ASP+ACCESS/SQL、JSP+MYSQL/ORACLE/MSSQL。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）141.3網(wǎng)站建設(shè)可行性分析1.3.2經(jīng)濟(jì)可行性分析電子商務(wù)網(wǎng)站經(jīng)濟(jì)可行性分析是指對(duì)電子商務(wù)網(wǎng)站建設(shè)與運(yùn)行階段的投入與產(chǎn)出進(jìn)行評(píng)估。電子商務(wù)網(wǎng)站在建設(shè)過(guò)程中需要投入大量的人力、物力和財(cái)力。人員、技術(shù)、設(shè)備和材料等的投入構(gòu)成了網(wǎng)站的成本，其中在規(guī)劃、分析、設(shè)計(jì)與構(gòu)建過(guò)程中的投入是投資的主要部分。一般情況下，將電子商務(wù)網(wǎng)站的成本分為構(gòu)建開發(fā)成本與運(yùn)行管理成本兩部分。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）151.3網(wǎng)站建設(shè)可行性分析1.3.2經(jīng)濟(jì)可行性分析2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）161.3網(wǎng)站建設(shè)可行性分析1.3.2經(jīng)濟(jì)可行性分析網(wǎng)站開發(fā)費(fèi)用有多種計(jì)算方法，常見(jiàn)計(jì)算方法有3種：套餐法、時(shí)間法和項(xiàng)目評(píng)估法。套餐法也稱頁(yè)面法，即指定明確的頁(yè)面數(shù)、圖像數(shù)、鏈接數(shù)和功能等，這種辦法最通用。時(shí)間法就是按照每小時(shí)成本計(jì)算的方法。但是這種方法經(jīng)常遭到質(zhì)疑和拒絕，因而實(shí)行起來(lái)比較困難。項(xiàng)目評(píng)估法是將整個(gè)項(xiàng)目分解成一個(gè)一個(gè)小的工作項(xiàng)目，評(píng)估每個(gè)工作的技能難度，計(jì)算其完成的時(shí)間，再根據(jù)每小時(shí)成本計(jì)價(jià)。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）171.3網(wǎng)站建設(shè)可行性分析1.3.3企業(yè)網(wǎng)站可實(shí)施性分析電子商務(wù)網(wǎng)站的可實(shí)施性分析主要是從項(xiàng)目的社會(huì)環(huán)境、法律法規(guī)依據(jù)、企業(yè)管理水平、各級(jí)領(lǐng)導(dǎo)重視程度、對(duì)實(shí)施的項(xiàng)目技術(shù)人員要求等方面做出分析?？蓪?shí)施性分析主要還是采用定性的分析方法進(jìn)行分析。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）181.4網(wǎng)站規(guī)劃書的內(nèi)容1、項(xiàng)目概述1)項(xiàng)目名稱。2)項(xiàng)目背景（需求和迫切性）。3)項(xiàng)目的目標(biāo)。4)項(xiàng)目的內(nèi)容（包括實(shí)現(xiàn)的主要功能和采用的相應(yīng)技術(shù)）。5)項(xiàng)目的投資規(guī)模、建設(shè)周期。6)項(xiàng)目的收益。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）191.4網(wǎng)站規(guī)劃書的內(nèi)容2、項(xiàng)目需求分析1)企業(yè)業(yè)務(wù)分析(1)企業(yè)簡(jiǎn)介(2)存在的問(wèn)題(3)企業(yè)的電子商務(wù)需求2)市場(chǎng)分析(1)企業(yè)的目標(biāo)市場(chǎng)(2)目標(biāo)市場(chǎng)的特點(diǎn)(3)目標(biāo)市場(chǎng)的電子商務(wù)需求3)競(jìng)爭(zhēng)對(duì)手分析2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）201.4網(wǎng)站規(guī)劃書的內(nèi)容3、項(xiàng)目可行性分析1)技術(shù)可行性2)經(jīng)濟(jì)可行性3)業(yè)務(wù)實(shí)施可行性2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）211.4網(wǎng)站規(guī)劃書的內(nèi)容4、項(xiàng)目總體規(guī)劃1)網(wǎng)站目標(biāo)定位2)網(wǎng)站運(yùn)營(yíng)模式(1)商務(wù)模式(2)主要業(yè)務(wù)流程(3)盈利方式3)網(wǎng)站技術(shù)規(guī)劃(1)系統(tǒng)體系結(jié)構(gòu)(2)技術(shù)路線選擇(3)網(wǎng)站域名規(guī)劃2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）221.4網(wǎng)站規(guī)劃書的內(nèi)容5、網(wǎng)站平臺(tái)系統(tǒng)設(shè)計(jì)1)網(wǎng)站網(wǎng)絡(luò)結(jié)構(gòu)設(shè)計(jì)2)網(wǎng)站安全設(shè)計(jì)3)硬件選型方案4)軟件選型方案2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）231.4網(wǎng)站規(guī)劃書的內(nèi)容6、網(wǎng)站應(yīng)用系統(tǒng)設(shè)計(jì)1)網(wǎng)站形象設(shè)計(jì)：網(wǎng)站的形象是指站點(diǎn)展現(xiàn)在用戶面前的風(fēng)格，包括站點(diǎn)的標(biāo)志、色彩、字體、標(biāo)語(yǔ)、版面布局等方面的內(nèi)容。2)網(wǎng)站功能設(shè)計(jì)：以圖形方式表示網(wǎng)站的欄目劃分，并用文字說(shuō)明各欄目所要實(shí)現(xiàn)的功能。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）241.4網(wǎng)站規(guī)劃書的內(nèi)容7、項(xiàng)目實(shí)施方案1)網(wǎng)站實(shí)施的任務(wù)：可以從業(yè)務(wù)流程改造，域名注冊(cè)，合作伙伴選擇，網(wǎng)站平臺(tái)建設(shè)，應(yīng)用系統(tǒng)開發(fā)，網(wǎng)站測(cè)試與驗(yàn)收，網(wǎng)站初始內(nèi)容建設(shè)，人員培訓(xùn)等方面考慮。2)網(wǎng)站實(shí)施人員組織：確定項(xiàng)目實(shí)施各項(xiàng)任務(wù)的執(zhí)行部門或單位及其職責(zé)劃分。3)網(wǎng)站實(shí)施進(jìn)度計(jì)劃：確定項(xiàng)目實(shí)施各項(xiàng)內(nèi)容的時(shí)間，并以圖表方式表示出來(lái)。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）251.4網(wǎng)站規(guī)劃書的內(nèi)容8、項(xiàng)目運(yùn)營(yíng)管理計(jì)劃1)網(wǎng)站推廣計(jì)劃2)網(wǎng)站組織管理計(jì)劃3)網(wǎng)站系統(tǒng)管理計(jì)劃4)網(wǎng)站安全管理計(jì)劃2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）261.4網(wǎng)站規(guī)劃書的內(nèi)容9、項(xiàng)目預(yù)算實(shí)施本項(xiàng)目的總體預(yù)算及明細(xì)列表。10、項(xiàng)目評(píng)估從技術(shù)、經(jīng)營(yíng)、管理、市場(chǎng)等方面評(píng)估系統(tǒng)實(shí)施可能面臨的風(fēng)險(xiǎn)，以及可以獲得的收益，并對(duì)面臨的風(fēng)險(xiǎn)提出改進(jìn)的策略。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）271.5企業(yè)網(wǎng)站設(shè)計(jì)1.5.1網(wǎng)站內(nèi)容設(shè)計(jì)1、公司信息2、產(chǎn)品信息3、客戶服務(wù)4、促銷信息5、銷售信息（1）銷售網(wǎng)絡(luò)（2）網(wǎng)上訂購(gòu)（3）售后服務(wù)6、市場(chǎng)調(diào)研7、公眾信息8、聯(lián)系信息9、其他信息2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）281.5企業(yè)網(wǎng)站設(shè)計(jì)1.5.2網(wǎng)站功能設(shè)計(jì)1、網(wǎng)站網(wǎng)絡(luò)營(yíng)銷功能(1)品牌形象(2)產(chǎn)品/服務(wù)展示(3)信息發(fā)布(4)顧客服務(wù)(5)顧客關(guān)系(6)網(wǎng)上調(diào)查(7)資源合作(8)網(wǎng)上銷售2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）291.5企業(yè)網(wǎng)站設(shè)計(jì)1.5.2網(wǎng)站功能設(shè)計(jì)2、網(wǎng)站技術(shù)功能模塊2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）301.5企業(yè)網(wǎng)站設(shè)計(jì)1.5.3網(wǎng)站形象設(shè)計(jì)1、設(shè)計(jì)網(wǎng)站標(biāo)志網(wǎng)站的標(biāo)志(Logo)也可以說(shuō)是企業(yè)的標(biāo)志，應(yīng)盡可能地出現(xiàn)在每一張網(wǎng)頁(yè)上，例如頁(yè)眉、頁(yè)腳或者背景上。網(wǎng)站有代表性的人物、動(dòng)物、花草的，可以用它們作為設(shè)計(jì)的藍(lán)本，加以卡通化和藝術(shù)化，例如迪士尼的米老鼠、搜狐的卡通狐貍等。專業(yè)性的網(wǎng)站，可以以本專業(yè)有代表的物品作為標(biāo)志，比如中國(guó)銀行的銅板標(biāo)志、奔馳汽車的方向盤標(biāo)志等。最常用和最簡(jiǎn)單的方式是用自己網(wǎng)站的英文名稱作標(biāo)志，采用不同的字體，字母的變形，字母的組合可以很容易制作好自己的標(biāo)志，例如淘寶網(wǎng)。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）311.5企業(yè)網(wǎng)站設(shè)計(jì)1.5.3網(wǎng)站形象設(shè)計(jì)2、設(shè)計(jì)網(wǎng)站的標(biāo)志色彩2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）321.5企業(yè)網(wǎng)站設(shè)計(jì)1.5.3網(wǎng)站形象設(shè)計(jì)3、設(shè)計(jì)網(wǎng)站標(biāo)志字體所謂標(biāo)志字體是指網(wǎng)站用于標(biāo)志、標(biāo)題、主菜單的特有字體，因?yàn)橹挥斜话惭b在客戶計(jì)算機(jī)操作系統(tǒng)中的字體才能顯示出來(lái)，而操作系統(tǒng)所安裝的字體又是有限的幾種，所以大多數(shù)商務(wù)網(wǎng)站采用網(wǎng)頁(yè)的默認(rèn)字體，中文網(wǎng)站里的字體大都為宋體。設(shè)計(jì)者也可以根椐設(shè)計(jì)需要選擇一些特別字體。如：少年兒童站點(diǎn)可以用咪咪體，給人以活潑童真的印象。傳統(tǒng)藝術(shù)站點(diǎn)可以用篆字、隸書，以此襯托深厚的文化底蘊(yùn)。高新技術(shù)站點(diǎn)可以用綜藝體，以顯示出簡(jiǎn)潔、強(qiáng)烈的現(xiàn)代感。政府站點(diǎn)的標(biāo)準(zhǔn)字體則應(yīng)在宋體、黑體或楷體中選擇，顯得莊重、大方。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）331.5企業(yè)網(wǎng)站設(shè)計(jì)1.5.3網(wǎng)站形象設(shè)計(jì)4、設(shè)計(jì)網(wǎng)站標(biāo)語(yǔ)電子商務(wù)網(wǎng)站的標(biāo)語(yǔ)是網(wǎng)站的精神，是網(wǎng)站的目標(biāo)表達(dá)。網(wǎng)站的標(biāo)語(yǔ)可以用一句話或者一個(gè)詞來(lái)概括，類似實(shí)際生活中的廣告句。如Intel的“給你一顆奔騰的心”，阿里巴巴網(wǎng)站的“全球最大的網(wǎng)上貿(mào)易市場(chǎng)”，主題突出，個(gè)性鮮明，極其精練，高度濃縮了本企業(yè)的最重的要的信息。這些標(biāo)語(yǔ)放在首頁(yè)動(dòng)畫、Banner里或者醒目的位置，所起的作用相當(dāng)大。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）341.5企業(yè)網(wǎng)站設(shè)計(jì)1.5.4網(wǎng)站結(jié)構(gòu)設(shè)計(jì)1、網(wǎng)站的目錄結(jié)構(gòu)在設(shè)計(jì)網(wǎng)站目錄結(jié)構(gòu)時(shí)，應(yīng)注意以下幾個(gè)方面。（1）不要將所有文件都存放在根目錄下文件管理混亂上傳速度慢（2）按欄目?jī)?nèi)容建立子目錄（3）在每個(gè)主目錄下都建立獨(dú)立的images目錄（4）目錄的層次不要太深（5）目錄的命名方法2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）351.5企業(yè)網(wǎng)站設(shè)計(jì)1.5.4網(wǎng)站結(jié)構(gòu)設(shè)計(jì)2、網(wǎng)站的鏈接結(jié)構(gòu)（1）樹狀鏈接結(jié)構(gòu)(一對(duì)一)。這是類似計(jì)算機(jī)文件管理的目錄結(jié)構(gòu)方式。這種鏈接結(jié)構(gòu)的特點(diǎn)是條理清晰，瀏覽該鏈接結(jié)構(gòu)的網(wǎng)站時(shí)，必須一級(jí)級(jí)進(jìn)入，再一級(jí)級(jí)退出。其缺點(diǎn)是瀏覽效率低，從一個(gè)欄目下的子頁(yè)面進(jìn)入另一個(gè)欄目下的子頁(yè)面時(shí)，必須繞經(jīng)首頁(yè)。（2）網(wǎng)狀鏈接結(jié)構(gòu)(一對(duì)多)。這種結(jié)構(gòu)類似網(wǎng)絡(luò)服務(wù)器的鏈接，其立體結(jié)構(gòu)像一張網(wǎng)。這種鏈接結(jié)構(gòu)的特點(diǎn)是瀏覽方便，訪問(wèn)者隨時(shí)可以到達(dá)自己喜歡的頁(yè)面。缺點(diǎn)是鏈接太多，容易使訪問(wèn)者弄不清自己的位置以及看過(guò)的內(nèi)容。目前較好的結(jié)構(gòu)設(shè)計(jì)是在網(wǎng)站首頁(yè)與一級(jí)頁(yè)面之間采用星型鏈接結(jié)構(gòu)，在一級(jí)頁(yè)面與下一級(jí)頁(yè)面之間采用樹型鏈接結(jié)構(gòu)；若站點(diǎn)內(nèi)容較多，需要超過(guò)三級(jí)頁(yè)面，可設(shè)置導(dǎo)航條。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）361.5企業(yè)網(wǎng)站設(shè)計(jì)1.5.4網(wǎng)站結(jié)構(gòu)設(shè)計(jì)3、網(wǎng)站的頁(yè)面布局圖1.1“同”字形布局示例2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）371.5企業(yè)網(wǎng)站設(shè)計(jì)1.5.4網(wǎng)站結(jié)構(gòu)設(shè)計(jì)3、網(wǎng)站的頁(yè)面布局圖1.2“國(guó)”字形布局示例2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）381.5企業(yè)網(wǎng)站設(shè)計(jì)1.5.4網(wǎng)站結(jié)構(gòu)設(shè)計(jì)3、網(wǎng)站的頁(yè)面布局圖1.3“匡”字形布局示例2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）391.5企業(yè)網(wǎng)站設(shè)計(jì)1.5.4網(wǎng)站結(jié)構(gòu)設(shè)計(jì)3、網(wǎng)站的頁(yè)面布局圖1.4“三”字形布局示例2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）401.5企業(yè)網(wǎng)站設(shè)計(jì)1.5.4網(wǎng)站結(jié)構(gòu)設(shè)計(jì)3、網(wǎng)站的頁(yè)面布局圖1.5“川”字形布局示例2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）41本章結(jié)束再見(jiàn)！

第2章搭建ASP.NET開發(fā)和運(yùn)行環(huán)境2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）44第2章搭建ASP.NET開發(fā)和運(yùn)行環(huán)境2.5

DreamweaverCS3動(dòng)態(tài)網(wǎng)頁(yè)制作基礎(chǔ)2.4ASP.NET開發(fā)工具2.3搭建ASP.NET網(wǎng)站運(yùn)行環(huán)境2.2ASP.NET簡(jiǎn)介2.1任務(wù)概述2.6任務(wù)實(shí)現(xiàn)2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）45本章要點(diǎn)ASP.NET概述ASP.NET運(yùn)行環(huán)境的建立DreamweaverCS3的安裝和設(shè)置DreamweaverCS3的工作環(huán)境在DreamweaverCS3中建立站點(diǎn)在DreamweaverCS3中建立和運(yùn)行ASP.NET程序2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）462.1任務(wù)概述：使用DreamweaverCS3制作ASP.NET個(gè)人主頁(yè)首頁(yè)個(gè)人主頁(yè)就是一種最簡(jiǎn)單的個(gè)人網(wǎng)站。一個(gè)圖文并茂的“個(gè)人主頁(yè)”可以充分地向其他人展示自己的才華，讓別人知道你的長(zhǎng)處?？梢哉f(shuō)你的“個(gè)人主頁(yè)”就是你最好的簡(jiǎn)歷。本章我們學(xué)習(xí)如何用DreamweaverCS3制作個(gè)人主頁(yè)首頁(yè)，并將首頁(yè)程序保存為ASP.NET格式，來(lái)體驗(yàn)一下DreamweaverCS3作為ASP.NET動(dòng)態(tài)網(wǎng)頁(yè)制作利器的使用過(guò)程。不過(guò)這里制作的是靜態(tài)網(wǎng)頁(yè)，真正的動(dòng)態(tài)網(wǎng)頁(yè)制作將在后面的章節(jié)中逐步展開。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）472.2ASP.NET簡(jiǎn)介2.2.1ASP.NET發(fā)展歷史早期的動(dòng)態(tài)網(wǎng)頁(yè)開發(fā)需要編寫繁雜的代碼，編程效率低下。ASP使用簡(jiǎn)單的腳本語(yǔ)言，將代碼進(jìn)接嵌入到HTML中，簡(jiǎn)化了WEB開發(fā)。1996年，ASP1.0誕生。ASP的強(qiáng)大功能得益于它的ADO（ActiveXDataobject），開發(fā)者利用ADO可以很容易地在一個(gè)數(shù)據(jù)庫(kù)中建立和打開記錄集。1998年，微軟推出了ASP2.0，與ASP1.0的主要區(qū)別是ASP2.0支持外部組件的調(diào)用，應(yīng)用程序可以在單獨(dú)的內(nèi)存空間中運(yùn)行組件，并且可以進(jìn)行事務(wù)處理。2000年，ASP3.0和IIS5.0一同出現(xiàn)。在ASP3.0中提供了更加完善的組件支持，以及更強(qiáng)的穩(wěn)定性。2001年，ASP.NET正式推出。ASP.NET是微軟新一代體系結(jié)構(gòu)Microsoft.NET的重要組成部分。ASP.NET一經(jīng)發(fā)布，迅速成為Windows系統(tǒng)下Web服務(wù)端的主流開發(fā)技術(shù)。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）482.2ASP.NET簡(jiǎn)介2.2.2ASP.NET與ASP的區(qū)別1、開發(fā)語(yǔ)言不同ASP僅局限于使用腳本語(yǔ)言來(lái)開發(fā)，容易導(dǎo)致代碼雜亂。而ASP.NET允許用戶選擇并使用功能完善的編程語(yǔ)言，也允許使用潛力巨大的.NETFramework。

2、運(yùn)行機(jī)制不同ASP是解釋運(yùn)行的編程框架，所以執(zhí)行效率較低。而ASP.NET是編譯執(zhí)行，程序效率得到提高。3、開發(fā)方式ASP把界面設(shè)計(jì)和程序設(shè)計(jì)混在一起，維護(hù)困難。而ASP.NET把界面設(shè)計(jì)和程序設(shè)計(jì)以不同的文件分離開，復(fù)用性和維護(hù)性得到了提高。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）492.2ASP.NET簡(jiǎn)介2.2.3ASP.NET的工作原理瀏覽器向WEB服務(wù)器發(fā)送HTTP請(qǐng)求；WEB服務(wù)器分析HTTP請(qǐng)求，如果所請(qǐng)求的網(wǎng)頁(yè)文件名的后綴是aspx，則說(shuō)明客戶端請(qǐng)求執(zhí)行ASP.NET程序；如果以前沒(méi)有執(zhí)行過(guò)該程序，則進(jìn)行編譯，然后執(zhí)行該程序；否則直接執(zhí)行已編譯好的該程序。得到HTML結(jié)果；WEB服務(wù)器將HTML結(jié)果傳回用戶瀏覽器，作為HTTP響應(yīng)；客戶機(jī)瀏覽器收到這個(gè)響應(yīng)后，將HTML結(jié)果顯示成WEB網(wǎng)頁(yè)。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）502.3搭建ASP.NET網(wǎng)站運(yùn)行環(huán)境WINDOWS操作系統(tǒng)下建立ASP.NET的運(yùn)行環(huán)境需要安裝如下軟件：

IISMDAC.NETFramework2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）512.3搭建ASP.NET網(wǎng)站運(yùn)行環(huán)境2.3.1IIS的安裝和設(shè)置安裝IIS圖2.2“Windows組件向?qū)А睂?duì)話框2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）522.3搭建ASP.NET網(wǎng)站運(yùn)行環(huán)境2.3.1IIS的安裝和設(shè)置IIS虛擬目錄設(shè)置圖2.9新建虛擬目錄2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）532.3搭建ASP.NET網(wǎng)站運(yùn)行環(huán)境2.3.2安裝數(shù)據(jù)訪問(wèn)組件MDAC圖2.16在IIS中訪問(wèn)虛擬目錄中的ASP.NET文件2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）542.3搭建ASP.NET網(wǎng)站運(yùn)行環(huán)境2.3.3安裝.NETFramework1、.NETFramework軟件開發(fā)工具包（SDK）.NETFramework軟件開發(fā)工具包（SDK）包括開發(fā)人員編寫、生成、測(cè)試和部署.NETFramework應(yīng)用程序時(shí)所需要的一切，如文檔、示例以及命令行工具和編譯器等。下載的文件名是setup.exe，文件較大。.NETFrameworkSDK1.1版有110多MB，2.0版本更是多達(dá)400MB以上。安裝成功后，在WINDOWS的開始菜單中會(huì)出現(xiàn)“程序>>Microsoft.NETFrameworkSDK”程序組。程序組中包括了“概述”、“工具”、“示例與快速入門文檔”和“文檔”。在“概述”、“示例與快速入門文檔”和“文檔”中都提供了大量的ASP.NET學(xué)習(xí)資料。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）552.3搭建ASP.NET網(wǎng)站運(yùn)行環(huán)境2.3.3安裝.NETFramework2、.NETFramework.NETFramework可再發(fā)行組件包是微軟提供的.NET運(yùn)行平臺(tái)，其中包括運(yùn)行那些使用.NETFramework開發(fā)的應(yīng)用程序時(shí)所需要的一切。下載的文件名是dotnetfx.exe，20MB左右。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）562.3搭建ASP.NET網(wǎng)站運(yùn)行環(huán)境2.3.3安裝.NETFramework2、.NETFramework圖2.18啟動(dòng).NETFramework安裝向?qū)?024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）572.4ASP.NET開發(fā)工具2.4.1文本編輯工具2.3.1文本編輯工具ASP.NET文件的擴(kuò)展名是*.aspx，是文本文件，因此可以用任何文本編輯器編寫?？梢杂肳INDOWS操作系統(tǒng)自帶的記事本來(lái)編寫ASP.NET程序代碼，另外，一些專門的文本編輯軟件，如UltraEdit和EditPlus等，也可以用來(lái)編寫ASP.NET程序代碼。圖2.22UltraEdit文本編輯器2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）582.4ASP.NET開發(fā)工具2.4.1文本編輯工具2.3.2VisualStudio.NETVisualStudio.NET是微軟公司提供的一款重量級(jí).NET開發(fā)工具，集開發(fā)環(huán)境、源程序編輯、編譯、鏈接及項(xiàng)目管理和程序發(fā)布等于一體。它提供多種語(yǔ)言支持，包括VB.NET、C#、C++、C++.NET等。主要功能包括：可視化設(shè)計(jì)器代碼識(shí)別編輯器集成的編譯和調(diào)試功能項(xiàng)目管理功能。但是，使用VisualStudio.NET也要面對(duì)一些問(wèn)題，比如VisualStudio.NET安裝比較麻煩，占用空間很大，對(duì)機(jī)器要求也較高。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）592.4ASP.NET開發(fā)工具2.4.1文本編輯工具2.3.3DreamweaverCS3DreamweaverCS3是由Adobe公司在并購(gòu)Macromedia之后推出的最新版本，它是一款專業(yè)的Web站點(diǎn)開發(fā)軟件，可用于Web站點(diǎn)、Web頁(yè)和Web應(yīng)用程序的設(shè)計(jì)、編碼和開發(fā)工作。在對(duì)ASP.NET支持方面，Dreamweaver內(nèi)置了功能強(qiáng)大的可視化開發(fā)環(huán)境，從網(wǎng)頁(yè)的編寫到數(shù)據(jù)庫(kù)技術(shù)的運(yùn)用，提供了完整的解決方案。DreamweaverCS3+ASP.NET是一種輕量級(jí)的實(shí)現(xiàn)可視化ASP.NET動(dòng)態(tài)網(wǎng)頁(yè)制作的新途徑，它降低了ASP.NET的學(xué)習(xí)門檻，有助于揭開ASP.NET的神秘面紗，快速進(jìn)入ASP.NET的精彩世界。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）602.5

DreamweaverCS3動(dòng)態(tài)網(wǎng)頁(yè)制作基礎(chǔ)2.5.1DreamweaverCS3的安裝和設(shè)置圖2.23DreamweaverCS3許可協(xié)議2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）612.5

DreamweaverCS3動(dòng)態(tài)網(wǎng)頁(yè)制作基礎(chǔ)2.5.1DreamweaverCS3的安裝和設(shè)置圖2.27DreamweaverCS3起始頁(yè)2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）622.5

DreamweaverCS3動(dòng)態(tài)網(wǎng)頁(yè)制作基礎(chǔ)2.5.2DreamweaverCS3的工作環(huán)境圖2.28DreamweaverCS3的工作區(qū)2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）632.5

DreamweaverCS3動(dòng)態(tài)網(wǎng)頁(yè)制作基礎(chǔ)2.5.3在DreamweaverCS3中建立站點(diǎn)圖2.33新建站點(diǎn)2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）642.5

DreamweaverCS3動(dòng)態(tài)網(wǎng)頁(yè)制作基礎(chǔ)2.5.3在DreamweaverCS3中建立站點(diǎn)圖2.40站點(diǎn)定義成功2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）652.5

DreamweaverCS3動(dòng)態(tài)網(wǎng)頁(yè)制作基礎(chǔ)2.5.4在DreamweaverCS3中建立和運(yùn)行ASP.NET程序圖2.43在拆分視圖中輸入文字2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）662.5

DreamweaverCS3動(dòng)態(tài)網(wǎng)頁(yè)制作基礎(chǔ)2.5.4在DreamweaverCS3中建立和運(yùn)行ASP.NET程序圖2.45test.aspx的運(yùn)行結(jié)果2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）672.6任務(wù)實(shí)現(xiàn)：使用DreamweaverCS3

制作ASP.NET個(gè)人主頁(yè)首頁(yè)圖2.46個(gè)人主頁(yè)首頁(yè)的效果圖2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）68本章結(jié)束再見(jiàn)！

第3章HTML語(yǔ)言基礎(chǔ)2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）71第3章HTML語(yǔ)言基礎(chǔ)3.4任務(wù)實(shí)現(xiàn)3.3

靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.2

HTML語(yǔ)言3.1任務(wù)概述3.5任務(wù)實(shí)現(xiàn)2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）72本章要點(diǎn)HTML語(yǔ)言的基本概念靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)的區(qū)別HTML的文件結(jié)構(gòu)HTML中的主要標(biāo)記

2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）733.1任務(wù)概述：設(shè)計(jì)乘法表靜態(tài)頁(yè)面和用戶注冊(cè)靜態(tài)頁(yè)面HTML是網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)，本章將介紹HTML文件的結(jié)構(gòu)和常用HTML標(biāo)簽的使用方法。通過(guò)本章的學(xué)習(xí)，我們將完成兩個(gè)靜態(tài)頁(yè)面的設(shè)計(jì)：乘法表頁(yè)面和用戶注冊(cè)頁(yè)面。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）743.2HTML語(yǔ)言3.2.1靜態(tài)頁(yè)面和動(dòng)態(tài)頁(yè)面1、靜態(tài)網(wǎng)頁(yè)（1）概況：純粹HTML格式的網(wǎng)頁(yè)，也就是以.htm、.html、.shtml、.xml等為后綴的。在HTML格式的網(wǎng)頁(yè)上，也可以出現(xiàn)各種動(dòng)態(tài)的效果，如.GIF格式的動(dòng)畫、FLASH、滾動(dòng)字幕等，這些“動(dòng)態(tài)效果”只是視覺(jué)上的，存在這些“動(dòng)態(tài)效果”的HTML頁(yè)面，仍然是靜態(tài)網(wǎng)頁(yè)。（2）特點(diǎn)：①靜態(tài)網(wǎng)頁(yè)是事先編寫好的。每個(gè)靜態(tài)網(wǎng)頁(yè)的內(nèi)容都是保存在網(wǎng)站服務(wù)器上不變的；②靜態(tài)網(wǎng)頁(yè)的內(nèi)容相對(duì)穩(wěn)定，因此容易被搜索引擎檢索；③靜態(tài)網(wǎng)頁(yè)沒(méi)有數(shù)據(jù)庫(kù)的支持，在網(wǎng)站制作和維護(hù)方面工作量較大；④靜態(tài)網(wǎng)頁(yè)的交互性較差，在功能方面有較大的限制。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）753.2HTML語(yǔ)言3.2.1靜態(tài)頁(yè)面和動(dòng)態(tài)頁(yè)面2、動(dòng)態(tài)網(wǎng)頁(yè)（1）概況：動(dòng)態(tài)網(wǎng)頁(yè)不僅具有HTML標(biāo)記，而且含有程序代碼，用數(shù)據(jù)庫(kù)連接的網(wǎng)頁(yè)。常見(jiàn)的動(dòng)態(tài)網(wǎng)頁(yè)是以.asp、.aspx、.jsp、.php等形式為后綴。（2）特點(diǎn)：①動(dòng)態(tài)網(wǎng)頁(yè)的頁(yè)面內(nèi)容是在服務(wù)器上運(yùn)行后生成的，不是事先編寫好的；②動(dòng)態(tài)網(wǎng)頁(yè)常常以數(shù)據(jù)庫(kù)技術(shù)為基礎(chǔ)；③動(dòng)態(tài)網(wǎng)頁(yè)的交互性較好，采用動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)的網(wǎng)站可以實(shí)現(xiàn)更多的功能，如用戶注冊(cè)、用戶登錄。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）763.2HTML語(yǔ)言3.2.2標(biāo)記1、標(biāo)記的概念標(biāo)記是HTML中用于描述功能的符號(hào)。如“<Html>”、“<Body>”、“<Table>”等。標(biāo)記常由起始標(biāo)記和結(jié)束標(biāo)記組成，如<Html></Html>。起始標(biāo)記一般必須和結(jié)束標(biāo)記配對(duì)使用。有些標(biāo)記可以省略結(jié)束標(biāo)記如：<Br>、<Img>、<Input>等標(biāo)記可以嵌套。例：<Div><Span>這是不正確的代碼</Span></Div>標(biāo)記的大小寫作用相同。標(biāo)記在使用中必須用一對(duì)尖括號(hào)“<>”括起來(lái)，而且標(biāo)記名與小于號(hào)之間不能留有空白字符。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）773.2HTML語(yǔ)言3.2.2標(biāo)記2、標(biāo)記的屬性在開始標(biāo)記中，往往用一些屬性進(jìn)一步描述標(biāo)記的功能。如：段落標(biāo)記<P>，它的語(yǔ)法格式是：<palign="left|center|right"class="type">上面的代碼說(shuō)明<P>標(biāo)記有兩個(gè)屬性，即“align”和“class”，其中“align”用于定義段落的位置是靠左、靠右還是居中。默認(rèn)值是靠左。而“class”則是定義所屬的類型。在實(shí)際應(yīng)用時(shí)當(dāng)然可以沒(méi)有“align”和“class”參數(shù)，而是按照默認(rèn)情況顯示。HTML中標(biāo)記的屬性值加或不加西文引號(hào)，瀏覽器都能接受。在Dreamweaver中自動(dòng)生成的HTML代碼中，屬性值都是有引號(hào)的。本書采用有引號(hào)的寫法。如以下語(yǔ)句使段落內(nèi)容居中：<palign="center">段落內(nèi)容居中示例</p>2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）783.2HTML語(yǔ)言3.2.2標(biāo)記3、常見(jiàn)的HTML標(biāo)記（1）<html>...</html>標(biāo)記一個(gè)HTML文件，無(wú)論是簡(jiǎn)單的還是復(fù)雜的，都是以<html>開頭，以</html>結(jié)尾。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）793.2HTML語(yǔ)言3.2.2標(biāo)記3、常見(jiàn)的HTML標(biāo)記（2）<head>...</head>標(biāo)記<head>和</head>構(gòu)成了HTML文件的開頭部分，在此標(biāo)記對(duì)之間可以使用<title>...</title>、<script>...</SCRIPT>等標(biāo)記對(duì)，描述網(wǎng)頁(yè)標(biāo)題或者其他不在網(wǎng)頁(yè)上顯示的某些信息。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）803.2HTML語(yǔ)言3.2.2標(biāo)記3、常見(jiàn)的HTML標(biāo)記（3）<title>...</title>標(biāo)記<title>標(biāo)記用于設(shè)置瀏覽器窗口標(biāo)題欄中纖細(xì)的文本信息，這些信息一般是網(wǎng)頁(yè)主題。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）813.2HTML語(yǔ)言3.2.2標(biāo)記3、常見(jiàn)的HTML標(biāo)記（4）<body>...</body>標(biāo)記<body></body>是HTML文件的主題部分，之間可以定義多種標(biāo)記。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）823.2HTML語(yǔ)言3.2.2標(biāo)記3、常見(jiàn)的HTML標(biāo)記（5）<!--注釋內(nèi)容--><!--標(biāo)記表示注釋的開始，-->標(biāo)記表示注釋的結(jié)束。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）833.2HTML語(yǔ)言3.2.3文件結(jié)構(gòu)例3-1（3-1.html）HTML文件的基本結(jié)構(gòu)。例3-1

代碼窗口

2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）843.3靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.3.1網(wǎng)頁(yè)中的字體1、字型標(biāo)記字型是指文本的加粗、傾斜、下劃線、上標(biāo)和下標(biāo)等風(fēng)格。<B></B>粗體標(biāo)記<I></I>斜體標(biāo)記<U></U>下劃線標(biāo)記<SUP></SUP>下標(biāo)標(biāo)記<SUB></SUB>上標(biāo)標(biāo)記2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）853.3靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.3.1網(wǎng)頁(yè)中的字體1、字型標(biāo)記例3-2（3-2.html）HTML文件中的字型標(biāo)記。例3-2代碼瀏覽器中預(yù)覽例3-2的運(yùn)行結(jié)果2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）863.3靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.3.1網(wǎng)頁(yè)中的字體2、標(biāo)題標(biāo)記標(biāo)題標(biāo)記可以把文字作為標(biāo)題顯示在網(wǎng)頁(yè)上，文字以粗體顯示，文字前后各加一個(gè)空行。共有6級(jí)標(biāo)題，由<H1>至<H6>，對(duì)應(yīng)標(biāo)題文字逐漸變小。<H1>（一級(jí)標(biāo)題）顯示最大，<H6>（6級(jí)標(biāo)題）顯示最小。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）873.3靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.3.1網(wǎng)頁(yè)中的字體2、標(biāo)題標(biāo)記例3-3（3-3.html）HTML文件中的標(biāo)題標(biāo)記。例3-3代碼瀏覽器中預(yù)覽例3-3的運(yùn)行結(jié)果2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）883.3靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.3.1網(wǎng)頁(yè)中的字體3、字體標(biāo)記<Font><Font>標(biāo)記是處理字體的主要標(biāo)記，用于設(shè)置文本的顏色、字體和字號(hào)。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）893.3靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.3.1網(wǎng)頁(yè)中的字體3、字體標(biāo)記<Font>例3-4（3-4.html）HTML文件中的標(biāo)題標(biāo)記。例3-4代碼瀏覽器中預(yù)覽例3-4的運(yùn)行結(jié)果2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）903.3靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.3.2網(wǎng)頁(yè)的排版1、段落標(biāo)記<P><P>用于分段，并且在前段與后段之間留一空白行。段落標(biāo)記<P>可以不需要結(jié)束標(biāo)記</P>。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）913.3靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.3.2網(wǎng)頁(yè)的排版2、換行標(biāo)記<BR><BR>用于換行。與段落標(biāo)記<P>的區(qū)別在于，<BR>不會(huì)產(chǎn)生空行。段落標(biāo)記<BR>也可以不需要結(jié)束標(biāo)記</BR>。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）923.3靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.3.2網(wǎng)頁(yè)的排版3、水平線標(biāo)記<HR><HR>標(biāo)記在網(wǎng)頁(yè)上插入一條水平線，同時(shí)產(chǎn)生了分段。水平線標(biāo)記<HR>可以不需要結(jié)束標(biāo)記</HR>。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）933.3靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.3.2網(wǎng)頁(yè)的排版4、居中標(biāo)記<CENTER>…</CENTER><CENTER>標(biāo)記用于居中排版，與屬性ALIGN="CENTER"的作用相當(dāng)。<CENTER>標(biāo)記需要配對(duì)使用。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）943.3靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.3.2網(wǎng)頁(yè)的排版例3-5（3-5.html）HTML網(wǎng)頁(yè)的排版。例3-5代碼瀏覽器中預(yù)覽例3-5的運(yùn)行結(jié)果2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）953.3靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.3.3列表1、無(wú)序列表<UL>無(wú)序列表使用的一對(duì)標(biāo)記是<ul></ul>，無(wú)序列表指沒(méi)有進(jìn)行編號(hào)的列表，每一個(gè)列表項(xiàng)前使用<LI>。<LI>的屬性type有三個(gè)選項(xiàng)，這三個(gè)選項(xiàng)都必須小寫：disc實(shí)心園circle空心園square小方塊2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）963.3靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.3.3列表2、有序列表<OL>有序列表使用標(biāo)記<ol></ol>，每一個(gè)列表項(xiàng)前使用<li>。<ol>列表的結(jié)果是帶有前后順序之分的編號(hào)。如果插入和刪除一個(gè)列表項(xiàng)，編號(hào)會(huì)自動(dòng)調(diào)整。順序編號(hào)的設(shè)置是由<ol>的兩個(gè)屬性type和start來(lái)完成的。表3.1有序列表type的屬性Type類型描述Type=1表示列表項(xiàng)目用數(shù)字標(biāo)號(hào)（1,2,3...）Type=A表示列表項(xiàng)目用大寫字母標(biāo)號(hào)（A,B,C...）Type=a表示列表項(xiàng)目用小寫字母標(biāo)號(hào)（a,b,c...）Type=I表示列表項(xiàng)目用大寫羅馬數(shù)字標(biāo)號(hào)（Ⅰ,Ⅱ,Ⅲ...）Type=i表示列表項(xiàng)目用小寫羅馬數(shù)字標(biāo)號(hào)（i,ii,iii...）2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）973.3靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.3.3列表2、有序列表<OL>例3-6（3-6.html）HTML網(wǎng)頁(yè)中的列表。例3-6代碼瀏覽器中預(yù)覽例3-6的運(yùn)行結(jié)果2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）983.3靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.3.4表格表格標(biāo)記表3.2表格標(biāo)記標(biāo)簽描述<table>...</table>用于定義一個(gè)表格開始和結(jié)束<th>...</th>定義表頭單元格。表格中的文字將以粗體顯示，在表格中也可以不用此標(biāo)記，<th>標(biāo)記必須放在<tr>標(biāo)記內(nèi)<tr>...</tr>定義一行標(biāo)記，一組行標(biāo)記內(nèi)可以建立多組由<td>或<th>標(biāo)記所定義的單元格<td>...</td>定義單元格標(biāo)記，一組<td>標(biāo)記將將建立一個(gè)單元格，<td>標(biāo)記必須放在<tr>標(biāo)記內(nèi)2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）993.3靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.3.4表格例3-7（3-7.html）DWCS3中的表格制作。表格及其屬性面板2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1003.3靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.3.5表單1、<FORM>標(biāo)記（1）Action和Method屬性ACTION="url"設(shè)置一個(gè)接受和處理數(shù)據(jù)的程序，或URLMETHOD="#"設(shè)置提交數(shù)據(jù)的方法get或post。<formaction="chkUser.aspx"method="post">……</form>2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1013.3靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.3.5表單2、文本框HTML的表單輸入域中有兩類文本框，一類是用于單行文輸入的普通文本框，type屬性的值為text，如：<inputtype="text"name="user">另一類是密碼框，type屬性的值為password，如：<inputtype="password"name="pswd">2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1023.3靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.3.5表單3、單選按鈕單選按鈕用于在一組選項(xiàng)中只能選擇一項(xiàng)的場(chǎng)合，type屬性的值為radio。如：性別:<inputtype="radio"name="sex"value="0"checked>男<p><inputtype="radio"name="sex"value="1">女<p>2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1033.3靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.3.5表單4、復(fù)選框復(fù)選框用于在一組選項(xiàng)中可選擇一項(xiàng)或多項(xiàng)的場(chǎng)合，type屬性的值為checkBox，其余屬性值類似radio。如：請(qǐng)選擇你的愛(ài)好:<inputtype="checkbox"name="hobby"value="0">看電影<p><inputtype="checkbox"name="hobby"value="1">旅游<p><inputtype="checkbox"name="hobby"value="2"checked>運(yùn)動(dòng)<p>2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1043.3靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.3.5表單5、提交按鈕（submit）和重置按鈕（reset）<inputtype="submit"value="提交"><inputtype="reset"value="重置">2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1053.3靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.3.5表單6、下拉菜單下拉菜單，或稱下拉列表。標(biāo)記<SELECT></SELECT>定義一個(gè)下拉菜單。name設(shè)置下拉菜單的名字multiple布爾屬性，設(shè)定時(shí)下拉菜單可以多選，否則僅能選一條size設(shè)置帶滾動(dòng)條的下拉菜單選擇欄中一次可見(jiàn)的列表項(xiàng)條數(shù)2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1063.3靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.3.5表單7、多行文本框網(wǎng)頁(yè)上經(jīng)常需要收集或顯示大段的文字，如用戶的意見(jiàn)、建議，HTML中提供了多行文本框<TEXTAREA>標(biāo)記，來(lái)實(shí)現(xiàn)多行文本內(nèi)容的處理。如：<textarearows="5"cols="30"name="idea">請(qǐng)?jiān)谶@里輸入你的意見(jiàn)</textarea>2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1073.3靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.3.5表單例3-8（3-8.html）DWCS3中的表單制作。學(xué)生學(xué)習(xí)情況調(diào)查表2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1083.3靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.3.6超文本鏈接超文本鏈接標(biāo)記超文本鏈接的標(biāo)記格式是：

<ahref="url"target="#"title="#">鏈接文字</a>2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1093.3靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.3.7網(wǎng)頁(yè)中的圖像圖像標(biāo)記<IMG><IMG>標(biāo)記用于在網(wǎng)頁(yè)中插入一幅圖像。格式為：<imgsrc="url"height="n"width="n"alt="#"hspace="n"vspace="n">2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1103.3靜態(tài)網(wǎng)頁(yè)基礎(chǔ)3.3.7網(wǎng)頁(yè)中的圖像例3-10（3-10.html）DWCS3中插入圖像圖3.24DWCS3中的圖片屬性面板2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1113.4任務(wù)實(shí)現(xiàn)：設(shè)計(jì)乘法表例3-11（3-11.html）使用表格標(biāo)記在DWCS3中“畫”出乘法表。圖3.25設(shè)置表格對(duì)話框2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1123.5

任務(wù)實(shí)現(xiàn)：設(shè)計(jì)用戶注冊(cè)靜態(tài)頁(yè)面例3-12（3-12.html）利用表格標(biāo)記和表單，設(shè)置用戶注冊(cè)網(wǎng)頁(yè)。圖3.28表單中插入表格2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）113本章結(jié)束再見(jiàn)！

第4章VB.NET語(yǔ)言基礎(chǔ)2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1164.10任務(wù)實(shí)現(xiàn)第4章VB.NET語(yǔ)言基礎(chǔ)4.6注釋4.5數(shù)組4.4運(yùn)算符4.3變量和常量4.2數(shù)據(jù)類型4.9過(guò)程和函數(shù)4.1任務(wù)概述4.7分支語(yǔ)句4.8循環(huán)語(yǔ)句2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）117本章教學(xué)內(nèi)容VB.NET的數(shù)據(jù)類型VB.NET的變量和常量VB.NET的運(yùn)算符與表達(dá)式VB.NET的分支和循環(huán)語(yǔ)句VB.NET的過(guò)程和函數(shù)變量的作用域工作任務(wù)：用VB.NET編寫乘法表頁(yè)面2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1184.1任務(wù)概述上一章我們用靜態(tài)網(wǎng)頁(yè)中的表格標(biāo)記，設(shè)計(jì)出了一個(gè)9行9列的矩形乘法表。設(shè)計(jì)過(guò)程十分繁瑣。其實(shí)乘法表中的行和列變化是有規(guī)律的，本章我們將利用VB.NET知識(shí)，根據(jù)乘法表行列變化的規(guī)律，編寫出簡(jiǎn)潔明了的VB.NET代碼，實(shí)現(xiàn)乘法表的輸出。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1194.2數(shù)據(jù)類型數(shù)據(jù)類型數(shù)據(jù)類型單字節(jié)（Byte）整型（Integer）短整型（Short）長(zhǎng)整型（Long）單精度型（Single）雙精度型（Double）小數(shù)（Decimal）文本類型混合類型字符串型（String）字符型（Char）日期型（Date）布爾型（Boolean）對(duì)象型（Object）2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1204.3變量和常量程序中用變量來(lái)存儲(chǔ)數(shù)據(jù)變量的命名規(guī)則：變量名必須以字母開頭變量名由英文字母、中文字、數(shù)字、下劃線組成不要取關(guān)鍵字長(zhǎng)度不超過(guò)255個(gè)字符變量名在其聲明的作用域內(nèi)必須唯一2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）121變量名前綴常取其類型縮寫數(shù)據(jù)類型前綴例子BooleanblnblnFlagBytebytbytByteCharchrchrCharDatedat,dtdatCurDateDoubledbldblTotalDecimaldecdecInterestIntegerintintPersonLonglnglngAmountSinglesglsglWageShortshtshtClassObjectobjobjFileObject2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）122變量的聲明方法顯式定義用Dim語(yǔ)句創(chuàng)建變量

DimaAsIntegera=10隱式定義

b=11建議：用顯式定義2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）123每次聲明一個(gè)變量

DimintTotalAsInteger一次聲明多個(gè)變量

DimstrFileName,strFilePath,strFileAttrAsString聲明的同時(shí)，設(shè)置初值

DimstrSQLAsString=“select*fromstuTable”變量的聲明方法2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）124常量常量代表一些特殊含義不可改變的值分：系統(tǒng)常量和用戶自定義常量系統(tǒng)常量布爾常量True/FalseNothing——對(duì)象為空Null——變量不含有效數(shù)據(jù)表示顏色的常量,Black,White,Blue,Green,Red,Yellow等常用日期常量,Sunday,Monday,…,Saturday用戶自定義常量用Const語(yǔ)句定義一般常量名用大寫字母

ConstPI=3.1415926常量占用服務(wù)器的內(nèi)存空間,盡量少用2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1254.4運(yùn)算符和表達(dá)式賦值運(yùn)算符（=）算術(shù)運(yùn)算符（加“+”、減“－”、乘“×”、除“/”、整數(shù)除“\”等）字符串連接運(yùn)算（+，&）比較運(yùn)算（“=”，“<”、“>”，“<>”，“<=”，“>=”）邏輯運(yùn)算（And，Not，Or，Xor

）2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1264.5數(shù)組數(shù)組用于記錄一系列相關(guān)的數(shù)據(jù)。分為一維數(shù)組和多維數(shù)組常用一維數(shù)組，一般不超過(guò)3維一維數(shù)組的定義，如：DimarrNum()AsInteger={10,11,12,13}數(shù)組元素下標(biāo)的起點(diǎn)從0開始。上述語(yǔ)句定義4個(gè)整型元素：arrNum(0)=10,arrNum(1)=11,arrNum(2)=12,arrNum(3)=132024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1274.6注釋VB.NET中的注釋，是在要注釋的語(yǔ)句前面加上一個(gè)西文狀態(tài)的單撇號(hào)（'），如：DimintAgeasInteger‘存儲(chǔ)年齡的變量2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1284.7分支語(yǔ)句IF-Then語(yǔ)句IfconditionThen statements1

Else statements2

EndIf或IfconditionThen statements_1

ElseIfcondition-nThen statements-n…

Elsestatements_2

EndIf2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）129Select/Case結(jié)構(gòu)SelectCase

testexpression

Casecondition_1 statements_1

…

CaseElsestatements_n

EndSelect

2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1304.8循環(huán)語(yǔ)句四種循環(huán)形式For/NextWhile/EndWhileDo/LoopFor/Each2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）131For/NextFor/NextForcounter=startvalue

To

endvalue[stepstepvalue] [statements][ExitFor]

[statements]NextDimI,JAsInteger

ForI=10To1Step–1J=INext例：2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）132While/EndWhileWhile/EndWhileWhilecondition [statements]

EndWhile用于不知循環(huán)次數(shù)時(shí)循環(huán)體可能一次也不執(zhí)行

<%DimIAsInteger=0WhileI<10I+=1

Response.Write(I&"這是第"&I&"次循環(huán)<br>")EndWhile%>2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）133Do/Loop循環(huán)結(jié)構(gòu)Do/Loop形式一

DostatementsLoopWhile|Untilcondition形式二DoWhile|UntilconditionstatementsLoopDo/Loop示例2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）134For/Each用于對(duì)數(shù)組或集合中的每個(gè)元素重復(fù)執(zhí)行某段代碼ForEachitemInArrayorCollection

statements

Next2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）135利用ForEach循環(huán)輸出數(shù)組intNum中的元素<%DimintNum()AsInteger={11,12,13,14}DimItemAsInteger

ForEachItemInintNum

response.Write(Item&"<br>")Next%>2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1364.9過(guò)程和函數(shù)過(guò)程和函數(shù)的定義：過(guò)程和函數(shù)都是實(shí)現(xiàn)某種特定功能的代碼塊可以被重復(fù)調(diào)用過(guò)程和函數(shù)的區(qū)別：過(guò)程沒(méi)有返回值，函數(shù)有返回值A(chǔ)SP.NET中函數(shù)和過(guò)程必須放在<Script>與</Script>標(biāo)記之內(nèi)2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）137過(guò)程Sub

SubName([arglist])statements

EndSub過(guò)程的調(diào)用方式是直接調(diào)用過(guò)程名

[Call]SubName[(argumentlist)]Call為調(diào)用關(guān)鍵字，可能省略。當(dāng)過(guò)程中有參數(shù)傳遞時(shí)，過(guò)程后面的“(argumentlist)”不能省略；否則，可以省略參數(shù)。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1384.10任務(wù)實(shí)現(xiàn)：用VB.NET編寫乘法表2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）139任務(wù)實(shí)現(xiàn)：矩形乘法表的代碼2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）140本章結(jié)束再見(jiàn)！

第5章服務(wù)器控件2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）143第5章常用內(nèi)置對(duì)象5.5用于控制傳送的內(nèi)部控件5.4用于文本輸入和顯示的控件5.3WEB服務(wù)器控件5.2表單5.1任務(wù)概述5.6用于選擇的內(nèi)部控件5.7任務(wù)實(shí)現(xiàn)2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）144本章教學(xué)內(nèi)容表單基礎(chǔ)WEB服務(wù)器控件工作任務(wù)：用ASP.NET控件設(shè)計(jì)用戶注冊(cè)頁(yè)面2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1455.1任務(wù)概述用戶登錄或用戶注冊(cè)頁(yè)面是一個(gè)典型的動(dòng)態(tài)頁(yè)面。本章我們將學(xué)習(xí)如何用ASP.NET控件，設(shè)計(jì)“動(dòng)態(tài)”的用戶注冊(cè)頁(yè)面。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1465.2表單表單Web頁(yè)由HTML標(biāo)記組成，包含在<html>和</html>標(biāo)記之間表單是Web頁(yè)的一部分，包含在<form>和</form>標(biāo)記之間WEB表單具有runat=“server”屬性在服務(wù)器上運(yùn)行表單標(biāo)記格式：

<formrunat="Server">

………</form>2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）147HTML服務(wù)器控件與WEB服務(wù)器控件HTML服務(wù)器控件HTML服務(wù)器控件就是在HTML標(biāo)記基礎(chǔ)上，加上“runat=server”屬性形成的——表示在服務(wù)器上執(zhí)行靜態(tài)網(wǎng)頁(yè)中：<inputtype=”text”name=”user”value=”用戶名”>ASP.NET網(wǎng)頁(yè)中，對(duì)應(yīng)的HTML服務(wù)器控件為：

<inputtype=”text”id=”user”value=”用戶名”runat=”server”>Web服務(wù)器控件是ASP.NET網(wǎng)頁(yè)上的新型控件，具有強(qiáng)大的頁(yè)面顯示和事件處理能力。2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1485.3WEB服務(wù)器控件WEB服務(wù)器控件以標(biāo)記<asp:控件名……>開始控件中包含RunAt=”Server”屬性一般也包含Id屬性，Id屬性用于標(biāo)識(shí)控件。WEB服務(wù)器的分類基本W(wǎng)EB控件（內(nèi)部控件）可以映射到HTML控件的WEB控件列表控件實(shí)際上也是一種內(nèi)部控件用于大量的數(shù)據(jù)列表顯示多功能控件提供一些特定功能的控件，其對(duì)應(yīng)的功能在HTML服務(wù)器控件中是沒(méi)有的，如日歷控件、廣告控件驗(yàn)證控件提供數(shù)據(jù)驗(yàn)證的控件2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）149在DreamweaverCS3中使用WEB服務(wù)器控件“插入記錄”菜單中包含WEB服務(wù)器控件的菜單項(xiàng)2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）150DWCS3中常用的ASP.NET控件2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）151DWCS3中ASP.NET標(biāo)簽2024/9/27動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)（DreamweaverCS3+ASP.NET）1525.4用于文本輸入和顯示的控件文本輸入控件<asp:textbox>用于文本輸入和顯示可以實(shí)現(xiàn)HTML控件中<inputtype=t