第一篇：信息工程系網(wǎng)頁設(shè)計(jì)與制作技能大賽方案

信息工程系網(wǎng)頁設(shè)計(jì)與制作技能大賽方案

為了進(jìn)一步推進(jìn)我系教育教學(xué)改革，提高職業(yè)教育教學(xué)質(zhì)量。全面鍛煉和提高學(xué)生的綜合素質(zhì)，培養(yǎng)創(chuàng)新能力及團(tuán)隊(duì)合作精神，增強(qiáng)創(chuàng)新意識(shí)、審美意識(shí)、實(shí)踐意識(shí)。豐富大學(xué)生課余文化生活，讓學(xué)生在享受大學(xué)生活的同時(shí)，記錄下成長的青春歲月，展示當(dāng)代大學(xué)生的獨(dú)特風(fēng)采，擁有一個(gè)展示精神面貌和技能水平的大舞臺(tái)，信息工程系決定舉辦“展創(chuàng)意，秀青春”網(wǎng)頁設(shè)計(jì)與制作技能大賽。

一、組織機(jī)構(gòu)

主辦單位：許昌職業(yè)技術(shù)學(xué)院信息工程系

二、比賽主題

展創(chuàng)意，秀青春。

三、參賽對(duì)象

計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)全體學(xué)生及其他專業(yè)感興趣的同學(xué)。

四、作品上交

參賽作品請(qǐng)于6月20日之前提交至郵箱：xinxiwysjds@163.com或提交至任課教師處。

五、內(nèi)容要求

1、參賽作品要求內(nèi)容健康、積極向上，抒發(fā)自己對(duì)美好生活的向往和憧憬的同時(shí)培養(yǎng)科技創(chuàng)新能力。

2、激發(fā)學(xué)生熱愛生活，勇于創(chuàng)新的高尚情感，激發(fā)學(xué)生對(duì)本專業(yè)學(xué)習(xí)的興趣，進(jìn)一步提高學(xué)生的學(xué)習(xí)能力和同學(xué)之間的友誼。

3、參賽作品必須為原創(chuàng)作品，鼓勵(lì)創(chuàng)新，題材不限，力求內(nèi)容新鮮、活潑，具有吸引力。提交作品時(shí)，需同時(shí)提交該作品相關(guān)資料，不得抄襲或由他人代作。

4、凡參加過校外比賽并已經(jīng)獲獎(jiǎng)的作品，均不得報(bào)名參加本次大賽。

六、參賽作品類型

網(wǎng)頁設(shè)計(jì)類

1、網(wǎng)頁主題

有關(guān)家鄉(xiāng)、學(xué)校、班級(jí)、宿舍、同學(xué)、愛好、專業(yè)學(xué)習(xí)、精品文學(xué)、音樂網(wǎng)，體育愛好網(wǎng)，美食網(wǎng)，娛樂網(wǎng)等均可自由發(fā)揮。

2、網(wǎng)頁要求

網(wǎng)頁布局合理，色彩、色調(diào)使用恰當(dāng)，鏈接準(zhǔn)確無誤；

能夠綜合運(yùn)用課上涉及的主要知識(shí)點(diǎn)。

3、上交文檔

文檔為標(biāo)準(zhǔn)壓縮文件，以“專業(yè)班級(jí)+姓名”方式命名。

文檔必須包含以“網(wǎng)站說明.doc”命名的網(wǎng)站說明文檔，文檔包括以下內(nèi)容：網(wǎng)站設(shè)計(jì)思想、采用主要技術(shù)、功能模塊劃分說明、網(wǎng)站設(shè)計(jì)過程中遇到的問題及解決方案等，網(wǎng)站首頁以“index.html”命名。

為便于管理，在網(wǎng)站中適當(dāng)建立文件夾用于存放不同文件，如：images、flash、music、library等。

七、賽程安排

1.初審:由專業(yè)老師進(jìn)行評(píng)審?fù)扑]，推薦作品數(shù)保持在各類型作品總數(shù)的10%，從作品的內(nèi)容、主題、構(gòu)思、所用到的技術(shù)等角度入手進(jìn)行評(píng)比。

