第一篇：數(shù)字媒體中網(wǎng)頁設(shè)計(jì)原則與制作技巧分析論文
在我國經(jīng)濟(jì)與社會(huì)快速發(fā)展的今天，數(shù)字媒體作為一種新興工具，已經(jīng)與我國網(wǎng)絡(luò)緊密的結(jié)合在一定，這種結(jié)合使得數(shù)字媒體本身與與我國民眾生活之間的聯(lián)系日漸緊密，而為了保證數(shù)字媒體能夠更好的為我國民眾提供服務(wù)，本文就數(shù)字媒體中的網(wǎng)頁設(shè)計(jì)原則與制作技巧進(jìn)行了具體研究，希望這一研究能夠在一定程度上推動(dòng)我國數(shù)字媒體網(wǎng)頁設(shè)計(jì)的相關(guān)發(fā)展。
前言：
得益于計(jì)算機(jī)與智能手機(jī)的普及，我國網(wǎng)民數(shù)量已達(dá)7億，而這一龐大的網(wǎng)民人口則標(biāo)志著網(wǎng)絡(luò)與我國民眾生活之間聯(lián)系的日漸緊密。我國當(dāng)下數(shù)字媒體的發(fā)展速度不斷提升，其本身也開始真正融入我國各行各業(yè)之中，但數(shù)字媒體本身在發(fā)展中也暴露出了一些問題，而本文就數(shù)字媒體中網(wǎng)頁設(shè)計(jì)原則與制作技巧展開的研究目的，正是為了解決其中一部分問題。
1.數(shù)字媒體概述
為了能夠較好的完成本文就數(shù)字媒體中網(wǎng)頁設(shè)計(jì)原則與制作技巧展開的研究，我們首先就需要對數(shù)字媒體進(jìn)行深入了解。結(jié)合相關(guān)文獻(xiàn)資料與筆者自身對數(shù)字媒體的認(rèn)知，本文將數(shù)字媒體定義為利用二進(jìn)制數(shù)據(jù)處理和記錄，采取數(shù)字通信的原理，收集、存儲(chǔ)、傳輸各種矢量數(shù)字文本的過程，簡單的說數(shù)字媒體就是一種圖形、圖像、視頻、聲音、動(dòng)畫等信息的載體與平臺(tái)。對于數(shù)字媒體來說，其本身具備著高效相互性、靈活多變性以及強(qiáng)大融合性等三方面的特點(diǎn)，這些特點(diǎn)也是其能夠較好發(fā)揮自身功能的原因所在。具體來說，高效相互性指的是數(shù)字媒體能夠通過自身的載體與平臺(tái)特性，使信息變?yōu)榭筛小⒖芍?、可管、可交互的狀態(tài)，這就使得信息的傳播的過程中能夠較好的實(shí)現(xiàn)作者與受眾的交流網(wǎng)絡(luò)影視、網(wǎng)絡(luò)游戲等都屬于這一特點(diǎn)的具體表現(xiàn)；而在靈活多變性這一特點(diǎn)中，這一特點(diǎn)使得數(shù)字媒體能夠?qū)⒙曇?、圖片、視頻、音頻、文字等創(chuàng)作要素進(jìn)行較好的改變，這樣相關(guān)信息就能夠?qū)崿F(xiàn)更好的創(chuàng)造；而在強(qiáng)大融合性這一特點(diǎn)中，這一特點(diǎn)使得數(shù)字媒體本身能夠與各類藝術(shù)方式實(shí)現(xiàn)較好的融合，這種融合由于往往能夠發(fā)揮“1+1＞2”的作用，就使得數(shù)字媒體能夠更好的滿足各類受眾的需求[1]。
2.數(shù)字媒體中網(wǎng)頁設(shè)計(jì)原則
上文中我們深入了解了各類數(shù)字媒體，而在下文中筆者將結(jié)合自身實(shí)際工作經(jīng)驗(yàn)與相關(guān)文獻(xiàn)資料，就數(shù)字媒體中網(wǎng)頁設(shè)計(jì)原則進(jìn)行詳細(xì)論述，希望這一論述能夠在一定程度上為我國數(shù)字媒體的進(jìn)一步發(fā)展帶來一定幫助。
2.1明確網(wǎng)頁主題
在數(shù)字媒體的網(wǎng)頁設(shè)計(jì)中，為了保證這一網(wǎng)頁設(shè)計(jì)能夠較好的為受眾提供服務(wù)，我們首先就需要結(jié)合網(wǎng)頁內(nèi)容確認(rèn)網(wǎng)頁主題，而為了實(shí)現(xiàn)這一目標(biāo)，網(wǎng)頁設(shè)計(jì)人員需要進(jìn)行充分的市場調(diào)查，最大程度上了解網(wǎng)頁受眾的情況，這樣才能夠較好的確定整個(gè)網(wǎng)頁的風(fēng)格與主題。而在確定了網(wǎng)頁的主題后，設(shè)計(jì)人員還需要在設(shè)計(jì)的過程中保證網(wǎng)頁本身的鮮明突出、要點(diǎn)明確，最終實(shí)現(xiàn)通過簡單的網(wǎng)頁頁面?zhèn)鬟_(dá)不簡單的信息這一追求。值得注意的是，網(wǎng)頁還需要最大程度上保證自身的即時(shí)性，這樣才能夠更好的實(shí)現(xiàn)信息的傳達(dá)[2]。
2.2結(jié)合受眾需求
除了明確網(wǎng)頁主題外，網(wǎng)頁設(shè)計(jì)人員在進(jìn)行數(shù)字媒體的網(wǎng)頁設(shè)計(jì)過程中，還需要細(xì)致了解網(wǎng)頁受眾人群的性別、年齡、職業(yè)以及受教育程度、生活習(xí)俗等方面的分布，并以此更好的結(jié)合網(wǎng)頁向受眾傳達(dá)某種情感，這樣就能夠更好的提高數(shù)字媒體中網(wǎng)頁信息的傳播效率。例如，對網(wǎng)頁受眾年齡的把握，使得設(shè)計(jì)人員能夠更好的抓住網(wǎng)頁設(shè)計(jì)的側(cè)重點(diǎn)，這樣就能夠保證該網(wǎng)頁設(shè)計(jì)傳達(dá)的信息更具備針對性，這自然就大大提高了網(wǎng)頁本身信息的傳達(dá)效率。值得注意的是，我們還需要在網(wǎng)頁設(shè)計(jì)中參考受眾的接受與理解信息的態(tài)度、愿望、需求以及情感等心理因素，這樣才能夠更好的為其提供服務(wù)[3]。
2.3保證風(fēng)格統(tǒng)一
除了上述兩方面的原則外，設(shè)計(jì)人員還必須保證數(shù)字媒體中網(wǎng)頁設(shè)計(jì)的風(fēng)格統(tǒng)一。具體來說，據(jù)筆者調(diào)查發(fā)現(xiàn)，我國當(dāng)下很多數(shù)字媒體中的網(wǎng)頁設(shè)計(jì)存在著文字設(shè)計(jì)影響網(wǎng)頁質(zhì)量、色彩運(yùn)用與搭配影響網(wǎng)頁主題風(fēng)格、圖片選用不合理等一系列問題，這些問題歸根結(jié)底屬于網(wǎng)頁設(shè)計(jì)中風(fēng)格出現(xiàn)的問題，而這一問題也對數(shù)字媒體中網(wǎng)頁設(shè)計(jì)帶來了種種負(fù)面影響，為此設(shè)計(jì)人員必須在文字選擇、色彩搭配、圖片選用等方面注意保持整個(gè)網(wǎng)頁的風(fēng)格統(tǒng)一，這樣才能夠更好的保證數(shù)字媒體中網(wǎng)頁設(shè)計(jì)的整體質(zhì)量[4]。
3.數(shù)字媒體中網(wǎng)頁制作技巧
3.1首頁設(shè)計(jì)技巧
在數(shù)字媒體中的網(wǎng)頁設(shè)計(jì)中，網(wǎng)站的首頁一般存在形象展示型與信息羅列型兩種，一般來說信息羅列型較為適用于大、中型網(wǎng)站，也是我國當(dāng)下最為主流的網(wǎng)站首頁設(shè)計(jì)選擇。在形象展示型的網(wǎng)站首頁設(shè)計(jì)中，設(shè)計(jì)人員需要在突出網(wǎng)站本身形象的同時(shí)向受眾傳達(dá)相關(guān)形象與氣氛；而在信息羅列型的網(wǎng)站首頁設(shè)計(jì)中，設(shè)計(jì)人員需要結(jié)合自身信息傳播特點(diǎn)，合理選擇“國”字、拐角、標(biāo)題正文、左右框架、上下框架、封面、變化等型號的版面布局方式，這樣才能夠?qū)崿F(xiàn)相關(guān)信息的較好傳達(dá)。
3.2風(fēng)格統(tǒng)一技巧
上文中筆者提到了數(shù)字媒體中網(wǎng)頁設(shè)計(jì)必須遵循風(fēng)格統(tǒng)一這一原則，而為了真正實(shí)現(xiàn)這一風(fēng)格的統(tǒng)一，設(shè)計(jì)人員就需要從網(wǎng)頁設(shè)計(jì)的結(jié)構(gòu)、色彩、導(dǎo)航欄等三個(gè)方面實(shí)現(xiàn)這一風(fēng)格統(tǒng)一。具體來說，在網(wǎng)頁設(shè)計(jì)的結(jié)構(gòu)統(tǒng)一中，設(shè)計(jì)人員需要保證整個(gè)網(wǎng)站除特殊網(wǎng)頁外，在網(wǎng)站布局、文字排版、裝飾性元素出現(xiàn)的位置、圖片的位置等方面呈現(xiàn)較高的統(tǒng)一性；而在色彩的統(tǒng)一中，設(shè)計(jì)人員需要盡量保證網(wǎng)站的主體色彩一致，并只在有需求的時(shí)候改變網(wǎng)站的部分色塊；而在導(dǎo)航欄的統(tǒng)一中，導(dǎo)航欄的位置與背景必須在大小、明暗、位置等方面實(shí)現(xiàn)統(tǒng)一，這樣才能夠較好的提高網(wǎng)站本身的特點(diǎn)，使更多的受眾對該網(wǎng)站產(chǎn)生深刻印象。
結(jié)論：
在本文就數(shù)字媒體中網(wǎng)頁設(shè)計(jì)原則與制作技巧展開的研究中，筆者詳細(xì)論述了數(shù)字媒體的概念、網(wǎng)頁設(shè)計(jì)的原則以及網(wǎng)頁的制作技巧，雖然受限于篇幅原因本文并未對數(shù)字媒體中網(wǎng)頁設(shè)計(jì)進(jìn)行較為深入的研究，但還是希望本文論述的內(nèi)容能夠在一定程度上推動(dòng)我國數(shù)字媒體的相關(guān)發(fā)展。
引用：
[1]楊旭蘭.色彩在網(wǎng)頁設(shè)計(jì)中的應(yīng)用研究[D].南京林業(yè)大學(xué),2009.[2]張燕.多媒體素材的無障礙設(shè)計(jì)研究[D].浙江師范大學(xué),2009.[3]黃曉乾,陳超.網(wǎng)頁設(shè)計(jì)原則與制作技巧[J].中國科技信息,2010,07:95-96.[4]鬲波飛.網(wǎng)絡(luò)媒體的視覺傳達(dá)設(shè)計(jì)研究[D].湖南大學(xué),2002.
第二篇：網(wǎng)頁設(shè)計(jì)與制作-論文（本站推薦）
第一章
緒論
摘 要
本論文將對個(gè)人網(wǎng)頁設(shè)計(jì)與制作的方法、工具等展開研究和探討。在介紹網(wǎng)頁設(shè)計(jì)與制作語言的基礎(chǔ)上，著重使用JavaScript作為工具語言進(jìn)行網(wǎng)頁設(shè)計(jì)與制作的實(shí)際操作，分別對基于對象的JavaScript語言、內(nèi)部對象系統(tǒng)的使用及WEB頁面信息交互——窗口和框架進(jìn)行詳細(xì)描述，并利用具體的實(shí)例進(jìn)行驗(yàn)證。
本論文主要章節(jié)如下，第一章：緒論，本章主要介紹網(wǎng)頁設(shè)計(jì)的相關(guān)知識。第二章：網(wǎng)頁設(shè)計(jì)語言概述，本章主要介紹網(wǎng)頁設(shè)計(jì)的語言——HTML，以及用于編輯HTML語言的軟件，為后續(xù)工作奠定基礎(chǔ)。第三章：基于對象的JavaScript語言，本章介紹了基于對象的JavaScript中常用內(nèi)部對象屬性、方法的使用。第四章：內(nèi)部對象系統(tǒng)的使用，本章主要介紹使用瀏覽器的內(nèi)部對象系統(tǒng)，可實(shí)現(xiàn)與HTML文檔進(jìn)行交互。第五章：WEB頁面信息的交互——窗體與框架，本章主要介紹實(shí)現(xiàn)網(wǎng)頁的動(dòng)態(tài)交互，必須掌握有關(guān)窗體對象（Form）和框架對象（Frames）更為復(fù)雜的知識。
關(guān)鍵詞： 網(wǎng)頁制作；網(wǎng)頁設(shè)計(jì)；HTML；ASP
第一章
緒論
第一章 緒論
隨著21世紀(jì)的到來，人們更深切地感受到計(jì)算機(jī)在生活和工作中的作用越來越重要，越來越來的職業(yè)需要具有計(jì)算機(jī)的應(yīng)用技能。掌握計(jì)算機(jī)是職業(yè)的需要，更是事業(yè)發(fā)展的需要。網(wǎng)頁設(shè)計(jì)與制作是計(jì)算機(jī)能力的具體表現(xiàn)，本章主要介紹網(wǎng)頁設(shè)計(jì)的相關(guān)知識。
1.1 網(wǎng)頁設(shè)計(jì)概述
網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息(包括產(chǎn)品和服務(wù))的一種方式,是企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺(tái)，離開網(wǎng)站（或者只是利用第三方網(wǎng)站）去談電子商務(wù)是不可能的。企業(yè)的網(wǎng)址被稱為“網(wǎng)絡(luò)商標(biāo)”，也是企業(yè)無形資產(chǎn)的組成部分，而網(wǎng)站是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。
1.2 網(wǎng)頁設(shè)計(jì)的要素
網(wǎng)頁設(shè)計(jì)的兩大要素是：整體風(fēng)格和色彩搭配。
一、確定網(wǎng)站的整體風(fēng)格
在這里，我提供給大家一些參考經(jīng)驗(yàn)：
1．將你的標(biāo)志logo，盡可能的放在每個(gè)頁面上最突出的位置。2．突出你的標(biāo)準(zhǔn)色彩。
3．總結(jié)一句能反映貴站精髓的宣傳標(biāo)語！
4．相同類型的圖像采用相同效果，比如說標(biāo)題字都采用陰影效果，那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的！
二、網(wǎng)頁色彩的搭配
1．用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，這樣的頁面看起來色彩統(tǒng)一，有層次感。
2．用兩種色彩。先選定一種色彩，然后選擇它的對比色。
3．用一個(gè)色系。簡單的說就是用一個(gè)感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。
1.3 大作業(yè)目的和意義
本大作業(yè)主要是對網(wǎng)頁設(shè)計(jì)與制作的語言基礎(chǔ)上進(jìn)行探討，主要內(nèi)容如下：通過已經(jīng)做好的網(wǎng)頁，分析html網(wǎng)頁設(shè)計(jì)技術(shù)、XML技術(shù)、Java Applet技術(shù)和Javascript技術(shù)在網(wǎng)頁設(shè)計(jì)中的應(yīng)用。
第一章
緒論
1.4 要分析的網(wǎng)頁
第一章
緒論
第一章
緒論
第二章
HTML網(wǎng)頁設(shè)計(jì)技術(shù)的應(yīng)用
第二章 HTML網(wǎng)頁設(shè)計(jì)技術(shù)的應(yīng)用
2.1 HTML語言介紹
HTML（HyperText Mark-up Language）即超文本標(biāo)記語言或超文本鏈接標(biāo)示語言，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言，也是構(gòu)成網(wǎng)頁文檔的主要語言。
HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動(dòng)畫、聲音、表格、鏈接等。HTML的結(jié)構(gòu)包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內(nèi)容。
2.1.1 HTML語言的特點(diǎn)
HTML文檔制作不是很復(fù)雜，且功能強(qiáng)大，支持不同數(shù)據(jù)格式的文件鑲?cè)耄@也是WWW盛行的原因之一，HTML語言的特點(diǎn)如下：
1、簡易性，HTML版本升級采用超集方式，從而更加靈活方便。
2、可擴(kuò)展性，HTML語言的廣泛應(yīng)用帶來了加強(qiáng)功能，增加標(biāo)識符等要求，HTML采取子類元素的方式，為系統(tǒng)擴(kuò)展帶來保證。
3、平臺(tái)無關(guān)性。雖然PC機(jī)大行其道，但使用MAC等其他機(jī)器的大有人在，HTML可以使用在廣泛的平臺(tái)上，這也是WWW盛行的另一個(gè)原因。
2.1.2 HTML語言的編輯軟件
HTML的本質(zhì)是文本，需要瀏覽器的解釋，HTML的編輯器大體可以分為三種：
1、基本編輯軟件，使用WINDOWS自帶的記事本或?qū)懽职娑伎梢跃帉?，?dāng)然，如果你用WPS來編寫，也可以。不過存盤時(shí)請使用.htm或.html作為擴(kuò)展名，這樣瀏覽器就可以解釋執(zhí)行了。
2、半所見即所得軟件，這種軟件能大大提高開發(fā)效率，它可以使你在很短的時(shí)間內(nèi)做出Homepage，且可以學(xué)習(xí)HTML，這種類型的軟件主要有HOTDOG，還有國產(chǎn)的軟件網(wǎng)頁作坊。
3、所見即所得軟件，使用最廣泛的編輯器，完全可以一點(diǎn)不懂HTML的知識就可以做出網(wǎng)頁，這類軟件主要有Frontpage，DREAMWEAVER、Delphi、Eclipse、UltraEdit。
2.1.4 html語言在網(wǎng)頁設(shè)計(jì)中的應(yīng)用
第二章
HTML網(wǎng)頁設(shè)計(jì)技術(shù)的應(yīng)用
2.2.3JavaScript技術(shù)在網(wǎng)頁設(shè)計(jì)中應(yīng)用
一、JavaScript概述
JavaScript是一種基于對象(Object)和事件驅(qū)動(dòng)(Event Driven)并具有安全性能的腳本語言。使用它的目的是與HTML超文本標(biāo)記語言、Java 腳本語言（Java小程序）一起實(shí)現(xiàn)在一個(gè)Web頁面中鏈接多個(gè)對象，與Web客戶交互作用。從而可以開發(fā)客戶端的應(yīng)用程序等。它是通過嵌入或調(diào)入在標(biāo)準(zhǔn)的HTML語言中實(shí)現(xiàn)的。它的出現(xiàn)彌補(bǔ)了HTML語言的缺陷，它是Java與HTML折衷的選擇，具有以下幾個(gè)基本特點(diǎn)：
1、是一種腳本編寫語言
JavaScript是一種腳本語言，它采用小程序段的方式實(shí)現(xiàn)編程。像其它腳本語言一樣,JavaScript同樣已是一種解釋性語言,它提供了一個(gè)易的開發(fā)過程。
它的基本結(jié)構(gòu)形式與C、C++、VB、Delphi十分類似。但它不像這些語言一樣，需要先編譯，而是在程序運(yùn)行過程中被逐行地解釋。它與HTML標(biāo)識結(jié)合在一起，從而方便用戶的使用操作。
2、基于對象的語言。
JavaScript是一種基于對象的語言，同時(shí)以可以看作一種面向?qū)ο蟮摹＿@意味著它能運(yùn)用自己已經(jīng)創(chuàng)建的對象。因此，許多功能可以來自于腳本環(huán)境中對象的方法與腳本的相互作用。
3、簡單性
JavaScript的簡單性主要體現(xiàn)在：首先它是一種基于Java基本語句和控制流之上的簡單而緊湊的設(shè)計(jì), 從而對于學(xué)習(xí)Java是一種非常好的過渡。其次它的變量類型是采用弱類型，并未使用嚴(yán)格的數(shù)據(jù)類型。
4、安全性
JavaScript是一種安全性語言，它不允許訪問本地的硬盤，并不能將數(shù)據(jù)存入到服務(wù)器上，不允許對網(wǎng)絡(luò)文檔進(jìn)行修改和刪除，只能通過瀏覽器實(shí)現(xiàn)信息瀏覽或動(dòng)態(tài)交互。從而有效地防止數(shù)據(jù)的丟失。
5、動(dòng)態(tài)性的
JavaScript是動(dòng)態(tài)的，它可以直接對用戶或客戶輸入做出響應(yīng)，無須經(jīng)過Web服務(wù)程序。它對用戶的反映響應(yīng)，是采用以事件驅(qū)動(dòng)的方式進(jìn)行的。所謂事件驅(qū)動(dòng)，就是指在主頁(Home Page)中執(zhí)行了某種操作所產(chǎn)生的動(dòng)作，就稱為“事件”(Event)。比如按下鼠標(biāo)、移動(dòng)窗口、選擇菜單等都可以視為事件。當(dāng)事件發(fā)生后，可能會(huì)引起相應(yīng)的事件響應(yīng)。
6、跨平臺(tái)性
JavaScript是依賴于瀏覽器本身，與操作環(huán)境無關(guān)，只要能運(yùn)行瀏覽器的計(jì)算機(jī)，并支持JavaScript的瀏覽器就可正確執(zhí)行。從而實(shí)現(xiàn)了“編寫一次,走遍天下”的夢想。
實(shí)際上JavaScript最杰出之處在于可以用很小的程序做大量的事。無須有高性能的電腦，軟件僅需一個(gè)字處理軟件及一瀏覽器，無須WEB服務(wù)器通道，通過自己的電腦即可完成所有的事情。
總之，JavaScript 是一種新的描述語言，它可以被箝入到 HTML 的文件之中。JavaScript語言可以做到回應(yīng)使用者的需求事件(如：form的輸入)，而不用任何的網(wǎng)路來回傳輸資料，所以當(dāng)一位使用者輸入一項(xiàng)資料時(shí)，它不用經(jīng)過傳給伺服端(server)處理，再傳回來的過程，而直接可以被客戶端(client)的應(yīng)用程式所處理。
第二章
HTML網(wǎng)頁設(shè)計(jì)技術(shù)的應(yīng)用
第五章
色彩在網(wǎng)頁中的應(yīng)用
第五章 色彩在網(wǎng)頁中的應(yīng)用
5.1色彩在網(wǎng)頁中的應(yīng)用
色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁設(shè)計(jì)中，我們的設(shè)計(jì)師根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合．搭配來構(gòu)成美麗的頁面。根據(jù)色彩對人們心理的影響，合理地加以運(yùn)用。
先選定一種色彩，然后調(diào)整透明度或者飽和度，這樣的頁面看起來色彩統(tǒng)一，有層次感。簡單的說就是用一個(gè)感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。
在網(wǎng)頁配色中不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。背景和前文的對比盡量要大以便突出主要文字內(nèi)容。
5.2主頁色彩的處理
色彩是人的視覺最敏感的東西。主頁的色彩處理得好，可以錦上添花，達(dá)到事半功倍的效果。色彩總的應(yīng)用原則應(yīng)該是“總體協(xié)調(diào)，局部對比”，也就是：主頁的整體色彩效果應(yīng)該是和諧的，只有局部的、小范圍的地方可以有一些強(qiáng)烈色彩的對比。在色彩的運(yùn)用上，可以根據(jù)主頁內(nèi)容的需要，分別采用不同的主色調(diào)。因?yàn)樯示哂邢笳餍?，例如：嫩綠色、翠綠色、金黃色、灰褐色就可以分別象征著春、夏、秋、冬。其次還有職業(yè)的標(biāo)志色，例如：軍警的橄欖綠，醫(yī)療衛(wèi)生的白色等。色彩還具有明顯的心理感覺，例如冷、暖的感覺，進(jìn)、退的效果等。另外，色彩還有民族性，各個(gè)民族由于環(huán)境、文化、傳統(tǒng)等因素的影響，對于色彩的喜好也存在著較大的差異。充分運(yùn)用色彩的這些特性，可以使我們的主頁具有深刻的藝術(shù)內(nèi)涵，從而提升主頁的文化品位。
5.3常用的配色方案
1.暖色調(diào)。即紅色、橙色、黃色、赭色等色彩的搭配。這種色調(diào)的運(yùn)用，可使主頁呈現(xiàn)溫馨、和煦、熱情的氛圍。
2.冷色調(diào)。即青色、綠色、紫色等色彩的搭配。這種色調(diào)的運(yùn)用，可使主頁呈現(xiàn)寧靜、清涼、高雅的氛圍。
3.對比色調(diào)。即把色性完全相反的色彩搭配在同一個(gè)空間里。例如：紅與綠、黃與紫、橙與藍(lán)等。這種色彩的搭配，可以產(chǎn)生強(qiáng)烈的視覺效果，給人亮麗、鮮艷、喜慶的感覺。
第五章
色彩在網(wǎng)頁中的應(yīng)用
最后，還要考慮主頁底色（背景色）的深、淺，這里借用攝影中的一個(gè)術(shù)語，就是“高調(diào)”和“低調(diào)”。底色淺的稱為高調(diào)；底色深的稱為低調(diào)。底色深，文字的顏色就要淺，以深色的背景襯托淺色的內(nèi)容（文字或圖片）；反之，底色淡的，文字的顏色就要深些，以淺色的背景襯托深色的內(nèi)容（文字或圖片）。這種深淺的變化在色彩學(xué)中稱為“明度變化”。當(dāng)然，色彩的明度也不能變化太大，否則屏幕上的亮度反差太強(qiáng)，同樣也會(huì)使讀者的眼睛受不了。
5.4合理搭配網(wǎng)頁色彩
網(wǎng)頁的色彩是樹立網(wǎng)站形象的關(guān)鍵之一，網(wǎng)頁的背景、文字、圖標(biāo)、邊框、超鏈接等都要用到色彩。不同的色彩會(huì)使瀏覽者有不同的心理感受。合理的搭配色彩，會(huì)更好的表現(xiàn)主題，吸引用戶的注意力。網(wǎng)頁色彩涉及到藝術(shù)知識，讓美術(shù)教師參加網(wǎng)頁色彩設(shè)計(jì)，可能會(huì)出現(xiàn)比較理想的效果。在色彩搭配上要注意色彩的鮮明性、獨(dú)特性、合適性、聯(lián)想性。背景色和前景色對比要大，以突出主要內(nèi)容
網(wǎng)站給人的第一印象來自視覺沖擊，不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問者的情緒。“標(biāo)準(zhǔn)色彩”是指能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩，要用于網(wǎng)站的標(biāo)志，標(biāo)題，主菜單和主色塊。給人以整體統(tǒng)一的感覺。至于其它色彩也可以使用，但應(yīng)當(dāng)只是作為點(diǎn)綴和襯托，絕不能喧賓奪主。一般來說，一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩不超過3種，太多則讓人眼花繚亂。適合于網(wǎng)頁標(biāo)準(zhǔn)色的顏色有：藍(lán)色，黃/橙色，黑/灰/白色三大系列色。
第五章
色彩在網(wǎng)頁中的應(yīng)用
第六章 WEB頁面信息的交互——窗體與框架
要實(shí)現(xiàn)網(wǎng)頁的動(dòng)態(tài)交互，必須掌握有關(guān)窗體對象（Form）和框架對象（Frames）更為復(fù)雜的知識。
6.1窗體基礎(chǔ)知識
窗體對象可以使設(shè)計(jì)人員能用窗體中不同的元素與客戶機(jī)用戶相交互，而用不著在之前首先進(jìn)行數(shù)據(jù)輸入，就可以實(shí)現(xiàn)動(dòng)態(tài)改變Web文檔的行為。
6.1.1窗體對象
窗體（Form）：它構(gòu)成了Web頁面的基本元素。通常一個(gè)Web頁面有一個(gè)窗體或幾個(gè)窗體，使用Forms[]數(shù)組來實(shí)現(xiàn)不同窗體的訪問。
在Forms[0]中共有三個(gè)基本元素，而Forms[1]中只有兩個(gè)元素。窗體對象最主要的功能就是能夠直接訪問HTML文檔中的窗體，它封裝了相關(guān)的HTML代碼：
6.1.2 窗體對象的方法窗體對象的方法只有一個(gè)--submit()方法，該方法主要功用就是實(shí)現(xiàn)窗體信息的提交。如提交Mytest窗體，則使用下列格式：
document.mytest.submit()
第五章
色彩在網(wǎng)頁中的應(yīng)用
6.1.3 窗體對象的屬性
窗體對象中的屬性主要包括以下：elements name action target encoding method。除Elements外，其它幾個(gè)均反映了窗體中標(biāo)識中相應(yīng)屬性的狀態(tài)，這通常是單個(gè)窗體標(biāo)識；而elements常常是多個(gè)窗體元素值的數(shù)組，例：
elements[0].Mytable.elements[1] 6.1.4 訪問窗體對象
在JavaScript中訪問窗體對象可由兩種方法實(shí)現(xiàn)：（1）通過訪問窗體
在窗體對象的屬性中首先必須指定其窗體名，而后就可以通過下列標(biāo)識訪問窗體如：document.Mytable()。
（2）通過數(shù)組來訪問窗體
除了使用窗體名來訪問窗體外，還可以使用窗體對象數(shù)組來訪問窗體對象。但需要注意一點(diǎn)，因窗體對象是由瀏覽器環(huán)境的提供的，而瀏覽器環(huán)境所提供的數(shù)組下標(biāo)是由0到n。所以可通過下列格式實(shí)現(xiàn)窗體對象的訪問：
document.forms[0] document.forms[1] document.forms[2]...6.1.5 引用窗體的先決條件
在JavaScript中要對窗體引用的條件是：必須先在頁面中用標(biāo)識創(chuàng)建窗體，并將定義窗體部分放在引用之前。
6.2 窗體中的基本元素
窗體中的基本元素由按鈕、單選按鈕、復(fù)選按鈕、提交按鈕、重置按鈕、文本框等組成。
在JavaScript中要訪問這些基本元素，必須通過對應(yīng)特定的窗體元素的數(shù)組下標(biāo)或窗體元素名來實(shí)現(xiàn)。每一個(gè)元素主要是通過該元素的屬性或方法來引用。其引用的基本格式見下：
formName.elements[].methadName(窗體名.元素名或數(shù)組.方法)formName.elemaent[].propertyName(窗體名.元素名或數(shù)組.屬性)下面分別介紹：
（1）Text單行單列輸入元素
功能：對Text標(biāo)識中的元素實(shí)施有效的控制?；緦傩裕?/p>
Name：設(shè)定提交信息時(shí)的信息名稱。對應(yīng)于HTML文檔中的Name。Value：用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息。defaultvalue：包括Text元素的默認(rèn)值 基本方法：
blur()：將當(dāng)前焦點(diǎn)移到后臺(tái)。
第五章
色彩在網(wǎng)頁中的應(yīng)用
select()：加亮文字。主要事件：
onFocus：當(dāng)Text獲得焦點(diǎn)時(shí)，產(chǎn)生該事件。OnBlur：從元素失去焦點(diǎn)時(shí)，產(chǎn)生該事件。Onselect：當(dāng)文字被加亮顯示后，產(chǎn)生該文件。onchange：當(dāng)Text元素值改變時(shí)，產(chǎn)生該文件。例：
...（2）textarea多行多列輸入元素功能：實(shí)施對Textarea中的元素進(jìn)行控制?；緦傩?/p>
name：設(shè)定提交信息時(shí)的信息名稱，對應(yīng)HTML文檔Textarea的Name。Value：用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息。Default value：元素的默認(rèn)值。方法：
blur()：將輸入焦點(diǎn)失去 select()：將文字加亮后 事件：
onBlur:當(dāng)失去輸入焦點(diǎn)后產(chǎn)生該事件 onFocus:當(dāng)輸入獲得焦點(diǎn)后，產(chǎn)生該文件 Onchange:當(dāng)文字值改變時(shí)，產(chǎn)生該事件 Onselect:當(dāng)文字加亮后，產(chǎn)生該文件（3）Select選擇元素
功能：實(shí)施對滾動(dòng)選擇元素的控制。屬性：
name:設(shè)定提交信息時(shí)的信息名稱，對應(yīng)文檔select中的name。Length:對應(yīng)文檔select中的length options:組成多個(gè)選項(xiàng)的數(shù)組 selectIndex;該下標(biāo)指明一個(gè)選項(xiàng)
select在中每一選項(xiàng)都含有以下屬性： Text:選項(xiàng)對應(yīng)的文字
selected:指明當(dāng)前選項(xiàng)是否被選中 Index:指明當(dāng)前選項(xiàng)的位置 defaultselected:默認(rèn)選項(xiàng) 事件：
第五章
色彩在網(wǎng)頁中的應(yīng)用
OnBlur：當(dāng)select選項(xiàng)失去焦點(diǎn)時(shí)，產(chǎn)生該文件。onFocas:當(dāng)select獲得焦點(diǎn)時(shí)，產(chǎn)生該文件。Onchange:選項(xiàng)狀態(tài)改變后，產(chǎn)生該事件。（4）Button按鈕
功能：實(shí)施對Button按鈕的控制。屬性：
Name:設(shè)定提交信息時(shí)的信息名稱，對應(yīng)文檔中button的Name。Value:用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息。方法：
click()該方法類似于一個(gè)按下的按鈕。事件：
onclick當(dāng)單擊button按鈕時(shí)，產(chǎn)生該事件。例 ：
........（5）checkbox檢查框功能：實(shí)施對一個(gè)具有復(fù)選框中元素的控制。屬性：
name:設(shè)定提交信息時(shí)的信息名稱。
Value:用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息。Checked:該屬性指明框的狀態(tài)true/false.defauitchecked:默認(rèn)狀態(tài) 方法：
click()該方法使得框的某一個(gè)項(xiàng)被選中。事件：
Onclick：當(dāng)框的選被選中時(shí)，產(chǎn)生該事件。（6）radio無線按鈕
功能：實(shí)施對一個(gè)具單選功能的無線按鈕控制。屬性：
Name：設(shè)定提交信息時(shí)的信息名稱，對應(yīng)HTML文檔中的radio的name相同 Value：用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息，對應(yīng)HTML文檔中的radio的name。
length：單選按鈕中的按鈕數(shù)目。defalechecked:默認(rèn)按鈕。
checked:指明選中還是沒有選中。
第五章
色彩在網(wǎng)頁中的應(yīng)用
index:選中的按鈕的位置。方法：
chick():選定一個(gè)按鈕。事件：
onclick:單擊按鈕時(shí)，產(chǎn)生該事件。（7）hidden:隱藏
功能：實(shí)施對一個(gè)具有不顯示文字并能輸入字符的區(qū)域元素的控制。屬性：
name:設(shè)定提交信息時(shí)的信息名稱，對應(yīng)HTML文檔的hidden中的Name。
Value:用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息，對應(yīng)HTML文檔hidden中的value。
defaleitvalue:默認(rèn)值（8）Password口令
功能：實(shí)施對具有口令輸入的元素的控制。屬性：
Name:設(shè)定提交信息時(shí)的信息名稱，對應(yīng)HTML文檔中password中的name。Value:用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息，對應(yīng)HTML文檔中password中的Value。
defaultvalu:默認(rèn)值 方法：
select():加亮輸入口令域。
blur():使這丟失passward輸入焦點(diǎn)。focus():獲得password輸入焦點(diǎn)。（9）submit提交元素
功能：實(shí)施對一個(gè)具有提交功能按鈕的控制。屬性：
name:設(shè)定提交信息時(shí)的信息名稱，對應(yīng)HTML文檔中submit。
Value:用以設(shè)定出現(xiàn)在窗口中對應(yīng)HTML文檔中Value的信息，對應(yīng)HTML文檔中value。
方法
click()相當(dāng)于按下submit按鈕。事件：
onclick()當(dāng)按下該按鈕時(shí)，產(chǎn)生該事件。
6.3窗體對象實(shí)例
下面我們演示通過點(diǎn)擊一個(gè)按鈕（red）來改變窗口顏色，點(diǎn)擊“調(diào)用動(dòng)態(tài)按鈕文檔”調(diào)用一個(gè)動(dòng)態(tài)按鈕文檔。
test8_1.htm
調(diào)用動(dòng)態(tài)按鈕文檔第三篇：網(wǎng)頁設(shè)計(jì)與制作課程學(xué)習(xí)論文
《網(wǎng)頁設(shè)計(jì)與制作》課程學(xué)習(xí)論文
作為一個(gè)二十一世紀(jì)的大學(xué)生，學(xué)習(xí)如何設(shè)計(jì)與制作網(wǎng)頁變?yōu)橐粋€(gè)必不可少的過程。經(jīng)過這幾個(gè)星期的學(xué)習(xí)，我開始對網(wǎng)頁設(shè)計(jì)與制作有了初步的認(rèn)識，并且學(xué)習(xí)了一些網(wǎng)頁設(shè)計(jì)與制作的基礎(chǔ)。隨著時(shí)代的發(fā)展，網(wǎng)站建設(shè)越來越接近于一門藝術(shù)而不僅僅是一門技術(shù)。網(wǎng)站設(shè)計(jì)日有必要的益被重視，學(xué)習(xí)網(wǎng)頁設(shè)計(jì)與制作這門學(xué)科是非常。
作為網(wǎng)頁設(shè)計(jì)的初學(xué)者，我對網(wǎng)頁設(shè)計(jì)非常感興趣，一心想設(shè)計(jì)出一個(gè)美觀、實(shí)用、內(nèi)容豐富的個(gè)人網(wǎng)頁。我通過自己動(dòng)手、動(dòng)腦，通過網(wǎng)絡(luò)資源，老師的指導(dǎo)，在不斷發(fā)現(xiàn)問題和解決問題的過程中學(xué)到了很多知識，也增強(qiáng)了我的創(chuàng)作能力和動(dòng)手能力，在網(wǎng)頁設(shè)計(jì)過程中，從構(gòu)思到設(shè)計(jì)、完善、維護(hù)，整個(gè)過程我都全身心投入，使我真正學(xué)到了網(wǎng)頁設(shè)計(jì)的知識。
互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。網(wǎng)頁設(shè)計(jì)伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡(luò)的頻繁而變得非常的重要。網(wǎng)頁講究的是排版布局，其功能主要就是提供一種形式給每個(gè)上網(wǎng)者，讓他們能夠了解網(wǎng)站提供的信息。
網(wǎng)頁設(shè)計(jì)與制作包含視聽元素于版式設(shè)計(jì)兩項(xiàng)內(nèi)容，以主題鮮明、形式與內(nèi)容統(tǒng)一、強(qiáng)調(diào)整體為設(shè)計(jì)原則，具有互交性與持續(xù)性、綜合性、版式的不可以控性、藝術(shù)與技術(shù)的結(jié)合的緊密型等特點(diǎn)。美和功能都是為了表達(dá)網(wǎng)站的主題。我認(rèn)為在一個(gè)網(wǎng)站中，最重要的頁面當(dāng)屬主頁，所以在此以主頁為例，說明在網(wǎng)頁制作中版面設(shè)計(jì)的問題。從版面設(shè)計(jì)來講,一個(gè)有特色的主頁,必須包含有四個(gè)要素：文字，圖片，排列方式和主色調(diào)，這四者相輔相成，缺一不可。圖片要素
要設(shè)計(jì)出漂亮的主頁，首先要成為計(jì)算機(jī)圖形高手，僅這一點(diǎn)就可以讓初學(xué)者花上一年半載的時(shí)間。排列方法要素，主頁的第二個(gè)要素是排列方法，即網(wǎng)頁布局。色彩在網(wǎng)頁所占比重很大。有了合理清新的色調(diào)，會(huì)彌補(bǔ)主頁上的其它不足。頁面的色彩搭配是與網(wǎng)站的主題分不開的，一個(gè)網(wǎng)站必須有一種或兩種主題色。不至于讓瀏覽者迷失方向，也不至于單調(diào)乏味。一般來說，頁面的主體文字應(yīng)盡量使用黑色等較深的顏色，與背景對比明顯，按鈕、邊框等使用彩色。例如教育類網(wǎng)站使用藍(lán)色為主題色，再用紅色和黑色作為配色，就能表達(dá)出嚴(yán)肅、穩(wěn)重的效果。網(wǎng)頁作為一種版面，既有文字，又有圖片；文字有大有小，還有標(biāo)題和正文之分；圖片頁有大小而且有橫豎之別。圖片和文字都需要同時(shí)展示給觀眾，不能簡單地將其羅列在一個(gè)頁面上，否則會(huì)搞得雜亂無章。關(guān)于具體的網(wǎng)頁布局，常見的有“國”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等，關(guān)于它們，在網(wǎng)頁設(shè)計(jì)的相關(guān)書籍中或者在網(wǎng)絡(luò)上都可以看到詳細(xì)的敘述
網(wǎng)頁作為傳播信息的一種載體，同其他出版物如報(bào)紙、雜志等在設(shè)計(jì)上有許多共同之處，也要遵循一些設(shè)計(jì)的基本原則。但是，由于表現(xiàn)形式、運(yùn)行方式和社會(huì)功能的不同，網(wǎng)頁設(shè)計(jì)又有其自身的特殊規(guī)律。網(wǎng)頁的藝術(shù)設(shè)計(jì)，是技術(shù)與藝術(shù)的結(jié)合，內(nèi)容與形式的統(tǒng)一。一般的來說，絕大多數(shù)普通受眾圖形，插件，applets和其它有關(guān)的高級Web瀏覽器特性。對我們來說，頁面的實(shí)用可能比漂亮更重要，對于用戶來說，沒有什么比頁面能夠快速下載更重要了，簡而言之，精簡你的站點(diǎn)，這是一條最佳的捷徑。就站點(diǎn)設(shè)計(jì)而言，的確能夠通過成功的圖形設(shè)計(jì)招徠或者丟失訪問者。并非所有的訪問者可以完全看到圖片，某些人為了加快存取網(wǎng)絡(luò)的速度已經(jīng)關(guān)閉了瀏覽器端的圖形。簡而言之，圖形并不能正確的在客戶端加載。然而，圖形經(jīng)常被用來作為導(dǎo)航按鈕。使用可以把一個(gè)瀏覽器分成幾個(gè)不同的窗口，對于站點(diǎn)的結(jié)構(gòu)的把握是一個(gè)不錯(cuò)的方法。但是，你還是必須知道，還是有人在使用不支持幀的瀏覽器。在你開始打算設(shè)計(jì)一個(gè)幀的時(shí)候，你該仔細(xì)的考慮考慮你是否的確真的需要。經(jīng)常，你這樣的需求可以通過表格來組織站點(diǎn)的結(jié)構(gòu)。網(wǎng)頁設(shè)計(jì)涉及到對多種軟件、多種知識的學(xué)習(xí)和應(yīng)用，以及個(gè)人的審美觀等等。所以要想制作出漂亮的網(wǎng)頁，需要一個(gè)逐步學(xué)習(xí)和經(jīng)驗(yàn)積累的過程。
隨著互聯(lián)網(wǎng)的不斷發(fā)展和中國網(wǎng)絡(luò)人口的日益增長，建立個(gè)人網(wǎng)站，不但可以很好的展示自己，而且可以提高自己在計(jì)算機(jī)應(yīng)用方面的能力。個(gè)人在設(shè)計(jì)時(shí)考慮的多為個(gè)人的興趣喜好，而不注重商業(yè)的展示。內(nèi)容以反映個(gè)人為中心，從而使個(gè)人網(wǎng)站真正的成為展示自己的網(wǎng)絡(luò)名片。一張完美的主頁設(shè)計(jì)需要積累豐富的知識以及掌握大量的技巧。
由于平時(shí)課程比較繁忙，學(xué)習(xí)時(shí)間比較少，對于網(wǎng)頁設(shè)計(jì)軟件的強(qiáng)大功能運(yùn)用得還不夠。不知不覺網(wǎng)頁設(shè)計(jì)的課程將要結(jié)束了，這門課程所包含內(nèi)容的豐富是讓我從沒有想到的。在整個(gè)的學(xué)習(xí)過程中，我學(xué)習(xí)了Flash、Fireworks、Html語言、IIS、網(wǎng)站建設(shè)的基本思想等重要內(nèi)容。在網(wǎng)頁設(shè)計(jì)過程中，由于沒有網(wǎng)頁制作代碼的知識，所以在設(shè)計(jì)時(shí)也遇到了很多麻煩，有時(shí)插入一個(gè)特效腳本也是很麻煩。在網(wǎng)頁制作過程中，想提高設(shè)計(jì)水平，想有個(gè)理想的網(wǎng)頁，必須學(xué)會(huì)代碼的運(yùn)用，我將在以后的學(xué)習(xí)過程中不斷加強(qiáng)這方面的學(xué)習(xí)，希望老師能簡單介紹一下代碼，讓我也對它有個(gè)初步的認(rèn)識，以后再加強(qiáng)學(xué)習(xí)也才會(huì)有所提高。
總體來說，通過今次的對網(wǎng)頁設(shè)計(jì)的學(xué)習(xí)，有收獲也有遺憾、不足的地方，但我想，我已經(jīng)邁入了網(wǎng)頁設(shè)計(jì)的大門，只要我再認(rèn)真努力的去學(xué)習(xí)，去提高，憑借我對網(wǎng)頁設(shè)計(jì)的熱情和執(zhí)著，我將來設(shè)計(jì)出的網(wǎng)頁會(huì)更加專業(yè)，更完善。也希望老師在今后的日子里多指導(dǎo)。網(wǎng)頁設(shè)計(jì)還有更多的技巧，有待于我們?nèi)ネ诰蚝脱芯俊?/p>
第四篇：網(wǎng)頁設(shè)計(jì)與制作簡答題
1、簡述Web瀏覽器打開一個(gè)Web文件的工作過程。
2、描述網(wǎng)頁設(shè)計(jì)的一般步驟。
3、簡述網(wǎng)頁設(shè)計(jì)的基本準(zhǔn)則。
4、簡述規(guī)劃網(wǎng)站目錄結(jié)構(gòu)時(shí)應(yīng)遵循的原則。
5、描述版面布局的步驟。
6、什么是“HTML”？HTML“標(biāo)記”又是什么？
7、簡述“HTML”文檔的基本結(jié)構(gòu)。
8、簡述以下一段HTML代碼中各對標(biāo)記的作用?！磆tml〉
〈head〉
〈title〉網(wǎng)頁設(shè)計(jì)〈/title〉 〈/head〉
〈body〉
〈h2〉北國風(fēng)光〈/h2〉
〈/body〉 〈/html〉
9、如何進(jìn)行本地網(wǎng)頁的測試？
10、網(wǎng)站管理和維護(hù)的主要工作有哪些？
11、什么是Web瀏覽器?
12、簡述網(wǎng)頁設(shè)計(jì)中所需要注意的通用規(guī)則。
13、簡述DHTML的概念及主要組成。
14、簡述使用FrontPage在網(wǎng)頁中插入一個(gè)日歷的過程。
15、簡述色彩的三原色的概念及每種顏色的調(diào)配范圍。
16、為什么要采用DHTML技術(shù)？客戶端動(dòng)態(tài)網(wǎng)頁技術(shù)有哪些優(yōu)點(diǎn)？
17、網(wǎng)站欄目劃分的原則是什么？
18、XML與HTML相比的主要優(yōu)點(diǎn)有哪些？
19、請簡述一下網(wǎng)站的設(shè)計(jì)流程？
20、簡述FireWorks的特點(diǎn)。
21、網(wǎng)頁制作的步驟是什么？
22、怎樣讓鏈接沒有下劃線?
23、怎樣在網(wǎng)頁中加入多媒體播放?
24、怎樣讓網(wǎng)頁的背景圖像不滾動(dòng)?
25、怎樣定義網(wǎng)頁的關(guān)鍵字?
26、什么是Web瀏覽器?
27、網(wǎng)頁上所說的重心平衡指的是什么?
28、什么是DHTML？DHTML技術(shù)主要由哪幾部分組成？
29、在CSS中，對字體的的設(shè)置所涉及到的屬性有哪些？
30、用HTML語言回答一個(gè)HTML文件應(yīng)具有的基本結(jié)構(gòu)。
31、比較GIF格式和JPG格式的原理與各自的適用范圍。
32、為什么要采用DHTML技術(shù)?客戶端動(dòng)態(tài)網(wǎng)頁技術(shù)有哪些優(yōu)點(diǎn)?
33、簡述站點(diǎn)的概念以及虛擬目錄和實(shí)際目錄之間的對應(yīng)關(guān)系。
34、什么是Web安全色?
35、簡述虛擬主機(jī)的概念和功能。
36、簡述Dreamweaver的工作窗口由哪些部分組成。
37、在Dreamweaver中，插入圖像的方法有哪些？
38、在Fireworks中，如何使文字附加于路徑？
39、在Flash MX中可以創(chuàng)建哪些類型的元件？各元件的含義是什么？
40、HTML中
標(biāo)記和
標(biāo)記有何區(qū)別?
41、簡述在網(wǎng)頁中插入背景音樂的方法。
42、怎樣在網(wǎng)頁中插入Flash影片？
43、簡述設(shè)計(jì)Web站點(diǎn)的一般步驟。
44、簡要說明html的基本工作原理。
45、簡要說明表格與框架布局的區(qū)別。
46、舉例說明在網(wǎng)頁中使用CSS樣式表的三種方式（都使用對p標(biāo)記符應(yīng)用color屬性為例），并簡要分析各自的特點(diǎn)。
47、簡要說明使用網(wǎng)頁圖像時(shí)應(yīng)注意的問題
48、簡要回答選擇符的作用及分類。
49、XML的主要特征有哪些？
50、FrontPage的主要功能有哪些？
51、簡答HTML文件的基本標(biāo)記組成。
52、簡答Java與JavaScript的主要區(qū)別。
53、簡述網(wǎng)站的開發(fā)流程。（10分）
54、簡述靜態(tài)網(wǎng)頁的執(zhí)行過程。（7分）
55、簡述在Dreamweaver MX中制作以插件方式播放音樂的頁面的步驟。
56、簡述網(wǎng)頁制作有哪些基本流程。
57、在Dreamweaver MX中，目標(biāo)端點(diǎn)的鏈接有哪幾種？
58、簡述在Fireworks中，可以做哪幾個(gè)方面的環(huán)境設(shè)置。
59、在Flash MX中，幀有哪幾種類型？各自的含義是什么？
參考答案：
1、簡述Web瀏覽器打開一個(gè)Web文件的工作過程。
1）
Web瀏覽器向服務(wù)器發(fā)出頁面請求
2）
服務(wù)器接收頁面請求，并將搜索到的頁面發(fā)給Web瀏覽器
3）
Web瀏覽器接收并顯示頁面
2、描述網(wǎng)頁設(shè)計(jì)的一般步驟。
1)
設(shè)計(jì)主題
2)
設(shè)計(jì)網(wǎng)頁的總體結(jié)構(gòu)
3)
資料的收集和整理
4)
選擇網(wǎng)頁的設(shè)計(jì)方法
5)
注意一些基本問題，如：標(biāo)題要簡明、圖片最好加說明等
3、簡述網(wǎng)頁設(shè)計(jì)的基本準(zhǔn)則。
需要遵循的藝術(shù)原則主要有：
1）
對比原則
2）
協(xié)調(diào)原則
3）
平衡原則
4）
趣味原則。
還包括統(tǒng)一、連貫、分割、對比、和諧、易讀、易找、清晰、精選。
4、簡述規(guī)劃網(wǎng)站目錄結(jié)構(gòu)時(shí)應(yīng)遵循的原則。
在創(chuàng)建目錄時(shí)需要注意：
（1）不要將所有文件都存放在根目錄下。
（2）目錄層次不要太深，建議不要超過三層。
（3）不要使用過長的目錄名和盡量不要使用中文目錄名。
5、描述版面布局的步驟。
步驟：
1）
繪制網(wǎng)頁草圖
2）
粗略布局
3）
定案
6、什么是“HTML”？HTML“標(biāo)記”又是什么？
HTML是一種建立網(wǎng)頁文件的語言，透過標(biāo)記式指令，將影像、聲音、圖片和文字等連接起來。
在HTML中用于描述功能的符號稱為“標(biāo)記”，它是用來控制文字、圖形等顯示方式的符號。
7、簡述“HTML”文檔的基本結(jié)構(gòu)。
HTML網(wǎng)頁的基本結(jié)構(gòu)。
HTML文件開始
文件頭開始
文件頭
文件頭結(jié)束
文件體開始
文件體
第五篇：網(wǎng)頁設(shè)計(jì)與制作教案
《網(wǎng)頁設(shè)計(jì)與制作教案》
教師：系部：信息技術(shù)工程系專業(yè)：計(jì)算機(jī)應(yīng)用班級：計(jì)機(jī)
湄洲灣職業(yè)技術(shù)學(xué)院
2008-2009學(xué)年第一學(xué)期
唐 俊 奇
電子信息
07（1）信息07（1）08（2）
1.3 網(wǎng)頁中所使用的技術(shù)
1.3.1 HTML語言和XML語言
1、HTML語言
?HTML只使用SGML中很小一部分標(biāo)記
?HTML語言（Hyper Text Markup Language 超文本標(biāo)記語言）
?HTML是純文本的語言，其源代碼可以用各種文本編輯工具進(jìn)行編輯，常用的網(wǎng)頁制作軟件如FrontPage、Dreamweaver等實(shí)際上是自動(dòng)生成HTML源代碼的工具
2、XML語言
XML（eXtensible Markup Language）1.3.2 動(dòng)態(tài)網(wǎng)頁
1.3.3 多媒體技術(shù)的應(yīng)用 1.3.4 Web服務(wù)器端程序
1.4 制作網(wǎng)頁的基本方法
1.4.1 制作網(wǎng)頁的基本步驟
1、確定網(wǎng)頁的內(nèi)容
2、設(shè)計(jì)網(wǎng)頁的組織結(jié)構(gòu)
3、資料的收集與整理
4、選擇網(wǎng)頁的設(shè)計(jì)方法
1.4.2 制作網(wǎng)頁時(shí)要注意的問題
1、網(wǎng)頁的標(biāo)題要簡潔，明確。
2、在文本中要使用水平線，以分割不同部分。
3、對重點(diǎn)段落要強(qiáng)調(diào)顯示。
4、網(wǎng)頁中插入的圖片要盡量的小。
5、圖形要附加文字說明，以便關(guān)閉圖像時(shí)查看。
6、網(wǎng)頁中引用的資料及商標(biāo)（或圖標(biāo)），不能侵犯版權(quán)。【課后小結(jié)】
通過學(xué)習(xí)，認(rèn)識網(wǎng)絡(luò)、網(wǎng)站、網(wǎng)頁及相關(guān)信息，理解網(wǎng)頁制作的流程及了解相應(yīng)開發(fā)工具，為設(shè)計(jì)網(wǎng)頁做準(zhǔn)備。
第二講 HTML的基本標(biāo)志與格式標(biāo)志
【教學(xué)內(nèi)容】
講解HTML基本標(biāo)志對和格式標(biāo)志?！窘虒W(xué)目的】
使學(xué)生標(biāo)志對與格式標(biāo)志對的使用?！窘虒W(xué)重點(diǎn)】
格式標(biāo)志的使用?！窘虒W(xué)難點(diǎn)】
* 使學(xué)生掌握超級鏈接標(biāo)志的使用?！窘虒W(xué)重點(diǎn)】
* 字體、圖片和超級鏈接標(biāo)志的使用。* 網(wǎng)頁中特殊符號的輸入?！窘虒W(xué)難點(diǎn)】
* 理解特殊符號對應(yīng)的標(biāo)志。* 理解img標(biāo)志中屬性的意義。* 理解書簽超級鏈接的意義?！窘虒W(xué)方式】
討論式、案例分析式、練習(xí)式。【教學(xué)參考】
1、《網(wǎng)頁設(shè)計(jì)與制作》楊尚森 曲宏山 賈文峰等著 電子工業(yè)出版社。
2、《WEB網(wǎng)站設(shè)計(jì)》Joel Sklar著 高等教育出版社。
3、《HTML網(wǎng)頁制作教程》材義語編著 鐵道出版社?！拘抡n內(nèi)容】
2.2 插入文字
2.2.1 劃分段落 格式
段落內(nèi)容
2.2.2 插入標(biāo)題文字 格式設(shè)置基準(zhǔn)字號：
2.2.6
文本修飾
......，文字以粗體顯示。......，文字顯示為斜體。......，顯示下劃線。
......，中心線貫穿文字。< EM>......，強(qiáng)調(diào)文字，通常用斜體。
< STRONG>......，特別強(qiáng)調(diào)的文字，通常用黑體。
2.3.2 圖片的屬性
2.4 建立超級鏈接
2.4.1 指向一個(gè)目標(biāo)
1、建立超級鏈接
2、為圖片建立超級鏈接
3、鏈接到郵件和多媒體文件 鏈接到郵件
請與我聯(lián)系 2.4.2 使用錨點(diǎn)
?使用錨點(diǎn)可以使用戶在一個(gè)較長的文檔中跳轉(zhuǎn)，方便地找到要閱讀的內(nèi)容。?建立錨點(diǎn)：
?錨點(diǎn)文字 ?使超級鏈接指向已定義的錨點(diǎn)。?文字 ?文字 2.4.3 新窗口和基準(zhǔn)鏈接
1、打開新窗口 Target=“window-name”>開一個(gè)新窗口
2、基準(zhǔn)鏈接
在
與 之間設(shè)定BorderColor=“#008000“ >
2.7.3 子窗口屬性設(shè)置
-2.7.4 常見的框架窗口劃分方法（1）標(biāo)題和正文，分為上下兩部分（2）層次結(jié)構(gòu)，分為上中下三部分
（3）目錄和標(biāo)題，分為左上、左下、右三部分
（4）標(biāo)題、目錄和正文，分為上、左下、右下三部分（5）嵌套目錄，分為左、右上、右下三部分 2.7.5 不支持框架的網(wǎng)頁