動態(tài)網(wǎng)頁設(shè)計教材課件匯總完整版ppt全套課件最全教學(xué)教程整本書電子教案全書教案合集最新課件匯編

1、 第1章 網(wǎng)站規(guī)劃與設(shè)計2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+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)2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+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è)計2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）51.1 任務(wù)概述：撰寫企業(yè)網(wǎng)

2、站規(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ù)是學(xué)習(xí)如何撰寫企業(yè)網(wǎng)站規(guī)劃書。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）61.2 網(wǎng)站需求調(diào)研1.2.1 企業(yè)網(wǎng)站需求調(diào)研的含義需求分析是指對要解決的問題進行詳細的分析，弄清楚問題的要求，包括需要輸入什么數(shù)據(jù)，要得到什么結(jié)果，最后應(yīng)輸出什么。企業(yè)網(wǎng)

3、站項目的確立是建立在各種各樣的需求上面的，這種需求往往來自于客戶的實際需求或者是出于公司自身發(fā)展的需要。因此如何更好地的了解、分析、明確用戶需求，并且能夠準確、清晰以文檔的形式表達給參與項目開發(fā)的每個成員，是每個網(wǎng)站開發(fā)項目管理者需要面對的問題。為了有效進行需求分析，必須做好需求調(diào)研工作。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+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)站的使用者、

4、建設(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)、營運策略等，從而學(xué)習(xí)競爭對手的長處，吸取競爭對手的經(jīng)驗，突出自己的優(yōu)勢。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+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)研表2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）91.2

5、網(wǎng)站需求調(diào)研1.2.3 企業(yè)網(wǎng)站需求調(diào)研的步驟2、實施需求調(diào)研(1) 調(diào)研準備(2) 需求調(diào)研(3) 調(diào)研資料的整理2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+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)作為需求分析的重要參考。2022

6、/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+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程序，如Visual Basic、Delphi或C/C等。由于CGI技術(shù)由于編程困難、效率低下、修改復(fù)雜，所以有逐漸被新技術(shù)取代的趨勢。目前流行的新技術(shù)主要有PHP （即Hypertext Preprocessor）、ASP（即Active Server Pages）、ASP.NET、JSP（即Java S

7、erver Pages）等。其中ASP.NET已逐步代替ASP成為網(wǎng)站建設(shè)中常用的動態(tài)網(wǎng)頁技術(shù)。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+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)INNT 4.0 Server、Win2000/Advanced Server、Win2003/Advanced Server。Unix服務(wù)器操作系統(tǒng)由AT&T公司和SCO公司共同推出，主要支持大型的文件系統(tǒng)服務(wù)、數(shù)據(jù)服務(wù)等應(yīng)用。目前市面上流傳的主要有SCO

8、SVR、BSD Unix、SUN Solaris、IBM-AIX 。 Linux服務(wù)器操作系統(tǒng)是在Posix和Unix基礎(chǔ)上開發(fā)出來的，支持多用戶、多任務(wù)、多線程、多CPU。目前國內(nèi)使用的主要有小紅帽系列、紅旗Linux系列等。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）131.3 網(wǎng)站建設(shè)可行性分析1.3.1 技術(shù)可行性分析3、數(shù)據(jù)庫的選擇目前主流的數(shù)據(jù)庫技術(shù)主要有ACCESS、SQL Server、Oracle、DB2四種，這四種數(shù)據(jù)庫各有千秋，其中ACCESS適合小型企業(yè)用，SQL適合大中型企業(yè)用，Oracle和DB2適合大型企業(yè)用。在選擇數(shù)據(jù)庫時，也

9、要結(jié)合網(wǎng)站建設(shè)的技術(shù)，一般而言，兩者采用的組合為PHP+MYSQL、ASP.NET/ASP +ACCESS/SQL、JSP+MYSQL/ORACLE/MSSQL。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+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ā)成本與運行管理成