2.決賽：由評(píng)委會(huì)進(jìn)行綜合評(píng)定；對(duì)優(yōu)秀作品作者進(jìn)行相應(yīng)的表彰和獎(jiǎng)勵(lì)。

八、評(píng)分標(biāo)準(zhǔn)

1、主題明確：作品設(shè)計(jì)要緊扣主題、重點(diǎn)、層次分明；

2、設(shè)計(jì)科學(xué)：合理利用計(jì)算機(jī)軟件和各種多媒體資源；

3、效果清晰：字號(hào)、顏色、圖片的運(yùn)用要保證作品的最終效果；

4、運(yùn)行穩(wěn)定：作品的運(yùn)行要穩(wěn)定，鏈接要準(zhǔn)確。

九、獎(jiǎng)項(xiàng)設(shè)置

1、大賽評(píng)出“最佳形式獎(jiǎng)”、“最佳內(nèi)容獎(jiǎng)”、“最佳創(chuàng)意獎(jiǎng)”等。

2、根據(jù)參賽作品的比例設(shè)一等獎(jiǎng)、二等獎(jiǎng)、三等獎(jiǎng)和成功入圍獎(jiǎng)若干名，獲獎(jiǎng)?wù)邔㈩C發(fā)證書；所有獲獎(jiǎng)作品和入圍作品均可獲得《計(jì)算機(jī)常用軟件》或《網(wǎng)頁設(shè)計(jì)與制作》課程的平時(shí)成績加分。

第二篇：網(wǎng)頁設(shè)計(jì)與課件制作大賽方案

第七屆“科技之光”文化節(jié)之“課件制作與網(wǎng)頁設(shè)計(jì)

大賽“方案

主辦方：玉林師范學(xué)院物理科學(xué)與工程技術(shù)學(xué)院團(tuán)委學(xué)生會(huì)

一、活動(dòng)名稱：

第七屆“科技之光”文化節(jié)之“課件制作與網(wǎng)頁設(shè)計(jì)大賽”

二、參賽對(duì)象：

物理科學(xué)與工程技術(shù)學(xué)院全體學(xué)生

三、參賽項(xiàng)目：

A.課件制作B.網(wǎng)頁設(shè)計(jì)

四、活動(dòng)宗旨：

為了拓展我院學(xué)生素質(zhì)教育的空間，增強(qiáng)校園文化活動(dòng)的科技含量，促進(jìn)學(xué)生人文素質(zhì)和科學(xué)素質(zhì)的有效融合，進(jìn)一步提高學(xué)生的動(dòng)手實(shí)踐能力和創(chuàng)新能力，我院決定于4月份舉辦物理學(xué)院第七屆“課件制作與網(wǎng)頁設(shè)計(jì)”大賽。

五、活動(dòng)時(shí)間地點(diǎn)安排：

1、報(bào)名時(shí)間：4月2日（開始）—4月12日（截止）

2、作品收集時(shí)間：4月12日（開始）至4月23日（截止）

3、演示評(píng)比時(shí)間：4月27日（星期五）晚上7：304、演示地點(diǎn)：待定

六、報(bào)名和上交作品方式：

有意參賽者請(qǐng)到各班班長處報(bào)名，班長登記好本班參賽者名

單（附聯(lián)系方式和參賽項(xiàng)目）后，并于4月12日之前將名單發(fā)

到網(wǎng)絡(luò)部郵箱，參賽選手請(qǐng)于4月23日前把作品發(fā)到網(wǎng)絡(luò)部郵

箱（wlxywlb2012@163.com）。

七、參賽要求：

1、作品要求主題鮮明突出，結(jié)構(gòu)布局合理，設(shè)計(jì)風(fēng)格獨(dú)特，創(chuàng)意新

穎，瀏覽方便，交互性強(qiáng)，頁面美觀且具有藝術(shù)品位

2、網(wǎng)頁作品內(nèi)容可選班級(jí)、個(gè)人網(wǎng)頁（每個(gè)作品要求5個(gè)頁面以上）

3、網(wǎng)頁應(yīng)有較好的瀏覽兼容性，適應(yīng)IE 6.0以上瀏覽器瀏覽

4、合理地運(yùn)用課件制作或網(wǎng)頁設(shè)計(jì)的各種技術(shù)

