計概07-01網頁設計的原理與應用

網站(Website)	由網頁檔與相關多媒體檔案組成。
網頁 (web page)	建構網站的基本單位，網頁包含文字、圖片、超連結、動畫、音效等不同型態的內容。
首頁 (home page)	進入網站的第一個網頁。
網頁類型	資訊型	以提供資訊為導向，設計上注意介面親和力、資訊分類、階層架構、版面配置、頁面開啟速度。
	形象型	適合更新不頻繁的網頁，如：個人網頁，突顯形象特色，注重外觀設計、美感要求，不注重使用者介面的親和性。
	綜合型	設計重點在「如何有效傳遞資訊」與「形象設計」上取得平衡，須方便維護更新，如：公司企業的網頁。
網站建置的 流程	1.確定網站主題與資料蒐集 2.規劃網站架構與網頁內容 3.製作網頁 4.網頁上傳與測試 5.在入口網站登錄推廣 6.更新與維護
網頁設計的 原則	主題鮮明		以內容為主，版面美編為輔。
	形式風格統一		標題、圖片、文字段落的安排。
	導航清晰		建立超連結目錄表(網站地圖)。
	索引方便		搜尋引擎最佳化(Search Engine Optimization, SEO)，網頁分支要廣而淺，使用關鍵字。
	兼顧網路傳輸速度與美觀		使用低解析度影像。
	互動性佳		提供意見討論介面。
	良好的相容性		考量不同的硬體與軟體(不同瀏覽器的觀看效果)。
	經常更新與維護		內容的正確性。
工具軟體	網頁設計軟體		文字編輯器：記事本、MS Word、Notepad++、WordPad等。
			所見即所得：Adobe Dreamweaver、Expression Web、Kompozer、MS FrontPage、Namo WebEditor、Sharepoint Designer等。
			雲端網頁編輯：Google協作平台、Wix Website Builder。
	資料庫軟體		資料庫管理系統(Database Management System, DBMS)：MS Access、MySQL、MS SQL Server、OpenOffice.org Base、Oracle Database。
			結構化查詢語言(Structured Query Language, SQL)：關聯式資料庫的標準語言。
			網路資料庫系統：常見建置模式採三層：Client(用戶端)、Application(應用程式)、Database(資料庫)。
	動畫設計軟體		Adobe Flash、Gif Animator、MS Expression Blend、Namo FreeMotion、SWiSH MAX等。
	影像處理軟體		Adobe Photoshop、Corel、GIMP、PhotoImpact等。
	伺服器軟體 (Web Server)		Apache、Google Web Server、IIS等。
	內容管理系統(Content Management System, CMS)		開放原始碼的自由軟體(Free Software)：XOOPS、Joomla!、Drupal。
網頁設計的 技術	Flash		製作動畫物件(*.swf)，能與使用者產生互動，依據使用者動作決定動畫流程與結果，但檔案太大，下載費時，不利網頁瀏覽。
	GIF		壓縮式點陣圖檔，有良好的壓縮演算法，適合在網路流通，應用在icon。
	腳本語言(Script Language)		應用於網頁特效、互動式網頁、網頁遊戲。
	內嵌物件		HTML的<object>標籤 1.瀏覽器端執行：Java、JavaScript、VBScript、ActiveX、VRML。 2.伺服器端執行：PHP、CGI、ASP、JSP。
	VRML		虛擬實境建模語言(Virtual Reality Modeling Language)，3D立體。
	WAP		無線應用軟體協定(Wireless Application Protocol)，行動載具螢幕小，WAP版網頁內容會精簡。