第一篇:信息工程系網頁設計與制作技能大賽方案
信息工程系網頁設計與制作技能大賽方案
為了進一步推進我系教育教學改革,提高職業教育教學質量。全面鍛煉和提高學生的綜合素質,培養創新能力及團隊合作精神,增強創新意識、審美意識、實踐意識。豐富大學生課余文化生活,讓學生在享受大學生活的同時,記錄下成長的青春歲月,展示當代大學生的獨特風采,擁有一個展示精神面貌和技能水平的大舞臺,信息工程系決定舉辦“展創意,秀青春”網頁設計與制作技能大賽。
一、組織機構
主辦單位:許昌職業技術學院信息工程系
二、比賽主題
展創意,秀青春。
三、參賽對象
計算機應用技術專業全體學生及其他專業感興趣的同學。
四、作品上交
參賽作品請于6月20日之前提交至郵箱:xinxiwysjds@163.com或提交至任課教師處。
五、內容要求
1、參賽作品要求內容健康、積極向上,抒發自己對美好生活的向往和憧憬的同時培養科技創新能力。
2、激發學生熱愛生活,勇于創新的高尚情感,激發學生對本專業學習的興趣,進一步提高學生的學習能力和同學之間的友誼。
3、參賽作品必須為原創作品,鼓勵創新,題材不限,力求內容新鮮、活潑,具有吸引力。提交作品時,需同時提交該作品相關資料,不得抄襲或由他人代作。
4、凡參加過校外比賽并已經獲獎的作品,均不得報名參加本次大賽。
六、參賽作品類型
網頁設計類
1、網頁主題
有關家鄉、學校、班級、宿舍、同學、愛好、專業學習、精品文學、音樂網,體育愛好網,美食網,娛樂網等均可自由發揮。
2、網頁要求
網頁布局合理,色彩、色調使用恰當,鏈接準確無誤;
能夠綜合運用課上涉及的主要知識點。
3、上交文檔
文檔為標準壓縮文件,以“專業班級+姓名”方式命名。
文檔必須包含以“網站說明.doc”命名的網站說明文檔,文檔包括以下內容:網站設計思想、采用主要技術、功能模塊劃分說明、網站設計過程中遇到的問題及解決方案等,網站首頁以“index.html”命名。
為便于管理,在網站中適當建立文件夾用于存放不同文件,如:images、flash、music、library等。
七、賽程安排
1.初審:由專業老師進行評審推薦,推薦作品數保持在各類型作品總數的10%,從作品的內容、主題、構思、所用到的技術等角度入手進行評比。
2.決賽:由評委會進行綜合評定;對優秀作品作者進行相應的表彰和獎勵。
八、評分標準
1、主題明確:作品設計要緊扣主題、重點、層次分明;
2、設計科學:合理利用計算機軟件和各種多媒體資源;
3、效果清晰:字號、顏色、圖片的運用要保證作品的最終效果;
4、運行穩定:作品的運行要穩定,鏈接要準確。
九、獎項設置
1、大賽評出“最佳形式獎”、“最佳內容獎”、“最佳創意獎”等。
2、根據參賽作品的比例設一等獎、二等獎、三等獎和成功入圍獎若干名,獲獎者將頒發證書;所有獲獎作品和入圍作品均可獲得《計算機常用軟件》或《網頁設計與制作》課程的平時成績加分。
第二篇:網頁設計與課件制作大賽方案
第七屆“科技之光”文化節之“課件制作與網頁設計
大賽“方案
主辦方:玉林師范學院物理科學與工程技術學院團委學生會
一、活動名稱:
第七屆“科技之光”文化節之“課件制作與網頁設計大賽”
二、參賽對象:
物理科學與工程技術學院全體學生
三、參賽項目:
A.課件制作B.網頁設計
四、活動宗旨:
為了拓展我院學生素質教育的空間,增強校園文化活動的科技含量,促進學生人文素質和科學素質的有效融合,進一步提高學生的動手實踐能力和創新能力,我院決定于4月份舉辦物理學院第七屆“課件制作與網頁設計”大賽。
五、活動時間地點安排:
1、報名時間:4月2日(開始)—4月12日(截止)
2、作品收集時間:4月12日(開始)至4月23日(截止)
3、演示評比時間:4月27日(星期五)晚上7:304、演示地點:待定
六、報名和上交作品方式:
有意參賽者請到各班班長處報名,班長登記好本班參賽者名
單(附聯系方式和參賽項目)后,并于4月12日之前將名單發
到網絡部郵箱,參賽選手請于4月23日前把作品發到網絡部郵
箱(wlxywlb2012@163.com)。
七、參賽要求:
1、作品要求主題鮮明突出,結構布局合理,設計風格獨特,創意新
穎,瀏覽方便,交互性強,頁面美觀且具有藝術品位
2、網頁作品內容可選班級、個人網頁(每個作品要求5個頁面以上)
3、網頁應有較好的瀏覽兼容性,適應IE 6.0以上瀏覽器瀏覽
4、合理地運用課件制作或網頁設計的各種技術
5、使用工具軟件不限,可以使用powerpoint、Dreamweaver、Photoshop、Frontpage、Flash、fireworks、Authorware等軟件
6、參賽作品必須享有自主知識產權,每個作品應附帶一份該作品的簡介word文檔
7、作品可以是個人的,也可以是多人一組,但每組不得超過3人
八、評比方式及獎項設置:
方式:1)初賽:由評委組老師通過投票方式依次選出10份優秀作品,每個項目各五份
2)決賽:4月27日晚7:30分現場演示評比,最后以得分高
低的順序評出獎次
獎項:1)設一等獎2名(組),二等獎4名(組),三等獎4名(組),優勝獎若干名
2)獲獎者均由物理學院頒發榮譽證書以及物質獎勵
物理科學與工程技術學院團委學生會
2012年04月02日
第三篇:網頁設計與制作技能競賽計劃書
省網頁設計與制作計劃書
一、項目名稱:網頁設計與制作
二、項目指導教師:
熊遠江負責任務的安排、進度的跟蹤和調整、PS美工的輔導、項目任務的設計。
熊文君負責靜態頁面的制作輔導。
三、培訓學生預選名單:劉興興、易俊平、程三
三、盧旺、黃香香、聶俊、胡志偉。最終選兩名同學參加省賽。
四、項目實施時間:2012年12月10日——競賽結束。
五、項目培訓地點:科技樓五樓競賽機房。
六、培訓目的:提高學生技能水平,爭奪全省第一為學校獲得榮譽。
七、項目實施目標:1)全面掌握PS美工的方法和技巧。
2)全面掌握靜態頁面制作的過程和美化網頁的技巧。
3)全面掌握在網頁中使用的各種腳本及動畫。
八、項目具體實施步驟:
1)選拔選手:選手初步選拔于2012年12月5日完成。2)培訓動員大會:2012年12月10日中午12:50。3)具體培訓思路如下:
第一周:網頁運行環境的熟悉和PS,DW,FLA等軟件的一般操作,HTML中基本標記的表示和用法。
第二周: FLA制作動畫和一般網頁中用到的FLA的制作和HTML中標記的熟悉和演練。第三、四、五周:框架,表單,層,CSS等用法的輔導學習。第六周:JAVASCRIPT基本語法的輔導學習,CSS的學習,利用PS制作網頁模板。
第七周:用DW,PS,FLA制作靜態網頁(主要的內容涉及到新聞,信息的展示,產品的展示等)。
第八周:模仿網頁制作(主要是給定一個圖片網頁制作相似的網頁)。第九周:熟練PS制作網頁模板,給定主題制作網頁。第十周:綜合演練。
第四篇:網頁設計與制作比賽方案
貴州商業高等專科學校網頁設計大賽組織方案
為了進一步加強我校學生創新能力和專業能力,激發學生學習興趣,提高學生網頁設計與制作的水平,以滿足用人單位需求,提高學生的社會競爭力,特制定本組織實施方案。
一、主辦單位:校團委、計科系
二、承辦單位:電子商務教研室
三、組委成員:
陳興科、穆肇南、吳晶鑫、王松、賈若、洪奕、楊磊、余先昊、胡文生
四、參賽方式:個人或團隊(三人一隊)方式參賽
五、獎項設置:
本次大賽最終共選出10個入圍參賽作品。再從入圍作品中選出一等獎1名,二等獎2名,三等獎3名,其余所有入圍作品均獲優秀獎。
一等獎:證書、獎金300元(1隊);
二等獎:證書、獎金240元(2隊);
三等獎:證書、獎金180元(3隊);
優秀獎:證書、獎金90元(4隊)
六、參賽者資格:貴州商業高等專科學校全體在校學生
七、參賽作品要求:
1.參賽作品必須為作者本人原創,不得抄襲他人或網上作品,作品一經發現剽竊立即取消參賽資格。
2.作品主題無限制,內容健康,導向積極,具有創意,有自己獨特的風格,能展示青年大學生的良好精神風貌和綜合素質。
3.制作軟件不限制,通過合理運用網頁設計的各種技術,體現良好的藝術性和實用性。
4.子頁面不超過三級,網頁的總頁面數不少于10頁,全部文件的總容量不超過20M(盡量少用音頻視頻文件)。
5.要求能在win2000或winxp操作系統上運行。顯示分辨率1024×768,網頁采用Internet Explorer5.0以上瀏覽。(請在作品中注明最佳瀏覽效果瀏覽器)
6.參賽者自留備份文件,提交參賽作品必須附有完整的作品簡介(包括作品名稱、主題、作品說明等)及作者聯系方式(包括姓名、系科班級、聯系方式等)。
八、報名參賽辦法
1.參賽者報名時提供如下資料:
(1)個人簡介:姓名、班級、聯系電話、QQ、電子郵箱
(2)作品、作品主題、作品說明
2.比賽時間:2011年4月——6月
(1)報名開始時間:2011年5月26日
(2)報名截止時間:2011年6月20日
(3)評獎時間:2011年6月28日至6月30日
3.報名地點:計科系
4.聯系人:楊磊老師(***)
九、評分標準
■ 內容 30 分
10分 是否有明確的主題、內容
10分 內容健康向上、有時代感、信息的實時性
10分 創意水平的高低
■ 常規技術 50 分分 整體視覺效果:整個網站在設計上是否統一和諧
10分 美工設計:頁面的美工設計含量分 頁面布局:頁面的布局是否合理、美觀分 頁面易用型:用戶使用時是否方便分 內容充實:網站內容對用戶的吸引力分 內容分類結構:整個網站的內容分類是否清晰完整分 瀏覽速度:瀏覽時額定速度分 技術含量:網站整體的技術評價分動靜搭配:動與靜的搭配合理,動而不亂,靜而不僵■ 多媒體技術20分
20分 有體現自己作品主題的風格特色的動畫(flash、gif)
校團委
計科系
2011年5月20日
第五篇:網頁設計與制作-論文(本站推薦)
第一章
緒論
摘 要
本論文將對個人網頁設計與制作的方法、工具等展開研究和探討。在介紹網頁設計與制作語言的基礎上,著重使用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
調用動態按鈕文檔