Download - 如何在網頁中加入 ASP.NET 程式碼 ?
![Page 1: 如何在網頁中加入 ASP.NET 程式碼 ?](https://reader036.vdocuments.pub/reader036/viewer/2022081417/5681351e550346895d9c7e76/html5/thumbnails/1.jpg)
如何在網頁中加入ASP.NET 程式碼 ?
科目:程式語言與設計老師:蔣德威本檔案可至以下網址下載 :
www1.chihlee.edu.tw/teachers/ctw/prog
![Page 2: 如何在網頁中加入 ASP.NET 程式碼 ?](https://reader036.vdocuments.pub/reader036/viewer/2022081417/5681351e550346895d9c7e76/html5/thumbnails/2.jpg)
第一步 先利用 Dreamweaver 製作好網頁 設計好網頁主畫面 將網頁美化
美化一:設定頁面屬性:可設定網頁標準字體、背景顏色或背景圖片
美化二:插入圖片
![Page 3: 如何在網頁中加入 ASP.NET 程式碼 ?](https://reader036.vdocuments.pub/reader036/viewer/2022081417/5681351e550346895d9c7e76/html5/thumbnails/3.jpg)
啟動 Dreamweaver
請按下開始鈕 ( 以 Windows Vista 的工作環境為例 ), 執行『所有程式 /Adobe Dreamweaver CS3 』命令 , 便可啟動 Dreamweaver 並看到歡迎畫面 , 你可以由此建立新網頁 , 或是開啟現成的網頁檔案:
![Page 4: 如何在網頁中加入 ASP.NET 程式碼 ?](https://reader036.vdocuments.pub/reader036/viewer/2022081417/5681351e550346895d9c7e76/html5/thumbnails/4.jpg)
啟動 Dreamweaver
![Page 5: 如何在網頁中加入 ASP.NET 程式碼 ?](https://reader036.vdocuments.pub/reader036/viewer/2022081417/5681351e550346895d9c7e76/html5/thumbnails/5.jpg)
Dreamweaver 的主畫面
![Page 6: 如何在網頁中加入 ASP.NET 程式碼 ?](https://reader036.vdocuments.pub/reader036/viewer/2022081417/5681351e550346895d9c7e76/html5/thumbnails/6.jpg)
美化一:設定頁面屬性
![Page 7: 如何在網頁中加入 ASP.NET 程式碼 ?](https://reader036.vdocuments.pub/reader036/viewer/2022081417/5681351e550346895d9c7e76/html5/thumbnails/7.jpg)
美化二:插入圖片
![Page 8: 如何在網頁中加入 ASP.NET 程式碼 ?](https://reader036.vdocuments.pub/reader036/viewer/2022081417/5681351e550346895d9c7e76/html5/thumbnails/8.jpg)
第二步 將網頁檔名存成 *.aspx
原網頁檔名為 default.htm 現在將檔名改存為 default.aspx
如此, IIS 才知網頁裏有程式碼
![Page 9: 如何在網頁中加入 ASP.NET 程式碼 ?](https://reader036.vdocuments.pub/reader036/viewer/2022081417/5681351e550346895d9c7e76/html5/thumbnails/9.jpg)
第三步 在網頁中加入程式碼
將 Dreamweaver 切換至程式碼檢視模式(請參考下張投影片)
在 <Body> 和 </Body> 間找一個合適的地方加入程式碼 程式碼長像為 <% ….. 程式碼… .. %>
![Page 10: 如何在網頁中加入 ASP.NET 程式碼 ?](https://reader036.vdocuments.pub/reader036/viewer/2022081417/5681351e550346895d9c7e76/html5/thumbnails/10.jpg)
程式碼檢視模式
切換到程式碼模式,以便輸入程式碼
![Page 11: 如何在網頁中加入 ASP.NET 程式碼 ?](https://reader036.vdocuments.pub/reader036/viewer/2022081417/5681351e550346895d9c7e76/html5/thumbnails/11.jpg)
程式碼範例一:自動顯示今天是星期幾<HTML><BODY>今天是:<%Dim week Week = DatePart( DateInterval.Weekday, Now() )Response.Write( WeekdayName(Week) ) %></BODY></HTML>
![Page 12: 如何在網頁中加入 ASP.NET 程式碼 ?](https://reader036.vdocuments.pub/reader036/viewer/2022081417/5681351e550346895d9c7e76/html5/thumbnails/12.jpg)
程式碼範例二:自動顯示今天是星期幾,外加字體顔色<HTML><BODY>今天是:<%Dim WeekWeek = 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 IfResponse.Write( WeekdayName(Week) )Response.Write( "</FONT>" )%></BODY></HTML>
![Page 13: 如何在網頁中加入 ASP.NET 程式碼 ?](https://reader036.vdocuments.pub/reader036/viewer/2022081417/5681351e550346895d9c7e76/html5/thumbnails/13.jpg)
第四步 測試程式是否成功執行
打開本機 IE 瀏覽器 於網址列中輸入本機 IP( 忘記本機 IP 查詢法者,
請參考下張投影片 ) ,看網頁是否正常顯示 例一:本機 IP\ 例二:本機 IP\default.aspx
![Page 14: 如何在網頁中加入 ASP.NET 程式碼 ?](https://reader036.vdocuments.pub/reader036/viewer/2022081417/5681351e550346895d9c7e76/html5/thumbnails/14.jpg)
如何查本機之 IP ?
於 [ 控制台 ] / [ 網路連線 ] / [ 區域連線 ] / [ 內容 ] / [TCP/IP]
於 [ 開始 ]/[ 執行 ] 中所使用的指令為 winipcfg (Win 98) cmd -> ipconfig (Win XP)