10、本兩部分。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）151.3 網(wǎng)站建設(shè)可行性分析1.3.2 經(jīng)濟可行性分析2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）161.3 網(wǎng)站建設(shè)可行性分析1.3.2 經(jīng)濟可行性分析網(wǎng)站開發(fā)費用有多種計算方法，常見計算方法有3種：套餐法、時間法和項目評估法。套餐法也稱頁面法，即指定明確的頁面數(shù)、圖像數(shù)、鏈接數(shù)和功能等，這種辦法最通用。時間法就是按照每小時成本計算的方法。但是這種方法經(jīng)常遭到質(zhì)疑和拒絕，因而實行起來比較困難。項目評估法是將整個項目分解成一個一個小的工作項目，評估每個工作的技能難度，

11、計算其完成的時間，再根據(jù)每小時成本計價。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+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ù)人員要求等方面做出分析。可實施性分析主要還是采用定性的分析方法進行分析。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）181.4 網(wǎng)站規(guī)劃書的內(nèi)容1、項目概述1) 項目名稱。2) 項目背景（需求和迫切性）。3) 項目的目標。4) 項目的內(nèi)容（包括實現(xiàn)的主要功能和采用的相應(yīng)

12、技術(shù)）。5) 項目的投資規(guī)模、建設(shè)周期。6) 項目的收益。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+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) 競爭對手分析2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）201.4 網(wǎng)站規(guī)劃書的內(nèi)容3、項目可行性分析1) 技術(shù)可行性2) 經(jīng)濟可行性3) 業(yè)務(wù)實施可行性2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver

13、 CS3+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ī)劃2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+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) 軟件選型方案2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）231.4 網(wǎng)站規(guī)劃書的內(nèi)容6、網(wǎng)站應(yīng)用系統(tǒng)設(shè)計1) 網(wǎng)站形象設(shè)計：網(wǎng)站的形象是

14、指站點展現(xiàn)在用戶面前的風(fēng)格，包括站點的標志、色彩、字體、標語、版面布局等方面的內(nèi)容。2) 網(wǎng)站功能設(shè)計：以圖形方式表示網(wǎng)站的欄目劃分，并用文字說明各欄目所要實現(xiàn)的功能。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+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è)，人員培訓(xùn)等方面考慮。2) 網(wǎng)站實施人員組織：確定項目實施各項任務(wù)的執(zhí)行部門或單位及其職責劃分。3) 網(wǎng)站實施進度計劃：確定項目實施各項內(nèi)容的時間，并以圖表方式表示出來。2022/8

15、/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）251.4 網(wǎng)站規(guī)劃書的內(nèi)容8、項目運營管理計劃1) 網(wǎng)站推廣計劃2) 網(wǎng)站組織管理計劃3) 網(wǎng)站系統(tǒng)管理計劃4) 網(wǎng)站安全管理計劃2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）261.4 網(wǎng)站規(guī)劃書的內(nèi)容9、項目預(yù)算實施本項目的總體預(yù)算及明細列表。10、項目評估從技術(shù)、經(jīng)營、管理、市場等方面評估系統(tǒng)實施可能面臨的風(fēng)險，以及可以獲得的收益，并對面臨的風(fēng)險提出改進的策略。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）271.5 企業(yè)網(wǎng)站設(shè)計1.5.1 網(wǎng)站內(nèi)容設(shè)

16、計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、其他信息2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+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)上銷售2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）291.5 企業(yè)網(wǎng)站設(shè)計1.5.2 網(wǎng)站功能設(shè)計2、網(wǎng)站技術(shù)功能模塊2022/8/27

17、動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+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)。2022/8/27動態(tài)網(wǎng)頁設(shè)計（

18、Dreamweaver CS3+ASP.NET）311.5 企業(yè)網(wǎng)站設(shè)計1.5.3 網(wǎng)站形象設(shè)計2、設(shè)計網(wǎng)站的標志色彩2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+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ù)站點可以用篆字、

19、隸書，以此襯托深厚的文化底蘊。高新技術(shù)站點可以用綜藝體，以顯示出簡潔、強烈的現(xiàn)代感。政府站點的標準字體則應(yīng)在宋體、黑體或楷體中選擇，顯得莊重、大方。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+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里或者醒目的位置，

