網(wǎng)頁設計考試資料
1、 首頁/主頁 打開網(wǎng)絡由網(wǎng)址進入時第一個看到的頁面，我們通常把它稱為首頁（home page）或主頁網(wǎng)站構成網(wǎng)站由域名（domain name 俗稱網(wǎng)址），網(wǎng)站源程序和網(wǎng)站空間三部分構成
1、 首頁/主頁 打開網(wǎng)絡由網(wǎng)址進入時第一個看到的頁面，我們通常把它稱為首頁（home page）或主頁
網(wǎng)站構成
網(wǎng)站由域名（domain name 俗稱網(wǎng)址），網(wǎng)站源程序和網(wǎng)站空間三部分構成。
2、 Ip 地址、域名和DNS 的含義，關系
IP 地址由32位二進制組成，應用時寫成由3個小數(shù)點分隔的4個十進制數(shù)形式 。 域名是ip 的另一種表現(xiàn)形式，由于ip 地址不便于記憶和識別，就用地區(qū)域名所寫的字符串來識別網(wǎng)上的主機，DNS 是提供ip 與域名之間轉換的服務器系統(tǒng)
3、 二級域名
一個完整的域名由二個或二個以上部分組成，各部分之間用英文的句號“. ”來分隔，最后一個“. ”的右邊部分稱為頂級域名（TLD ，也稱為一級域名），最后一個“. ”的左邊部分稱為二級域名（SLD ），二級域名的左邊部分稱為三級域名，以此類推，每一級的域名控制它下一級域名的分配。
Eg cn
二級域名 一級
典型域名
.com 一般用于商業(yè)性的機構或公司， .net 一般用于從事Internet 相關的網(wǎng)絡服務的機構或公司， .org 一般用于非盈利的組織、團體。
.CN 域名是由我國管理的頂級國家域名（ccTLD ），屬于頂級域名
。mil ---軍事領域 .edu ---教育機構 .arts ---藝術機構 .store--商業(yè)銷售機構 .firm---商業(yè)公司 .museum---適用于博物館的專用頂級域名
.PRO---專用于醫(yī)生、律師、會計師等專業(yè)人員的頂級域。(PRO是PROFESSIONAL 的習慣縮用) 也有中文域名
4、 網(wǎng)站開發(fā)步驟
網(wǎng)站規(guī)劃、網(wǎng)站分析、網(wǎng)站設計、網(wǎng)站實施與維護
5、 網(wǎng)站結構
目錄結構（后臺結構）和連接結構（前臺結構）
樹形結構，星型結構 星形連接結構
樹狀結構 校園動態(tài)-教師活動-學生活動 校園動態(tài)-教師活動-學生活動 首頁< 首頁
教學園地-教師成果-學生作品 教學園地-教師成果-學生作品 這兩種基本結構都只是理想方式，在實際的網(wǎng)站設計中，一般要將這兩種結構混合起來使用
6、 首頁設計步驟
（1）確定首頁的功能模塊 （2）設計首頁的版面
必須要有：網(wǎng)站名稱(logo)、主菜單(menu)、友情鏈接(links)、版權(copyright)
7、 首頁設計的原則
三次單擊?？刂奇溄拥拇螖?shù)，使瀏覽者在最短的點擊之后找到需要的頁面?！疃虝r間，最高效率。
8、 測試
如何在不同的分辨率的計算機上瀏覽網(wǎng)頁。（1）用所有的分辨率做不同的頁面，然后判斷頁瀏覽的頁面的分辨率，再選擇（2）做一個主要的分辨率頁面
原則：元素與元素之間的相對位置不變
9、 分辨率大，小寬帶，圖片不便查看——將圖片切片，然后利用網(wǎng)絡傳輸?shù)奶匦?，進行分包傳輸
,10、 網(wǎng)站發(fā)布 將網(wǎng)頁設計完成并測試成功之后，接下來就是要將它正式發(fā)布到Internet 上。發(fā)布是指將做好的網(wǎng)站放置在Web 服務器上，使全世界的瀏覽者可以通過internet 訪問網(wǎng)站。
Web 服務器的選擇：
（１）建立獨立的站點。配置機房，購買路由器、交換機等相關設備并安裝相應的網(wǎng)絡操作系統(tǒng)。成本較高。
（２）利用ISP 提供的服務。
租用虛擬主機。將一臺服務器主機分隔成多臺虛擬的主機。每臺主機都有自己獨立的域名和IP 地址，這種劃分會降低網(wǎng)絡性能，但在一定程度上，用戶是察覺不到的。
服務器托管。將服務器放置在經(jīng)營服務器托管業(yè)務的機房里，由其技術員對服務器進行維護。 ASP 外包服務：通過internet 以外包或租賃的方式為客戶提供服務。
申請免費的空間。如果沒有商業(yè)用途，僅僅只是為了娛樂，最好的方法就是上網(wǎng)申請一個免費網(wǎng)頁空間，這樣既不花錢，又能看到自己的成果。但是免費主頁空間有很多缺點，如太多人使用，空間小，頻帶窄，易堵塞，而且多數(shù)需要義務性廣告，隨時會被取消服務。因此，在經(jīng)濟允許的條件下，可以申請收費空間。提供收費空間的網(wǎng)站很多，價格也比較合適。
11、在布局過程中，常遵循的法則有：
平衡和對稱。對稱指上下左右對照分布的形式，主要強調(diào)秩序感，能達到安定平實、和諧的效果；平衡指上下左右雖然不完全對稱，但卻能達到視覺上的均衡，也能達到一種視覺穩(wěn)定的效果，但比完全對稱的形式顯活潑。
對比。所謂對比，目的是為了強調(diào)和突出，不僅要在構成元素的性質（圖形和文字）、色彩搭配上來對比表現(xiàn)，也要在內(nèi)容上的古與今、新與舊存在對比。
凝視。所謂凝視，就是利用頁面特效，使瀏覽者注視頁面。
空白。主要用于體現(xiàn)網(wǎng)頁的格調(diào)。
圖片。對不能用語言說服、或用語言無法表達的情感，就要用圖片來解說，可以傳達給瀏覽者的更多的信息。
最經(jīng)典的布局：黃金分割率（ 3:2 或 0.618又被稱為黃金分割率）
12、常用到的版面布局形式有
“T ”型結構布局。指頁面頂部為橫條網(wǎng)站標志和廣告條，下方左面為主菜單，右面顯示內(nèi)容的布局，因為菜單條背景較深，整體效果類似英文字母“T ”, 所以我們稱之為“T ”形布局。這是網(wǎng)頁設計中用的最廣泛的一種布局方式。這種布局的優(yōu)點是頁面結構清晰、主次分明，是較容易學習和掌握的布局方法。缺點是規(guī)矩、呆板，如果細節(jié)色彩上再處理不好（沒有對比），就會讓人覺得無味。
“口”型布局。就是頁面一般上下各有一個廣告條，左面是主菜單，右面放友情連接等，中間是主要內(nèi)容。這種布局的優(yōu)點是充分利用版面，信息量大。缺點是頁面擁擠，不夠靈活。也有將四邊空出，只用中間的窗口型進行設計，如網(wǎng)易壁紙站。
“三”型布局。這種布局多用于國外站點，國內(nèi)用的不多。特點是頁面上橫向兩條色塊，將頁面整體分割為四部分，色塊中大多放廣告條。
POP 布局。POP 引自廣告術語，就是指頁面布局象一張宣傳海報，以一張精美圖片作為頁面的設計中心。常用于時尚類站點，如ELLE.com 等。優(yōu)點是顯而易見、漂亮、吸引人。缺點是速度慢。
13、網(wǎng)站的結構清晰。指網(wǎng)站的目錄結構和鏈接結構清晰明了。
網(wǎng)站的目錄結構清晰。
不要將所有文件都存放在根目錄下。這樣做會造成文件管理混亂，使我們不清楚哪些是相關聯(lián)的文件。 根目錄下通常只存放首頁。
,按欄目內(nèi)容建立子目錄。子目錄的建立，首先要按主菜單欄目建立。其它的次要欄目，若友情連接內(nèi)容較多、需要經(jīng)常更新的可以建立獨立的子目錄。而一些相關性強、不需要經(jīng)常更新的欄目，如：關于本站、關于站長、站點經(jīng)歷等可以合并放在一個統(tǒng)一目錄下。為了便于維護和管理，所有程序一般都存放在特定的目錄，如：CGI 程序放在cgi-bin 目錄；所有需要下載的內(nèi)容也最好放在一個目錄下。
在每個主目錄下都建立獨立的images 目錄。一個站點根目錄下都有一個默認的images 目錄用于，不要將所有圖片都存放在這個目錄里，如果這樣，我們將某個主欄目打包供瀏覽者下載，或者將某個欄目刪除時，圖片的管理會相當麻煩。為了方便管理，為每個主欄目建立一個獨立的images 目錄是很必要的，而根目錄下的images 目錄只是用來放首頁和一些次要欄目的圖片。
目錄的層次不要太深。為了維護管理方便, 目錄的層次一般不要超過3層。
其它需要注意的有：
不要使用中文目錄。
不要使用過長的目錄。盡管服務器支持長文件名，但是太長的目錄名不便于記憶 盡量使用意義明確的目錄。更明確、更便于記憶和管理的還是前者。
14、網(wǎng)頁HTML 語言中的色彩表達是用紅（Ｒ）、綠（Ｇ）、藍（Ｂ）用二位十六進制數(shù)表示這三種顏色的數(shù)值表示，例如：紅色是color(255,0,0)，十六進制的表示方法為(FF0000)，白色為(FFFFFF), 我們經(jīng)?？吹降摹癰gColor=#FFFFFF”就是指背景色為白色。
15、 技術 HTML 超文本標記語言 HTML 文檔結構
超文本標記語言HTML ：網(wǎng)絡文檔傳輸?shù)臉藴矢袷健?/p>
HTML 文檔的結構：以如下形式成對出現(xiàn)。
16、輸入空格。
將中文輸入法設置為“全角”，按空格。
屬性面板中，“格式”下拉框選“預先格式化的”。
按Shift ＋Ctrl ＋Space 。
文本換行。 回車：新建段落，上下段之間空一行。
Shift ＋回車：換行，上下段之間無空行。
插入圖片 “插入”－>“圖像”。 注意：應以圖像文件的相對路徑進行插入。先保存頁面，再插入圖像。
Scr 圖像源文件標記 替代文本標記
../asp.jpg….
17、插入水平線。主要用于標題與正文或不同段落之間的分隔。 “插入”－>“水平線”。 插入Flash 按鈕和文字。
“插入”－>“交互式圖像”－>“Flash 文本”。
“插入”－>“交互式圖像”－>“Flash 按鈕”。
創(chuàng)建鼠標經(jīng)過圖像。由主圖像和翻轉圖像組成。頁面顯示時，先顯示主圖像，鼠標移到圖上時顯示翻轉圖像，鼠標移走后恢復為主圖像。
“插入”－>“交互式圖像”－>“鼠標經(jīng)過圖像”。
創(chuàng)建錨點鏈接。
,網(wǎng)頁內(nèi)某個指定位置的超鏈接稱為錨點鏈接。單擊源端點時，會跳轉到該指定位置
的目標端點。
“插入”－>“命名錨記”到目標端點，在源端點的屬性面板中設置。如目標端點與
源端點在同一頁面，則用“＃錨點名字”即可，否則用“文件名.htm ＃錨點名字”創(chuàng)建鏈接
創(chuàng)建超鏈接。 在對象屬性面板中創(chuàng)建。
創(chuàng)建導航條。
由一幅或多幅按鈕圖像組成，當單擊各按鈕圖像時會前往不同的頁面，其實質也是一種超鏈接。注意最多有四個按鈕圖像，頁面最多有一個導航條，導航條排列方式：水平和垂直
“插入”－>“交互式圖像”－>“導航條” 。
創(chuàng)建跳轉菜單。 跳轉菜單屬于表單域
是一個下拉菜單，其中每一項都是一個超鏈接。
“插入”－>“表單對象”－>“跳轉菜單” 。
創(chuàng)建映射圖鏈接。
在一個圖像中劃分出幾個不同的幾何圖形區(qū)域，分別建立超鏈接，這些區(qū)域稱為熱區(qū)。 利用圖像屬性面板完成映射圖的創(chuàng)建。
18、網(wǎng)頁元素的定位（布局）：通常使用表格、層和框架。
創(chuàng)建表格。 “插入”－>“表格”。
在表格中插入文本和圖像。文本直接輸入，圖像用“插入”－>“圖像”。
屬性設置。 單元格的選取、拆分與合并。 單元格的復制、粘貼與清除。 層是用來放置各種網(wǎng)頁元素的載體。 絕對定位法
層的作用：定位網(wǎng)頁元素；與時間軸，行為配合，實現(xiàn)動態(tài)頁面。
創(chuàng)建與修改層。 “插入”－>“層”，在層屬性面板中設置層的參數(shù)。
層嵌套看到的是子層，父層動子層動，子層動父層不動 層疊加看到的是大層 框架概述。 利用框架將網(wǎng)頁劃分為獨立的幾個區(qū)域，各區(qū)域都可顯示獨立的頁面。 由框架集和框架組成?？蚣芗糜诖鎯Ω骺蚣艿挠嘘P信息；框架是框架集的組成元素，其頁面是一個矩形，是整個頁面的一部分。
創(chuàng)建框架。 “插入”－>“框架” 主要用法，局部刷新
19、行為概述 行為：以某種方式完成的動作。
行為的作用：用以實現(xiàn)瀏覽者與計算機的交互。
行為的組成：事件和動作。
事件：完成某一動作的方式。如單擊鼠標等。
動作：瀏覽網(wǎng)頁時的一些操作。如播放動畫等。
執(zhí)行過程：瀏覽網(wǎng)頁時，當觸發(fā)了某事件后就會執(zhí)行相應的動作。
時間軸概述。
使網(wǎng)頁中的對象隨時間的變化活動起來，實現(xiàn)動態(tài)網(wǎng)頁。
時間軸動畫的單位是幀，即瞬時靜態(tài)圖。
使用時間軸面板。 時間軸移動的主要對象是層。 創(chuàng)建簡單的時間軸動畫。 時間軸的簡單應用1、用時間軸控制層的可見性 2、用時間軸控制圖片替換（也可通過改變層的Z 軸值完成） 3、用時間軸改變層的大小。 4、多條時間軸的使用。5、綜合應用。 Onclick onoverclick
時間軸：幀 層（寬度，高度，Z 軸可以改變）
關鍵幀
20、層疊樣式表概述。
,層疊樣式表(CSS)是一種可以對網(wǎng)頁文檔進行精確格式化控制的工具。
CSS 修改后，使用該CSS 的網(wǎng)頁文檔格式也將自動更新。CSS 能夠控制多個文檔的格式。 瀏覽器的支持：IE 4.0及更高版本。
模板概述。
用于制作布局和版式相似而內(nèi)容不同的頁面。
創(chuàng)建模板必須設置模板的可編輯區(qū)域和鎖定區(qū)域。編輯網(wǎng)頁時，只能夠編輯可編輯區(qū)域。 模板與使用了模板的網(wǎng)頁之間是鏈接的關系。當模板改變時，相應的網(wǎng)頁也會改變。 創(chuàng)建模板。
創(chuàng)建空白模板。
利用一個現(xiàn)成網(wǎng)頁來創(chuàng)建模板。
20、表單概述
作用：實現(xiàn)瀏覽者與服務器之間的信息傳遞，是網(wǎng)絡信息收集處理的重要方式。 組成： 表單頁面。 用于處理表單輸入信息的程序。
表單創(chuàng)建過程。
“插入”－>“表單”。
插入各種表單域。
各種表單域。
文本框：用于輸入文本。 單選按鈕：選擇一組互斥的選項。
復選框：表示選中與不選中。 列表框：提供一組可供選擇的列表。
按鈕：“提交”和“重置”按鈕。 圖片域：用于顯示圖片或確認按鈕。
隱藏域：用于瀏覽器與服務器在后臺交換信息。 文件域：用于上傳文件。
單選按鈕相互排斥 id 編號或名字相同
22、 動態(tài)與靜態(tài)網(wǎng)處理流程
數(shù)據(jù)庫概念：關于某個特定主題或目的的相關信息的集合。按數(shù)據(jù)模型可分為：層次模型、網(wǎng)狀模型、關系模型。 關系模型：用二維表來描述數(shù)據(jù)結構的數(shù)據(jù)模型。
ODBC ：開放數(shù)據(jù)庫連接。是微軟推出的一種工業(yè)標準，它建立了一組規(guī)范，并提供了一組對數(shù)據(jù)庫訪問的標準API （應用程序編程接口）。這些API 利用SQL 來完成其大部分任務。 一個基于ODBC 的應用程序對數(shù)據(jù)庫的操作不依賴任何DBMS ，不直接與DBMS 打交道，所有的數(shù)據(jù)庫操作由對應的DBMS 的ODBC 驅動程序完成。
ODBC 的最大優(yōu)點是能以統(tǒng)一的方式處理所有的數(shù)據(jù)庫。
使用ODBC 。
通過DSN 配置數(shù)據(jù)源，對數(shù)據(jù)庫進行封裝，提供數(shù)據(jù)源名稱進行操作。
配置數(shù)據(jù)源。
建立連接。
關于DSN 。
DSN 是應用程序用以請求一個連接到ODBC 數(shù)據(jù)源的連接的名字。
分類：文件DSN ：其細節(jié)存儲在指定文件中。 系統(tǒng)DSN ：可以被登陸到系統(tǒng)的如何用戶使用。 用戶DSN ：創(chuàng)建該DSN 的用戶才能使用。
ADO 由于直接使用ODBC API比較麻煩，所以微軟后來又發(fā)展出來DAO 、RDO 、ADO 這些數(shù)據(jù)庫對象模型。
使用這些對象模型開發(fā)程序更容易。這些模型都支持ODBC 。
ADO(ActiveX Data Objects)：ActiveX 數(shù)據(jù)對象，ADO 是一種訪問數(shù)據(jù)的思想。ADO
封裝了對數(shù)據(jù)庫的底層操作。
ADO 主要包括三個對象：Connection 對象:負責打開或連接數(shù)據(jù)庫文件。
,Recordset 對象:存取數(shù)據(jù)庫的內(nèi)容。 Command 對象:對數(shù)據(jù)庫下達行動查詢指令, 以及執(zhí)行SQL Server的存儲過程。
23、IIS （Internet Information Server）：是一個World Wide Web server。IIS 意味著你能發(fā)布網(wǎng)頁，并且支持由ASP 、JA V A 、VBscript 產(chǎn)生的頁面，有著一些擴展功能。
IIS 是隨Windows NT Server 4.0一起提供的文件和應用程序服務器，是在Windows NT Server 上建立Internet 服務器的基本組件。它與Windows NT Server完全集成，允許使用Windows NT Server內(nèi)置的安全性以及NTFS 文件系統(tǒng)建立強大靈活的Internet ／Intranet 站點。 要瀏覽動態(tài)網(wǎng)頁，必須IIS 。
24、 server.MapPath
<="本文件所的父目錄："&server.MapPath("../")>
<="本文件的當前目錄："&server.MapPath("./")>
<="本文件的實際路徑："&server.MapPath("mappath.asp")>
application
<
t=0
application.Lock()
application("t")=application("t") 1
application.UnLock()
>
您是本網(wǎng)頁的第<=application("t")>位訪問者！
session
<
t=0
session("t")=session("t") 1
>
您是本網(wǎng)頁的第
Request
<
xm=Request.Form("xm")
nl=Request.Form("nl")
response.Write "name:"&xm&"
"&"nl:"&nl
>
以上就是網(wǎng)頁設計考試資料，大家加油！