第一篇：網頁設計名詞解釋

名詞解釋

激活窗口(active window)：在多個窗口環境，當前選中的窗口。鼠標的動作，命令和文本輸入都能對窗口中的內容產生作用。

動態GIF(animated GIF)：一個圖像文件，不斷地重新裝入略有不同的圖像建立卡通風格的動畫效果。

應用程序(application)：參看程序

升序排列(ascending)：一種從低到高排列一組項目的方法，例如從A到Z。

American Standard Code for Information Interchange(ASCII)：一種代碼組合，給文本和標點符號分配相應數值便于計算機的信息交換。

屬性(attribute)：頁面元素的特征。例如，文本屬性包括字體，大小，和顏色；框架屬性包括邊框大小，默認頁面顯示，和卷屏能力。

位圖(bitmap)(BMP)：位圖是位的集合，組成一個點的圖像或圖形的圖像。位圖使用BMP作為文件的擴展名，它是畫筆的默認文件類型。

樣板文本(boilerplate text)：簡單的文本，做很少或不做修改就能用到Web頁面上，從而節省時間。

書簽(bookmark):為了便于瀏覽和管理，可以在這個頁面中加入書簽，來查詢特定的信息。書簽是被選擇的文本、圖像或位置，該位置被標記為關聯名稱或你可快速移到的區域。

瀏覽器(browser)：參看Web瀏覽器。

項目(bullet)：一個標記，通常是一個圓圈或方點，經常用來增加強調的語氣或區分列表中的各項。

緩存(cache)：一個區域，為了快速訪問而暫時存放的Web文件的拷貝，既可在計算機的內存又可在硬盤驅動器。

層疊(cascade)：排列窗口，使激活的窗口在重疊的窗口的上面。

CD-ROM(Compact Disk Read-Only Memory)：利用激光技術存儲信息的盤。

單元格(cell)：在工作表和表格中的一個單獨的框。

居中(center)：一個文本隊列選項。段落中的每一行從中間向兩方延伸，在左右兩邊停在不同的點上。也可參看左對齊和右對齊。

頻道定義格式(Channel Definition Format)（CDF）：一種文件格式。能讓用戶經常訪問的FrontPage Web成為支持頻道定義的瀏覽器中的一個頻道。CDF的文件描述出在你的頻道上的訂戶所需的資源和下載升級信息到他們計算機上推薦的次數。

字符(character)：一個單獨的字母，數字，或與鍵或組合鍵一致的符號。每個字符有單獨的格式。

字符屬性(character attributes)：段落中被選中的字符所使用的已命名的字符設置，通常用來強調特殊的單詞和短語。字符屬性包括的效果如黑體，斜體和小帽。

復選框(check box)：表單中的一個區域，用戶可以在選項上進行選擇。典型的，用戶可以在表單的復選框中選擇一個以上的選項。

child Web：指定服務器上的任意Web，而不是root Web。

客戶端(client)：計算機上安裝的軟件,通過連接服務器來得到網絡資源。也可參看服務器。

客戶/服務器網絡(client-server network)：一組工作站連接到中心計算機或服務器上。

剪貼藝術(clip art)：在外部應用中創建的藝術，可被粘貼的文檔或簡報中。

剪貼板(clipboard)：計算機內存中臨時建立的區域，存放最后一組剪切或復制（例如文本或圖形）的信息。你使用粘貼命令從剪貼板中發送數據。剪貼板中的信息保存到你剪切或復制另一條信息。

列(column)：工作表或表格中的垂直區域。

列標題(column heading)：每一列頂部寫有字母的灰色區域用來識別列的字母，例如B列。

組件(component)：一個組件由一系列步驟組成，這一系列步驟由一個程序執行一個特殊的過程。組件是用一個程序語言特別寫成的，它能被正在使用的程序或平臺讀取；大多數FrontPage組件產生HTML。

下面的表格描述了不同的FrontPage組件。

組件

描述

注釋 在FrontPage Editor中為了個人參考在頁面上插入文本；當用一個Web瀏覽器觀看時文本不出現在頁面上。例如，你可以在頁面上放一個注釋來描述插入在頁面上的一個腳本的動作，但是你的讀者不會看到這個注釋。

確認字段 在一個確認頁面上插入一個報表字段的內容。

訪問計數器 插入一個記錄你的Web站點訪問者數字的數字字段。

包括頁面 當用一個Web瀏覽器觀看頁面時，在Web中插入另一個Web頁面的內容。插入HTML 防止插入的HTML被FrontPage檢查和修改。

頁面標題 在頁面上插入一個標題圖形，這個標題圖形是基于限定在導航結構中的頁面的名字

排定的圖像 插入一個圖像，使Web訪問者僅在特定期間看到它。

排定包含頁面 插入一個文件的內容，使Web訪問者僅在特定期間看到它。

替換 插入一個所選頁面或者一個可變Web配置的值。

確認頁面(confirmation page)：當一個表單提交后一個Web頁面顯示。這個確認頁面在表單處理者對話框中被說明。不同的表單可以使用同樣的確認頁面。如果你沒有說明一個確認頁面，FrontPage默認的產生一個。

控制面板(control panel)：在Windows 95或Windows NT中你用它來改變系統，硬件，軟件，和Windows的設置。

剪切(crop)：圖像被裁剪下來的部分。

默認(default)：當你沒有說明可供選擇的設置時，預先確定的設置將加入程序并使用。例如，除非你說明了一個不同的文本屬性，否則Web頁面將使用默認字體。

降序排列(descending)：從高到低排列一組選項的方法。如從Z到A。也可參看排序。

桌面(Desktop)：Windows 95或Windows NT的屏幕，表示你的工作區域。圖標，窗口和任務欄顯示在桌面上。

撥號連接(dial-up connection)：使用軟件，調制解調器，電話線連接異地的計算機和服務器。

下載(download)：從異地計算機向本地計算機發送文件，例如從Internet上拷貝一個文件到你的硬盤上。

Domain Name Service(DNS)：一種轉換，能把數字的Internet地址轉換為它們的文字的層次的同等地址，或相反。

下拉列表(drop-down list)：只有一行的文本框包括一個向下的箭頭，用戶通過單擊它顯示選擇列表。

電子郵件(e-mail)：使用遠程通信或網絡服務在不同計算機之間傳送記錄，信息或文件。也可參看electronic mail。

導出(export)：將文件轉換為其他格式的過程。也可參看導入。

域(field)：表格或表單中的一個區域，用來輸入或查看說明信息。

防火墻(fire wall)：一種保護網絡的方法。使受保護的網絡在被外部網絡訪問時，可以阻止那些不受歡迎的訪問。

字體(font)：一系列類型樣式包括不同的效果，例如黑體和斜體，和不同的類型尺寸用于格式化文本。也可參看樣式。

