07年自考“網(wǎng)頁設(shè)計(jì)與制作”資料二

有關(guān)商業(yè)網(wǎng)站的風(fēng)格特征：

1. 公司徽標(biāo)或商標(biāo)應(yīng)當(dāng)出現(xiàn)在頁面最上方，盡可能做到色彩醒目，同時(shí)占用版面小；

2. 可以采用主題圖形產(chǎn)品廣告來突出公司形象與風(fēng)格。

3. 主要欄目一般采用圖文并茂的超級鏈接實(shí)現(xiàn)，要考慮到主要欄目圖片、文字之間的色彩配合，同時(shí)要和主題圖形相互襯托，主題圖形如果較大，則欄目必須縮小；

4. 不要把主要欄目和次要欄目都顯示在同一個(gè)頁面上；

5. 商業(yè)網(wǎng)站一般都有固定的欄目頁面，如：Support，service，About us等；

6. 必須建立站內(nèi)搜索引擎，以便瀏覽者在站內(nèi)查找所需要的信息。

請仔細(xì)閱讀P15-16的細(xì)節(jié)內(nèi)容

JavaScript對象：

1. Window對象

2. String對象

3. Document對象

4. Navigator對象

5. String對象

6. Math對象

7. Date對象

使用DHTML的原因：

1. DHTML將網(wǎng)頁上的每一個(gè)元素劃分成許多獨(dú)立的對象，這些對象的屬性通過CSS來指定。

2. DHTML將每個(gè)對象向一個(gè)編程和腳本語言的框架開放，可使用編程語言C++操縱網(wǎng)頁上的對象，也可以使用JavaScript，VBScript操縱網(wǎng)頁上的對象。

JavaScript與Java的區(qū)別：

1.兩者語言間的異同：

B. JavaScript是基于對象和事件驅(qū)動的編程語言，Java是一種真正面向?qū)ο蟮恼Z言；

C. 前者是一種解釋性編程語言，后者的源代碼在傳遞到客戶端執(zhí)行之前，須經(jīng)過編譯；

D. 強(qiáng)變量和弱變量。前者采用弱定義類型變量檢查，后者相反。

E. 前者的代碼是一種文本字符格式，可以直接嵌入HTML文件中，并可用動態(tài)裝載，后者是一種與HTML無關(guān)格式，必須通過像HTML中引用外媒體那樣進(jìn)行裝載，其代碼以字節(jié)代碼的形式保存在獨(dú)立的文檔中；

F. 嵌入方式不一樣，前者使用 applet … /applet 來標(biāo)識，后者用 script … /script 來標(biāo)識；

G. 前者采用動態(tài)聯(lián)編，后者使用靜態(tài)聯(lián)編。

2.語言性能的差異：

a. JavaScript的本質(zhì)是解釋的；

b. JavaScript實(shí)現(xiàn)了SRC屬性；

c. JavaScript代碼能方便地修改，并立即在瀏覽器中看到修改的結(jié)果；

d. JavaScript能有效地與DOM結(jié)合控制瀏覽器的行為，能方便地使用插件、瀏覽器事件、窗體等技術(shù)，以實(shí)現(xiàn)用戶與網(wǎng)頁的交互；

e. 由于JavaScript代碼置于HTML文件中，這樣，JavaScript代碼便暴露在眾人面前，源碼存在安全問題；

f. 雖然JavaScript的功能非常強(qiáng)大，但是它在處理非常復(fù)雜的應(yīng)用時(shí)就被其自身機(jī)制的局限性所限制。

FrontPage2000增加的新功能：

1. 更容易建立專業(yè)的、美觀的網(wǎng)站；

2. FrontPage2000不僅僅可以用來制作網(wǎng)頁，用戶還可以使用它來建設(shè)和維護(hù)自己的整個(gè)網(wǎng)站，更方便地檢測、更新網(wǎng)站；

3. FrontPage2000比其它Office組件的事例性更加提高，打開和運(yùn)行的速度比FrontPage98更快，并擁有更方便的DBM；

4. 方便地使用主題；

5. 能夠以圖形化的方式展示一個(gè)完事的WEB站點(diǎn)，也可以向一個(gè)完事的WEB站點(diǎn)引入HTML文件，或由現(xiàn)有WE耳聞目睹點(diǎn)引出文件，而且能夠自動維護(hù)站點(diǎn)內(nèi)部的所有超級鏈接的正確性；

6. 能夠自動創(chuàng)建WE耳聞目睹點(diǎn)的文本索引，通過FrontPage提供的webbit搜索組件查找索引，可以無需編程進(jìn)行站點(diǎn)內(nèi)部的全文檢索；

7. 加強(qiáng)了數(shù)據(jù)庫訪問能力，提供了許多設(shè)計(jì)時(shí)控件，使WEB頁面與數(shù)據(jù)庫進(jìn)行聯(lián)系的能力得到加強(qiáng)。

FrontPage主要功能：

1. 創(chuàng)建和管理Web站點(diǎn)；

