网页制作3.pptVIP

網頁製作 World Wide Web (WWW) It is a system of interlinked, hypertext documents that runs over the Internet 提供以文字、圖形、聲音、影像多媒體 (Multimedia) 等等動態的表達方式。 引用超連結 (Hyperlink) 的觀念，使用者可以用滑鼠按鈕或鍵盤按鍵操作，透過事先安排好的連結 (Link)，輕易取得進一步的資訊。 提供輸入介面，方便用來設計查詢表單、登記表格，或其它需要讀者輸入資料的文件。 與世界連結的廣大資料庫與強大的搜尋能力。 Based on Client-Server Model 名詞解釋 World Wide Web (WWW) 整合網際網路上的所有資源，並且透過瀏覽器提供存取資料的界面。 Web server 儲存各種資源(e.g. web pages)的伺服器，並提供http服務讓用戶能夠存取資源。 每個 Server 擁有一個 URL 讓使用者存取伺服器中的資源。 Web browser 一種用來從Web server下載網頁，並且讓使用者觀看的軟體(e.g. IE, Firefox, Netscape, Mozilla, Opera). Uniform Resources Locator (URL) 是網際網路的一個定址規則，可以通過它來定位任何遠端或本地的可用資源 。 Introduction to HTML HTML is a kind of markup language It contains pairs of starting tags and end tags. Each tag may contain several attributes. Introduction to HTML HTML tag：HTML…/HTML 宣告文件的開頭及結尾 HEAD tag：HEAD…/HEAD 文件的標頭(Header)部份 TITLE tag：TITLE…/TITLE 宣告本頁面的標題，會被顯示在瀏覽器的左上角 Body tag：BODY…/BODY Attributes Background figure：BACKGROUND=” URL of the figure” Background color：BGCOLOR=”#RGB”，R、G、B=00～FF Text Color：TEXT=”#RGB”，R、G、B=00～FF HyperLink Color：LINK=”#RGB”，R、G、B=00～FF Introduction to HTML HREF TAG Introduction to HTML HTML HEADTITLE我是標題/TITLE/HEAD BODY TEXT=#808080 LINK=#008000 VLINK=blue ALINK=yellow CenterThis is a test!!br a href=“.tw/~to my homepage/a /Center /BODY /HTML Introduction to HTML HTML BODY CENTER FONT SIZE=1一號字/FONTBR FONT SIZE =2二號字/FONTBR FONT SIZE =3三號字/FONTBR FONT SIZE =4四號字/FONTBR FONT SIZE =5五號字/FONTBR FONT SIZE =6六號字/FONTBR FONT SIZE =7七號字/FONTBR /CENTER /BODY /HTML Introduction to HTML HTML HEAD TITLE表格練習/TITLE /HEAD BODY TABLE BORDER=5TRTH標題一/THTH標題二/TH/TRTRTD第一格/TDTD第二格/TD/TRTRTD第三格/TDTD第四格/TD/TR /TABLE /BODY /HTML Introduction to HTML Introduction to HTML Other Functions Other HTML tags Marquee, etc. Other advanced techniques Cascading Style Sheet (CSS) JavaScript /w/index.php?title=JavaScriptvariant=zh-tw Java Applet Flash PHP, ASP, JSP, etc. 網頁設計原則 Three clicks to information principle 重要的資訊要擺在顯眼的位置 資料特效 任何一個Link都要有回去