第一篇：網頁設計與制作課程學習論文
《網頁設計與制作》課程學習論文
作為一個二十一世紀的大學生，學習如何設計與制作網頁變為一個必不可少的過程。經過這幾個星期的學習，我開始對網頁設計與制作有了初步的認識，并且學習了一些網頁設計與制作的基礎。隨著時代的發展，網站建設越來越接近于一門藝術而不僅僅是一門技術。網站設計日有必要的益被重視，學習網頁設計與制作這門學科是非常。
作為網頁設計的初學者，我對網頁設計非常感興趣，一心想設計出一個美觀、實用、內容豐富的個人網頁。我通過自己動手、動腦，通過網絡資源，老師的指導，在不斷發現問題和解決問題的過程中學到了很多知識，也增強了我的創作能力和動手能力，在網頁設計過程中，從構思到設計、完善、維護，整個過程我都全身心投入，使我真正學到了網頁設計的知識。
互聯網成為人們快速獲取、發布和傳遞信息的重要渠道，它在人們政治、經濟、生活等各個方面發揮著重要的作用。網頁設計伴隨著網絡的快速發展而快速興起，作為上網的主要依托，由于人們使用網絡的頻繁而變得非常的重要。網頁講究的是排版布局，其功能主要就是提供一種形式給每個上網者，讓他們能夠了解網站提供的信息。
網頁設計與制作包含視聽元素于版式設計兩項內容，以主題鮮明、形式與內容統一、強調整體為設計原則，具有互交性與持續性、綜合性、版式的不可以控性、藝術與技術的結合的緊密型等特點。美和功能都是為了表達網站的主題。我認為在一個網站中，最重要的頁面當屬主頁，所以在此以主頁為例，說明在網頁制作中版面設計的問題。從版面設計來講,一個有特色的主頁,必須包含有四個要素：文字，圖片，排列方式和主色調，這四者相輔相成，缺一不可。圖片要素
要設計出漂亮的主頁，首先要成為計算機圖形高手，僅這一點就可以讓初學者花上一年半載的時間。排列方法要素，主頁的第二個要素是排列方法，即網頁布局。色彩在網頁所占比重很大。有了合理清新的色調，會彌補主頁上的其它不足。頁面的色彩搭配是與網站的主題分不開的，一個網站必須有一種或兩種主題色。不至于讓瀏覽者迷失方向，也不至于單調乏味。一般來說，頁面的主體文字應盡量使用黑色等較深的顏色，與背景對比明顯，按鈕、邊框等使用彩色。例如教育類網站使用藍色為主題色，再用紅色和黑色作為配色，就能表達出嚴肅、穩重的效果。網頁作為一種版面，既有文字，又有圖片；文字有大有小，還有標題和正文之分；圖片頁有大小而且有橫豎之別。圖片和文字都需要同時展示給觀眾，不能簡單地將其羅列在一個頁面上，否則會搞得雜亂無章。關于具體的網頁布局，常見的有“國”字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等，關于它們，在網頁設計的相關書籍中或者在網絡上都可以看到詳細的敘述
網頁作為傳播信息的一種載體，同其他出版物如報紙、雜志等在設計上有許多共同之處，也要遵循一些設計的基本原則。但是，由于表現形式、運行方式和社會功能的不同，網頁設計又有其自身的特殊規律。網頁的藝術設計，是技術與藝術的結合，內容與形式的統一。一般的來說，絕大多數普通受眾圖形，插件，applets和其它有關的高級Web瀏覽器特性。對我們來說，頁面的實用可能比漂亮更重要，對于用戶來說，沒有什么比頁面能夠快速下載更重要了，簡而言之，精簡你的站點，這是一條最佳的捷徑。就站點設計而言，的確能夠通過成功的圖形設計招徠或者丟失訪問者。并非所有的訪問者可以完全看到圖片，某些人為了加快存取網絡的速度已經關閉了瀏覽器端的圖形。簡而言之，圖形并不能正確的在客戶端加載。然而，圖形經常被用來作為導航按鈕。使用可以把一個瀏覽器分成幾個不同的窗口，對于站點的結構的把握是一個不錯的方法。但是，你還是必須知道，還是有人在使用不支持幀的瀏覽器。在你開始打算設計一個幀的時候，你該仔細的考慮考慮你是否的確真的需要。經常，你這樣的需求可以通過表格來組織站點的結構。網頁設計涉及到對多種軟件、多種知識的學習和應用，以及個人的審美觀等等。所以要想制作出漂亮的網頁，需要一個逐步學習和經驗積累的過程。
隨著互聯網的不斷發展和中國網絡人口的日益增長，建立個人網站，不但可以很好的展示自己，而且可以提高自己在計算機應用方面的能力。個人在設計時考慮的多為個人的興趣喜好，而不注重商業的展示。內容以反映個人為中心，從而使個人網站真正的成為展示自己的網絡名片。一張完美的主頁設計需要積累豐富的知識以及掌握大量的技巧。
由于平時課程比較繁忙，學習時間比較少，對于網頁設計軟件的強大功能運用得還不夠。不知不覺網頁設計的課程將要結束了，這門課程所包含內容的豐富是讓我從沒有想到的。在整個的學習過程中，我學習了Flash、Fireworks、Html語言、IIS、網站建設的基本思想等重要內容。在網頁設計過程中，由于沒有網頁制作代碼的知識，所以在設計時也遇到了很多麻煩，有時插入一個特效腳本也是很麻煩。在網頁制作過程中，想提高設計水平，想有個理想的網頁，必須學會代碼的運用，我將在以后的學習過程中不斷加強這方面的學習，希望老師能簡單介紹一下代碼，讓我也對它有個初步的認識，以后再加強學習也才會有所提高。
總體來說，通過今次的對網頁設計的學習，有收獲也有遺憾、不足的地方，但我想，我已經邁入了網頁設計的大門，只要我再認真努力的去學習，去提高，憑借我對網頁設計的熱情和執著，我將來設計出的網頁會更加專業，更完善。也希望老師在今后的日子里多指導。網頁設計還有更多的技巧，有待于我們去挖掘和研究。
第二篇：網頁設計與制作-論文（本站推薦）
第一章
緒論
摘 要
本論文將對個人網頁設計與制作的方法、工具等展開研究和探討。在介紹網頁設計與制作語言的基礎上，著重使用JavaScript作為工具語言進行網頁設計與制作的實際操作，分別對基于對象的JavaScript語言、內部對象系統的使用及WEB頁面信息交互——窗口和框架進行詳細描述，并利用具體的實例進行驗證。
本論文主要章節如下，第一章：緒論，本章主要介紹網頁設計的相關知識。第二章：網頁設計語言概述，本章主要介紹網頁設計的語言——HTML，以及用于編輯HTML語言的軟件，為后續工作奠定基礎。第三章：基于對象的JavaScript語言，本章介紹了基于對象的JavaScript中常用內部對象屬性、方法的使用。第四章：內部對象系統的使用，本章主要介紹使用瀏覽器的內部對象系統，可實現與HTML文檔進行交互。第五章：WEB頁面信息的交互——窗體與框架，本章主要介紹實現網頁的動態交互，必須掌握有關窗體對象（Form）和框架對象（Frames）更為復雜的知識。
關鍵詞： 網頁制作；網頁設計；HTML；ASP
第一章
緒論
第一章 緒論
隨著21世紀的到來，人們更深切地感受到計算機在生活和工作中的作用越來越重要，越來越來的職業需要具有計算機的應用技能。掌握計算機是職業的需要，更是事業發展的需要。網頁設計與制作是計算機能力的具體表現，本章主要介紹網頁設計的相關知識。
1.1 網頁設計概述
網站是企業向用戶和網民提供信息(包括產品和服務)的一種方式,是企業開展電子商務的基礎設施和信息平臺，離開網站（或者只是利用第三方網站）去談電子商務是不可能的。企業的網址被稱為“網絡商標”，也是企業無形資產的組成部分，而網站是INTERNET上宣傳和反映企業形象和文化的重要窗口。
1.2 網頁設計的要素
網頁設計的兩大要素是：整體風格和色彩搭配。
一、確定網站的整體風格
在這里，我提供給大家一些參考經驗：
1．將你的標志logo，盡可能的放在每個頁面上最突出的位置。2．突出你的標準色彩。
3．總結一句能反映貴站精髓的宣傳標語！
4．相同類型的圖像采用相同效果，比如說標題字都采用陰影效果，那么在網站中出現的所有標題字的陰影效果的設置應該是完全一致的！
二、網頁色彩的搭配
1．用一種色彩。這里是指先選定一種色彩，然后調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感。
2．用兩種色彩。先選定一種色彩，然后選擇它的對比色。
3．用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。
1.3 大作業目的和意義
本大作業主要是對網頁設計與制作的語言基礎上進行探討，主要內容如下：通過已經做好的網頁，分析html網頁設計技術、XML技術、Java Applet技術和Javascript技術在網頁設計中的應用。
第一章
緒論
1.4 要分析的網頁
第一章
緒論
第一章
緒論
第二章
HTML網頁設計技術的應用
第二章 HTML網頁設計技術的應用
2.1 HTML語言介紹
HTML（HyperText Mark-up Language）即超文本標記語言或超文本鏈接標示語言，是目前網絡上應用最為廣泛的語言，也是構成網頁文檔的主要語言。
HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。HTML的結構包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內容。
2.1.1 HTML語言的特點
HTML文檔制作不是很復雜，且功能強大，支持不同數據格式的文件鑲入，這也是WWW盛行的原因之一，HTML語言的特點如下：
1、簡易性，HTML版本升級采用超集方式，從而更加靈活方便。
2、可擴展性，HTML語言的廣泛應用帶來了加強功能，增加標識符等要求，HTML采取子類元素的方式，為系統擴展帶來保證。
3、平臺無關性。雖然PC機大行其道，但使用MAC等其他機器的大有人在，HTML可以使用在廣泛的平臺上，這也是WWW盛行的另一個原因。
2.1.2 HTML語言的編輯軟件
HTML的本質是文本，需要瀏覽器的解釋，HTML的編輯器大體可以分為三種：
1、基本編輯軟件，使用WINDOWS自帶的記事本或寫字版都可以編寫，當然，如果你用WPS來編寫，也可以。不過存盤時請使用.htm或.html作為擴展名，這樣瀏覽器就可以解釋執行了。
2、半所見即所得軟件，這種軟件能大大提高開發效率，它可以使你在很短的時間內做出Homepage，且可以學習HTML，這種類型的軟件主要有HOTDOG，還有國產的軟件網頁作坊。
3、所見即所得軟件，使用最廣泛的編輯器，完全可以一點不懂HTML的知識就可以做出網頁，這類軟件主要有Frontpage，DREAMWEAVER、Delphi、Eclipse、UltraEdit。
2.1.4 html語言在網頁設計中的應用
第二章
HTML網頁設計技術的應用
2.2.3JavaScript技術在網頁設計中應用
一、JavaScript概述
JavaScript是一種基于對象(Object)和事件驅動(Event Driven)并具有安全性能的腳本語言。使用它的目的是與HTML超文本標記語言、Java 腳本語言（Java小程序）一起實現在一個Web頁面中鏈接多個對象，與Web客戶交互作用。從而可以開發客戶端的應用程序等。它是通過嵌入或調入在標準的HTML語言中實現的。它的出現彌補了HTML語言的缺陷，它是Java與HTML折衷的選擇，具有以下幾個基本特點：
1、是一種腳本編寫語言
JavaScript是一種腳本語言，它采用小程序段的方式實現編程。像其它腳本語言一樣,JavaScript同樣已是一種解釋性語言,它提供了一個易的開發過程。
它的基本結構形式與C、C++、VB、Delphi十分類似。但它不像這些語言一樣，需要先編譯，而是在程序運行過程中被逐行地解釋。它與HTML標識結合在一起，從而方便用戶的使用操作。
2、基于對象的語言。
JavaScript是一種基于對象的語言，同時以可以看作一種面向對象的。這意味著它能運用自己已經創建的對象。因此，許多功能可以來自于腳本環境中對象的方法與腳本的相互作用。
3、簡單性
JavaScript的簡單性主要體現在：首先它是一種基于Java基本語句和控制流之上的簡單而緊湊的設計, 從而對于學習Java是一種非常好的過渡。其次它的變量類型是采用弱類型，并未使用嚴格的數據類型。
4、安全性
JavaScript是一種安全性語言，它不允許訪問本地的硬盤，并不能將數據存入到服務器上，不允許對網絡文檔進行修改和刪除，只能通過瀏覽器實現信息瀏覽或動態交互。從而有效地防止數據的丟失。
5、動態性的
JavaScript是動態的，它可以直接對用戶或客戶輸入做出響應，無須經過Web服務程序。它對用戶的反映響應，是采用以事件驅動的方式進行的。所謂事件驅動，就是指在主頁(Home Page)中執行了某種操作所產生的動作，就稱為“事件”(Event)。比如按下鼠標、移動窗口、選擇菜單等都可以視為事件。當事件發生后，可能會引起相應的事件響應。
6、跨平臺性
JavaScript是依賴于瀏覽器本身，與操作環境無關，只要能運行瀏覽器的計算機，并支持JavaScript的瀏覽器就可正確執行。從而實現了“編寫一次,走遍天下”的夢想。
實際上JavaScript最杰出之處在于可以用很小的程序做大量的事。無須有高性能的電腦，軟件僅需一個字處理軟件及一瀏覽器，無須WEB服務器通道，通過自己的電腦即可完成所有的事情。
總之，JavaScript 是一種新的描述語言，它可以被箝入到 HTML 的文件之中。JavaScript語言可以做到回應使用者的需求事件(如：form的輸入)，而不用任何的網路來回傳輸資料，所以當一位使用者輸入一項資料時，它不用經過傳給伺服端(server)處理，再傳回來的過程，而直接可以被客戶端(client)的應用程式所處理。
第二章
HTML網頁設計技術的應用
第五章
色彩在網頁中的應用
第五章 色彩在網頁中的應用
5.1色彩在網頁中的應用
色彩是藝術表現的要素之一。在網頁設計中，我們的設計師根據和諧、均衡和重點突出的原則，將不同的色彩進行組合．搭配來構成美麗的頁面。根據色彩對人們心理的影響，合理地加以運用。
先選定一種色彩，然后調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。
在網頁配色中不要將所有顏色都用到，盡量控制在三至五種色彩以內。背景和前文的對比盡量要大以便突出主要文字內容。
5.2主頁色彩的處理
色彩是人的視覺最敏感的東西。主頁的色彩處理得好，可以錦上添花，達到事半功倍的效果。色彩總的應用原則應該是“總體協調，局部對比”，也就是：主頁的整體色彩效果應該是和諧的，只有局部的、小范圍的地方可以有一些強烈色彩的對比。在色彩的運用上，可以根據主頁內容的需要，分別采用不同的主色調。因為色彩具有象征性，例如：嫩綠色、翠綠色、金黃色、灰褐色就可以分別象征著春、夏、秋、冬。其次還有職業的標志色，例如：軍警的橄欖綠，醫療衛生的白色等。色彩還具有明顯的心理感覺，例如冷、暖的感覺，進、退的效果等。另外，色彩還有民族性，各個民族由于環境、文化、傳統等因素的影響，對于色彩的喜好也存在著較大的差異。充分運用色彩的這些特性，可以使我們的主頁具有深刻的藝術內涵，從而提升主頁的文化品位。
5.3常用的配色方案
1.暖色調。即紅色、橙色、黃色、赭色等色彩的搭配。這種色調的運用，可使主頁呈現溫馨、和煦、熱情的氛圍。
2.冷色調。即青色、綠色、紫色等色彩的搭配。這種色調的運用，可使主頁呈現寧靜、清涼、高雅的氛圍。
3.對比色調。即把色性完全相反的色彩搭配在同一個空間里。例如：紅與綠、黃與紫、橙與藍等。這種色彩的搭配，可以產生強烈的視覺效果，給人亮麗、鮮艷、喜慶的感覺。
第五章
色彩在網頁中的應用
最后，還要考慮主頁底色（背景色）的深、淺，這里借用攝影中的一個術語，就是“高調”和“低調”。底色淺的稱為高調；底色深的稱為低調。底色深，文字的顏色就要淺，以深色的背景襯托淺色的內容（文字或圖片）；反之，底色淡的，文字的顏色就要深些，以淺色的背景襯托深色的內容（文字或圖片）。這種深淺的變化在色彩學中稱為“明度變化”。當然，色彩的明度也不能變化太大，否則屏幕上的亮度反差太強，同樣也會使讀者的眼睛受不了。
5.4合理搭配網頁色彩
網頁的色彩是樹立網站形象的關鍵之一，網頁的背景、文字、圖標、邊框、超鏈接等都要用到色彩。不同的色彩會使瀏覽者有不同的心理感受。合理的搭配色彩，會更好的表現主題，吸引用戶的注意力。網頁色彩涉及到藝術知識，讓美術教師參加網頁色彩設計，可能會出現比較理想的效果。在色彩搭配上要注意色彩的鮮明性、獨特性、合適性、聯想性。背景色和前景色對比要大，以突出主要內容
網站給人的第一印象來自視覺沖擊，不同的色彩搭配產生不同的效果，并可能影響到訪問者的情緒。“標準色彩”是指能體現網站形象和延伸內涵的色彩，要用于網站的標志，標題，主菜單和主色塊。給人以整體統一的感覺。至于其它色彩也可以使用，但應當只是作為點綴和襯托，絕不能喧賓奪主。一般來說，一個網站的標準色彩不超過3種，太多則讓人眼花繚亂。適合于網頁標準色的顏色有：藍色，黃/橙色，黑/灰/白色三大系列色。
第五章
色彩在網頁中的應用
第六章 WEB頁面信息的交互——窗體與框架
要實現網頁的動態交互，必須掌握有關窗體對象（Form）和框架對象（Frames）更為復雜的知識。
6.1窗體基礎知識
窗體對象可以使設計人員能用窗體中不同的元素與客戶機用戶相交互，而用不著在之前首先進行數據輸入，就可以實現動態改變Web文檔的行為。
6.1.1窗體對象
窗體（Form）：它構成了Web頁面的基本元素。通常一個Web頁面有一個窗體或幾個窗體，使用Forms[]數組來實現不同窗體的訪問。
在Forms[0]中共有三個基本元素，而Forms[1]中只有兩個元素。窗體對象最主要的功能就是能夠直接訪問HTML文檔中的窗體，它封裝了相關的HTML代碼：
6.1.2 窗體對象的方法窗體對象的方法只有一個--submit()方法，該方法主要功用就是實現窗體信息的提交。如提交Mytest窗體，則使用下列格式：
document.mytest.submit()
第五章
色彩在網頁中的應用
6.1.3 窗體對象的屬性
窗體對象中的屬性主要包括以下：elements name action target encoding method。除Elements外，其它幾個均反映了窗體中標識中相應屬性的狀態，這通常是單個窗體標識；而elements常常是多個窗體元素值的數組，例：
elements[0].Mytable.elements[1] 6.1.4 訪問窗體對象
在JavaScript中訪問窗體對象可由兩種方法實現：（1）通過訪問窗體
在窗體對象的屬性中首先必須指定其窗體名，而后就可以通過下列標識訪問窗體如：document.Mytable()。
（2）通過數組來訪問窗體
除了使用窗體名來訪問窗體外，還可以使用窗體對象數組來訪問窗體對象。但需要注意一點，因窗體對象是由瀏覽器環境的提供的，而瀏覽器環境所提供的數組下標是由0到n。所以可通過下列格式實現窗體對象的訪問：
document.forms[0] document.forms[1] document.forms[2]...6.1.5 引用窗體的先決條件
在JavaScript中要對窗體引用的條件是：必須先在頁面中用標識創建窗體，并將定義窗體部分放在引用之前。
6.2 窗體中的基本元素
窗體中的基本元素由按鈕、單選按鈕、復選按鈕、提交按鈕、重置按鈕、文本框等組成。
在JavaScript中要訪問這些基本元素，必須通過對應特定的窗體元素的數組下標或窗體元素名來實現。每一個元素主要是通過該元素的屬性或方法來引用。其引用的基本格式見下：
formName.elements[].methadName(窗體名.元素名或數組.方法)formName.elemaent[].propertyName(窗體名.元素名或數組.屬性)下面分別介紹：
（1）Text單行單列輸入元素
功能：對Text標識中的元素實施有效的控制。基本屬性：
Name：設定提交信息時的信息名稱。對應于HTML文檔中的Name。Value：用以設定出現在窗口中對應HTML文檔中Value的信息。defaultvalue：包括Text元素的默認值 基本方法：
blur()：將當前焦點移到后臺。
第五章
色彩在網頁中的應用
select()：加亮文字。主要事件：
onFocus：當Text獲得焦點時，產生該事件。OnBlur：從元素失去焦點時，產生該事件。Onselect：當文字被加亮顯示后，產生該文件。onchange：當Text元素值改變時，產生該文件。例：
...（2）textarea多行多列輸入元素功能：實施對Textarea中的元素進行控制。基本屬性
name：設定提交信息時的信息名稱，對應HTML文檔Textarea的Name。Value：用以設定出現在窗口中對應HTML文檔中Value的信息。Default value：元素的默認值。方法：
blur()：將輸入焦點失去 select()：將文字加亮后 事件：
onBlur:當失去輸入焦點后產生該事件 onFocus:當輸入獲得焦點后，產生該文件 Onchange:當文字值改變時，產生該事件 Onselect:當文字加亮后，產生該文件（3）Select選擇元素
功能：實施對滾動選擇元素的控制。屬性：
name:設定提交信息時的信息名稱，對應文檔select中的name。Length:對應文檔select中的length options:組成多個選項的數組 selectIndex;該下標指明一個選項
select在中每一選項都含有以下屬性： Text:選項對應的文字
selected:指明當前選項是否被選中 Index:指明當前選項的位置 defaultselected:默認選項 事件：
第五章
色彩在網頁中的應用
OnBlur：當select選項失去焦點時，產生該文件。onFocas:當select獲得焦點時，產生該文件。Onchange:選項狀態改變后，產生該事件。（4）Button按鈕
功能：實施對Button按鈕的控制。屬性：
Name:設定提交信息時的信息名稱，對應文檔中button的Name。Value:用以設定出現在窗口中對應HTML文檔中Value的信息。方法：
click()該方法類似于一個按下的按鈕。事件：
onclick當單擊button按鈕時，產生該事件。例 ：
........（5）checkbox檢查框功能：實施對一個具有復選框中元素的控制。屬性：
name:設定提交信息時的信息名稱。
Value:用以設定出現在窗口中對應HTML文檔中Value的信息。Checked:該屬性指明框的狀態true/false.defauitchecked:默認狀態 方法：
click()該方法使得框的某一個項被選中。事件：
Onclick：當框的選被選中時，產生該事件。（6）radio無線按鈕
功能：實施對一個具單選功能的無線按鈕控制。屬性：
Name：設定提交信息時的信息名稱，對應HTML文檔中的radio的name相同 Value：用以設定出現在窗口中對應HTML文檔中Value的信息，對應HTML文檔中的radio的name。
length：單選按鈕中的按鈕數目。defalechecked:默認按鈕。
checked:指明選中還是沒有選中。
第五章
色彩在網頁中的應用
index:選中的按鈕的位置。方法：
chick():選定一個按鈕。事件：
onclick:單擊按鈕時，產生該事件。（7）hidden:隱藏
功能：實施對一個具有不顯示文字并能輸入字符的區域元素的控制。屬性：
name:設定提交信息時的信息名稱，對應HTML文檔的hidden中的Name。
Value:用以設定出現在窗口中對應HTML文檔中Value的信息，對應HTML文檔hidden中的value。
defaleitvalue:默認值（8）Password口令
功能：實施對具有口令輸入的元素的控制。屬性：
Name:設定提交信息時的信息名稱，對應HTML文檔中password中的name。Value:用以設定出現在窗口中對應HTML文檔中Value的信息，對應HTML文檔中password中的Value。
defaultvalu:默認值 方法：
select():加亮輸入口令域。
blur():使這丟失passward輸入焦點。focus():獲得password輸入焦點。（9）submit提交元素
功能：實施對一個具有提交功能按鈕的控制。屬性：
name:設定提交信息時的信息名稱，對應HTML文檔中submit。
Value:用以設定出現在窗口中對應HTML文檔中Value的信息，對應HTML文檔中value。
方法
click()相當于按下submit按鈕。事件：
onclick()當按下該按鈕時，產生該事件。
6.3窗體對象實例
下面我們演示通過點擊一個按鈕（red）來改變窗口顏色，點擊“調用動態按鈕文檔”調用一個動態按鈕文檔。
test8_1.htm
調用動態按鈕文檔第三篇：網頁設計與制作課程教學大綱
網頁設計與制作課程教學大綱
1.課程設計的指導思想
（一）課程性質
1．課程類別：專業選修課 2．適應專業：軟件工程 3．開設學期：第二學期
4．學時安排：周學時2＋2，總學時72 5．學分分配：
（二）開設目的
本課程是計算機類專業的專業選修課,它是一門操作性和實踐性很強的課程。本課程開設的主要目的，是為了適應web技術的飛速發展，為學生今后在學習、工作中建立網站及網頁制作打下基礎。通過本課程的學習，讓學生了解一定的網絡應用基礎知識；能夠熟練掌握網頁制作工具——網頁三劍客Dreamweaver、Fireworks、Flash的使用，能自行設計各種網頁、編輯一定的平面圖像、網絡動畫。具備網站的建立、規劃、管理、發布的相關技術及網頁制作的操作技能，能獨立設計 WEB 站點。
（三）基本要求
1、知識要求：
（1）網頁設計基礎知識（2）DREAMWEAVER 的使用（3）FIREWORKS 圖像處理（4）FLASH 的使用（5）網站制作實例
2、能力要求：
（1）學會熟練運用 Dreamweaver、Flash 和 Fireworks 應用軟件；（2）熟練掌握使用絕對和相對 URL，創建超鏈接，圖像鏈接；（3）熟練掌握設置顏色、文本格式和列表；（4）掌握在網頁中添加 CSS 的方法
（5）掌握在網頁中嵌入圖像、聲音、多媒體信息的方法；（6）熟練掌握表格的使用方法，學會利用表格布局網頁；（7）掌握框架制作網頁的方法，會使用框架設計網頁；（8）掌握用 Fireworks 處理矢量圖和位圖。（9）掌握用 Flash 制作網頁動畫。
3、素質要求：
（1）具有勤奮學習的態度，嚴謹求實、創新的工作作風；（2）具有良好的心理素質和職業道德素質（3）具有高度責任心和良好的團隊合作精神
（4）具有一定的科學思維方式和判斷分析問題的能力（5）具有較強的網頁設計創意思維、藝術設計素質。
（四）主要內容 計算機網站基礎知識、網頁三劍客DREAMWEAVER 的使用、FIREWORKS 圖像處理、FLASH 的使用。
（五）先修課程 計算機基礎
（六）后繼課程 Web 程序設計
（七）考核方式 上機考試
（八）使用教材
（九）參考書目
1、《網頁設計與制作技術教程》 作者：王傳華、段青玲、馬欽? 清華大學出版社?第二版.2、網頁和網站制作基礎操作與實例教程.陜西科學技術出版社
3、Dreamweaver8PhotoshopCS2Flash8網頁制作教材.陳笑；李景池.清華大學出版社
4、《使用網站技術基礎》作者：德力、盧明波、王化宇.內蒙古教育出版社 教學內容
第一部分 網頁設計與制作基礎知識 教學目的
使學生了解什么是網頁，網站，網頁元素等概念 主要內容 什么是網頁，網站;2 Html語言基礎； 構建網站的一般過程； 教學要求
了解：網站設計與制作的前期準備 掌握： 繪制網站首頁效果圖 第二部分 網頁制作軟件Dreamweaver 教學目的
使學生了解網站設計概念；掌握軟件界面及站點建立，Dreamweaver的基本功能，表單和CSS樣式表的應用及網頁制作的高級技術。主要內容
1、網站設計概念，要求達到“了解掌握”程度 網站的主題定位
網站的風格和創意設計 準備材料和結構規劃 頁面布局
定義站點、申請域名、空間 認識HTML語言
2、初識軟件界面及站點建立，要求達到“了解掌握”程度 Dreamweaver軟件界面 對象控制面板的使用 建立本地站點 建立遠程站點 站點的更新和管理
3、Dreamweaver的基本功能，要求達到“掌握”程度，添加文本 插入圖片 插入表格
超級鏈接和導航條的創建 插入多媒體
4、表單和CSS樣式表的應用，要求達到“了解掌握”程度 插入表單
插入表單對象
創建并鏈接到外部CSS樣式
5、網頁制作高級技術，要求達到“了解掌握”程度 創建層 設置層
層與表格的相互轉換 創建框架 行為操作 創建模板 模板的應用 教學要求
了解：網站設計概念
掌握：軟件界面及站點建立，Dreamweaver的基本功能，表單和CSS樣式表的應用及網頁制作的高級技術。
第三部分 圖形制作與處理軟件Firewoks 教學目的
使學生了解Fireworks軟件界面；掌握圖像的繪制和編輯，文本與顏色的使用，層與元件的使用，濾鏡和特效的使用，按鈕和動畫的制作。主要內容
1、Fireworks簡介，要求達到“了解掌握”程度 Fireworks概述
Fireworks的系統需求 Fireworks的新增功能 Fireworks窗口界面 創建新文檔
導入和導出文檔
2、圖像的繪制和編輯，要求達到“掌握”程度 繪制圖像 編輯圖像
3、文本與顏色，要求達到“掌握”程度 文本的使用 顏色的使用 設置畫布
4、層與元件，要求達到“掌握”程度 層的使用 元件的使用
5、濾鏡和特效，要求達到“了解掌握”程度 使用濾鏡 使用特效
6、按鈕和動畫，要求達到“了解掌握”程度 按鈕 動畫
教學要求
了解：Fireworks軟件界面
掌握：圖像的繪制和編輯，文本與顏色的使用，層與元件的使用，濾鏡和特效的使用，按鈕和動畫的制作。第四部分 動畫制作與編輯軟件Flash 教學目的
使學生了解Flash基本工作環境；掌握Flash繪圖工具的使用方法，Flash動畫基礎及FIash影片制作和發布。主要內容
1、初識Flash，要求達到“了解”程度 Flash基本工作環境 認識舞臺與時間軸.認識不同作用的面板
2、Flash繪圖工具，要求達到“掌握”程度 矢量圖與位圖 線型與顏色
線條的繪制與修改 填充圖形的繪制，選取工具 文本
變換工具 其他工具
3、Flash動畫基礎，要求達到“掌握”程度 層 幀 元件
Flash的基本操作
4、FIash影片制作和發布，要求達到“掌握”程度 動畫基礎 逐幀動畫 形狀漸變 動作漸變 蒙板
運動導線 按鈕
軌跡追蹤 導入聲音 加入視頻 測試發布 教學要求
了解：Flash基本工作環境
掌握：Flash繪圖工具的使用方法，Flash動畫基礎及FIash影片制作和發布。第五章 綜合實例 教學目的
使學生能夠熟練掌握網頁制作工具Dreamvwaver、Fireworks、Flash的使用，能自行設計各種網頁、編輯一定的平面圖象、網絡動畫。具備網站的建立、規劃、管理、發布的相關技術及網頁制作的操作技能，能獨立設計 WEB 站點。主要內容
綜合實例，要求達到“掌握”程度 網頁設計準備工作
用Fireworks設計網頁結構 用Dreamweaver生成網頁 用Flash制作網頁動畫 整理網頁
完成小型WEB站點網頁的規劃、設計、管理與維護 教學要求
掌握：Web網站建設的基本方法，掌握網頁制作工具的使用方法和技巧，培養學生設計網站的能力。課時分配及其它
（一）課時分配
課程總教學時數為90學時，安排在第二學期，每周3＋2學時，上課18周。具體分配如下
教學內容 講授學時數
章次
第一部分 網頁設計與制作基礎知識 4 第二部分 網頁制作軟件Dreamweaver 12 第三部分 圖形制作與處理軟件Firewoks 8 第四部分 動畫制作與編輯軟件Flash 8 第五部分 綜合實例 4 合計
實驗學時數 10 8 2 36
（二）考核要求
平時成績（含考勤、作業與實驗）占50%，期末（上機考試）成績占50%。
第四篇：網頁設計與制作課程作業任務書
廣新09級《網頁設計與制作》課程作業任務書
一、目的與任務
《網頁設計與制作》課程作業是《網頁設計與制作》課程教學中的一個重要的環節，是對學生進行的一次較為全面的網頁設計與制作的訓練和考核。其基本目的是：
（1）培養學生理論聯系實際的設計思想，訓練綜合運用所學的基礎理論知識，結合生產實際分析和解決網頁設計與制作中問題的能力，從而使基礎理論知識得到鞏固和加深。
（2）學習掌握網站的一般設計過程和方法。
（3）對學生所學知識的程度進行考核。
二、教學基本要求
（1）確定設計網站的主題和風格。
（2）合理設計網站結構圖。
（3）根據網站結構圖，對各個頁面進行布局和樣式設計。
（4）完成課程作業報告。
三、課程作業題目具體要求
1、網站有一個主題，比如：個人網站、購物網站等；
2、每個網站至少包含5個以上的html文件；（網站的首頁統一名稱為:index.html）
3、最后提交兩個內容：
1)打印紙質報告（具體要求見報告模板）；
2)網站源文件。
做完后找老師驗收通過后發到365109338@qq.com。郵件主題上一定要寫明：學號+班級+姓名+網頁設計與制作
第五篇：《網頁設計與制作(HTML+CSS)》課程教學大綱（精選）
《網頁設計與制作(HTML+CSS)》課程教學大綱
任課教師：張志慧 編寫時間：2018-12-14
一、課程的性質與目標
《網頁設計與制作(HTML+CSS)》是面向計算機相關專業的一門專業基礎課，涉及計算機基礎、互聯網等內容，通過本課程的學習，學生能夠了解網頁web發展歷史及其未來方向，熟悉網頁設計流程、掌握網絡中常見的網頁布局效果、學會制作各種企業，門戶，電商類網站。
二、課程的主要內容及基本要求
點擊咨詢 