伺服器端的動態網頁開發 南港高中 高慧君.

Slides:



Advertisements
Similar presentations
HyperText Markup Language
Advertisements

第六章 网页设计与制作基础.
ASP.NET 網頁製作教本 -- 從基本語法學起
第八章:网络应用制作技术 本章介绍网络各种应用中所涉及的基本概念和制作技术,包括HTML、网页的制作、Java、Java Script语言的初步基础,VRML语言的基本功能,以及网络环境下分布式数据库系统和客户服务体系的构造方法及技术。
Chapter 5 全球資訊網 5-1 World Wide Web 的誕生 5-2 使用Internet Explorer
第5章 HTML 標籤介紹.
佛山科学技术学院 第7章 HTML Internet及多媒体应用.
第8讲 HTML与PHP基础 静态网页 vs. 动态网页.
网页制作 第一讲
动态网页制作 第1章 HTML语言1.
第五章:JDBC与数据库 第一讲.
第七章 电子商务系统的运营与维护.
DREAMWEVAER MX 2004入门 楼斌 BBS ID:lou 生命科学学院
网站如何定制建设???.
网页 设计与制作.
第8章 CSS基础知识 【学习目标】 对于一个网页设计者来说,对HTML语言一定不感到陌生,因为它是网页制作的基础,但是如果希望网页能够美观、大方,并且升级维护方便,那么仅仅知道HTML还是不够的,还需要了解CSS。了解CSS基础知识,可以为后面的学习打下基础。 本章主要内容包括: 为什么在网页中加入CSS。
第五单元课1-3 层叠样式表.
模块1 网页设计基础 实训1 体验HTML文档 1.1 网页基础知识 1.2 网站配色方案 1.3 网站设计常用软件
使用HTML製作個人網頁 柴惠敏 台灣大學 物理治療學系.
第二部分 HTML语言控制 本次课的主要内容: 1、认识网页文件的结构 2、HEAD、TITLE、BODY等基本标记符的使用
HTML 語法教學 授課:彭穎聰 老師.
HTML簡介、文字的變化、超連結的使用 主講:朱漢琳.
CT212 (02/03)-Network Programming and design
第二章 網際網路網頁的設計.
HTML.
Ch03 VB.NET語法建立ASP.NET 網頁程式設計.
第五章 网页设计 网页制作的语言和工具 网页制作步骤和原则 使用Dreamweaver工具制作网页 使用FrontPage工具制作网页
ASP动态网页设计实用教程 主讲教师: 开课单位:.
网页制作 第五讲 Dreamweaver基础.
第3章 超文本标记语言(HTML) 3.1 基本结构标记 3.2 文本格式标记 3.3 超链接标记<A></A>
建國技術學院資訊管理學系 饒瑞佶 2004/7/5 彰化縣政府補助辦理網頁設計資料庫應用班 建國技術學院資訊管理學系 饒瑞佶 2004/7/5.
Ch1.認識全球資訊網 1.1 「網際網路」與「全球資訊網」 1.2 全球資訊網的基礎 – 網頁與超連結
湖北职院计科系.
DreamWeaver MX (II) 林偉川.
Chapter14 HTML簡介與簡易網頁製作
計算機概論 請老師填入姓名主講 課本:數位傳真2012 博碩文化出版發行.
HTML網頁設計 Chapter 建置網站的流程 16-2 從事網頁設計相關的程式語言 16-3 認識HTML語法
網路概念 APACHE PHP MYSQL HTML BY 董仔 08/01/14.
Ch.13 HTML網頁實作.
8 网页制作基础知识 赵国庆 博士 北京师范大学教育技术学院
R教學 安裝RStudio 羅琪老師.
ASP.NET基本設計與操作 建國科技大學 資管系 饒瑞佶 2007年.
網頁切換移轉 JS vs. ASP.NET.
網頁切換移轉 JS vs. ASP.NET.
主讲:陶建平 华中科技大学网络与计算中心
W3C标准网页制作 主讲教师:张 涛.
VS.NET 2003 IDE.
網頁程式設計 本章投影片錄自HTML5、CSS3、RWD、jQuery Mobile跨裝網頁設計 陳惠貞 著 碁峰資訊股份有限公司出版
Dreamweaver 8 潘雅真老師.
程式語言與邏輯 高慧君 台北市立南港高中 2006年12月22日.
HTML – 表格 資訊教育.
HTML – 超連結與圖片 資訊教育.
網頁程式概論 建國科技大學資管系 饒瑞佶 2015/9 V1 2016/4 V2 2016/9 V3.
表格(HTML – FORM).
期末考.
網站(web) 授課:方順展.
VS.NET 2003 IDE.
项目二:HTML语言基础.
進階網頁設計 電算中心 – 何建義.
HTML大探索.
表格(HTML – FORM)
ASP动态网页设计实用教程 主讲教师:贾海陶.
編輯網頁可用那些應用程式? 記事本 Word FrontPage Dreamweaver.
從HTML表格到CSS 靜宜大學 資管系 楊子青.
Dreamweaver 進階網頁製作 B 許天彰.
Brief Guide of FrontPage
多站台網路預約系統之 AJAX即時資料更新機制
第五章 自訂佈景主題與文字處理 講授者:詹雅愔.
科目:程式語言與設計 老師:蔣德威 本檔案可至以下網址下載: www1.chihlee.edu.tw/teachers/ctw/prog
教师:李金双 网页制作 教师:李金双
Presentation transcript:

伺服器端的動態網頁開發 南港高中 高慧君

基本概念 網站程式化 網站資料庫化 網站的內容是以程式來控制,可因人因時不同而產生不同的內容。 利用資料庫來儲存網站中的重要資訊,好處是只要更新資料庫,網頁上的資訊也會更新。

相關技術 三層式架構 使用者介面層 運算邏輯層 資料服務層 瀏覽器 如:IE或Firefox 網頁伺服器 如:IIS 資料庫 使用者介面層      運算邏輯層      資料服務層 瀏覽器 如:IE或Firefox 網頁伺服器 如:IIS 資料庫 如: Access http ODBC

全球資訊網 全球資訊網是以Client/Server的模式進行

HTML網頁 Hyper-Text Markup Language(超文件標籤語言) 超文件是一種非線性資料,可以相互連結,讓使用者針對特定目的查閱資料。例如:目錄或索引方便讀者便於做跳躍性、選擇性閱讀。 利用網頁中的「超連結」特性作非線性的閱讀。當按下超連結後,會被導引到另一個網頁或下載檔案。

HTML網頁 <html> <head> </head> <body> <font color=red>歡迎光臨</font> </html>

HTML網頁 文字的排版 標籤:<font>….</font> 屬性:字型(face)、大小(size)、顏色(color) 範例: <font face=“” size=“20px” color=“blue”>文字的示範</font> 標籤:粗體<B>..</B> 斜體<I>…</I> 底線<U>…</U> 換行<BR>

HTML網頁 圖片的排版 標籤:<img> 屬性:檔案(src)、寬度(width)、    高度(height)、框線(border) 範例: <img src=“pic.gif” width=“200” height=“300” border=“0”>

HTML網頁 表格的排版 標籤:表格<table>…</table>    列<tr>…</tr>    儲存格<td>…</td> 範例: <table > <tr> <td>地區</td> <td>溫度</td> </tr> </table>

HTML網頁 超連結的設定 標籤:<a href=…>…</a> 範例: 以文字做為連結點 <a href=“小丸子.htm”>小丸子</a> 以圖片做為連結點 <a href=“雪人.htm”><img src=“snow.gif”></a>

ASP執行環境 微軟提供Internet Information Server(IIS) 作為網頁伺服器程式,而Active Server Pages(ASP)是在IIS中所能執行的伺服器端描述語言,由Server端執行後以 HTML傳回給Client端,其運作機制如下:

IIS網站伺服器架設 控制台→新增移除程式→新增移除Windows元件

ASP常用物件 Response 物件 在Server端處理的反應程序。 例如:response.write 回應一段文字 例如:response.redirect 跳到另一網頁

ASP常用物件 Request 物件 當使用者向Server要求資源,就會有互動。它可以從表單、伺服器、cookie等擷取資料。 例如:request(“name”)

ASP常用物件 Session物件 常駐的變數 Session物件會一直存在直到使用者閒置太久或其生命週期結束,例如:Session(“name”)

案例實作 以網址的方式傳入變數值

案例實作 使用文字檔的方式製作計數器

案例實作 由資料庫取得變數值。

案例實作 相簿索引頁製作

案例實作 相簿內容頁製作