5、使用工具軟件不限，可以使用powerpoint、Dreamweaver、Photoshop、Frontpage、Flash、fireworks、Authorware等軟件

6、參賽作品必須享有自主知識(shí)產(chǎn)權(quán)，每個(gè)作品應(yīng)附帶一份該作品的簡介word文檔

7、作品可以是個(gè)人的，也可以是多人一組，但每組不得超過3人

八、評(píng)比方式及獎(jiǎng)項(xiàng)設(shè)置：

方式：1）初賽：由評(píng)委組老師通過投票方式依次選出10份優(yōu)秀作品，每個(gè)項(xiàng)目各五份

2）決賽：4月27日晚7：30分現(xiàn)場演示評(píng)比，最后以得分高

低的順序評(píng)出獎(jiǎng)次

獎(jiǎng)項(xiàng)：1）設(shè)一等獎(jiǎng)2名（組），二等獎(jiǎng)4名（組），三等獎(jiǎng)4名（組），優(yōu)勝獎(jiǎng)若干名

2）獲獎(jiǎng)?wù)呔晌锢韺W(xué)院頒發(fā)榮譽(yù)證書以及物質(zhì)獎(jiǎng)勵(lì)

物理科學(xué)與工程技術(shù)學(xué)院團(tuán)委學(xué)生會(huì)

2012年04月02日

第三篇：網(wǎng)頁設(shè)計(jì)與制作技能競賽計(jì)劃書

省網(wǎng)頁設(shè)計(jì)與制作計(jì)劃書

一、項(xiàng)目名稱：網(wǎng)頁設(shè)計(jì)與制作

二、項(xiàng)目指導(dǎo)教師：

熊遠(yuǎn)江負(fù)責(zé)任務(wù)的安排、進(jìn)度的跟蹤和調(diào)整、PS美工的輔導(dǎo)、項(xiàng)目任務(wù)的設(shè)計(jì)。

熊文君負(fù)責(zé)靜態(tài)頁面的制作輔導(dǎo)。

三、培訓(xùn)學(xué)生預(yù)選名單：劉興興、易俊平、程三

三、盧旺、黃香香、聶俊、胡志偉。最終選兩名同學(xué)參加省賽。

四、項(xiàng)目實(shí)施時(shí)間：2012年12月10日——競賽結(jié)束。

五、項(xiàng)目培訓(xùn)地點(diǎn)：科技樓五樓競賽機(jī)房。

六、培訓(xùn)目的：提高學(xué)生技能水平，爭奪全省第一為學(xué)校獲得榮譽(yù)。

七、項(xiàng)目實(shí)施目標(biāo)：1）全面掌握PS美工的方法和技巧。

2）全面掌握靜態(tài)頁面制作的過程和美化網(wǎng)頁的技巧。

3）全面掌握在網(wǎng)頁中使用的各種腳本及動(dòng)畫。

八、項(xiàng)目具體實(shí)施步驟：

1）選拔選手：選手初步選拔于2012年12月5日完成。2）培訓(xùn)動(dòng)員大會(huì)：2012年12月10日中午12:50。3）具體培訓(xùn)思路如下：

第一周：網(wǎng)頁運(yùn)行環(huán)境的熟悉和PS,DW,FLA等軟件的一般操作，HTML中基本標(biāo)記的表示和用法。

第二周： FLA制作動(dòng)畫和一般網(wǎng)頁中用到的FLA的制作和HTML中標(biāo)記的熟悉和演練。第三、四、五周：框架，表單，層，CSS等用法的輔導(dǎo)學(xué)習(xí)。第六周：JAVASCRIPT基本語法的輔導(dǎo)學(xué)習(xí)，CSS的學(xué)習(xí)，利用PS制作網(wǎng)頁模板。

第七周：用DW，PS，F(xiàn)LA制作靜態(tài)網(wǎng)頁（主要的內(nèi)容涉及到新聞，信息的展示，產(chǎn)品的展示等）。

第八周：模仿網(wǎng)頁制作（主要是給定一個(gè)圖片網(wǎng)頁制作相似的網(wǎng)頁）。第九周：熟練PS制作網(wǎng)頁模板，給定主題制作網(wǎng)頁。第十周：綜合演練。