20、所起的作用相當大。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+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）目錄的命名方法2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+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)方式。這

21、種鏈接結(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)航條。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET

22、）361.5 企業(yè)網(wǎng)站設(shè)計1.5.4 網(wǎng)站結(jié)構(gòu)設(shè)計3、網(wǎng)站的頁面布局圖1.1 “同”字形布局示例2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）371.5 企業(yè)網(wǎng)站設(shè)計1.5.4 網(wǎng)站結(jié)構(gòu)設(shè)計3、網(wǎng)站的頁面布局圖1.2 “國”字形布局示例2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）381.5 企業(yè)網(wǎng)站設(shè)計1.5.4 網(wǎng)站結(jié)構(gòu)設(shè)計3、網(wǎng)站的頁面布局圖1.3 “匡”字形布局示例2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）391.5 企業(yè)網(wǎng)站設(shè)計1.5.4 網(wǎng)站結(jié)構(gòu)設(shè)計3、網(wǎng)站的頁面布局圖1.4

23、“三”字形布局示例2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）401.5 企業(yè)網(wǎng)站設(shè)計1.5.4 網(wǎng)站結(jié)構(gòu)設(shè)計3、網(wǎng)站的頁面布局圖1.5 “川”字形布局示例2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）41本章結(jié)束再見！ 第2章 搭建ASP.NET開發(fā)和運行環(huán)境2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）44第2章 搭建ASP.NET開發(fā)和運行環(huán)境2.5 Dreamweaver CS3動態(tài)網(wǎng)頁制作基礎(chǔ)2.4 ASP.NET開發(fā)工具2.3 搭建ASP.NET網(wǎng)站運行環(huán)境2.2 ASP.NET

24、簡介2.1 任務(wù)概述2.6 任務(wù)實現(xiàn)2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）45本章要點ASP.NET概述ASP.NET運行環(huán)境的建立Dreamweaver CS3的安裝和設(shè)置Dreamweaver CS3的工作環(huán)境在Dreamweaver CS3中建立站點在Dreamweaver CS3中建立和運行ASP.NET程序2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）462.1 任務(wù)概述：使用Dreamweaver CS3制作ASP.NET個人主頁首頁個人主頁就是一種最簡單的個人網(wǎng)站。一個圖文并茂的“個人主頁”可以充分地向其

25、他人展示自己的才華，讓別人知道你的長處?？梢哉f你的“個人主頁”就是你最好的簡歷。本章我們學(xué)習(xí)如何用Dreamweaver CS3制作個人主頁首頁，并將首頁程序保存為ASP.NET格式，來體驗一下Dreamweaver CS3作為ASP.NET動態(tài)網(wǎng)頁制作利器的使用過程。不過這里制作的是靜態(tài)網(wǎng)頁，真正的動態(tài)網(wǎng)頁制作將在后面的章節(jié)中逐步展開。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）472.2 ASP.NET簡介2.2.1 ASP.NET發(fā)展歷史早期的動態(tài)網(wǎng)頁開發(fā)需要編寫繁雜的代碼，編程效率低下。ASP使用簡單的腳本語言，將代碼進接嵌入到HTML中，簡化了WE

26、B開發(fā)。1996年，ASP1.0誕生。ASP的強大功能得益于它的ADO（ActiveX Data object），開發(fā)者利用ADO可以很容易地在一個數(shù)據(jù)庫中建立和打開記錄集。1998年，微軟推出了ASP2.0，與ASP1.0的主要區(qū)別是ASP2.0支持外部組件的調(diào)用，應(yīng)用程序可以在單獨的內(nèi)存空間中運行組件，并且可以進行事務(wù)處理。2000年，ASP 3.0和IIS 5.0一同出現(xiàn)。在ASP 3.0中提供了更加完善的組件支持，以及更強的穩(wěn)定性。2001年，ASP.NET正式推出。ASP.NET是微軟新一代體系結(jié)構(gòu)Microsoft.NET的重要組成部分。ASP.NET一經(jīng)發(fā)布，迅速成為Window

