网页设计课件.pptxVIP

教學專案一網頁設計概述【基本內容】講解網頁設計的相關術語及網站製作的基本流程【教學要求】使學生瞭解網站、網頁的相關知識，激發學生學習網頁設計的興趣一、萬維網及相關術語1、Internet互聯網前身為ARPANET,1984年原ARPANET分為軍用科研網與民用科研網兩部分，民用科研網經過發展演變為現在的Internet;

2、萬維網（WorldWideWeb）是Internet平臺上的一種資訊服務，將文本，聲音，動畫，以及各種媒體的表現形式有機融合在一起；3、HTML語言是網頁設計的標準語言，由一系列標誌組成；4、?流覽器與Web伺服器程式1993年NCSA（美國國家超級計算應用中心）開發出Mosaic流覽器;流覽器的主要功能是將HTML標誌解釋生成用戶端網頁資訊，例如IE，NAVIGATOR等;Web伺服器：網站運行的伺服器端程式，例如IIS等;5、WebSite網站是Internet上資訊存放的載體，包括Web網站伺服器配置和Web網站的網頁資訊兩部分；

首頁娛樂遊戲新聞Index.htm1.htm2.htm3.htm6、超級鏈接：網頁之間彼此連接關係；7．Webpage與HomepageWebpage:網站中的每一個資訊頁面，稱網頁；Homepage:訪問網站時流覽的第一個頁面，主頁例如：在main.htm中有如下的超級鏈接關係

11、超文本傳輸協議HTTP(HypertextTransferprotocol)萬維網中傳輸HTML檔時使用的協議;8、免費個人主頁空間Internet中提供存放用戶網頁的免費空間；9、免費功能變數名稱提供一種功能變數名稱的轉換服務，將虛擬的功能變數名稱指向一個實際存在的URL10、搜索引擎Intenet中提供搜索資訊功能的工具；例如：新浪、網易、搜狐、雅虎、263、3721、Google中文、21CN、中華網等；

12、URL（UnitormResourceLocator）統一資源定位符定位Intenet中存在的資源的識別字:Protocol：//Host.domain：portpath/filenameftp主機名稱端口號http網路資源路徑及檔案名稱mailto例如：ftp：///public/en.rarhttp：///index.htmmailto：XGZYLJJ@163.netfile：//private/pub/1.htmport號通常省略；

二、製作網站的基本流程1、規劃階段進行網站的整體規劃也就是組織網站的內容和設計其結構。網頁製作者在明確網頁製作的目的及要包括的內容之後，接下來就應該對網站進行規劃，以確保檔內容條理清楚、結構合理，這樣不僅可以很好地體現設計者的意圖，也將使網站可維護性與可擴展性增強。

2、製作階段網頁設計、測試、網頁上傳當網頁設計人員製作完所有網站頁面之後，需要對所設計的網頁進行審查和測試，測試內容包括功能性測試和完整性測試兩個方面。所謂功能性測試就是要保證網頁的可用性，達到最初的內容組織設計目標，實現所規定的功能，讀者可方便快速地尋找到所需的內容。完整性測試就是保證頁面內容顯示正確，鏈接準確，無差錯無遺漏。如果在測試過程中發現了錯誤，就要及時修改，在準確無誤後,方可正式在Internet上發佈。在進行功能性測試和完整性測試後，有的還需要掌握整個站點的結構以備日後的修改。

3、維護階段內容更新?4、網站發佈的途徑網頁設計好，必須把它發佈到互連網上，否則網站形象仍然不能展現出去。發佈的伺服器可以是遠程，也可以是本地，但必須支持ASP，因為動態程式是建立在ASP基礎上的。方法一：申請空間上傳方法二：建立自己的Web伺服器

5、網站製作的相關建議①多流覽，參考②聲音，動畫，顏色的和諧配合③交互性設計④創新意識?

6、網頁設計的相關軟體簡介Frontpage、Dreamweaver、Flash、Fireworks、Photoshop、Cool3D、VbScript、JavaScript、ASP、HTML等；FrontPageFrontPage是由Microsoft公司推出的新一代Web網頁製作工具。FrontPage使網頁製作者能夠更加方便、快捷地創建和發佈網頁，具有直觀的網頁製作和管理方法，簡化了大量工作。FrontPage介面與Word、PowerPoint等軟體的介面極為相似，為使用者帶來了極大的方便，Microsoft公司將FrontPage封裝入Office之中