第四篇：網(wǎng)頁設(shè)計(jì)與制作比賽方案

貴州商業(yè)高等專科學(xué)校網(wǎng)頁設(shè)計(jì)大賽組織方案

為了進(jìn)一步加強(qiáng)我校學(xué)生創(chuàng)新能力和專業(yè)能力，激發(fā)學(xué)生學(xué)習(xí)興趣，提高學(xué)生網(wǎng)頁設(shè)計(jì)與制作的水平，以滿足用人單位需求，提高學(xué)生的社會(huì)競爭力，特制定本組織實(shí)施方案。

一、主辦單位：校團(tuán)委、計(jì)科系

二、承辦單位：電子商務(wù)教研室

三、組委成員：

陳興科、穆肇南、吳晶鑫、王松、賈若、洪奕、楊磊、余先昊、胡文生

四、參賽方式：個(gè)人或團(tuán)隊(duì)（三人一隊(duì)）方式參賽

五、獎(jiǎng)項(xiàng)設(shè)置：

本次大賽最終共選出10個(gè)入圍參賽作品。再從入圍作品中選出一等獎(jiǎng)1名，二等獎(jiǎng)2名，三等獎(jiǎng)3名，其余所有入圍作品均獲優(yōu)秀獎(jiǎng)。

一等獎(jiǎng)：證書、獎(jiǎng)金300元（1隊(duì)）；

二等獎(jiǎng)：證書、獎(jiǎng)金240元（2隊(duì)）；

三等獎(jiǎng)：證書、獎(jiǎng)金180元（3隊(duì)）；

優(yōu)秀獎(jiǎng)：證書、獎(jiǎng)金90元（4隊(duì)）

六、參賽者資格：貴州商業(yè)高等?？茖W(xué)校全體在校學(xué)生

七、參賽作品要求：

1.參賽作品必須為作者本人原創(chuàng)，不得抄襲他人或網(wǎng)上作品，作品一經(jīng)發(fā)現(xiàn)剽竊立即取消參賽資格。

2.作品主題無限制，內(nèi)容健康，導(dǎo)向積極，具有創(chuàng)意，有自己獨(dú)特的風(fēng)格，能展示青年大學(xué)生的良好精神風(fēng)貌和綜合素質(zhì)。

3.制作軟件不限制，通過合理運(yùn)用網(wǎng)頁設(shè)計(jì)的各種技術(shù)，體現(xiàn)良好的藝術(shù)性和實(shí)用性。

4.子頁面不超過三級(jí)，網(wǎng)頁的總頁面數(shù)不少于10頁，全部文件的總?cè)萘坎怀^20M（盡量少用音頻視頻文件）。

5.要求能在win2000或winxp操作系統(tǒng)上運(yùn)行。顯示分辨率1024×768，網(wǎng)頁采用Internet Explorer5.0以上瀏覽。（請(qǐng)?jiān)谧髌分凶⒚髯罴褳g覽效果瀏覽器）

6.參賽者自留備份文件，提交參賽作品必須附有完整的作品簡介（包括作品名稱、主題、作品說明等）及作者聯(lián)系方式（包括姓名、系科班級(jí)、聯(lián)系方式等）。

八、報(bào)名參賽辦法

1.參賽者報(bào)名時(shí)提供如下資料：

(1)個(gè)人簡介：姓名、班級(jí)、聯(lián)系電話、QQ、電子郵箱

(2)作品、作品主題、作品說明

2.比賽時(shí)間：2011年4月——6月

(1)報(bào)名開始時(shí)間：2011年5月26日

(2)報(bào)名截止時(shí)間：2011年6月20日

(3)評(píng)獎(jiǎng)時(shí)間：2011年6月28日至6月30日

3.報(bào)名地點(diǎn)：計(jì)科系

4.聯(lián)系人：楊磊老師（***）

九、評(píng)分標(biāo)準(zhǔn)

■ 內(nèi)容 30 分

10分 是否有明確的主題、內(nèi)容

10分 內(nèi)容健康向上、有時(shí)代感、信息的實(shí)時(shí)性

10分 創(chuàng)意水平的高低

■ 常規(guī)技術(shù) 50 分分 整體視覺效果：整個(gè)網(wǎng)站在設(shè)計(jì)上是否統(tǒng)一和諧