27、s系統(tǒng)下Web服務(wù)端的主流開發(fā)技術(shù)。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）482.2 ASP.NET簡介2.2.2 ASP.NET與ASP的區(qū)別1、開發(fā)語言不同ASP僅局限于使用腳本語言來開發(fā)，容易導(dǎo)致代碼雜亂。而ASP.NET允許用戶選擇并使用功能完善的編程語言，也允許使用潛力巨大的.NET Framework。 2、運行機制不同ASP是解釋運行的編程框架，所以執(zhí)行效率較低。而ASP.NET是編譯執(zhí)行，程序效率得到提高。3、開發(fā)方式ASP把界面設(shè)計和程序設(shè)計混在一起，維護困難。而ASP.NET把界面設(shè)計和程序設(shè)計以不同的文件分離開，復(fù)用性和維護性得到

28、了提高。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）492.2 ASP.NET簡介2.2.3 ASP.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)頁。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NE

29、T）502.3 搭建ASP.NET網(wǎng)站運行環(huán)境WINDOWS操作系統(tǒng)下建立ASP.NET的運行環(huán)境需要安裝如下軟件： IISMDAC.NET Framework2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）512.3 搭建ASP.NET網(wǎng)站運行環(huán)境2.3.1 IIS的安裝和設(shè)置安裝IIS圖2.2 “Windows 組件向?qū)А睂υ捒?022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）522.3 搭建ASP.NET網(wǎng)站運行環(huán)境2.3.1 IIS的安裝和設(shè)置IIS虛擬目錄設(shè)置圖2.9 新建虛擬目錄2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dream

30、weaver CS3+ASP.NET）532.3 搭建ASP.NET網(wǎng)站運行環(huán)境2.3.2 安裝數(shù)據(jù)訪問組件MDAC圖2.16 在IIS中訪問虛擬目錄中的ASP.NET文件2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）542.3 搭建ASP.NET網(wǎng)站運行環(huán)境2.3.3 安裝.NET Framework1、.NET Framework軟件開發(fā)工具包（SDK）.NET Framework軟件開發(fā)工具包（SDK） 包括開發(fā)人員編寫、生成、測試和部署 .NET Framework 應(yīng)用程序時所需要的一切，如文檔、示例以及命令行工具和編譯器等。下載的文件名是setup

31、.exe，文件較大。.NET Framework SDK 1.1版有110多MB，2.0版本更是多達400MB以上。安裝成功后，在WINDOWS的開始菜單中會出現(xiàn)“程序Microsoft .NET Framework SDK” 程序組。程序組中包括了“概述”、“工具”、“示例與快速入門文檔”和“文檔”。在“概述”、 “示例與快速入門文檔”和“文檔”中都提供了大量的ASP.NET學(xué)習(xí)資料。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）552.3 搭建ASP.NET網(wǎng)站運行環(huán)境2.3.3 安裝.NET Framework2、.NET Framework.NET F

32、ramework可再發(fā)行組件包是微軟提供的.NET運行平臺，其中包括運行那些使用 .NET Framework 開發(fā)的應(yīng)用程序時所需要的一切。下載的文件名是dotnetfx.exe，20 MB左右。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）562.3 搭建ASP.NET網(wǎng)站運行環(huán)境2.3.3 安裝.NET Framework2、.NET Framework圖2.18 啟動.NET Framework安裝向?qū)?022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）572.4 ASP.NET開發(fā)工具2.4.1 文本編輯工具2.3.1 文

33、本編輯工具ASP.NET文件的擴展名是*.aspx，是文本文件，因此可以用任何文本編輯器編寫?？梢杂肳INDOWS操作系統(tǒng)自帶的記事本來編寫ASP.NET程序代碼，另外，一些專門的文本編輯軟件，如UltraEdit和EditPlus等，也可以用來編寫ASP.NET程序代碼。圖2.22 UltraEdit 文本編輯器2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）582.4 ASP.NET開發(fā)工具2.4.1 文本編輯工具2.3.2 Visual Studio.NET Visual Studio.NET是微軟公司提供的一款重量級.NET開發(fā)工具，集開發(fā)環(huán)境、源程序編

