動態(tài)網(wǎng)頁設(shè)計教學課件

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

代碼窗口

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

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

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

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

DimaAsIntegera=10隱式定義

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

DimintTotalAsInteger一次聲明多個變量

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

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

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

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

Else statements2

EndIf或IfconditionThen statements_1

ElseIfcondition-nThen statements-n…

Elsestatements_2

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

testexpression

Casecondition_1 statements_1

…

CaseElsestatements_n

EndSelect

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

To

endvalue[stepstepvalue] [statements][ExitFor]

[statements]NextDimI,JAsInteger

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

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

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

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

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

statements

Next2024/9/27動態(tài)網(wǎng)頁設(shè)計（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動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）1364.9過程和函數(shù)過程和函數(shù)的定義：過程和函數(shù)都是實現(xiàn)某種特定功能的代碼塊可以被重復(fù)調(diào)用過程和函數(shù)的區(qū)別：過程沒有返回值，函數(shù)有返回值A(chǔ)SP.NET中函數(shù)和過程必須放在<Script>與</Script>標記之內(nèi)2024/9/27動態(tài)網(wǎng)頁設(shè)計（DreamweaverCS3+ASP.NET）137過程Sub

SubName([arglist])statements

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

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

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

<formrunat="Server">

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

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