网页制作彻底研究.ppt
《网页制作彻底研究.ppt》由会员分享,可在线阅读,更多相关《网页制作彻底研究.ppt(158页珍藏版)》请在三一办公上搜索。
1、ASP.NET網頁製作徹底研究,參考資料:旗標出版 F8920 ASP.Net網頁製作徹底研究 陳會安,第1章 電子商務環境與ASP.NET的環境建立,1-1 電子商務的基本認識1-2 電子商務網站和網頁的基礎1-3 如何在網路上建立電子商務1-4 使用ASP.NET建立電子商務1-5 建立ASP.NET的執行環境,1-1 電子商務的基本認識,1-1-1 電子商務的基礎1-1-2 電子商務的種類,1-1-1 電子商務的基礎,電子商務的演進電子商務(e-commerce)是利用Internet做生意,也就是使用電腦在網路上進行商業交易活動,交易是建構在資訊科技發展的Internet網路。電子商務
2、的特性節省商業交易的成本。商品資訊取得容易。企業行銷將更加容易。高效率上下游產業的供銷體系。加快企業國際化的腳步。,1-1-2 電子商務的種類,B to C型電子商務B to C的英文是Business to Consumer,也就是企業對個人交易模式的電子商務。B to B型電子商務B to B的英文是Business to Business,也就是企業對企業交易模式的電子商務。C to C型電子商務C to C的英文是Consumer to Consumer,也就是消費者對消費者交易模式的電子商務。C to B型電子商務C to B的英文是Consumer to Business,也就是消
3、費者對廠商交易模式的電子商務。,1-2 電子商務網站和網頁的基礎,1-2-1 網站和網頁的基本觀念1-2-2 電子商務網站和網頁的設計,1-2-1 網站和網頁的基本觀念,網站(Web Site)是一種網路的新興媒體,透過Internet全球性的網路系統,成為即時和多媒體資訊的傳播管道。網頁(Web Page、Homepage、HTML文件等)是網站重要的組成元件,它是資訊提供的舞台,基本上網站都擁有多頁網頁,這些網頁各司所職,以便構成整個網站的內容。,1-2-2 電子商務網站和網頁的設計,電子商務網站是Web基礎的應用程式,網頁內容只是系統的操作介面,真正後端支援的資料庫系統和付款機制,才是網
4、頁設計上挑戰。網頁設計需要伺服端的ASP.NET技術,它正是一種建立電子商務網站的最佳選擇。,1-3 如何在網路上建立電子商務,1-4 使用ASP.NET建立電子商務,1-4-1 為什麼需要ASP.NET 建立電子商務1-4-2 ASP.NET是一種完全 伺服端的技術,1-4-1 為什麼需要ASP.NET建立電子商務,電子商務網站的架構可以分為前端的網頁內容和後端資料庫系統,如下圖所示:,1-4-2 ASP.NET是一種完全伺服端的技術,ASP.NET屬於一種全新的伺服端技術,使用CLR(Common Language Rumtime)架構的程式設計平台,能夠在伺服端建立功能強大的Web應用程
5、式。,1-5 建立ASP.NET的執行環境,1-5-1 在Windows XP安裝IIS1-5-2 下載.NET Framework SDK1-5-3 安裝.NET Framework SDK,1-5 建立ASP.NET的執行環境,ASP.NET的執行環境和舊版ASP 3.0相似,其作業系統的軟體需求如下所示:IIS 5以上版本的Web伺器。Windows 2000 Professional或Server,建議安裝Service Pack 2。Windows XP Professional。Windows.NET Sever。,1-5-1 在Windows XP安裝IIS,ASP.NET的執行
6、環境需要Web伺服器,以Windows 2000/XP來說就是IIS(Internet Information Services)。在Windows XP電腦安裝IIS元件前,需要安裝TCP/IP通訊協定(預設安裝)。在準備好Windows XP Professional系統光碟。請執行開始/控制台指令開啟控制台視窗,按兩下【新增或移除程式】開始安裝。,1-5-2 下載.NET Framework SDK,ASP.NET的執行環境需要安裝.NET Framework,分成兩種版本,可以免費下載,如下所示:.NET Framework Redistributable:包含ASP.NET和.NET
7、 Framework,提供ASP.NET建立Web應用程式的執行環境,通常是安裝在已經開發完成的網站。.NET Framework Software Development Kit:除了Redistributable套件外,還加上相關的文件、範例和一些命令列的程式開發工具,如果準備開發ASP.NET的Web應用程式,建議在Web伺服器安裝.NET Framework SDK。,1-5-3 安裝.NET Framework SDK,在自行下載或使用書附光碟提供的.NET Framework SDK和Sevice Pack後,就可以在Windows XP安裝.NET Framework SDK:首
8、先安裝.NET Framework SDK。接著安裝.NET Framework SDK Service Pack。,第2章 HTML、XML和CSS的基礎,2-1 HTML的基礎2-2 HTML標籤2-3 XML文件的基礎2-4 Cascading Style Sheets2-5 局部套用的CSS2-6 內建網頁的CSS2-7 使用CSS進行絕對位置的編排,2-1 HTML的基礎,2-1-1 第一份HTML文件2-1-2 HTML文件的基本架構2-1-3 Meta標籤的使用,2-1-1 第一份HTML文件-1,HTML(HyperText Markup Language)標記語言屬於一種文件
9、編排語言,其目的是編排文件的內容,以便顯示漂亮的文件內容。Tim Berners-Lee在1991年建立HTML,在1993年HTML1.0版由Berners-Lee和Connolly完成,HTML只是使用SGML的慣用語法,也就是標籤和屬性,如下所示:標籤(Tag):HTML標籤是一個字串符號,主要是標示需要套用編排格式的文字內容,在標籤內的文字是使用預設格式編排。屬性(Attribute):每一個標籤可以擁有一些屬性來定義文字內容的細部編排。,2-1-1 第一份HTML文件-2,01:02:03:Ch2-1-1.htm04:05:06:From:07:To:.tw08:Subject:測試
10、郵件功能09:這是第一封郵件10:11:,2-1-2 HTML文件的基本架構,HTML文件標籤的基本架構,如下所示:標示著一份HTML網頁 HTML網頁的基本定義 HTML網頁的內容 HTML文件是包含於和標籤間的內容和定義,其中和標籤包圍的區塊定義HTML網頁的本身,網頁內容是定義在和標籤間。,2-1-3 Meta標籤的使用,標籤是位在區塊,可以用來定義HTML標籤所沒有定義的相關資訊,常用的應用如下所示:設定使用的編輯工具設定網頁使用的語系自動更新網頁內容,2-2 HTML標籤,2-2-1 HTML的標頭標籤2-2-2 文字格式標籤2-2-3 清單項目標籤2-2-4 圖片和超連結標籤2-2
11、-5 網頁表格標籤2-2-6 網頁表單標籤2-2-7 框架頁標籤,2-2-1 HTML的標頭標籤,2-2-2 文字格式標籤-1,2-2-2 文字格式標籤-2,2-2-2 文字格式標籤-3,2-2-3 清單項目標籤,2-2-4 圖片和超連結標籤,2-2-5 網頁表格標籤,2-2-6 網頁表單標籤,2-2-7 框架頁標籤,2-3 XML文件的基礎,2-3-1 什麼是XML2-3-2 XML文件的組成,2-3-1 什麼是XML-1,XML(eXtensible Markup Language)可擴展標示語言屬於一種標籤語言,XML 1.0版規格在1998年2月正式推出,XML的寫法十分類似HTML,
12、繼承SGML自定標籤的優點,並且刪除一些SGML複雜的部分,在功能上能夠補足HTML標籤的不足,而擁有更多的擴充性。XML並不是用來編排內容,而是用來描述資料,它並沒有如同HTML一般的預設標籤,使用者需要自己定義描述資料所需的各種標籤。,2-3-1 什麼是XML-2,01:02:03:04:05:F891506:ASP網頁製作徹底研究07:08:陳會安09:10:58011:12:13:F891614:ASP與IIS 4/5網站架設徹底研究15:16:陳會安17:18:55019:20:,2-3-2 XML文件的組成,XML文件基本上是由標籤和內容組成,一共七種組成的元素可以出現在XML文件
13、中。元素(Element)屬性(Attribute)實體參考(Entity Reference)註解(Comment)CDATA區塊(CDATA Section)與PCDATAPI(Processing Instructions)DTD(Document Type Declarations),2-4 Cascading Style Sheets,2-4-1 CSS的基礎2-4-2 CSS的基本語法2-4-3 常用的CSS樣式屬性,2-4-1 CSS的基礎-1,Cascading Style Sheets簡稱CSS,中文稱為層級式樣式表,CSS層級式樣式表是一種樣式語言,能夠定義HTML標籤的顯
14、示效果。瀏覽程式在解譯HTML標籤時是使用預設顯示樣式,例如:標籤是段落、為清單項目,CSS能夠重新定義標籤的顯示樣式。,2-4-1 CSS的基礎-2,如果想在網頁上使用CSS編排網頁內容,一共有三種方式,如下所示:局部套用的CSS(In-Line Style Sheets)。內建網頁的CSS(Embedded Style Sheet)。外部連結的CSS(External Style Sheet)。,2-4-2 CSS的基本語法,CSS能夠針對指定標籤定義全新的樣式,其基本語法如下所示:Selector property1:value1;property2:value2 選擇器Selector
15、選擇樣式套用的標籤,大括號括起的樣式組,就是重新定義的標籤樣式,例如:前面的標籤,如下所示:p font-size:10pt;color:red;,2-4-3 常用的CSS樣式屬性,在選擇好定義的標籤後,可以定義CSS,CSS常用的樣式屬性分類成幾大類。字型的樣式屬性文字內容顯示的字型效果屬性色彩和背景樣式屬性標籤內容的顯示和背景色彩屬性文字樣式屬性文字內容的顯示屬性包含對齊、字距的屬性區塊樣式屬性文字內容顯示的區塊,這也包含外框顯示的屬性絕對位置的樣式屬性絕對位置編排,也就是可以顯示在指定的位置,2-5 局部套用的CSS,局部套用的CSS是直接在標籤使用style屬性定義樣式,常用的HTML
16、標籤有、和。,2-6 內建網頁的CSS,2-6-1 重設HTML標籤樣式2-6-2 重新設定超連結標籤的樣式2-6-3 自訂樣式名稱,2-6-1 重設HTML標籤樣式,CSS能夠重新定義HTML標籤顯示的編排樣式,內建網頁的CSS是將樣式定義在標籤前的標籤,如下所示:body font-size:9pt;font-family:標楷體;line-height:120%;span text-transform:uppercasep font-size:12pt;color:yellow;background-color:blue;line-height:20px;,2-6-2 重新設定超連結標籤
17、的樣式,網頁超連結的顯示狀態分為多種情況,不同狀態的超連結樣式需要分別定義,如下所示:a:link font-size:9pt;text-decoration:nonea:active font-size:9pt;text-decoration:nonea:visited font-size:9pt;text-decoration:nonea:hover font-size:15pt;text-decoration:underline,2-6-3 自訂樣式名稱,CSS允許使用者在網頁定義個人風格的樣式名稱,樣式名稱是一個Class,以.句點開始的名稱定義在標籤,如下所示:.littlered
18、color:red;font-size:9pt.littlegreen color:green;font-size:9ptHTML標籤使用class屬性指定樣式名稱,在標籤套用定義的樣式,如下所示:Style,2-7 使用CSS進行絕對位置的編排,CSS擁有絕對位置的定位能力,能夠讓您隨心所欲的編排網頁元素,如下所示:.titlered position:absolute;top:100pt;left:50pt;visibility:visible;z-index:1;background-color:blue;color:yellow;font-size:19pt;樣式使用絕對位置顯示元素,
19、即absolute,其位置是離上方邊界100像素,左邊50像素的位置。,第3章 VB.NET語法的ASP.NET程式,3-1 VB.NET的基礎3-2 ASP.NET程式的基本架構3-3 VB.NET的變數與資料型態3-4 VB.NET的運算子3-5 VB.NET的條件敘述3-6 VB.NET的流程控制3-7 VB.NET的程序與函數3-8 VB.NET的錯誤處理,3-1 VB.NET的基礎,3-1-1 物件的基本觀念3-1-2 微軟的Basic家族,3-1-1 物件的基本觀念,VB.NET是一種支援.NET Framework的物件導向程式語言。ASP.NET主要是使用VB.NET的語法和.
20、NET Framework的類別,就算讀者不熟悉物件導向程式設計,也一樣可以使用VB.NET撰寫ASP.NET程式。,3-1-1 物件的基本觀念-物件,物件(Objects)為物件導向程式的基礎,簡單的說物件是資料(Data)和包含處理資料函式(稱為方法)的綜合體。類別(Class)是用來定義物件,使用類別建立物件,在建立好物件後,並不用考慮物件內部的處理方式,只需知道提供的屬性和方法和如何使用,就可以使用這些物件。例如:ASP.NET可以使用.NET Framework的類別物件,擁有HTTP物件的Response、Server、Request、Session和Application等物件。
21、,3-1-1 物件的基本觀念-屬性,屬性(Properties)是物件的性質和狀態,例如:Response物件的ContentType屬性,String物件的length屬性取得字串長度等。,3-1-1 物件的基本觀念-方法,方法(Methods)是物件的處理函數,例如:Response物件擁有下列的方法,如下所示:Response.Write()Response.Redirect(),3-1-1 物件的基本觀念-事件,事件(Events)是指物件回應的事件,例如:Page物件的Load事件,我們可以建立處理此事件的程序,如下所示:Sub Page_Load(sender As Object,
22、e As Eventargs).End Sub,3-1-1 物件的基本觀念-物件集合,物件集合(Collections)如同其名是一組物件的集合例如:Response物件的物件集合Cookies(通常是使用屬性取得此物件集合),如下所示:Response.Cookies(name).Value程式碼取出物件集合中名為name的Cookie物件,然後使用Value屬性取得其值,Application和Session物件也都屬於物件集合。,3-1-2 微軟的Basic家族,微軟Basic家族包含:Visual Basic 6到VB.NETOffice家族提供VBA客戶端VBScript伺服端VBS
23、cript語法的ASPVB.NET語法的ASP.NET,3-2 ASP.NET程式的基本架構,3-2-1 建立ASP.NET程式3-2-2 儲存ASP.NET程式3-2-3 測試ASP.NET程式3-2-4 VB.NET程式的基本撰寫規格,3-2-1 建立ASP.NET程式-1,ASP.NET程式碼位在HTML標籤中,只需將程式碼置於符號間即可,如下所示:如果在HTML文件擁有上述符號的程式碼,此時的網頁是一個ASP.NET程式,副檔名為.aspx,需要支援ASP.NET的Web伺服器才能將程式碼編譯後,在瀏覽程式顯示執行的結果。,3-2-1 建立ASP.NET程式-2,01:02:03:04
24、:Ch3-2-1.aspx05:06:07:13:14:第一個ASP.NET程式15:18:19:,3-2-2 儲存ASP.NET程式,ASP.NET程式和舊版ASP相容,在同一個Web應用程式可以執行ASP或ASP.NET程式,其差異在:ASP.NET副檔名【.aspx】ASP副檔名是【.asp】Windows編輯工具【記事本】在儲存檔案時,預設儲存的副檔名為【.txt】文字檔案。只需在【存檔類型】選【所有檔案】,【檔案名稱】欄輸入檔案全名,即含副檔名,儲存成ASP.NET的程式檔案。,3-2-3 測試ASP.NET程式,ASP.NET屬於伺服端網頁技術,我們需要將程式檔案公佈到Web伺服器
25、才能預覽,以Windows XP Professional為例就是IIS。公佈到Web伺服器的方法:公佈到Web伺服器主目錄將目錄設定成Web共用,3-2-4 VB.NET程式的基本撰寫規格-命名,VB.NET的命名原則,如下所示:不可使用VB.NET保留字或系統的物件名稱。必需是英文字母或底線_開頭,如果以底線開頭,至少需要一個英文字母或數字。名稱長度不可超過16383個字元,不區分英文大小寫,abc和ABC代表同一個名稱。名稱中間不能有句點.或空白,只能是英文字母、數字和底線。在宣告的有效範圍內需唯一。,3-2-4 VB.NET程式的基本撰寫規格-註解,程式註解是程式設計上很重要的部分,良
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 制作 彻底 研究
链接地址:https://www.31ppt.com/p-5466363.html