2. 制作網(wǎng)頁；

3. 發(fā)布站點(diǎn)；

4. 維護(hù)站點(diǎn)。

非商業(yè)組織的網(wǎng)站風(fēng)格：

1. 強(qiáng)調(diào)頁面的主色調(diào)；

2. 主題圖形要求反映單位的風(fēng)采，設(shè)計(jì)應(yīng)有創(chuàng)意、有內(nèi)涵，莊重中不乏活潑；

3. 超級鏈接的分類一定要清晰，可采用圖形，必要時(shí)可建立站內(nèi)搜索引擎；

4. 信息看板很重要，因?yàn)榉巧虡I(yè)組織的網(wǎng)站更新不如商業(yè)網(wǎng)站頻繁，始終如一的畫面顯得枯燥，所以經(jīng)常去更新信息查看板，將增加訪問者的訪問興趣。

運(yùn)用色塊制作網(wǎng)頁時(shí)需要掌握的幾個(gè)要點(diǎn)：

1. 冷暖色調(diào)在均勻使用時(shí)不宜靠近；

2. 純度相同的兩種顏色也不宜放在一起；

3. 整個(gè)頁面中最好有一個(gè)主色調(diào)，否則整個(gè)頁面就顯得凌亂。

“所見即所得”編輯器的一些致使的弱點(diǎn)：

1. 難以精確達(dá)到與瀏覽器完全一致的顯示效果；

2.  因?yàn)椤八娂此谩本庉嬈髟谏纱a時(shí)，是按照軟件編制人員事先設(shè)計(jì)好的模式做的；因此不能完全適應(yīng)各種不同的情況，尤其在實(shí)現(xiàn)同樣效果地，“所見即所得”的編輯器往往會書寫出冗余度高的代碼，不如手工書寫的來得簡潔。

WEB在實(shí)際應(yīng)用中主要包含三個(gè)方面：

1. 實(shí)現(xiàn)資源引用的統(tǒng)一命名機(jī)制；

2. 使用標(biāo)準(zhǔn)的WEB文件傳輸機(jī)制——HTTP；

3. 文本的邏輯結(jié)構(gòu)采用標(biāo)記語言HTML描述協(xié)議；

主頁：在一個(gè)站點(diǎn)的眾多網(wǎng)頁中，總有一個(gè)網(wǎng)頁是被指定為該站點(diǎn)的“門戶網(wǎng)頁”，即為該站點(diǎn)的主頁（Home Page），這個(gè)頁面是整個(gè)站點(diǎn)的核心，站點(diǎn)內(nèi)所有內(nèi)容都由門戶頁面進(jìn)行索引，該頁通常被命名為index.html或default.html.它是站點(diǎn)訪問者在網(wǎng)頁瀏覽器的地址欄中鍵入該站點(diǎn)的網(wǎng)址時(shí)，默認(rèn)地顯示在瀏覽器中的網(wǎng)頁。

Dreamweaver有以下幾個(gè)基本特征：

1. 最佳的制作效率；

2. 網(wǎng)站管理；

3. 無可比擬的控制能力；

4. 豐富模板和XML支援；

5. 多瀏覽器平臺的支持。

Dreamweaver最大的特點(diǎn)在于其全新的軟件操作界面、強(qiáng)大的動態(tài)網(wǎng)頁編輯功能和開放的插件環(huán)境。

個(gè)人網(wǎng)站的基本風(fēng)格：

1. 主題圖形式：最顯著的標(biāo)志是主頁有一個(gè)醒目的圖形，該圖形很大程度上反映了網(wǎng)頁作者希望自己的網(wǎng)頁具有的一種意境。

2. 信息發(fā)布式：主要看重網(wǎng)站的信息量，這類網(wǎng)站都發(fā)布大量的信息，其作者較熱衷于貢獻(xiàn)信息。

3. 介于兩者之間的形式：這種網(wǎng)站既想突出個(gè)人形象，又想發(fā)布大量信息，組織形式不鮮明。

建立網(wǎng)站的鏈接結(jié)構(gòu)有哪幾種形式，其各自的優(yōu)缺點(diǎn)：

1. 樹形鏈接結(jié)構(gòu)（一對一）：

優(yōu)點(diǎn)：條理清晰，訪問者明確知道自己在什么位置，不會“迷路”；

缺點(diǎn)：瀏覽效率低，要進(jìn)行欄目跳轉(zhuǎn)時(shí)，必須繞經(jīng)首頁。

2. 星形鏈接結(jié)構(gòu)（一對多）：

優(yōu)點(diǎn)：瀏覽方便，隨時(shí)可以到達(dá)自己喜歡的頁面。

缺點(diǎn)：鏈接太多，容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內(nèi)容。

最好的辦法是：首頁和一級頁面之間用星形鏈接結(jié)構(gòu)，一級和二級頁面之間用樹形鏈接結(jié)構(gòu)。

黃色：代表高貴、富有；

白色：代表純潔、簡單；