34、輯、編譯、鏈接及項目管理和程序發(fā)布等于一體。它提供多種語言支持，包括VB .NET、C#、C+、C+.NET等。主要功能包括：可視化設(shè)計器代碼識別編輯器集成的編譯和調(diào)試功能項目管理功能。但是，使用Visual Studio.NET也要面對一些問題，比如Visual Studio.NET安裝比較麻煩，占用空間很大，對機器要求也較高。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）592.4 ASP.NET開發(fā)工具2.4.1 文本編輯工具2.3.3 Dreamweaver CS3Dreamweaver CS3是由Adobe公司在并購Macromedia之后推出的最新

35、版本，它是一款專業(yè)的Web站點開發(fā)軟件，可用于Web站點、Web頁和Web應(yīng)用程序的設(shè)計、編碼和開發(fā)工作。在對ASP.NET支持方面，Dreamweaver內(nèi)置了功能強大的可視化開發(fā)環(huán)境，從網(wǎng)頁的編寫到數(shù)據(jù)庫技術(shù)的運用，提供了完整的解決方案。Dreamweaver CS3+ASP.NET是一種輕量級的實現(xiàn)可視化ASP.NET動態(tài)網(wǎng)頁制作的新途徑，它降低了ASP.NET的學(xué)習(xí)門檻，有助于揭開ASP.NET的神秘面紗，快速進入ASP.NET的精彩世界。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）602.5 Dreamweaver CS3動態(tài)網(wǎng)頁制作基礎(chǔ)2.5.1

36、 Dreamweaver CS3的安裝和設(shè)置圖2.23 Dreamweaver CS3許可協(xié)議2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）612.5 Dreamweaver CS3動態(tài)網(wǎng)頁制作基礎(chǔ)2.5.1 Dreamweaver CS3的安裝和設(shè)置圖2.27 Dreamweaver CS3起始頁2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）622.5 Dreamweaver CS3動態(tài)網(wǎng)頁制作基礎(chǔ)2.5.2 Dreamweaver CS3的工作環(huán)境圖2.28 Dreamweaver CS3的工作區(qū)2022/8/27動態(tài)網(wǎng)頁

37、設(shè)計（Dreamweaver CS3+ASP.NET）632.5 Dreamweaver CS3動態(tài)網(wǎng)頁制作基礎(chǔ)2.5.3 在Dreamweaver CS3中建立站點圖2.33 新建站點2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）642.5 Dreamweaver CS3動態(tài)網(wǎng)頁制作基礎(chǔ)2.5.3 在Dreamweaver CS3中建立站點圖2.40 站點定義成功2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）652.5 Dreamweaver CS3動態(tài)網(wǎng)頁制作基礎(chǔ)2.5.4 在Dreamweaver CS3中建立和運行AS

38、P.NET程序圖2.43 在拆分視圖中輸入文字2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）662.5 Dreamweaver CS3動態(tài)網(wǎng)頁制作基礎(chǔ)2.5.4 在Dreamweaver CS3中建立和運行ASP.NET程序圖2.45 test.aspx的運行結(jié)果2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）672.6任務(wù)實現(xiàn)：使用Dreamweaver CS3制作ASP.NET個人主頁首頁圖2.46個人主頁首頁的效果圖2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）68本章結(jié)束再見！ 第3章

39、HTML語言基礎(chǔ)2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+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)2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）72本章要點HTML語言的基本概念靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁的區(qū)別HTML的文件結(jié)構(gòu)HTML中的主要標記 2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）733.1任務(wù)概述：設(shè)計乘法表靜態(tài)頁面和用戶注冊靜態(tài)頁面HTML是網(wǎng)頁設(shè)計的基礎(chǔ)，本章將介紹HTML文件的結(jié)構(gòu)和常用HTML標簽的

40、使用方法。通過本章的學(xué)習(xí)，我們將完成兩個靜態(tài)頁面的設(shè)計：乘法表頁面和用戶注冊頁面。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）743.2 HTML語言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)頁的