10分 美工設(shè)計(jì)：頁面的美工設(shè)計(jì)含量分 頁面布局：頁面的布局是否合理、美觀分 頁面易用型：用戶使用時(shí)是否方便分 內(nèi)容充實(shí)：網(wǎng)站內(nèi)容對(duì)用戶的吸引力分 內(nèi)容分類結(jié)構(gòu)：整個(gè)網(wǎng)站的內(nèi)容分類是否清晰完整分 瀏覽速度：瀏覽時(shí)額定速度分 技術(shù)含量：網(wǎng)站整體的技術(shù)評(píng)價(jià)分動(dòng)靜搭配：動(dòng)與靜的搭配合理，動(dòng)而不亂，靜而不僵■ 多媒體技術(shù)20分

20分 有體現(xiàn)自己作品主題的風(fēng)格特色的動(dòng)畫（flash、gif）

校團(tuán)委

計(jì)科系

2011年5月20日

第五篇：網(wǎng)頁設(shè)計(jì)與制作-論文（本站推薦）

第一章

緒論

摘 要

本論文將對(duì)個(gè)人網(wǎng)頁設(shè)計(jì)與制作的方法、工具等展開研究和探討。在介紹網(wǎng)頁設(shè)計(jì)與制作語言的基礎(chǔ)上，著重使用JavaScript作為工具語言進(jìn)行網(wǎng)頁設(shè)計(jì)與制作的實(shí)際操作，分別對(duì)基于對(duì)象的JavaScript語言、內(nèi)部對(duì)象系統(tǒng)的使用及WEB頁面信息交互——窗口和框架進(jìn)行詳細(xì)描述，并利用具體的實(shí)例進(jìn)行驗(yàn)證。

本論文主要章節(jié)如下，第一章：緒論，本章主要介紹網(wǎng)頁設(shè)計(jì)的相關(guān)知識(shí)。第二章：網(wǎng)頁設(shè)計(jì)語言概述，本章主要介紹網(wǎng)頁設(shè)計(jì)的語言——HTML，以及用于編輯HTML語言的軟件，為后續(xù)工作奠定基礎(chǔ)。第三章：基于對(duì)象的JavaScript語言，本章介紹了基于對(duì)象的JavaScript中常用內(nèi)部對(duì)象屬性、方法的使用。第四章：內(nèi)部對(duì)象系統(tǒng)的使用，本章主要介紹使用瀏覽器的內(nèi)部對(duì)象系統(tǒng)，可實(shí)現(xiàn)與HTML文檔進(jìn)行交互。第五章：WEB頁面信息的交互——窗體與框架，本章主要介紹實(shí)現(xiàn)網(wǎng)頁的動(dòng)態(tài)交互，必須掌握有關(guān)窗體對(duì)象（Form）和框架對(duì)象（Frames）更為復(fù)雜的知識(shí)。

關(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)知識(shí)。

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．用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色。

3．用一個(gè)色系。簡單的說就是用一個(gè)感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。

1.3 大作業(yè)目的和意義

本大作業(yè)主要是對(duì)網(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版本升級(jí)采用超集方式，從而更加靈活方便。

2、可擴(kuò)展性，HTML語言的廣泛應(yīng)用帶來了加強(qiáng)功能，增加標(biāo)識(shí)符等要求，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í)請(qǐng)使用.htm或.html作為擴(kuò)展名，這樣瀏覽器就可以解釋執(zhí)行了。

2、半所見即所得軟件，這種軟件能大大提高開發(fā)效率，它可以使你在很短的時(shí)間內(nèi)做出Homepage，且可以學(xué)習(xí)HTML，這種類型的軟件主要有HOTDOG，還有國產(chǎn)的軟件網(wǎng)頁作坊。

3、所見即所得軟件，使用最廣泛的編輯器，完全可以一點(diǎn)不懂HTML的知識(shí)就可以做出網(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是一種基于對(duì)象(Object)和事件驅(qū)動(dòng)(Event Driven)并具有安全性能的腳本語言。使用它的目的是與HTML超文本標(biāo)記語言、Java 腳本語言（Java小程序）一起實(shí)現(xiàn)在一個(gè)Web頁面中鏈接多個(gè)對(duì)象，與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)識(shí)結(jié)合在一起，從而方便用戶的使用操作。

