Presentation is loading. Please wait.

Presentation is loading. Please wait.

科目:程式語言與設計 老師:蔣德威 本檔案可至以下網址下載: www1.chihlee.edu.tw/teachers/ctw/prog

Similar presentations


Presentation on theme: "科目:程式語言與設計 老師:蔣德威 本檔案可至以下網址下載: www1.chihlee.edu.tw/teachers/ctw/prog"— Presentation transcript:

1 科目:程式語言與設計 老師:蔣德威 本檔案可至以下網址下載: www1.chihlee.edu.tw/teachers/ctw/prog
如何在網頁中加入ASP.NET程式碼? 科目:程式語言與設計 老師:蔣德威 本檔案可至以下網址下載: www1.chihlee.edu.tw/teachers/ctw/prog

2 第一步 先利用Dreamweaver製作好網頁
設計好網頁主畫面 將網頁美化 美化一:設定頁面屬性:可設定網頁標準字體、背景顏色或背景圖片 美化二:插入圖片

3 啟動Dreamweaver 請按下開始鈕(以 Windows Vista 的工作環境為例), 執行『所有程式/Adobe Dreamweaver CS3』命令, 便可啟動 Dreamweaver 並看到歡迎畫面,你可以由此建立新網頁, 或是開啟現成的網頁檔案:

4 啟動Dreamweaver

5 Dreamweaver 的主畫面

6 美化一:設定頁面屬性

7 美化二:插入圖片

8 第二步 將網頁檔名存成*.aspx 原網頁檔名為default.htm 現在將檔名改存為default.aspx
如此,IIS才知網頁裏有程式碼

9 第三步 在網頁中加入程式碼 將Dreamweaver切換至程式碼檢視模式(請參考下張投影片)
在<Body>和</Body>間找一個合適的地方加入程式碼 程式碼長像為<% …..程式碼….. %>

10 程式碼檢視模式 切換到程式碼模式,以便輸入程式碼

11 程式碼範例一:自動顯示今天是星期幾 <HTML> <BODY> 今天是: <% Dim week Week = DatePart( DateInterval.Weekday, Now() ) Response.Write( WeekdayName(Week) ) %> </BODY> </HTML>

12 程式碼範例二:自動顯示今天是星期幾,外加字體顔色
<HTML> <BODY> 今天是: <% Dim Week Week = DatePart( DateInterval.Weekday, Now() ) If Week = 1 Then ' 星期日 Response.Write( "<FONT COLOR=Red>" ) ElseIf Week = 7 Then ' 星期六 Response.Write( "<FONT COLOR=Green>" ) Else Response.Write( "<FONT COLOR=Blue>" ) End If Response.Write( WeekdayName(Week) ) Response.Write( "</FONT>" ) %> </BODY> </HTML>

13 第四步 測試程式是否成功執行 打開本機IE瀏覽器 於網址列中輸入本機IP(忘記本機IP查詢法者,請參考下張投影片),看網頁是否正常顯示
例二:本機IP\default.aspx

14 如何查本機之 IP ? 於 [控制台] / [網路連線] / [區域連線] / [內容] / [TCP/IP]
於 [開始]/[執行] 中所使用的指令為 winipcfg  (Win 98) cmd ->  ipconfig (Win XP)


Download ppt "科目:程式語言與設計 老師:蔣德威 本檔案可至以下網址下載: www1.chihlee.edu.tw/teachers/ctw/prog"

Similar presentations


Ads by Google