Download presentation
Presentation is loading. Please wait.
1
伺服器端的動態網頁開發 南港高中 高慧君
2
基本概念 網站程式化 網站資料庫化 網站的內容是以程式來控制，可因人因時不同而產生不同的內容。
利用資料庫來儲存網站中的重要資訊，好處是只要更新資料庫，網頁上的資訊也會更新。
3
相關技術 三層式架構 使用者介面層 運算邏輯層 資料服務層 瀏覽器 如：IE或Firefox 網頁伺服器 如：IIS 資料庫
使用者介面層 運算邏輯層 資料服務層 瀏覽器 如：IE或Firefox 網頁伺服器 如：IIS 資料庫 如： Access http ODBC
4
全球資訊網 全球資訊網是以Client/Server的模式進行
5
HTML網頁 Hyper-Text Markup Language(超文件標籤語言)
超文件是一種非線性資料，可以相互連結，讓使用者針對特定目的查閱資料。例如：目錄或索引方便讀者便於做跳躍性、選擇性閱讀。 利用網頁中的「超連結」特性作非線性的閱讀。當按下超連結後，會被導引到另一個網頁或下載檔案。
6
HTML網頁 <html> <head> </head> <body>
<font color=red>歡迎光臨</font> </html>
7
HTML網頁 文字的排版 標籤：<font>….</font>
屬性：字型(face)、大小(size)、顏色(color) 範例： <font face=“” size=“20px” color=“blue”>文字的示範</font> 標籤：粗體<B>..</B> 斜體<I>…</I> 底線<U>…</U> 換行<BR>
8
HTML網頁 圖片的排版 標籤：<img>
屬性：檔案(src)、寬度(width)、 高度(height)、框線(border) 範例： <img src=“pic.gif” width=“200” height=“300” border=“0”>
9
HTML網頁 表格的排版 標籤：表格<table>…</table> 列<tr>…</tr> 儲存格<td>…</td> 範例： <table > <tr> <td>地區</td> <td>溫度</td> </tr> </table>
10
HTML網頁 超連結的設定 標籤：<a href=…>…</a> 範例： 以文字做為連結點
<a href=“小丸子.htm”>小丸子</a> 以圖片做為連結點 <a href=“雪人.htm”><img src=“snow.gif”></a>
11
ASP執行環境 微軟提供Internet Information Server(IIS) 作為網頁伺服器程式，而Active Server Pages(ASP)是在IIS中所能執行的伺服器端描述語言，由Server端執行後以 HTML傳回給Client端，其運作機制如下：
12
IIS網站伺服器架設 控制台→新增移除程式→新增移除Windows元件
13
ASP常用物件 Response 物件 在Server端處理的反應程序。 例如：response.write 回應一段文字
例如：response.redirect 跳到另一網頁
14
ASP常用物件 Request 物件 當使用者向Server要求資源，就會有互動。它可以從表單、伺服器、cookie等擷取資料。
例如：request(“name”)
15
ASP常用物件 Session物件 常駐的變數
Session物件會一直存在直到使用者閒置太久或其生命週期結束，例如：Session(“name”)
16
案例實作 以網址的方式傳入變數值
17
案例實作 使用文字檔的方式製作計數器
18
案例實作 由資料庫取得變數值。
19
案例實作 相簿索引頁製作
20
案例實作 相簿內容頁製作
Similar presentations
