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