2、基于對(duì)象的語言。

JavaScript是一種基于對(duì)象的語言，同時(shí)以可以看作一種面向?qū)ο蟮?。這意味著它能運(yùn)用自己已經(jīng)創(chuàng)建的對(duì)象。因此，許多功能可以來自于腳本環(huán)境中對(duì)象的方法與腳本的相互作用。

3、簡單性

JavaScript的簡單性主要體現(xiàn)在：首先它是一種基于Java基本語句和控制流之上的簡單而緊湊的設(shè)計(jì), 從而對(duì)于學(xué)習(xí)Java是一種非常好的過渡。其次它的變量類型是采用弱類型，并未使用嚴(yán)格的數(shù)據(jù)類型。

4、安全性

JavaScript是一種安全性語言，它不允許訪問本地的硬盤，并不能將數(shù)據(jù)存入到服務(wù)器上，不允許對(duì)網(wǎng)絡(luò)文檔進(jìn)行修改和刪除，只能通過瀏覽器實(shí)現(xiàn)信息瀏覽或動(dòng)態(tài)交互。從而有效地防止數(shù)據(jù)的丟失。

5、動(dòng)態(tài)性的

JavaScript是動(dòng)態(tài)的，它可以直接對(duì)用戶或客戶輸入做出響應(yīng)，無須經(jīng)過Web服務(wù)程序。它對(duì)用戶的反映響應(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ù)色彩對(duì)人們心理的影響，合理地加以運(yùn)用。

先選定一種色彩，然后調(diào)整透明度或者飽和度，這樣的頁面看起來色彩統(tǒng)一，有層次感。簡單的說就是用一個(gè)感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。

在網(wǎng)頁配色中不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。背景和前文的對(duì)比盡量要大以便突出主要文字內(nèi)容。

5.2主頁色彩的處理

色彩是人的視覺最敏感的東西。主頁的色彩處理得好，可以錦上添花，達(dá)到事半功倍的效果。色彩總的應(yīng)用原則應(yīng)該是“總體協(xié)調(diào)，局部對(duì)比”，也就是：主頁的整體色彩效果應(yīng)該是和諧的，只有局部的、小范圍的地方可以有一些強(qiáng)烈色彩的對(duì)比。在色彩的運(yùn)用上，可以根據(jù)主頁內(nèi)容的需要，分別采用不同的主色調(diào)。因?yàn)樯示哂邢笳餍裕纾耗劬G色、翠綠色、金黃色、灰褐色就可以分別象征著春、夏、秋、冬。其次還有職業(yè)的標(biāo)志色，例如：軍警的橄欖綠，醫(yī)療衛(wèi)生的白色等。色彩還具有明顯的心理感覺，例如冷、暖的感覺，進(jìn)、退的效果等。另外，色彩還有民族性，各個(gè)民族由于環(huán)境、文化、傳統(tǒng)等因素的影響，對(duì)于色彩的喜好也存在著較大的差異。充分運(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.對(duì)比色調(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í)，讓美術(shù)教師參加網(wǎng)頁色彩設(shè)計(jì)，可能會(huì)出現(xiàn)比較理想的效果。在色彩搭配上要注意色彩的鮮明性、獨(dú)特性、合適性、聯(lián)想性。背景色和前景色對(duì)比要大，以突出主要內(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)窗體對(duì)象（Form）和框架對(duì)象（Frames）更為復(fù)雜的知識(shí)。

6.1窗體基礎(chǔ)知識(shí)

窗體對(duì)象可以使設(shè)計(jì)人員能用窗體中不同的元素與客戶機(jī)用戶相交互，而用不著在之前首先進(jìn)行數(shù)據(jù)輸入，就可以實(shí)現(xiàn)動(dòng)態(tài)改變Web文檔的行為。

6.1.1窗體對(duì)象

窗體（Form）：它構(gòu)成了Web頁面的基本元素。通常一個(gè)Web頁面有一個(gè)窗體或幾個(gè)窗體，使用Forms[]數(shù)組來實(shí)現(xiàn)不同窗體的訪問。