表單(form)：一個結構化的文件，用于收集和發布信息。具有互動性的表單是在Internet或Intranet(企業內部網）上交換信息和進行商業經營最普遍的辦法。表單為輸入和搜集大量數據，例如工作申請、時間表、稅收，提供了一個有條理的結構。

框架(frame)：在Web頁面中能被其他頁面瀏覽的部分，也可參看目標框架。

框架集(frameset)：定義頁面中一組框架，這組框架也能被其他頁面顯示。

FrontPage Editor：FrontPage程序，用來創建，編輯和測試Web頁面。

FrontPage Explorer：FrontPage程序，用來查看Web結構。

FrontPage Server Extension：服務器擴展，支持FrontPage和Microsoft個人Web服務器的程序和副本。你發布FrontPage Web站點的服務器必須安裝FrontPage Server Extension。也可參看程序、副本和Web服務器。

Graphics Interchange Format（GIF）：在Internet上通常使用的圖像文件格式。GIF最好用于沒有顏色的圖像，例如，卡通或素描。GIF是壓縮的位圖。也可參看位圖；JPEG。

主頁(home page)：Web站點中的第一頁，作為Web站點的入口。也可參看開始頁。

熱區(hotspot)：一個超鏈接包含更大的圖形或圖像映射。也可參看超鏈接；圖像映射。

動態按鈕(hover botton)：Web頁面上的一個按鈕，當鼠標放在按鈕上時或單擊按鈕時頁面將有變化。

HTML（Hypertext Markup Language）：一系列規則用于格式化World Wide Web頁面。HTML包括說明文本屬性的方法，圖的放置，鏈接等等。一個Web瀏覽器，例如Internet Explorer,適用于瀏覽HTML文件。

盡管Web頁面顯示為包含文本，圖片或動畫元素的文件，但實際上都是由特殊的HTML語言碼或標識符構成的文本文件。這些內碼或標識符告訴瀏覽器如何顯示Web頁面上的文本，圖片和動畫文件。HTML標識符在瀏覽器中是不可見的；但是，頁面上的文本和圖像是可見的。任何在Web頁面中見到的圖片，聲音或動畫元素都是相互獨立的文件。這些文件的名稱，以及有關如何打開該文件，如何下載該文件和應把該文件放到Web頁面什么地方的信息，都由HTML標識符提供。當瀏覽器遇到HTML標識符時，按其要求將圖片，聲音或動畫元素拷貝或下載到計算機上。

超文本鏈接(hyperlink)：通常也叫做超鏈接，或簡單的叫做鏈接。鏈接給出了一個Web個頁面之間的相互聯系情況，而且使Web保持動態的特性和不斷更新的特性。

鏈接是由特殊的高亮文本或一個圖像映射（例如一個圖畫、徽標、或像片）組成。在鏈接后面起作用的是HTML代碼，它為Web瀏覽器提供了一個URL（統一資源定位器），而這個URL則被用作Web上的目標地址。當訪問者單擊一個這樣的鏈接時，他的瀏覽器就會跳到這個目標地址。

鏈接有三種不同的類型：

內部鏈接：把同一個Web中的各個頁面連接起來。

書簽式鏈接：把Web的頁面與其自身上的一個位置連接起來，或者把它與同一個Web中的其它頁面上的指定位置連接起來（不僅是連接到該頁面的起始位置）。

外部鏈接：把Web中的一個頁面與其它位置上的頁面鏈接起來，此頁面可能位于頁的協議。HTTP URL符合基本的URL形式，如：http：//

文件（file）：用于索引本地盤上的文件，換句話說，它們引用瀏覽器所在系統上的文件。對本地文件，文件URL采用下列兩種方式之一：第一部分是空主機名（有3個而非2個斜杠），或用local host作主機名。如：file：///dir1/dir2/file，file：//localhost/dir1/dir2/file。

Mailto：Mailto URL用于發送電子郵件。如果瀏覽器支持Mailto URL，當包含Mailto URL的某一鏈接被選中時，瀏覽器將提示你輸入郵件的標題和信件內容，并在輸入完畢后發送到相應的地址。某些瀏覽器不支持Mailto，并將在選擇了與Mailto URL相連的鏈接時出錯。Mailto與標準形式的URL不一樣，而是：mailto：internet_email_address，如：mailto：lemay@lne.com。

Gopher：Gopher URL使用標準URL文件格式中直到包含了主機名的那一項。之后，使用特殊的Gopher協議將此路徑編碼并指向某特定文件。不象HTTP和FTP URL，Gopher使用了不同的目錄名指示方式，但過于復雜。多數情況下你可用Gopher URL指向一個Gopher服務器，這樣做是比較容易的，這種類型的URL如下：gopher：//gother.myhost.com/。

Usenet：Usenet news URL有兩種格式：news：name_of_newsgroup和news：message-id。第一種格式用于閱讀整個新聞區，如果瀏覽器支持（直接或通過新聞閱讀器支持）Usenet news URL，它將提供該新聞組中所有可讀文章的列表。第二種格式則可以獲取某篇特定的文章。每篇文章都有一個唯一的標識（ID），稱為消息標識，標識是這樣的：〈lemayCt76Jq.CwG@netcom.com〉。要在URL使用消息標識，去掉尖括號并包含news：字段：news：lemayCt76Jq.CwG@netcom.com。

病毒(virus)：一個能依附于在內存和硬盤上的程序，并從一個程序傳播到另一個。病毒能破壞數據，導致計算機崩潰，顯示令人討厭和迷惑的信息。通常處于休眠狀態直到被激活。

Virtual Reality Markup Language(VRML)：在World Wide Web上，程序員用來營造虛擬現實環境的語言。你使用Web瀏覽器如Microsoft Internet Explorer可以查看VRML文件。

Web地址(Web address)：到某一項如對象，文件，或Web頁面的路徑。地址可以是一個URL（到一個Internet站點的地址），一個路徑和文件名稱，或是一個路徑（在本地網絡上文件的地址）。也可參看URL。

Web瀏覽器(Web browser)：為World Wide Web顯示和解釋文件格式的軟件。例如HTML文件，圖形或多媒體文件。

Web頁面(Web page)：Web上的一個文件，HTML格式。Web頁面通常包括從一頁到另一頁或從一個位置到另一個位置的鏈接。也可參看超鏈接。

Web Presence Provider：提供存儲Web站點空間的ISP。也可參看Internet Access Provider；Internet Service Provider。

Web服務器(Web server)：一個程序告訴網絡服務器如何處理不同計算機和操作系統之間的文件請求和文件傳送。

Web站點(Web site)：在同一位置的Web頁面的集合。網絡管理員(webmaster)：對Web站點進行維護和更新的人。

Windows資源管理器：顯示文件夾的層次列表和文件夾中文件列表的程序。

向導(wizard)：一種幫助你完成復雜任務的工具，向你提問并根據你所做的回答執行任務。

以下表格介紹了Web向導和頁面向導：

Web向導

用途

Corporate Presence 在一個小時內而不是在幾周的時間內創建一個代表公司面貌的專業Web。

Discussion Group 創建一個思路論述組，包括一個全文本搜索器。

Import Web 允許從另外的Web服務器上導入一個Web，這個Web可以不是FrontPage Web。

頁面向導

用途

Database Connector Wizard 創建一個Internet Database Connector（IDC）文件，指定它怎樣同一個數據庫相連接，并解釋從此數據庫中得到的結果。

Form Page Wizard 通過指定需要收集的信息，創建一個表頁。

Frames Wizard 通過指定框架的版面和所希望使用的選項來創建一個框架Web。

Personal HomePage Wizard 創建一個私人的、定制的、滿足自己需要的Web。

World Wide Web(WWW)：WWW也稱為全球網或萬維網。Internet分為幾個部分。World Wide Web就是其中之一。所有的Internet系統都包括內含文字信息的文件，然而只有在WWW上有圖像，聲音和動畫。這種性能提供了多媒體格式的資料，結合了圖片，聲音，影像和動畫，使得WWW成為了Internet上最流行和活潑的部分。瀏覽器方面的發展，如Microspft Internet Explorer 4.0，也使得World Wide Web與其它媒體的關系更密切了。

所見即所得(WYSIWYG)：在編輯過程中顯示建立中的文件與最終展示給用戶的一樣。

上一頁

下一頁

------------------牛津劍橋多媒體制作 Copyright ? 1998 牛津劍橋多媒體 All rights reserved.

第二篇：網頁設計名詞解釋

協議：事先約定或定義的一組精確的規定所交換數據的格式和傳輸方法的規則，即計算機在交換信息時都要遵守的表達方式 標記型網頁自作工具：是指創建的網頁文件在編輯過程中最后只能看到頁面的原代碼,，而需要轉到瀏覽器中才能看到 ：是全球最大的 開放的 有眾多的網絡相互連接而成的計算機互聯網 是一個運行在INTERNET上的交互的 動態的 分布式的 高度集成的超文本信息系統 下載：是指為了能夠方便處理 客戶機把文件從服務器上復制到本地的過程

統一資源定位器的英文縮寫 是一個提供在全球廣域網上的站點或資源的INTERNET位置字符串 與此被訪問的站點或資源所協議在一起 網頁：WEB站點中使用HTML編寫而成的單位文檔 是WEB中的信息載體

主要作用在于在客戶端與服務器之間的交互 通信 負責下載 顯示頁面 所見即所得型網頁制作工具：是指創作的網頁文件在編輯過程中的顯示與文件最終在瀏覽器中顯示的效果是一樣的用戶不需要接觸HTML源代碼就可以做出需要的頁面

HTML：超文本標記語言 是創建網頁時使用的語言

為互聯網中的每一個網絡和每一個主機都分配一個地址 域名：為了解決IP地址不便于記憶這個問題 同時也為了便于網絡管理的分層和分配 自1984年起在互聯網上采用了一種字符型的地址標識 INTERNET上的一種電子信息服務系統 硬件協議：定義了硬件如何運作以及協同工作等問題 網站的鏈接結構：是指網頁之間相互鏈接的結構 它建立在目錄結構基礎之上 可以跨越目錄甚至主機 網站的風格：整個網站所采用的結構布局 色調 文字 標志 圖案等腰素帶給瀏覽者的關于該網站的印象 信息看板：WEB站點中為訪問者提供的各種最新的信息集合 樹形鏈接結構：類似DOS的目錄結構 首頁鏈接指向一級頁面 一級頁面鏈接指向二級頁面 網站的層次：是指整個站點各個層次之間的結構關系 色相：是顏色的基本屬性 反映顏色的原貌 通過色相 人們才能區分種種彩色 飽和度：也叫純度 指顏色的純潔程度造型：就是創造出來的物體形象 加色原理：所有的色彩都可以通過三原色調配出來 只要對紅 綠 藍三種基色的含量進行配比 就可調制出其他的顏色

意思是通過視覺來統一企業的形象 頁腳：在頁面的最下方的一塊空間 頁眉：定義頁面的主題 重心平衡：頁面重心所反映的網頁上各種元素分布的協調程度 像素：是組成位圖圖像的最小單位 具有特定位置和顏色的像素就組成了色彩斑斕 五彩繽紛的圖像 圖像分辨率：圖像中美單位長度含有像素數目 通常用像素/英寸表示 表單：就是網頁中站點服務器處理的一組數據輸入域 框架：是一個由框架網頁所定義的瀏覽器視窗區域 它通過框架網頁實現 超級鏈接：是指從一個網頁指向另一個目的端的鏈接 是從文本 圖片或圖形或圖像映射到全球廣域網上網頁或文件的指針

標記：HTML中用來標識網頁元素的類型 格式和外觀的文本字符串 服務器端圖像地圖：一個傳遞鼠標光標到服務器上CGI處理程序的圖像映射 屬性：是HTML標記的一個額外部分 它包含有關此標記自身的選項或其他信息 絕對路徑：從目錄層次的最頂層開始一直向下通過所有中間層的目錄直至到達對應文件 即書中所講的書簽 是自頁面內部可以鏈接到得特殊的地方通過它鏈接可以直接跳轉到那些特殊的地方而不是僅僅跳到頁面的頂部

動畫等等的技術 它是一種通過各種技術的綜合發展而得以實現 的概念 HTML文檔定義了一個與平臺無關的程序接口 ：是由全球廣域網協會所發展出來的HTML的規范表 可使WEB網頁的制作者將樣式表附加到HTML文檔上 靜態聯編：是指程序語言的各種對象和庫的引用必須在編譯時進行 以使編譯器能夠實現強類型檢查 動態聯編：是指程序語言的各種對象和庫的引用在運行時再進行檢查 如不經運行就無法實現對象引用的檢查 函數：是一系列指令的集合 是對反復使用或可能重用的行為的抽象 從本質來看 函數是存放代碼的代碼段 事件驅動：指當預先定義的重要事件發生時 控制權由程序的一部分轉移到另一部分的過程 腳本語言：是一種解釋性的語言 它不需要編譯即可運行 它是一種類似一連串命令的文本文件 當瀏覽器讀入腳本時 它將根據腳本的命令程序來執行 對象：是一種組織數據的方法以及與數據相關的操作 選擇符：在層疊樣式表的樣式中 把HTML組件連接到一個樣式內容和值的特定組合 內聯式樣式單：它利用現有的HTML標記 把特殊的樣式加入到那些由標記控制的信息中 貼層：是用于更精確的定位頁面元素的一種CSS屬性 它把網頁想象為一個平面 具有貼層屬性的元素就像一個貼層浮在網頁之上 三維方向的位置都是可以控制的CSS中把HTML中以《標記》。。。《/標記》的部分稱為BOX 嵌入式樣式單：嵌入到HTML文件的頭部中去<和標記之間的標記之間> 使用標記裝載 外部式樣式單：是一種保存在外部的樣式單文件 外部文件以CSS為擴展名 偽類和偽元素：是特殊的類和元素 能自動的被支持CSS的瀏覽器所識別 關聯選擇符：是一個用空格隔開的兩個的或多個的單一選擇符組成的字符串 站點：是一個各種媒體的集合的抽象概念 有時也被翻譯為“站臺” 主題：是一套經過許多專業網站設計人員設計的圖形 色彩 字體的組合 可以用來對網頁進行修飾 增強網頁的視覺效果 熱區：在客戶端圖像地圖上所指定設置的一片區域 并為這片區域設置了相應的超級鏈接 網頁動態效果：在FrontPage內增加文檔與對象的演示稿效果可以利用DHTML效果工具欄添加效果到網頁元素內 且不需要任何編程 向導：是被嵌入在程序中的一種程序 可以被用來與用戶不斷交互 最后依用戶在向導的輸入窗格中所做的選項來創建完成用戶需要完成的事情 模板：指一類特殊文檔 可提供構造最終文檔的基本工具 屬性檢查器：用于查看和更改所選對象或文本的各種屬性 每種對象都具有不同的屬性 面板組：是分組在某個標題下面的相關面板的集合 鼠標經過圖像：是當站點的訪問者用鼠標指針指向該圖像時發生變化的圖像 活效果：是指在對象的效果改變之后 仍然保存著路徑的可編輯特性

選擇導出設置：是指在指定的范圍內查找和替換指定特征的圖形和文字 包括字體 顏色 大小 內容 紋理 填充等 使項目清單面板上所列的文件中與之匹配的部分批更新 并將更新后的文件批量導出 合并圖像形成動畫：就是將一系列圖片按序排列生成不同的幀而形成動畫 不過這種排列完全是程序自動執行的 免去了大量的手工操作 鋼筆工具：可以幫助您繪制路徑 一條路徑是由曲線連接起來的多個節點 而每個節點的兩側各有一個句柄 用來控制此節點兩旁的曲線方向 您可以通過修改節點和句柄的方向或長短來修改整條曲線的形狀 是美國Macromedia公司于1999年6月推出的優秀網頁動畫設計軟件 它是一種交互式動畫設計工具 用它可以將音樂 聲效 動畫以及富有新意的界面融合在一起 以制作出高品質的網頁動態效果 時間軸：是Flash中最重要的工具之一 用它可以查看每一幀的情況 調整動畫播放的速度 安排幀與幀之間的關系 從而實現不同效果的動畫 圖層：是所有圖形圖像軟件當中必須具備的內容 是我們用來合成和控制元素疊放次序的工具 筆刷工具：是一種可以在畫面上繪制出具有一定筆觸效果的特殊填充工具

1》在一般術語中是指安裝了服務器軟件并使用INTERNET協議響應基于TCP/IP協議的網絡上WEBK客戶請求計算機《2》也可指一個基于服務器/客戶機構架的應用程序 其作用是響應客戶端的瀏覽器程序所發出的請求

是一個在Windows平臺下運行的Web服務器 其目的主要在于便于調試網頁和在局域網中的基于網頁的信息發布 虛擬主機：是使用特殊的軟硬件技術 把一臺運行在因特網上的服務器主機分成多臺虛擬的主機 每一臺主機都具有獨立的域名和IP地址 具有完整的INTERNET服務器功能 虛擬主機之間完全獨立 并可由用戶自行管理 在WEB上看 每臺虛擬主機和一臺獨立的主機完全一樣 ：為每千播放次數成本 以廣告圖形被瀏覽者LOAD1000次為基準的網絡廣告收費 模式 ：為每千次點擊成本 與CPM類似 也是千次成本計算單位 以廣告圖形被點擊并連接到相關網址或詳細內容頁面1000次為基準的網絡廣告收費模式

WEB服務器上定義的一套WEB客戶請求與應答的方法

UNIX“是一個都用戶 多任務的操作系統 以許多形式存在和實現 一般用在專用的計算機工作站上

國際上定義電子文件結構和內容描述的標準 “結構良好的”規則：XML文檔的結構是按其標記集的語法規則進行控制的 SGML標準的網絡信息描述語言 能夠使用戶自己根據文檔的結構來創建自己的DTD 從而使XML能夠脫離固定標記而表述數據的含義

XML書寫的文件 包含了對一種文件的正式定義 定義了文件中的元素能用什么名字 能放在什么位置 應該怎樣組合等定義 XML文檔的顯示 XSL樣式表可以是內聯的或一個獨立文件 ：MathML是由W3C的Math工作組開發的用XML編寫的格式語言 它提供了兩套標記集 一套用于描述數據 另一套用于解釋數學表達的含義 ：是XML的鏈接語言 它與HTML的鏈接相似 但功能更強大 它支持可擴展的鏈接和多方向的鏈接 ：是XML的一個具體應用 它針對WEB上的媒體調度的語言設計

XLink：XML連接語言：XML連接語言允許將元素插入XML文檔中 以創建XML資源自間的鏈接

XML指針語言：XML指針語言支持對XML文檔內部結構的尋址 例如元素 屬性和內容

第三篇：網頁設計說明書

網 站 設 計 說 明 書

一、設計理念

本網站定位 本身是用于展示個人作品的一個平臺頁面系統。在展示之余也有推銷網站 建設之功效....頁面主要以 深紅色調風格為主,站點分為有 首頁簡介、關于我的作品、經典作品展示、與我聯系方式等 各個方面子頁面.本站頁面主要展示的是本人在暑假實習公司開發的一些 作品...整體頁面使用到了 CSS 層樣式技術。

二、設計流程

網站主要以自己喜愛的東西而制作，并根據,相應要求 到網上尋找相應的 圖片素材 以及 應用到 PS 圖片設計結束.最后 應用 HTML 網站設計技術 使用 DIV+CSS 進行頁面布局的定位設計.三、使用的工具與技術

網頁制作工具 : Dreamweaver CS5 多媒體設計制作工具:Photoshop 應用到的設計技術： HTML、CSS.四、網站設計說明

網站名稱: 夢幻部落-作品展示廳 整體形象設計包括標準字、Logo、標準色彩、廣告語等.首頁作為網站的形象頁，作為網站的歡迎頁面，引入的元素大致有網站名稱、LOGO、形象圖片、宣傳文字、欄目導航等要素,是彰顯網站整體風格的重要頁面, 并結合 FLASH 動畫來展示.網站形象頁的設計突出..展示為主題，通過文字、形象、圖片的巧妙烘托，令頁面富有 層次感，達到賞心悅目的效果。

五、頁面結構布局

(1)、首頁布局、網站 Logo 幻燈片展示切換 頁面鏈接 站點介紹 頁面介紹 在線聯系方式 頁面底部

(2)、站長個人簡介頁面、網站 Logo 幻燈片展示切換 頁面鏈接 個人簡介 內容 更多鏈接 頁面底部

(3)、作品展示頁面、網站 Logo 幻燈片展示切換 頁面鏈接 作品展示 欄 頁面底部

(4)、聯系方式頁面、網站 Logo 幻燈片展示切換 頁面鏈接 聯系 提交 表單 其他聯系方式 網站建設 套餐 頁面底部

第四篇：網頁設計要點

1、頁面布局的概念包括哪些內容？

答：頁面布局的概念包括：頁面尺寸、整體造型、頁眉、文體、頁腳、圖片、多媒體。

2、圖像抖動是什么？

答：圖像抖動偽造了那些在顏色有限的調色板中不能顯示出來的顏色；在視覺上，近鄰像素傾向于混合而產生在圖像中實際不存在的顏色，從而達到一種補償目的?！岸秳印钡膱D像有很多顆粒，顯得圖像非常粗糙。

3、運用色塊制作網頁時需要掌握的要點有哪些？ 答：（1）冷暖色調在均勻使用時不宜靠近，如果必須時，應當使用中間色（白色或黑色分隔過渡，在對稱色塊構圖中更應該注意。

（2）純度接近同的兩種顏色也不宜放在一起，如亮紅和亮綠。顏色太純，對眼睛有強烈刺激，容易造成眼睛疲勞，應降低其中一種顏色的純度，可以選擇在亮色中加入其它顏色用以平衡的方法，如可以使用墨綠配亮紅色，這樣焦點滯留在紅色上，綠色也不會干擾視線。

（3）整個頁面中最好有一個主色調，否則整個頁面就顯得零亂。在制作非對稱色塊網頁和漸變色網頁時，這是一個原則。

4、論述網頁頁面布局的方法有哪些？

答：在進行網頁布局時，需要有一片空白的空間供創作人員自由發揮，主要可以通過兩種工具來進行創作，第一種工具是紙，在一張白紙上進行布局構思；第二種工具是計算機通過某些軟件來進行網頁布局構思，如Photoshop

5、試比較GIF格式與JPEG格式的原理與各自適用的范圍。答：有一個非常簡單的原則來判斷應該采用哪種文件存儲格式：如果是自己設計的線條簡單、色彩種類比較少的圖形，或者是制作透明圖形、制作動畫，那么就用GIF格式。因為GIF文件能夠做動畫，而且它的壓縮算法是通過精簡色彩集來實現的；如果需要在網頁上放置一張照片，或者是處理過的照片，那么就使用JPEG文件格式，因為JPEG的壓縮算法對包含有復雜的顏色的圖片很有效。

在GIF格式中最多允許有256色，而JPEG則沒有這個限制，且可以顯示所有的RGB顏色。RGB顏色在一般的個人電腦上可以從000000~FFFFFF，也就是所謂的24位真彩色，它共有256*256*256=16777216種不同的色彩。而GIF的顏色只用8位表示，所以其色彩范圍為00~FF，只能顯示256種顏色。在使用彩色照片時，由于彩色照片屬于連續色調的圖像，因此它所包含的顏色數目一般遠遠大于256色。如果把它保存為GIF格式的文件，將不能把這些顏色都顯示出來。GIF的原理是先為所有的顏色建立一個索引，然后選擇其中256種最常見的顏色進行顯示，因此GIF用來處理高清晰度照片是不合適的。

如果顏色數目少于`256色，保存為真彩色的圖像就會造成浪費，因為在保存為真彩色JPEG的過程中，對每一個象素點，都要建立顏色信息，這樣就會有大量的顏色信息是重復的，圖片文件自然就會增大了。而GIF與JPEG不同，如前面所述，他首先在GIF文件頭部建立一個顏色索引表，然后僅僅保存各象素點對應的顏色索引號。當軟件在顯示這個文件時，首先要對GIF圖像進行解碼，就會按照索引號在表中尋找對應的顏色。因此在保存簡單顏色的圖像時，GIF大量采用索引，就比JPEG直接存儲各點的顏色信息節省很多。

6、PHOTOSHOP向量圖的優點和缺點有哪些？ 答：優點主要有：與分辨率無關，用戶可以對圖形進行任意放大或縮小，而不會影響它的清晰度和光滑性；便于修改，通過調整其控制點位置，可輕松修改其形狀。

向量圖的缺點有：不易制作色彩豐富的圖像，而且繪制出來的圖像也很不逼真。

7、網站設計中應注意的幾個方面（通用規則）

答：網頁設計需要遵從一定的通用規則，必須按照一定的規劃、想法來實施。網頁設計的原則不僅體現在網頁的風格、層次構思和網頁的頁面構思中，還包括更多更廣的設計思想。網頁設計不應該從設計者本身出發，而必須要從訪問者的角度來思考問題。共有八個問題要注意：（1）網站設計目的決定設計方案。在設計一個網站之前，應當有一定的目的性。比如制作個人網頁主要是為了宣傳自己或者自娛自樂，而公司的網頁就不僅僅在于宣傳，更多的時候則是提供自己的商務信息并與客戶進行商務活動，有些商業網站則提供有特色的服務，比如搜索引擎。因此在網頁的設計方案中，個人網頁的內容往往由與個人有關的方面組成，包括自我介紹，個人愛好，個人收藏等。

（2）瀏覽者的需求第一位。

（3）頁面的有效性

（4）頁面布局的保持統一性。

頁面布局往往能顯示一個網站的統一性，如使用同樣的背景。

（5）使用表格和適當的幀結構來設計網頁。

使用表格往往可以合理安排許多網頁元素，實現圖文混排的效果。

（6）謹慎使用圖片。

（7）平面設計意識。

（8）減少Java Applet和其它多媒體的使用。

8、論述規劃目錄結構時應當遵循的原則 答：（1）不要將所有文件都存放在根目錄下；

（2）按欄目內容分別建立子目錄；

（3）在每個主目錄下都建立獨立的images目錄；

（4）目錄的層次不要太深；

（5）切忌使用中文目錄；

（6）不要使用過長文件名的目錄；

（7）盡量使用意義明確的目錄。

9、商業站點的風格特征有哪些？ 答：商業公司站點由于其目的與個人站點以及非盈利性的組織完全不一樣，因此它的站點風格也與其他兩類站點的風格完全不一樣。主要體現在以下幾個方面：

（1）公司徽標或商標應當出現在頁面最上方，盡可能做到色彩醒目，同時占用版面小。（2）可以采用主題圖形產品廣告來突出公司形象與風格。主題圖形或產品廣告應精心設計，給瀏覽者以良好的第一映像。

（3）主要欄目一般采用圖文并茂的超級鏈接實現，要考慮到主要欄目圖片、文字間的色彩配合，同時要和主題圖形相互襯托，主題圖形如果較大，則欄目必須縮小。

（4）不要把主題欄目和次要欄目都顯示在同一個頁面上?？梢酝ㄟ^站點組織圖表示網站的結構布局，或者采用Java Script來生成可以展開的“目錄樹”。（5）商業欄目一般都有固定的欄目頁面，如Support（技術支持）、Service（服務）、About Us（關于公司）等。這些欄目不是網站的主要欄目，不需要采用很醒目的方式出現，但是它們應為于比較方便用戶單擊的位置，可以采用出現在網頁頂端（或者底端）的細長的導航條的方式。

（6）必須建立站內搜索引擎，以方便瀏覽者在站內查找所需要的信息。

10、非商業組織網站的風格有哪些？ 答：（1）強調頁面的主色調。

（2）主題圖形要求反映單位的風采，設計應有創意、有內涵、莊重中不乏活潑。

（3）超級鏈接的分類一定要清晰，可采用圖形，必要時可建立站內搜索引擎。

（4）信息查看板很重要，因為非商業組織的網站更新不如商業網站頻繁，始終如一的畫面顯得枯燥，所以經常去更新信息查看板，將增加訪問者的訪問興趣。放置信息查看板主要方法有兩種方法，一是在主頁直接放置信息查看板，二是當頁面上主題圖形小，超級鏈接也不多的情況下不宜把信息查看板放在主頁，可以在主頁上增加一個快速進入信息查看板的超級鏈接。

11、簡述站點的層次和典型的站點結構

答：為了合理組織整個站點中的所有內容，便于訪問者查找和瀏覽，一般來說站點都把自身的內容分為多個層次，每個層次逐漸遞進，最后達到最詳細的內容。網站的層次正是指整個站點各個層次之間的結構關系。大部分網站制作的初學者不重視這種層次規劃，以至于網頁風格不統一，在網頁導航上也出現了很多問題。按照專業網頁設計流程，制作網頁前應先設計好導航條，即需要事先規劃好網頁的層次結構。

無論是復雜的商業網站還是簡單的個人網站，在網頁的層次結構上都存在一些共同點，即任何一個網站均可以用三級結構實現，也就是“首頁——欄目頁——文章頁”或“一級頁面——二級頁面——三級頁面”結構。制作好這三級結構，就能制作好其他類型的結構，因為任何網站都是以這三級結構為基礎并在這個基礎上擴張，站點的各級結構各有特點。

目前互聯網上制作首頁大多采用大主題圖形配以少量文字介紹的方法，除了大型的共眾網站外，其他的站點都不必采用制作大量超級鏈接的做法。對于目前的商業網站和個人網站來說這條原則都是適用的。因此，主頁的制作將主要是主題圖形的制作以及頁面構圖

二級頁面是每個欄目的起始頁，該頁面應有與該欄目相對應的主題圖形，相對于整個網站的主題圖形來說，標志要小但必須醒目。當用戶進入該頁面后，需要設置通向其它欄目以及返回首條上的明確指示。

三級頁面是文章頁，位于最底層，當瀏覽者進入欄目后見到的超級鏈接，就是通向大篇幅文本的。由于文章頁本身包含大量文字，圖片不宜安放過多，必要時，可以為文章設計一些文章主題圖形，但這將服務器的負荷更重，一般情況下個人網站應避免這樣做，如果個人網站往往把文章標題做成各種各樣的美術字、特效字，結果將是得不償失。文字可以直接用文本表示，只要色彩、字體搭配得當，就可以制作出美麗的頁面，應把有限的頁面空間留給那些無法用文本表現的裝飾圖片上。

12、論述網頁設計的通用規則。

答：網頁設計需要遵從一定的通用規則，必須按照一定的規劃、想法來實施。網頁設計的原則不僅體現在網頁的風格、層次構思和網頁的頁面構思中，還包括更多更廣的設計思想。網頁設計不應該從設計者本身出發，而必須要從訪問者的角度來思考問題。共有八個問題要注意：（1）網站設計目的決定設計方案。在設計一個網站之前，應當有一定的目的性。比如制作個人網頁主要是為了宣傳自己或者自娛自樂，而公司的網頁就不僅僅在于宣傳，更多的時候則是提供自己的商務信息并與客戶進行商務活動，有些商業網站則提供有特色的服務，比如搜索引擎。因此在網頁的設計方案中，個人網頁的內容往往由與個人有關的方面組成，包括自我介紹，個人愛好，個人收藏等。

（2）瀏覽者的需求第一位。

（3）頁面的有效性

（4）頁面布局的保持統一性。

頁面布局往往能顯示一個網站的統一性，如使用同樣的背景。

（5）使用表格和適當的幀結構來設計網頁。

使用表格往往可以合理安排許多網頁元素，實現圖文混排的效果。

（6）謹慎使用圖片。

（7）平面設計意識。

（8）減少Java Applet和其它多媒體的使用。

13、簡述商業網站的風格特征。答：商業公司站點由于其目的與個人站點以及非盈利性的組織完全不一樣，因此它的站點風格也與其他兩類站點的風格完全不一樣。主要體現在以下幾個方面：

（7）公司徽標或商標應當出現在頁面最上方，盡可能做到色彩醒目，同時占用版面小。（8）可以采用主題圖形產品廣告來突出公司形象與風格。主題圖形或產品廣告應精心設計，給瀏覽者以良好的第一映像。

（9）主要欄目一般采用圖文并茂的超級鏈接實現，要考慮到主要欄目圖片、文字間的色彩配合，同時要和主題圖形相互襯托，主題圖形如果較大，則欄目必須縮小。（10）不要把主題欄目和次要欄目都顯示在同一個頁面上?？梢酝ㄟ^站點組織圖表示網站的結構布局，或者采用Java Script來生成可以展開的“目錄樹”。（11）商業欄目一般都有固定的欄目頁面，如Support（技術支持）、Service（服務）、About Us（關于公司）等。這些欄目不是網站的主要欄目，不需要采用很醒目的方式出現，但是它們應為于比較方便用戶單擊的位置，可以采用出現在網頁頂端（或者底端）的細長的導航條的方式。

（12）必須建立站內搜索引擎，以方便瀏覽者在站內查找所需要的信息。

14、什么是網站目錄？簡述網站目錄結構組織建設的原則。答：網站的目錄是指你建立網站時創建的目錄。目錄結構規劃是否合理對于站點本身的上傳維護、站點內容未來的擴充和移植有著重要的影響。規劃目錄結構時應當遵循的幾個原則：（1）不要將所有文件都存放在根目錄下；（2）按欄目內容分別建立子目錄；

（3）在每個主目錄下都建立獨立的images目錄；（4）目錄的層次不要太深；（5）切忌使用中文目錄；

（6）不要使用過長文件名的目錄；（7）盡量使用意義明確的目錄。

15、個人網站的基本風格是什么？

答：個人站點的作用主要在于展示個人的風采和興趣愛好，站點的風格隨各人的愛好、習慣而不同，并無定式。但是總的來說個人網站的基本風格在布局上是有區別的，尤其反映在主頁上。

（1）主題圖形網站最顯著的標志是主頁有一個醒目的圖形，該圖形很大程度上反映了網頁作者希望自己的網頁具有的一種意境：或沉靜或活潑，采用冷或暖色調。主題圖形可以是制作的圖形，也可以采用個人照片。主題圖形式網站的另一個特點是主頁上的超級鏈接不多，而且很少出現大段的文本，只有當瀏覽者進入下一級頁面時，才能看到詳細文本信息。這類網站體現了作者較好的藝術修養，傾向于個性展示。但是由于主題圖形增加了網頁的體積大小，所以不應再出現大段的文本，否則網頁訪問速度就會變慢。

（2）信息發布式個人網站則主要看中網站的信息量，這類網站都發布大量的信息，其作者較熱衷于貢獻信息。為便于瀏覽者訪問，網站的主頁就出現大量的信息，更新信息較多，然后另辟欄目介紹其他信息。網站主題圖形基本上采用類似廣告條的樣式，往往被放置在網頁最上方，其布局類似各公司的徽標，目的在于提醒瀏覽者所處的位置，便于迅速切換欄目。信息式網站以提供大量信息為目的，應避免一切華而不實的設計。

信息式網站學習了如新浪、263等綜合類門戶站點的布局，這些綜合類網站要求主頁面盡可能提供豐富的信息量，通過主頁就可以完成許多信息搜索任務，查找信息簡單方便。因此，這些網站主頁鏈接相當繁多，還有各種免費郵件入口、會員登記入口、搜索引擎入口等，紛繁而有序。

（3）還有一種是介于上述兩種類型之間的網站。這種網站既想突出個人形象，又想發布大量信息，組織形式不鮮明。初學者應注重一定要讓自己的網站簡潔，這樣便于作者控制網頁上的元素。網頁元素包括圖形、圖像、文字、超級鏈接、表格等由作者在網頁上建立的對象。

個人網站具體采用哪種風格形式，應當按照需要決定。如果只為介紹個人及其愛好，其他要加入的資料不多，就可以采用主題圖形式，這種情況下需要掌握一些圖像處理的特殊技能。如果想開設軟件下載、音樂下載、文學作品大全等，對展示個性并不熱衷，采用信息式站點模式比較方便。信息式網頁有一個特點是欄目間的網頁結構相似，可以建立起以一個網頁為基準的模板，從而能夠快速建立其他網頁，這使得管理起站點更為省時、省力。

16、論述建立網站的鏈接結構有哪幾種形式和各自的優缺點。

答：網站的鏈接結構是指頁面之間相互鏈接的拓撲結構，它建立在目錄結構基礎之上，但可以跨越目錄。形象的說：每個頁面都是一個固定點，鏈接則是在兩個固定點之間的連線。一個點可以和一個點連接，也可以和多個點連接。更重要的是，這些點并不是分布在一個平面上，而是存在與一個立體的空間中。研究網站的鏈接結構的根本目的在于：用最少的鏈接，使得瀏覽最有效率。

一般地，建立網站的鏈接結構有兩種基本方式：（1）樹形鏈接結構方式（一對一）

類似DOS的目錄結構，首頁鏈接指向一級頁面，一級頁面鏈接指向二級頁面。立體結構看起來就像蒲公英。這樣的鏈接結構瀏覽時，一級級進入，一級級退出。優點是條理清晰，訪問者明確知道自己在什么位置，不會“迷”路。缺點是瀏覽效率低，要進行欄目跳轉時，必須繞經首頁。

（2）星形鏈接結構（一對多）

類似互聯網結構，每個頁面相互之間都建立鏈接。立體結構像東方明珠電視塔上的鋼球。這種連接結構的優點是瀏覽方便，隨時可以到達自己喜歡的頁面。缺點是鏈接太多，容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內容。

這兩種基本結構都只是理論上的方式，在實際的網站設計中，總是將這兩種結構混合起來使用。我們希望瀏覽者即可以方便快速的達到自己需要的頁面，又可以清晰的知道自己的位置。所以，最好的辦法是首頁和一級頁面之間用星形鏈接結構，一級和二級頁面之間用樹形鏈接結構。

17、簡述非商業組織的網站風格。答：（1）強調頁面的主色調。

（2）主題圖形要求反映單位的風采，設計應有創意、有內涵、莊重中不乏活潑。

（3）超級鏈接的分類一定要清晰，可采用圖形，必要時可建立站內搜索引擎。

（4）信息查看板很重要，因為非商業組織的網站更新不如商業網站頻繁，始終如一的畫面顯得枯燥，所以經常去更新信息查看板，將增加訪問者的訪問興趣。放置信息查看板主要方法有兩種方法，一是在主頁直接放置信息查看板，二是當頁面上主題圖形小，超級鏈接也不多的情況下不宜把信息查看板放在主頁，可以在主頁上增加一個快速進入信息查看板的超級鏈接。

18、論述規劃網站目錄結構時應當遵循的的原則。答：規劃目錄結構時應當遵循的幾個原則：（1）不要將所有文件都存放在根目錄下；（2）按欄目內容分別建立子目錄；

（3）在每個主目錄下都建立獨立的images目錄；（4）目錄的層次不要太深；（5）切忌使用中文目錄；

（6）不要使用過長文件名的目錄；（7）盡量使用意義明確的目錄。

第五篇：網頁設計論文

網頁設計基礎課程論文

摘要:隨著互聯網的不斷發展和中國網絡人口的日益增長，建立個人網站，不但可以更好的展示自己，而且可以提高自己在計算機應用方面的能力,網站越發普及，網站建設也有新的要求,網站已發展為一種工具，一個企業對外信息展示的工具.以前網站上常見的大幅圖片，長達幾十鐘的flash動畫，已悄然而逝，瀏覽者再也不用為了查找一些信息而必須等待動畫的時間，可以簡單方便的找到自己想要的東西，是瀏覽者主要的目的，也是網站設計時應該考慮的問題。以前只是一味的追求網站的外觀，其實網站是一個公司的對外信息窗口，因此在考慮美觀的同時也得考慮瀏覽者的感受，如有些色調是很亮麗，但是這些過于亮的色彩看的時間長了會讓你的眼睛不舒服，這樣瀏覽的人就不會長時間在網站上逗留，網站沒把公司的信息完全的傳達給客戶． 關鍵詞：網站網頁設計發展趨勢網站標準 正文：一:網頁設計發展趨勢: 1.更多的CSS3 + HTML5 這是期待已久的事情。在過去的幾年設計師已經開始關注和使用CSS3+HTML5，但在以后CSS3+HTML5將會得到更廣泛的應用。網頁設計師最終會拋棄Flash。Flash不再是昔日的王者，新技術（指CSS3+HTML5）將會取而代之 2簡單的配色方案

沒有比純色的背景更直觀更簡潔。純色可以有很多種表達方式。不要老是黑白灰神馬的，太不給力了。多點考慮綠、黃或者紅作為你的網頁主色調。當然，顏色最好保持使用2到3種。調整顏色的透明度，或許會給你意想不到的效果 3.移動互聯網時代的到來

智能手機，ipad和上網本隨處可見，將來這個將會更加明顯。這意味著你的設計需要考慮更多的設備。4.Parallax Scrolling 先來解釋下Parallax Scrolling，Parallax scrolling 是讓多層背景以不同的速度移動，形成運動視差 3D 效果，雖然純屬視覺效果，但在內容滾動時形成的視覺體驗仍然非常出色。2011年的網頁設計趨勢熱點就是要創造這樣的深度視覺效果。5.設計需考慮更多的觸屏設備

觸屏技術應用越來越廣泛，觸屏設備隨處可見。這意味著，你的導航設計不再只是鼠標導航，你必須要要考慮你的設計適合觸屏設備。6.深度判析

深度判析是關于在網頁設計使用維數，這樣可以使你的網頁變得更加真實。如果運用得恰當，那將會是一個虛擬的3D效果，就像3D電影阿凡達那樣。盡管3D技術還沒有去到網站設計，你仍然嘗試使用維數進行設計。7.大背景圖

大背景圖的網頁設計應用在2011年將會更加明顯。這些背景圖像一般是高分辨率，覆蓋這個網站。高清照片是一個迅速抓住你的讀者的好方式，可以產生極具沖擊力的視覺效果-游客的視線會不自覺地落在寬大的背景上。8.不拘謹于頂級域名

嚴格意義上這一點與網頁設計無關，但這一點也是發展的趨勢，將出現更多創造性的域名。.com域名的吸引力越來越少，主要是你很難再找到一個比較短的.com域名。2011年人們開始將視線慢慢轉移到.me、.co和.cc等身上。想想域名的發展，搶先一步，不然你很可能再次錯失先機。9.QR: Quick Response 如果你注意現在越來越多的名片、雜志或者其他地方出現方形條形碼，證明你已經看到2011年的這個趨勢熱門

10.縮略圖設計（Thumbnail Design）

Google已經向瀏覽用戶推出它們的瀏覽預覽技術。過去我們只能通過點擊鏈接才能看到網頁的內容，現在你只需點擊放大鏡然后將鼠標懸停在鏈接上就可以預覽該鏈接的網頁內容。11.持續聯系/ Life Stream Lifestreaming, 一種在線記錄個人日常活動的網絡應用，包括直接通過視頻feed或通過聚焦一個人的網絡在線內容，比如博客日志，在社會性網絡上面的更新，在線相冊，聊天內容甚至只是一些喜歡的網站的鏈接等等.二:網站標準是在W3C（W3C.org）的組織下，商業公司（Netscape、Microsoft等）也認識到統一標準的好處。網站標準開始被建立（1998年2月10日發布XML1.0為標志），并在網站標準組織（webstandards.org）的督促下推廣執行。

為什么要建立網站標準: 我們大部分人都有深刻體驗，每當主流瀏覽器版本的升級，我們剛建立的網站就可能變得過時，我們就需要升級或者重新建造一遍網站。例如1996-1999年典型的“瀏覽器大戰”，為了兼容Netscape和IE，網站不得不為這兩種瀏覽器寫不同的代碼。同樣的，每當新的網絡技術和交互設備的出現，我們也需要制作一個新版本來支持這種新技術或新設備，例如支持手機上網的WAP技術。類似的問題舉不勝舉：網站代碼臃腫、繁雜浪費了我們大量的帶寬；針對某種瀏覽器的DHTML特效，屏蔽了部分潛在的客戶；不易用的代碼，殘障人士無法瀏覽網站等等。這是一種惡性循環，是一種巨大的浪費。如何解決這些問題呢？有識之士早已開始思考，需要建立一種普遍認同的標準來結束這種無序和混亂。商業公司（Netscape、Microsoft等）也終于認識到統一標準的好處，因此在W3C（W3C.org）的組織下，網站標準開始被建立（1998年2月10日發布XML1.0為標志），并在網站標準組織（webstandards.org）的督促下推廣執行。

采用網站標準的好處:

對網站瀏覽者的好處：

1、文件下載與頁面顯示速度更快

2、內容能被更多的用戶所訪問（包括失明、視弱、色盲等殘障人士）；

3、內容能被更廣泛的設備所訪問（包括屏幕閱讀機、手持設備、搜索機器人、打印機、電冰箱等）；

4、用戶能夠通過樣式選擇定制自己的表現界面；

5、所有頁面都能提供適于打印的版本。對網站所有者的好處:

1、更少的代碼和組件，容易維護；

2、帶寬要求降低（代碼更簡潔），成本降低。舉個例子：當ESPN.com使用CSS改版后，每天節約超過兩兆字節（terabytes）的帶寬；

3、更容易被搜尋引擎搜索到；

4、改版方便，不需要變動頁面內容；

5、提供打印版本而不需要復制內容；

6、提高網站易用性。在美國，有嚴格的法律條款（Section 508）來約束政府網站必須達到一定的易用性，其他國家也有類似的要求。

參考文獻： 一：溫謙.HTML+CSS網頁設計與布局從入門到精通[M].北京:人民郵電出版社,2010.3 二：http://www.tmdps.cn

三：http://btgyjlbjx.nease.net(北極星網站域名）

課程論文

系院:土木工程學院

專業:建筑工程 姓名:王奎

學號:105140340043 網頁設計基礎