藍(lán)色：代表智慧、天空、清爽；

綠色：代表生命、生機(jī)；

灰色：代表深沉、陰暗、消極；

紫色：代表神秘、浪漫、愛情；

棕色：代表土地。

網(wǎng)頁頁面布局的方法：

1. 紙上布局法：

1） 準(zhǔn)備若干張白紙和幾支削好的鉛筆（或自動鉛筆），橡皮一塊。要保證不會由于工具的問題而打斷自己的思路；

2） 選擇頁面尺寸；

3） 頁面總體造型的選擇；

4） 選擇一個(gè)形狀作為整個(gè)頁面的主題造型；

5） 在構(gòu)思了許多圖形之后，選擇一個(gè)中意的基本結(jié)構(gòu)作為整個(gè)頁面的主題造型；

6） 開始增加頁眉；

7） 增加文本；

8） 增加圖片；

2. 軟件布局法。

在欄目設(shè)置上可以考慮以下四個(gè)方面：

1. 一定記住要緊扣主題；

2. 設(shè)一個(gè)最近更新或網(wǎng)站指南欄目；

3. 設(shè)定一個(gè)可以雙向交流的欄目；

4. 設(shè)一個(gè)下載或常見問題（FAQ）回答欄目。

劃分欄目需要注意的：

1. 盡可能刪除與主題無關(guān)的欄目；

2. 盡可能將網(wǎng)站最有價(jià)值的內(nèi)容列在欄目上；

3. 盡可能方便訪問者的瀏覽和查詢。

PWS主要由五個(gè)組件組成：

1. 個(gè)人WEB服務(wù)器（Microsoft Personal Web Server）；

2. 事務(wù)服務(wù)器（Microsoft Transaction Server）；

3. 數(shù)據(jù)訪問組件（Microsoft Data Access Components）；

4. FrontPage服務(wù)器擴(kuò)展（Microsoft FrontPage Server Extensions）；

5. 消息隊(duì)列服務(wù)器（Message Queue Server1.0）。

在選擇虛擬主機(jī)提供商時(shí)，主要應(yīng)考慮以下幾方面的問題：

1. 服務(wù)器放置位置（國內(nèi)、國外等）

2. 主機(jī)與網(wǎng)絡(luò)連接的速度；

3. 主機(jī)所運(yùn)行的操作系統(tǒng)；

4. 磁盤空間大??；

5. E-mail信箱數(shù)量；

6. 是否能夠使用數(shù)據(jù)庫；

7. 是否支持微軟的FrontPage；

8. 是否支持加密傳輸。

在注冊搜索引擎提交網(wǎng)址時(shí)要注意的幾點(diǎn)：

1. 將網(wǎng)址提交到最合適的目錄下面；

2. 考慮使用“快速注冊”的收費(fèi)服務(wù)；

3. 提交內(nèi)容最豐富的URL，不要只提交根網(wǎng)址；

4. META標(biāo)記的使用；

5. 關(guān)鍵字要準(zhǔn)確選擇與放置；

6. 不要提交分欄frame頁面。

XML最主要的特點(diǎn)：

1. 嚴(yán)密性；

2. 可擴(kuò)展性；

3. 互可操作性；

4. 開放性；

其他特點(diǎn)有：

1. 通過啟用一個(gè)可擴(kuò)展的標(biāo)記集，來提供更多有關(guān)文件內(nèi)容的精確說明；

2. 極大地方便在用戶之間和在應(yīng)用程序之間傳輸文件；

3. 支持高級搜索；

4. 分離文件結(jié)構(gòu)和顯示內(nèi)容；

5. 改進(jìn)用戶響應(yīng)、網(wǎng)絡(luò)裝入和服務(wù)器裝入；

6. 支持Unicode；

7. 支持文檔間的高級鏈接；

一個(gè)“結(jié)構(gòu)良好的”文件至少符合以下規(guī)則：

1. 文件的第一行必須是XML文件說明；

2. 文件必須包含至少一個(gè)元素（或滸的術(shù)語標(biāo)記）；

3. 每個(gè)開始標(biāo)記必須和結(jié)束標(biāo)記配套使用；

4. 文件中必須包含惟一的打開和關(guān)閉標(biāo)記，文件中的所有其他標(biāo)記都必須包含在這兩個(gè)標(biāo)記中；

5. 標(biāo)記之間不能重疊，或者說是交叉定義。

注意：

背完如上這些內(nèi)容，再仔細(xì)翻閱書本兩遍；

再看看練習(xí)冊中的習(xí)題；

要熟記HTML源代碼（第四章），并能使用之；

認(rèn)真看第六章各種屬性及參數(shù)；

第九章要認(rèn)真看，盡量理解XML的格式與使用規(guī)則。

前三章與后三章是理論考的重點(diǎn)，中間幾章一般做為最后一道大題，一般都是給出一些網(wǎng)頁的源代碼或效果圖讓您互譯~~

最后，祝大家順利通過這次的考試！