41、內(nèi)容相對穩(wěn)定，因此容易被搜索引擎檢索；靜態(tài)網(wǎng)頁沒有數(shù)據(jù)庫的支持，在網(wǎng)站制作和維護方面工作量較大；靜態(tài)網(wǎng)頁的交互性較差，在功能方面有較大的限制。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）753.2 HTML語言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)

42、更多的功能，如用戶注冊、用戶登錄。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）763.2 HTML語言3.2.2 標記1、標記的概念標記是HTML中用于描述功能的符號。如“”、“”、“”等。標記常由起始標記和結(jié)束標記組成，如。起始標記一般必須和結(jié)束標記配對使用。有些標記可以省略結(jié)束標記如：、等標記可以嵌套。例：這是不正確的代碼標記的大小寫作用相同。標記在使用中必須用一對尖括號“”括起來，而且標記名與小于號之間不能留有空白字符。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）773.2 HTML語言3.2.2 標記2、標記的屬性

43、在開始標記中，往往用一些屬性進一步描述標記的功能。如：段落標記，它的語法格式是：上面的代碼說明標記有兩個屬性，即“align”和“class”，其中“align”用于定義段落的位置是靠左、靠右還是居中。默認值是靠左。而“class ”則是定義所屬的類型。在實際應(yīng)用時當然可以沒有“align”和“class”參數(shù)，而是按照默認情況顯示。HTML中標記的屬性值加或不加西文引號，瀏覽器都能接受。在Dreamweaver中自動生成的HTML代碼中，屬性值都是有引號的。本書采用有引號的寫法。如以下語句使段落內(nèi)容居中：段落內(nèi)容居中示例2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.

44、NET）783.2 HTML語言3.2.2 標記3、常見的HTML標記（1）.標記一個HTML文件，無論是簡單的還是復(fù)雜的，都是以開頭，以結(jié)尾。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）793.2 HTML語言3.2.2 標記3、常見的HTML標記（2）.標記和構(gòu)成了HTML文件的開頭部分，在此標記對之間可以使用.、.等標記對，描述網(wǎng)頁標題或者其他不在網(wǎng)頁上顯示的某些信息。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）803.2 HTML語言3.2.2 標記3、常見的HTML標記（3）.標記標記用于設(shè)置瀏覽器窗口標題欄中纖

45、細的文本信息，這些信息一般是網(wǎng)頁主題。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）813.2 HTML語言3.2.2 標記3、常見的HTML標記（4）.標記是HTML文件的主題部分，之間可以定義多種標記。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）823.2 HTML語言3.2.2 標記3、常見的HTML標記（5）標記表示注釋的結(jié)束。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）833.2 HTML語言3.2.3 文件結(jié)構(gòu)例3-1（3-1.html）HTML文件的基本結(jié)構(gòu)。例3-1代碼窗口

46、 2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）843.3 靜態(tài)網(wǎng)頁基礎(chǔ)3.3.1 網(wǎng)頁中的字體1、字型標記字型是指文本的加粗、傾斜、下劃線、上標和下標等風(fēng)格。 粗體標記 斜體標記 下劃線標記 下標標記 上標標記2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+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é)果2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）863.3 靜態(tài)網(wǎng)頁基礎(chǔ)3.3.1 網(wǎng)

47、頁中的字體2、標題標記標題標記可以把文字作為標題顯示在網(wǎng)頁上，文字以粗體顯示，文字前后各加一個空行。共有6級標題，由 至 ，對應(yīng)標題文字逐漸變小。（一級標題）顯示最大，（6級標題）顯示最小。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+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é)果2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）883.3 靜態(tài)網(wǎng)頁基礎(chǔ)3.3.1 網(wǎng)頁中的字體3、字體標記標記是處理字體的主要標記，用于設(shè)置

