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

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

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

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

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

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

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

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

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

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

　　JavaScript對(duì)象：

　　1. Window對(duì)象

　　2. String對(duì)象

　　3. Document對(duì)象

　　4. Navigator對(duì)象

　　5. String對(duì)象

　　6. Math對(duì)象

　　7. Date對(duì)象

　　使用DHTML的原因：

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

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

　　JavaScript與Java的區(qū)別：

　　1.兩者語(yǔ)言間的異同：

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

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

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

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

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

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

　　2.語(yǔ)言性能的差異：

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

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

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

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

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

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

　　FrontPage2000增加的新功能：

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

　　2. FrontPage2000不僅僅可以用來制作網(wǎng)頁(yè)，用戶還可以使用它來建設(shè)和維護(hù)自己的整個(gè)網(wǎng)站，更方便地檢測(cè)、更新網(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)引出文件，而且能夠自動(dòng)維護(hù)站點(diǎn)內(nèi)部的所有超級(jí)鏈接的正確性；

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

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

　　FrontPage主要功能：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

　　1. 最佳的制作效率；

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

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

　　4. 豐富模板和XML支援；

　　5. 多瀏覽器平臺(tái)的支持。

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

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

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

　　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)（一對(duì)一）：

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

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

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

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

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

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

　　黃色：代表高貴、富有；

　　白色：代表純潔、簡(jiǎn)單；

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

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

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

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

　　棕色：代表土地。

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

　　1. 紙上布局法：

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

　　2） 選擇頁(yè)面尺寸；

　　3） 頁(yè)面總體造型的選擇；

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

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

　　6） 開始增加頁(yè)眉；

　　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ù)器放置位置（國(guó)內(nèi)、國(guó)外等）

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

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

　　4. 磁盤空間大小；

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

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

　　7. 是否支持微軟的FrontPage；

　　8. 是否支持加密傳輸。

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

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

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

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

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