48、文本的顏色、字體和字號。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）893.3 靜態(tài)網(wǎng)頁基礎(chǔ)3.3.1 網(wǎng)頁中的字體3、字體標記例3-4（3-4.html）HTML文件中的標題標記。例3-4代碼瀏覽器中預(yù)覽例3-4的運行結(jié)果2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）903.3 靜態(tài)網(wǎng)頁基礎(chǔ)3.3.2 網(wǎng)頁的排版1、段落標記用于分段，并且在前段與后段之間留一空白行。段落標記可以不需要結(jié)束標記。 2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）913.3 靜態(tài)網(wǎng)頁基礎(chǔ)3.3.2 網(wǎng)頁的排版2、

49、換行標記用于換行。與段落標記的區(qū)別在于，不會產(chǎn)生空行。段落標記也可以不需要結(jié)束標記。 2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）923.3 靜態(tài)網(wǎng)頁基礎(chǔ)3.3.2 網(wǎng)頁的排版3、水平線標記標記在網(wǎng)頁上插入一條水平線，同時產(chǎn)生了分段。水平線標記可以不需要結(jié)束標記。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）933.3 靜態(tài)網(wǎng)頁基礎(chǔ)3.3.2 網(wǎng)頁的排版4、居中標記標記用于居中排版，與屬性ALIGN=CENTER的作用相當。標記需要配對使用。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）94

50、3.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é)果2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）953.3 靜態(tài)網(wǎng)頁基礎(chǔ)3.3.3 列表1、無序列表無序列表使用的一對標記是，無序列表指沒有進行編號的列表，每一個列表項前使用。的屬性type有三個選項，這三個選項都必須小寫：disc實心園circle空心園square小方塊2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）963.3 靜態(tài)網(wǎng)頁基礎(chǔ)3.3.3 列表2、有序列表有序列表使用標記，每一個列表項

51、前使用。列表的結(jié)果是帶有前后順序之分的編號。如果插入和刪除一個列表項，編號會自動調(diào)整。順序編號的設(shè)置是由的兩個屬性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.）2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）973.3 靜態(tài)網(wǎng)頁基礎(chǔ)3.3.3 列表2、有序列表例3

52、-6（3-6.html）HTML網(wǎng)頁中的列表。例3-6代碼瀏覽器中預(yù)覽例3-6的運行結(jié)果2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）983.3 靜態(tài)網(wǎng)頁基礎(chǔ)3.3.4 表格表格標記表3.2 表格標記標 簽描 述.用于定義一個表格開始和結(jié)束.定義表頭單元格。表格中的文字將以粗體顯示，在表格中也可以不用此標記，標記必須放在標記內(nèi).定義一行標記，一組行標記內(nèi)可以建立多組由或標記所定義的單元格.定義單元格標記，一組標記將將建立一個單元格，標記必須放在標記內(nèi)2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）993.3 靜態(tài)網(wǎng)頁基礎(chǔ)3.3.

53、4 表格例3-7（3-7.html）DW CS3中的表格制作。表格及其屬性面板2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）1003.3 靜態(tài)網(wǎng)頁基礎(chǔ)3.3.5 表單1、標記（1）Action和Method屬性ACTION=url 設(shè)置一個接受和處理數(shù)據(jù)的程序，或URLMETHOD=# 設(shè)置提交數(shù)據(jù)的方法get 或post。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）1013.3 靜態(tài)網(wǎng)頁基礎(chǔ)3.3.5 表單2、文本框HTML的表單輸入域中有兩類文本框，一類是用于單行文輸入的普通文本框，type屬性的值為text，如：另一類

54、是密碼框，type屬性的值為password，如：2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）1023.3 靜態(tài)網(wǎng)頁基礎(chǔ)3.3.5 表單3、單選按鈕單選按鈕用于在一組選項中只能選擇一項的場合，type屬性的值為radio。如：性別:男 女2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）1033.3 靜態(tài)網(wǎng)頁基礎(chǔ)3.3.5 表單4、復(fù)選框復(fù)選框用于在一組選項中可選擇一項或多項的場合，type屬性的值為checkBox，其余屬性值類似radio。如：請選擇你的愛好: 看電影 旅游 運動2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamwe

55、aver CS3+ASP.NET）1043.3 靜態(tài)網(wǎng)頁基礎(chǔ)3.3.5 表單5、提交按鈕（submit）和重置按鈕（reset）2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）1053.3 靜態(tài)網(wǎng)頁基礎(chǔ)3.3.5 表單6、下拉菜單下拉菜單，或稱下拉列表。標記定義一個下拉菜單。name 設(shè)置下拉菜單的名字multiple 布爾屬性，設(shè)定時下拉菜單可以多選，否則僅能選一條size 設(shè)置帶滾動條的下拉菜單選擇欄中一次可見的列表項條數(shù)2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）1063.3 靜態(tài)網(wǎng)頁基礎(chǔ)3.3.5 表單7、多行文本框網(wǎng)

56、頁上經(jīng)常需要收集或顯示大段的文字，如用戶的意見、建議，HTML中提供了多行文本框標記，來實現(xiàn)多行文本內(nèi)容的處理。 如：請在這里輸入你的意見2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）1073.3 靜態(tài)網(wǎng)頁基礎(chǔ)3.3.5 表單例3-8（3-8.html）DW CS3中的表單制作。學(xué)生學(xué)習(xí)情況調(diào)查表2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）1083.3 靜態(tài)網(wǎng)頁基礎(chǔ)3.3.6 超文本鏈接超文本鏈接標記超文本鏈接的標記格式是： 鏈接文字2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）1093.3

57、 靜態(tài)網(wǎng)頁基礎(chǔ)3.3.7 網(wǎng)頁中的圖像圖像標記標記用于在網(wǎng)頁中插入一幅圖像。格式為：2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）1103.3 靜態(tài)網(wǎng)頁基礎(chǔ)3.3.7 網(wǎng)頁中的圖像例3-10（3-10.html）DW CS3中插入圖像 圖3.24 DW CS3中的圖片屬性面板2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）1113.4 任務(wù)實現(xiàn)：設(shè)計乘法表例3-11 （3-11.html）使用表格標記在DW CS3中“畫”出乘法表。圖3.25 設(shè)置表格對話框2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.

58、NET）1123.5 任務(wù)實現(xiàn)：設(shè)計用戶注冊靜態(tài)頁面例3-12 （3-12.html）利用表格標記和表單，設(shè)置用戶注冊網(wǎng)頁。圖3.28 表單中插入表格2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）113本章結(jié)束再見！ 第4章 VB.NET語言基礎(chǔ)2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+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)語句2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweav

59、er CS3+ASP.NET）117本章教學(xué)內(nèi)容VB.NET的數(shù)據(jù)類型VB.NET的變量和常量VB.NET的運算符與表達式VB.NET的分支和循環(huán)語句VB.NET的過程和函數(shù)變量的作用域工作任務(wù)：用VB.NET編寫乘法表頁面 2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）1184.1 任務(wù)概述上一章我們用靜態(tài)網(wǎng)頁中的表格標記，設(shè)計出了一個9行9列的矩形乘法表。設(shè)計過程十分繁瑣。其實乘法表中的行和列變化是有規(guī)律的，本章我們將利用VB.NET知識，根據(jù)乘法表行列變化的規(guī)律，編寫出簡潔明了的VB.NET代碼，實現(xiàn)乘法表的輸出。2022/8/27動態(tài)網(wǎng)頁設(shè)計（Drea

60、mweaver CS3+ASP.NET）1194.2 數(shù)據(jù)類型數(shù)據(jù)類型數(shù)據(jù)類型單字節(jié)（Byte）整型（Integer）短整型（Short）長整型（Long）單精度型（Single）雙精度型（Double）小數(shù)（Decimal）文本類型混合類型字符串型（String）字符型（Char）日期型（Date）布爾型（Boolean）對象型（Object）2022/8/27動態(tài)網(wǎng)頁設(shè)計（Dreamweaver CS3+ASP.NET）1204.3 變量和常量程序中用變量來存儲數(shù)據(jù)變量的命名規(guī)則：變量名必須以字母開頭變量名由英文字母、中文字、數(shù)字、下劃線組成不要取關(guān)鍵字長度不超過255個字符變量名在其聲明