第一篇：網(wǎng)頁(yè)制作合同書

甲方：_________

乙方：_________

甲乙雙方經(jīng)友好協(xié)商，就主頁(yè)制作事宜達(dá)成如下協(xié)議：

一、甲方委托乙方制作甲方網(wǎng)站http://_________的主頁(yè)，乙方應(yīng)按照甲方的要求制作主頁(yè)，并達(dá)到甲方滿意的效果。該網(wǎng)頁(yè)內(nèi)含有／不含有后臺(tái)管理系統(tǒng)。

二、主頁(yè)制作費(fèi)用

1．首頁(yè)設(shè)計(jì)，制作費(fèi)：_________元；

2．內(nèi)頁(yè)設(shè)計(jì)，制作費(fèi)：_________元；

3．gif多層動(dòng)畫設(shè)計(jì)，制作費(fèi)：_________元；

4．flash頁(yè)面設(shè)計(jì)，制作費(fèi)：_________元。

三、付款

合同簽訂后當(dāng)日，甲方應(yīng)當(dāng)預(yù)付_________元定金。

網(wǎng)頁(yè)制作費(fèi)用共計(jì)人民幣：_________元整，應(yīng)在驗(yàn)收期完成后_________天內(nèi)交付。

四、驗(yàn)收標(biāo)準(zhǔn)

1．甲方可以通過任何與因特網(wǎng)進(jìn)行網(wǎng)絡(luò)連接的計(jì)算機(jī)瀏覽自己的主頁(yè)。

2．主頁(yè)無(wú)文字拼寫及圖片（以甲方提供的材料為標(biāo)準(zhǔn)）錯(cuò)誤。

3．驗(yàn)收合格，甲方以書面文字傳真方式簽收。驗(yàn)收期限為_________。

五、甲方權(quán)利義務(wù)

1．提供有關(guān)企業(yè)的電子文字材料及圖片，以及其他相關(guān)文件，應(yīng)保證材料完整，圖片清晰。甲方必須保證提供的信息內(nèi)容真實(shí)可靠，不得發(fā)布虛假信息，信息內(nèi)容必須符合中華人民共和國(guó)有關(guān)的法律和法規(guī)。

2．甲方有權(quán)根據(jù)網(wǎng)站平面設(shè)計(jì)圖提出修改意見。

3．甲方有權(quán)要求乙方按照雙方商定的網(wǎng)站結(jié)構(gòu)，在雙方約定的時(shí)間內(nèi)，完成合同中規(guī)定的內(nèi)容。

4．按時(shí)支付網(wǎng)頁(yè)設(shè)計(jì)制作費(fèi)用。

5．依合同約定時(shí)間使用主頁(yè)。

6．甲方付清應(yīng)付乙方的全部款項(xiàng)后，甲方正式享有網(wǎng)頁(yè)的全部使用權(quán)。

7．甲方應(yīng)對(duì)網(wǎng)頁(yè)的源代碼進(jìn)行備份。因甲方未對(duì)網(wǎng)頁(yè)的源代碼進(jìn)行備份而發(fā)生源代碼損壞丟失等，乙方無(wú)法為甲方恢復(fù)，也對(duì)此不負(fù)責(zé)任。

六、乙方權(quán)利義務(wù)

1．乙方依據(jù)雙方商定的網(wǎng)站結(jié)構(gòu)，在雙方約定的時(shí)間內(nèi)，完成規(guī)定的內(nèi)容。

2．乙方對(duì)甲方提供的文字及圖片資料中所涉及的包括知識(shí)產(chǎn)權(quán)在內(nèi)的一切法律問題不承擔(dān)任何法律責(zé)任。

3．在制作過程中，對(duì)甲方陸續(xù)提出的修改要求，乙方應(yīng)盡力協(xié)助實(shí)現(xiàn)，對(duì)有可能影響雙方約定的完成時(shí)間的要求，乙方有權(quán)提出合理的延期請(qǐng)求，由雙方協(xié)商確定具體時(shí)間。

4．由于甲方未及時(shí)提供資料而導(dǎo)致乙方工作不能按時(shí)完成，乙方不負(fù)任何責(zé)任，并有權(quán)向甲方提出延期要求，延期時(shí)間由雙方協(xié)商確定。

5．乙方負(fù)責(zé)在驗(yàn)收期內(nèi)，如果甲方需要修改主頁(yè)，可以免費(fèi)進(jìn)行較小的改動(dòng)。

6．乙方負(fù)責(zé)對(duì)甲方進(jìn)行操作培訓(xùn)，該培訓(xùn)可以以任何方式進(jìn)行，如電話，傳真，面授等，培訓(xùn)內(nèi)容僅限于乙方所提供的服務(wù)的內(nèi)容，如郵件的使用，源代碼及數(shù)據(jù)庫(kù)的備份，網(wǎng)站后臺(tái)管理的使用等。培訓(xùn)內(nèi)容不包括網(wǎng)頁(yè)制作等相關(guān)內(nèi)容。

七、違約責(zé)任

1．由不可抗力因素（地震，臺(tái)風(fēng)，洪水，政府行為及其它非乙方人力所能預(yù)見或避免的因素）造成本協(xié)議無(wú)法執(zhí)行，乙方不承擔(dān)任何責(zé)任。

2．甲方違約或拒不付費(fèi)時(shí)，乙方有權(quán)不退還定金，有權(quán)向甲方提出索賠，具體額度由雙方協(xié)商確定，由此造成的損失由甲方負(fù)責(zé)。

3．乙方違約或沒有按照合同規(guī)定按時(shí)完成，甲方有權(quán)拒絕付款，由此造成的損失，乙方自行承擔(dān)。

八、聲明及保證

甲方：

1．甲方為一家依法設(shè)立并合法存續(xù)的企業(yè)，有權(quán)簽署并有能力履行本合同。

2．甲方簽署和履行本合同所需的一切手續(xù)均已辦妥并合法有效。

3．在簽署本合同時(shí)，任何法院、仲裁機(jī)構(gòu)、行政機(jī)關(guān)或監(jiān)管機(jī)構(gòu)均未作出任何足以對(duì)甲方履行本合同產(chǎn)生重大不利影響的判決、裁定、裁決或具體行政行為。

4．甲方為簽署本合同所需的內(nèi)部授權(quán)程序均已完成，本合同的簽署人是甲方的法定代表人或授權(quán)代表人。本合同生效后即對(duì)合同雙方具有法律約束力。

乙方：

1．乙方為一家依法設(shè)立并合法存續(xù)的企業(yè)，有權(quán)簽署并有能力履行本合同。

2．乙方簽署和履行本合同所需的一切手續(xù)均已辦妥并合法有效。

3．在簽署本合同時(shí)，任何法院、仲裁機(jī)構(gòu)、行政機(jī)關(guān)或監(jiān)管機(jī)構(gòu)均未作出任何足以對(duì)乙方履行本合同產(chǎn)生重大不利影響的判決、裁定、裁決或具體行政行為。

4．乙方為簽署本合同所需的內(nèi)部授權(quán)程序均已完成，本合同的簽署人是乙方的法定代表人或授權(quán)代表人。本合同生效后即對(duì)合同雙方具有法律約束力。

九、保密

雙方保證對(duì)從另一方取得且無(wú)法自公開渠道獲得的商業(yè)秘密（技術(shù)信息、經(jīng)營(yíng)信息及其他商業(yè)秘密）予以保密。未經(jīng)該商業(yè)秘密的原提供方同意，一方不得向任何第三方泄露該商業(yè)秘密的全部或部分內(nèi)容。但法律、法規(guī)另有規(guī)定或雙方另有約定的除外。保密期限為_________年。

一方違反上述保密義務(wù)的，應(yīng)承擔(dān)相應(yīng)的違約責(zé)任并賠償由此造成的損失。

十、不可抗力

本合同所稱不可抗力是指不能預(yù)見、不能克服、不能避免并對(duì)一方當(dāng)事人造成重大影響的客觀事件，包括但不限于自然災(zāi)害如洪水、地震、火災(zāi)和風(fēng)暴等以及社會(huì)事件如戰(zhàn)爭(zhēng)、**、政府行為等。

如因不可抗力事件的發(fā)生導(dǎo)致合同無(wú)法履行時(shí)，遇不可抗力的一方應(yīng)立即將事故情況書面告知另一方，并應(yīng)在_________天內(nèi)，提供事故詳情及合同不能履行或者需要延期履行的書面資料，雙方認(rèn)可后協(xié)商終止合同或暫時(shí)延遲合同的履行。

十一、通知

1．根據(jù)本合同需要發(fā)出的全部通知以及雙方的文件往來(lái)及與本合同有關(guān)的通知和要求等，必須用書面形式，可采用_________（書信、傳真、電報(bào)、當(dāng)面送交等方式）傳遞。以上方式無(wú)法送達(dá)的，方可采取公告送達(dá)的方式。

2．各方通訊地址如下：_________。

3．一方變更通知或通訊地址，應(yīng)自變更之日起_________日內(nèi)，以書面形式通知對(duì)方；否則，由未通知方承擔(dān)由此而引起的相應(yīng)責(zé)任。

十二、爭(zhēng)議的處理

1．本合同受_________國(guó)法律管轄并按其進(jìn)行解釋。

2．本合同在履行過程中發(fā)生的爭(zhēng)議，由雙方當(dāng)事人協(xié)商解決，也可由有關(guān)部門調(diào)解；協(xié)商或調(diào)解不成的，按下列第_________種方式解決：

（1）提交_________仲裁委員會(huì)仲裁；

（2）依法向人民法院起訴。

十三、解釋

本合同的理解與解釋應(yīng)依據(jù)合同目的和文本原義進(jìn)行，本合同的標(biāo)題僅是為了閱讀方便而設(shè)，不應(yīng)影響本合同的解釋。

十四、補(bǔ)充與附件

本合同未盡事宜，依照有關(guān)法律、法規(guī)執(zhí)行，法律、法規(guī)未作規(guī)定的，甲乙雙方可以達(dá)成書面補(bǔ)充協(xié)議。本合同的附件和補(bǔ)充合同均為本合同不可分割的組成部分，與本合同具有同等的法律效力。

十五、合同效力

本合同自雙方或雙方法定代表人或其授權(quán)代表人簽字并加蓋公章之日起生效。有效期為_________年，自_________年_________月_________日至_________年_________月_________日。本合同正本一式_________份，雙方各執(zhí)_________份，具有同等法律效力；合同副本_________份，送_________留存一份。

甲方（蓋章）：_________乙方（蓋章）：_________

授權(quán)代表（簽字）：_________授權(quán)代表（簽字）：_________

_________年____月____日_________年____月____日

簽訂地點(diǎn)：_________簽訂地點(diǎn)：_________

第二篇：網(wǎng)頁(yè)制作畢業(yè)論文

一 引 言

隨著Internet的誕生和發(fā)展，許多人不再僅僅局限于網(wǎng)上沖浪，而是參與到網(wǎng)站建設(shè)中。企業(yè)建站相當(dāng)于在網(wǎng)上建立一個(gè)家，你就可以在這里向客戶介紹你的企業(yè)，展示你的實(shí)力，推銷你的產(chǎn)品，網(wǎng)頁(yè)制作作為網(wǎng)站制作中一個(gè)重要的環(huán)節(jié)，相對(duì)于傳統(tǒng)的平面設(shè)計(jì)而言，網(wǎng)頁(yè)設(shè)計(jì)具有更多的新穎性，更多可以表現(xiàn)的手法。結(jié)合本人的實(shí)習(xí)過程，現(xiàn)就網(wǎng)站建設(shè)與管理過程中，網(wǎng)頁(yè)設(shè)計(jì)與制作的具體經(jīng)歷，包括：網(wǎng)頁(yè)設(shè)計(jì)與制作過程中的網(wǎng)頁(yè)布局、色彩構(gòu)置，框架結(jié)構(gòu)等相關(guān)事項(xiàng)做以下論述。

二 網(wǎng)站建設(shè)的流程

1.定義合適的域名。由域名構(gòu)成的網(wǎng)址會(huì)像商標(biāo)一樣，有助于將來(lái)塑造網(wǎng)上的形象。域名除了要符合公司的性質(zhì)以及信息內(nèi)容的特征外，還要具有簡(jiǎn)潔、易記、具有沖擊力的特點(diǎn)。

2.租用虛擬服務(wù)器。有了域名后，就需要一個(gè)空間存放網(wǎng)站，這個(gè)空間就是Internet上的服務(wù)器。一般虛擬主機(jī)提供商都能向用戶提供大容量、高速度的服務(wù)器，用戶可根據(jù)網(wǎng)站的內(nèi)容設(shè)置及其發(fā)展前景來(lái)選擇。

3.設(shè)計(jì)網(wǎng)頁(yè)。網(wǎng)頁(yè)的設(shè)計(jì)制作可以自己完成，也可以通過虛擬主機(jī)提供商或?qū)I(yè)的網(wǎng)頁(yè)設(shè)計(jì)制作商來(lái)完成。設(shè)計(jì)網(wǎng)頁(yè)前要收集所有需要放在網(wǎng)站上的文本資料、圖片等，并盡量用文字詳細(xì)說(shuō)明制作的框架結(jié)構(gòu)，將收集的材料提供給網(wǎng)頁(yè)設(shè)計(jì)者。

4.ICP備案。網(wǎng)站備案的目的就是為了防止在網(wǎng)上從事非法的網(wǎng)站經(jīng)營(yíng)活動(dòng)，打擊不良互聯(lián)網(wǎng)信息的傳播，如果網(wǎng)站不備案的話，很有可能被查處以后關(guān)停。ICP備案可以自主通過官方備案網(wǎng)站 http://004km.cn/sale/view.asp?Article ID=288 [4]許凌云，柳勇良.網(wǎng)頁(yè)設(shè)計(jì)全方位學(xué)習(xí)[M].北京：清華大學(xué)出版社，2008，11 [5]陳琳.photoshop cs3 入門實(shí)戰(zhàn)與提高[M].北京：電子工業(yè)出版社，2008，11 [6]焦慧.網(wǎng)頁(yè)制作基礎(chǔ)與典型范例[M].北京：電子工業(yè)出版社，2008，7 [7]戎馬工作室.Dreamweaver 8與asp動(dòng)態(tài)網(wǎng)站開發(fā)[M].北京：機(jī)械工業(yè)出版社，2006，5 [8]戴一波.Dreamweaver CS3網(wǎng)站制作炫例精講[M].北京：電子工業(yè)出版社，2008，1 [9]何秀芳.網(wǎng)頁(yè)制作與網(wǎng)站建設(shè)課堂實(shí)錄[M].北京：人民郵電出版社.2009，3 [10]孫連三.新編網(wǎng)頁(yè)制作與網(wǎng)站建設(shè)入門與提高[M].北京：人民郵電出版社.2008，9 [11]鄧文淵.網(wǎng)頁(yè)制作高手FLASH 8[M].北京：人民郵電出版社，2007，6 [12]胡崧.超夢(mèng)幻勁爆網(wǎng)頁(yè)[M].中國(guó)青年出版社.2008，7 [13]Scot Johson etal.using Active Server Page[J].Que 2007 [14]卓越科技.PHOTOSHOP CS3 美工廣告設(shè)計(jì)百煉成精[M].電子科技出版社，2009，3 [15]David Hunter etal，Beginning XML[J].Wrox Press Ltd，2005 [16]楊大勇，李金江.ASP網(wǎng)絡(luò)開發(fā)自學(xué)導(dǎo)航[M].北京：機(jī)械工業(yè)出版社，2007，6 [17]卓越科技.SQL SERVER數(shù)據(jù)庫(kù)開發(fā)培訓(xùn)教程[M].北京：電子工業(yè)出版社，2009，4 [18]李曦琳.WEB導(dǎo)航設(shè)計(jì)[M].北京：電子工業(yè)出版社，2009，3 [19]力誠(chéng)教育.ACCESS 2007完全自學(xué)手冊(cè)[M].成都：四川出版集團(tuán)，2009，3 [20]叢書編委會(huì).ASP動(dòng)態(tài)網(wǎng)頁(yè)編輯[M].北京：清華大學(xué)出版社，2006，10 [21]陳剛.商業(yè)網(wǎng)站開發(fā)從入門到精通[M].科學(xué)出版社，2008，2 8

致 謝

畢業(yè)論文如期完成了，在此我要感謝在畢業(yè)設(shè)計(jì)期間給予我?guī)椭脑S多人。首先，我要特別感謝的是我敬愛的指導(dǎo)老師王琛老師。因?yàn)槭撬麨槲姨峁┝艘粋€(gè)良好的環(huán)境，才使我很好的完成了畢業(yè)設(shè)計(jì)。在設(shè)計(jì)期間他也給與我無(wú)私的幫助。在此表示深深的謝意。

正是他的付出，使我找到并改正了許多看起來(lái)很明顯的錯(cuò)誤和不嚴(yán)謹(jǐn)?shù)恼撌?。在畢業(yè)設(shè)計(jì)的過程中是愉快的，我很感謝與我設(shè)計(jì)有幫助的每一個(gè)人，是他們的存在，讓我感到了畢業(yè)設(shè)計(jì)的過程中的快樂，使我融入到了團(tuán)隊(duì)工作中，感受到了相互合作的樂趣。

我對(duì)所有人的耐心表示感謝，尤其是我的指導(dǎo)老師王琛老師。他仔細(xì)閱讀了我的論文和程序，并提出了許多寶貴的意見和建議。感謝他能在忙碌的工作中抽時(shí)間指導(dǎo)我。我在與他通過電話和電子郵件的聯(lián)系中很好的把握住了設(shè)計(jì)的進(jìn)度，使設(shè)計(jì)得以順利完成。

最后，當(dāng)然不能忘記幫助過我的老師和同學(xué)。寫論文通常是一項(xiàng)非?？菰锏墓ぷ鳎疫\(yùn)的是他們使這項(xiàng)工作變成了一種樂趣。還有默默無(wú)聞幫過我的朋友，也在此表示對(duì)你們誠(chéng)摯的感謝。

第三篇：網(wǎng)頁(yè)制作論文

網(wǎng)頁(yè)制作論文

簡(jiǎn)介

網(wǎng)頁(yè)制作是網(wǎng)站策劃師、網(wǎng)絡(luò)程序員、網(wǎng)頁(yè)設(shè)計(jì)師等崗位，應(yīng)用各種網(wǎng)絡(luò)程序開發(fā)技術(shù)和網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，為企事業(yè)單位、公司或個(gè)人在全球互聯(lián)網(wǎng)上建設(shè)站點(diǎn)，并包含域名注冊(cè)和主機(jī)托管等服務(wù)的總稱。其作用為展現(xiàn)公司形象，加強(qiáng)客戶服務(wù)，完善網(wǎng)絡(luò)業(yè)務(wù)。網(wǎng)頁(yè)制作是企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺(tái)，是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。新競(jìng)爭(zhēng)力也認(rèn)為注重網(wǎng)站的網(wǎng)絡(luò)營(yíng)銷價(jià)值而不是外在表現(xiàn)。網(wǎng)頁(yè)制作是指使用標(biāo)識(shí)語(yǔ)言，通過一系列設(shè)計(jì)、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸，瀏覽。

網(wǎng)頁(yè)制作要能充分吸引訪問者的注意力，讓訪問者產(chǎn)生視覺上的愉悅感。因此在網(wǎng)頁(yè)創(chuàng)作的時(shí)候就必須將網(wǎng)站的整體設(shè)計(jì)與網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)原理緊密結(jié)合起來(lái)。網(wǎng)站設(shè)計(jì)是將策劃案中的內(nèi)容、網(wǎng)站的主題模式，以及結(jié)合自己的認(rèn)識(shí)通過藝術(shù)的手法表現(xiàn)出來(lái)。

目錄

1.網(wǎng)頁(yè)制作的兩種設(shè)計(jì)模式 2.網(wǎng)頁(yè)制作常用工具 3.flash 3.1flash簡(jiǎn)介 3.2flash動(dòng)畫的特點(diǎn) 3.3flash動(dòng)畫的前景 3.4flash在網(wǎng)頁(yè)中的應(yīng)用 3.5flash制作流程 4.fireworks

4.1fireworks簡(jiǎn)介

4.2fireworks在網(wǎng)頁(yè)中的應(yīng)用

4.3fireworks的重要性

4.4fireworks制作流程 5.參考文獻(xiàn)

正文

1.網(wǎng)頁(yè)制作的兩種設(shè)計(jì)模式

從前一般網(wǎng)頁(yè)都使用表格進(jìn)行排版設(shè)計(jì)，這樣作的優(yōu)點(diǎn)在于設(shè)計(jì)制作速度快，尤其在可視化網(wǎng)頁(yè)編輯器，如Microsoft FrontPage中，這樣設(shè)計(jì)顯得直觀而方便，然而這讓越來(lái)越復(fù)雜的版面需要許多不斷嵌套的表格設(shè)計(jì)，致使網(wǎng)頁(yè)代碼變得冗長(zhǎng)復(fù)雜，使文件體積增大，且不容易被搜索引擎查找。同時(shí)，這樣做也不利于大型網(wǎng)站的改版工作。

于是隨著主流網(wǎng)頁(yè)瀏覽器對(duì)CSS的支援度提高，近年來(lái)興起了一種新的網(wǎng)頁(yè)設(shè)計(jì)模式。被業(yè)界稱為“網(wǎng)頁(yè)重構(gòu)”的革命，其核心在于分隔網(wǎng)頁(yè)的風(fēng)格和內(nèi)容，指標(biāo)記語(yǔ)言(如HTML,XML)負(fù)責(zé)定義頁(yè)面的內(nèi)容，但不可以定義任何涉及網(wǎng)站外觀(風(fēng)格)的東西。而網(wǎng)站風(fēng)格就由另外的CSS檔案負(fù)責(zé)。在排版方面，新的模式提倡使用由CSS定義的DIV進(jìn)行頁(yè)面排版，而將表格還原為排列數(shù)據(jù)的最初功能。這種模式有很多好處，例如可以協(xié)助搜尋引擎查找網(wǎng)頁(yè)的情況，減小文件提及提高瀏覽速度，且由于一個(gè)CSS檔案可以控制多個(gè)頁(yè)面，這也給改版帶來(lái)了很大方便。

由于W3C是該模式極力的倡導(dǎo)者，于是業(yè)界鑒定網(wǎng)頁(yè)是否符合W3C標(biāo)準(zhǔn)，就可以在W3C網(wǎng)站自動(dòng)檢測(cè)該網(wǎng)站的情況。

這種模式也有缺點(diǎn)，其中一個(gè)弱點(diǎn)就是，在不同瀏覽器出來(lái)的效果會(huì)有分別，但這種情況主要是由于微軟的Internet Explorer對(duì)CSS文檔的支持有眾多缺陷造成的。另一方面，開始設(shè)計(jì)CSS時(shí)，并不能清楚看到目標(biāo)，因此顯得不直觀。

網(wǎng)頁(yè)實(shí)際是一個(gè)文件，他存放在世界某個(gè)角落的的某一臺(tái)計(jì)算機(jī)中，而這臺(tái)計(jì)算機(jī)必須是與互聯(lián)網(wǎng)相連的。網(wǎng)頁(yè)經(jīng)由網(wǎng)址（URL）來(lái)識(shí)別與存取，當(dāng)我們?cè)跒g覽器輸入網(wǎng)址后，經(jīng)過一段復(fù)雜而又快速的程序，網(wǎng)頁(yè)文件會(huì)被傳送到你的計(jì)算機(jī)，然后再通過瀏覽器解釋網(wǎng)頁(yè)的內(nèi)容，再展示到你的眼前。

2.網(wǎng)頁(yè)制作常用工具

1、dreamweaver,用與編輯HTML、ASP、JSP、PHP時(shí)的輔助工具。Dreamweaver是美國(guó)MACROMEDIA公司開發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁(yè)編輯器，它是第一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁(yè)開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。

2、Frontpage 跟dreamweaver一樣，不過還是dreamweaver好。

3、FLASH 網(wǎng)頁(yè)需要畫面流動(dòng)時(shí)的首選擇

4、PS圖象處理軟件，一般網(wǎng)頁(yè)都需要有圖片相搭配，PS是款很強(qiáng)大的工具。

5、FW跟PS一樣都是圖象處理軟件，但FW偏向與對(duì)網(wǎng)頁(yè)的處理。

6、Adobe公司推出的cs3系列，軟件之間兼容性較好?？梢杂么讼盗袑?duì)網(wǎng)站的美工特效進(jìn)行進(jìn)一步的修飾美化和優(yōu)化。

3.flash 3.1flash簡(jiǎn)介

Flash最早出現(xiàn)并興起于網(wǎng)絡(luò)，是網(wǎng)絡(luò)多媒體動(dòng)畫的重要制作形式，它是macromedia公司推出的交互式矢量圖和 Web 動(dòng)畫的標(biāo)準(zhǔn)。網(wǎng)頁(yè)設(shè)計(jì)者使用 Flash 創(chuàng)作出既漂亮又可改變尺寸的導(dǎo)航界面以及其他奇特的效果。其運(yùn)用范圍覆蓋諸多領(lǐng)域如電視廣告、網(wǎng)絡(luò)廣告、游戲、演示動(dòng)畫、課件、網(wǎng)頁(yè)、手機(jī)動(dòng)畫等新興媒體?，F(xiàn)在由于網(wǎng)絡(luò)帶寬的不斷提高，F(xiàn)lash動(dòng)態(tài)網(wǎng)頁(yè)以其具備的聲音、動(dòng)態(tài)圖像等多媒體優(yōu)勢(shì)，相信在不遠(yuǎn)的將來(lái)能夠完全替代靜態(tài)（HTML）網(wǎng)頁(yè)。

3.2flash動(dòng)畫的特點(diǎn)

（一）Flash動(dòng)畫受網(wǎng)絡(luò)資源的制約一般比較短小，利用Flash制作的動(dòng)畫是矢量的，無(wú)論把它放大多少倍都不會(huì)失真。

（二）Flash動(dòng)畫具有交互性優(yōu)勢(shì)，可以更好地滿足所有用戶的需要。它可以讓欣賞者的動(dòng)作成為動(dòng)畫的一部分。用戶可以通過點(diǎn)擊、選擇等動(dòng)作，決定動(dòng)畫的運(yùn)行過程和結(jié)果，這一點(diǎn)是傳統(tǒng)動(dòng)畫所無(wú)法比擬的。

（三）Flash動(dòng)畫可以放在網(wǎng)上供人欣賞和下載，由于使用的是矢量圖技術(shù)，具有檔小、傳輸速度快、播放采用流式技術(shù)的特點(diǎn)，因此動(dòng)畫是邊下載邊播放，如果速度控制得好，則根本感覺不到檔的下載過程。所以Flash動(dòng)畫在網(wǎng)上被廣泛傳播。

（四）Flash動(dòng)畫有嶄新的視覺效果，比傳統(tǒng)的動(dòng)畫更加輕易與靈巧，更加“酷”。不可否認(rèn)，它已經(jīng)成為一種新時(shí)代的藝術(shù)表現(xiàn)形式。

（五）Flash動(dòng)畫制作的成本非常低，使用Flash制作的動(dòng)畫能夠大大地減少人力、物力資源的消耗。同時(shí)，在制作時(shí)間上也會(huì)大大減少。

（六）Flash動(dòng)畫在制作完成后，可以把生成的檔設(shè)置成帶保護(hù)的格式，這樣維護(hù)了設(shè)計(jì)者的版權(quán)利益。

3.3flash動(dòng)畫的前景

現(xiàn)在的Flash平臺(tái)包括:Flash Studio

8、Flash Player

8、Flash in Mobile flex 1.5、以及應(yīng)用于通信行業(yè)的Breeze 5等；未來(lái)即將推出的產(chǎn)品包括Browser client Flash Player、Mobile client Flash Player、Apollo Flash+HTML的客戶端工具，以及Flex等企業(yè)端工具等。這些工具將滿足設(shè)計(jì)和開發(fā)人員跨越各種開放的和專有的平臺(tái)，包括從桌面到移動(dòng)設(shè)備，提供更豐富的網(wǎng)絡(luò)內(nèi)容和互聯(lián)網(wǎng)應(yīng)用，企業(yè)也能夠通過Flash應(yīng)用獲得更大的受益。

（一）網(wǎng)絡(luò)視頻鐘情Flash 面對(duì)全球超過100萬(wàn)的Flash開發(fā)者的期望，Macromedia也不斷開發(fā)新的領(lǐng)域。而用戶對(duì)視頻應(yīng)用的垂青，刺激著Macromedia推出新的工具。在上千開發(fā)者的注目下，Macromedia推出了Flash Media Server 2，以鞏固其Flash Platform作為網(wǎng)絡(luò)視頻最佳選擇的地位

（二）Flex 2產(chǎn)品線和Flash Player 8.5出手不凡

Macromedia Flex 2產(chǎn)品線和Macromedia Flash Player 8.5是本次發(fā)布會(huì)的重頭戲。新產(chǎn)品涵蓋RIA的全部應(yīng)用場(chǎng)景，從電子商務(wù)產(chǎn)品配置，到需要與實(shí)時(shí)數(shù)據(jù)集成的可視交易應(yīng)用。

Flash Player目前在全球6億多個(gè)桌面和移動(dòng)設(shè)備上安裝,估計(jì)新版本在12個(gè)月內(nèi)將被80%的聯(lián)網(wǎng)計(jì)算機(jī)下載。Flash Player 8.5在Flash Player 8的基礎(chǔ)上增加了適合行業(yè)使用的編程功能，并構(gòu)建了先進(jìn)的跨平臺(tái)運(yùn)行時(shí)環(huán)境。它備有一個(gè)新的虛擬機(jī)，可以提供更高的運(yùn)行性能、全面的運(yùn)行錯(cuò)誤報(bào)告、增強(qiáng)型調(diào)試功能以及支持ActionScript 3。ActionScript 3遵守最新的ECMA Script規(guī)范，能夠更易于查找及解決問題，從而提高開發(fā)人員的工作效率。

3.4flash在網(wǎng)頁(yè)中的應(yīng)用

在網(wǎng)絡(luò)高速發(fā)展的今天,越來(lái)越多的人們已經(jīng)不再滿意圖文并茂的靜態(tài)網(wǎng)頁(yè)格式,動(dòng)態(tài)網(wǎng)頁(yè)應(yīng)運(yùn)而生,但是一般的動(dòng)態(tài)圖片和網(wǎng)站的背景音樂應(yīng)用并不合拍.什么時(shí)候可以把多媒體應(yīng)用在網(wǎng)站上呢 Flash正是在這一網(wǎng)絡(luò)發(fā)展的大背景下應(yīng)運(yùn)而生的,前身是Future Splash.Flash1.0版本誕生于1996年,由于當(dāng)時(shí)的網(wǎng)絡(luò)大背景,Flash在出道之時(shí)并沒有得到計(jì)算機(jī)行業(yè)應(yīng)有的重視,Flash真正的火爆是從Flash3.0版本開始的,到了1999年6月發(fā)布的Flash4.0版本,其制作的動(dòng)畫開始大量的在網(wǎng)上傳播,已經(jīng)逐漸成為了網(wǎng)頁(yè)交互多媒體動(dòng)畫設(shè)計(jì)軟件的標(biāo)準(zhǔn).現(xiàn)在,Flash5.0以其特有的ActionScript腳本編程,正在以極快的速度追趕HTML網(wǎng)頁(yè)標(biāo)準(zhǔn).它改變了以往靜態(tài)的,枯燥的,網(wǎng)頁(yè)形式,利用它短小精悍的文件體積和插件,利用它簡(jiǎn)單易學(xué)的操作方式,利用它的“流”式播放形式豐富我們的網(wǎng)絡(luò)生活.試想,如果它真的超過HTML成為未來(lái)的網(wǎng)頁(yè)設(shè)計(jì)軟件的主流,那也將是網(wǎng)絡(luò)的一場(chǎng)革命,也是網(wǎng)絡(luò)生活的福音.3.5flash制作流程

（1）建立一個(gè)新的場(chǎng)景

依次選擇“文件”、“新建”、“Flash文檔”命令，建立空白文檔，大小為550*400像素，背景為白色。

（1）

（2）重新命名場(chǎng)景和涂層名稱

依次選擇“窗口”、“設(shè)計(jì)面板”、“場(chǎng)景”命令，在彈出的場(chǎng)景面板中雙擊默認(rèn)場(chǎng)景名稱，改為“跳動(dòng)的小球”。然后重新命名涂層名稱，雙擊默認(rèn)涂層名稱，改為“地面”。然后用水平線表示地面，選擇筆觸顏色為黑色，單擊“線條工具”按鈕，在第一幀的舞臺(tái)下方，拖動(dòng)鼠標(biāo)畫一條直線表示地面。

（2）

（3）插入水平線結(jié)束幀

單擊水平線涂層第35幀的小方框，選中該幀；依次選擇“插入”、“時(shí)間軸”、“關(guān)鍵幀”命令，在地面層的1到35幀之間插入了相同的水平線。

（3）（4）插入跳動(dòng)的小球涂層，畫小球的初始狀態(tài)

雙擊默認(rèn)的涂層名，改為跳動(dòng)的小球涂層，此圖層處于激活狀態(tài)。設(shè)置填充色為黑色，在第一幀的舞臺(tái)上方，畫一個(gè)小球，刪除輪廓線。

（4）

（5）插入下一幀

單擊跳動(dòng)的小球?qū)拥诙男》娇?，選中該幀；依次選擇“插入”、“時(shí)間軸”、“關(guān)鍵幀”命令，在第二幀中復(fù)制第一幀的圖形；拖動(dòng)小球向下移動(dòng)一個(gè)距離，表示球在下落。

（5）

（6）制作下落動(dòng)作的變化

重復(fù)上一步驟。

（6）

（7）小球變形

在下一幀的位置插入關(guān)鍵幀，利用任意變性工具把小球縱向壓縮。單擊“任意變形”按鈕,指針根據(jù)可實(shí)現(xiàn)的變形方式箭頭右下方的小圖形會(huì)有所變化；單擊小球，小球周圍出現(xiàn)8個(gè)黑色句柄框；把鼠標(biāo)指針移動(dòng)到4個(gè)中間句柄處，拖動(dòng)鼠標(biāo)，把圓球編程橢球形。

（7）

（8）多次重復(fù)上面步驟，在不同的幀中，制作小球被壓扁后又彈起的畫面。參照第9步，制作小球被壓扁后又彈起的畫面。重復(fù)上述步驟，直到小球靜止。4.fireworks 4.1fireworks簡(jiǎn)介

Fireworks是Macromedia公司發(fā)布的一款專為網(wǎng)絡(luò)圖形設(shè)計(jì)的圖形編輯軟件，它大大簡(jiǎn)化了網(wǎng)絡(luò)圖形設(shè)計(jì)的工作難度，無(wú)論是專業(yè)設(shè)計(jì)家還是業(yè)余愛好者，使用Fireworks都不僅可以輕松地制作出十分動(dòng)感的GIF動(dòng)畫，還可以輕易地完成大圖切割、動(dòng)態(tài)按鈕、動(dòng)態(tài)翻轉(zhuǎn)圖等，因此，對(duì)于輔助網(wǎng)頁(yè)編輯來(lái)說(shuō)，F(xiàn)ireworks將是最大的功臣。借助于 Macromedia Fireworks 8，您可以在直觀、可定制的環(huán)境中創(chuàng)建和優(yōu)化用于網(wǎng)頁(yè)的圖像并進(jìn)行精確控制。Fireworks 業(yè)界領(lǐng)先的優(yōu)化工具可幫助您在最佳圖像品質(zhì)和最小壓縮大小之間達(dá)到平衡。它與 Macromedia Dreamweaver? 和 Macromedia Flash? 共同構(gòu)成的集成工作流程可以讓您創(chuàng)建并優(yōu)化圖像，同時(shí)又能避免由于進(jìn)行 Roundtrip 編輯而丟失信息或浪費(fèi)時(shí)間。利用可視化工具，無(wú)需學(xué)習(xí)代碼即可創(chuàng)建具有專業(yè)品質(zhì)的網(wǎng)頁(yè)圖形和動(dòng)畫，如變換圖像和彈出菜單等。

4.2fireworks在網(wǎng)頁(yè)中的應(yīng)用

眾所周知，在網(wǎng)頁(yè)上的jpg圖片如果過大，會(huì)嚴(yán)重影響頁(yè)面的打開速度，F(xiàn)ireworks提供優(yōu)化圖片的功能，即縮小圖片的KB，而且不影響畫面的質(zhì)量（除非放大了與原圖對(duì)比）。由于很多人喜歡用photoshop制作jpg圖片，所以它的容量會(huì)很大（因?yàn)樗沁m合處理印刷品，要求比較清晰），最終還是要用Fireworks來(lái)處理一下。

在優(yōu)化面板里有“導(dǎo)出jpg較高品質(zhì)”，導(dǎo)出默認(rèn)的80品質(zhì)（可以用“2幅”畫面對(duì)比之前之后的大?。?。

4.3fireworks的重要性

為Macromedia家族的一員，三劍客之一的fireworks，她的主要任務(wù)和特色就是制作矢量圖為網(wǎng)頁(yè)服務(wù),FW也是Flash的最佳伴侶,在三劍客的MX系列中,FW和Flash的聯(lián)系更為緊密,所以無(wú)論是網(wǎng)頁(yè)制作和Flash制作,Fw都是不可或缺的利器.在Fw3年的應(yīng)用實(shí)踐過程中,我無(wú)時(shí)無(wú)刻不在感受她的卓越和便利。的確,網(wǎng)頁(yè)制作看重的是效果和速度,并不是你用的軟件專業(yè)與否,你用了多少個(gè)軟件作出的網(wǎng)頁(yè),設(shè)計(jì)師作出的網(wǎng)頁(yè)是為了讓大家接受而不是顯示自己的本領(lǐng),在這樣的前提下,Fw的確是最好的選擇,最好的矢量圖效果,最快的速度。

4.4fireworks制作流程

1.準(zhǔn)備素材 如圖

2、因?yàn)檫@幅圖片是位圖，我們可以用魔術(shù)棒將電視機(jī)中間的畫面選取成選區(qū)

2.選擇菜單——將選取框轉(zhuǎn)換為路徑，得到電視畫面的輪廓路徑。當(dāng)然，也可以用鋼筆工具勾勒

出

電

視

畫

面的路

徑

4.將選中區(qū)域填充成折疊漸變

顏色可以自己選擇：

5.用選取工具拖動(dòng)漸變方向手柄，接近垂直或接近水平方向：

6.將調(diào)整手柄以初選中區(qū)域 并在幀屬性，選取重制幀命令：選擇三幀 或在多些

7.依次選擇其他幀，拖動(dòng)漸變調(diào)整手柄將其改變位置：柄以初選中區(qū)域 并在幀屬性幀命令：

最后保存 導(dǎo)出gif圖片 即可完成。

1.在Fireworks中打開一個(gè)新的畫布，調(diào)整畫布大小，選擇工具欄中的文本工具，輸入第一個(gè)數(shù)字，并設(shè)置好文字的字體、像素大小等樣式

2.輸入文本 1 然后再打開幀屬性 選擇重置幀 9 因?yàn)閿?shù)字0-9 一共是十個(gè)

3.然后選擇每一幀，并修改畫布中的相應(yīng)數(shù)字。

4.幀面板中右手邊顯示的是默認(rèn)的幀延時(shí)值7毫秒，即7/100秒的速度。如果速度過快 可以修改值 選擇頂部幀，按住Shift鍵，點(diǎn)擊底部的最后一幀，全選這些幀，在幀延時(shí)值處雙擊，在顯示的對(duì)話框中設(shè)置一個(gè)更高的值。更高值將減慢動(dòng)畫的播放速度。5.最后一步，打開優(yōu)化面板，設(shè)置導(dǎo)出文件格式為“Gif動(dòng)畫”，如圖：

6.也可以在幀面板的底部設(shè)置Gif動(dòng)畫循環(huán)，默認(rèn)為“永久”選項(xiàng)

7.畫布顏色可以隨意更改 再按f12 預(yù)覽就可以了，最后導(dǎo)出文件

5.參考文獻(xiàn)

[1]劉宇.Flash短片輕松學(xué)中國(guó)大陸.電子工業(yè)出版社，2009-01.[2]章精設(shè)，胡登濤.Flash Action Script 3.0從入門到精通.清華大學(xué)出版設(shè)，2008-10.[3]陳冰.Flash第1步:ActionScript編程篇(珍藏版).清華大學(xué)出版社，2006-03

第四篇：網(wǎng)頁(yè)制作心得

科學(xué)是發(fā)展生產(chǎn)力的根本前提，當(dāng)今的社會(huì)是互聯(lián)網(wǎng)蓬勃發(fā)展的世界，每當(dāng)我們上網(wǎng)的時(shí)候，那一個(gè)個(gè)精美別致的網(wǎng)頁(yè)給人是多么流暢順利的感覺，無(wú)論是尋找資料還是網(wǎng)上商城購(gòu)物，都給我們帶來(lái)了方便快捷的好處，我想，科學(xué)技術(shù)的發(fā)展，離不開互聯(lián)網(wǎng)的發(fā)展，而互聯(lián)網(wǎng)的發(fā)展也離不開網(wǎng)頁(yè)制作的發(fā)展，而只有把兩者結(jié)合起來(lái)才是正確的。

首先，了解網(wǎng)頁(yè)并不是單純的認(rèn)為他僅僅只是為人們服務(wù)的，而它的存在也是給我們帶來(lái)了利益和好處。當(dāng)然，了解網(wǎng)頁(yè)首先也從幾個(gè)軟件開始：

1.dreamweaver mx XX（或dreamweaver 8）。

2.flash mx XX（或flash 8）

3.fireworks 8

而網(wǎng)頁(yè)制作就是開始從這些軟件開始著手的，今天，我終于可以學(xué)習(xí)網(wǎng)頁(yè)制作了，我們?cè)诙呸壤蠋煹慕虒?dǎo)下，各位同學(xué)們也都在聆聽老師的講解和指導(dǎo)我們運(yùn)用以上這些軟件的功能和網(wǎng)頁(yè)的剖析。所謂網(wǎng)頁(yè)，就是指一個(gè)可以瀏覽內(nèi)容并且可以使用ｉｅ瀏覽器打開的內(nèi)容稱之為網(wǎng)頁(yè)。

在剛開始接觸網(wǎng)頁(yè)的第一堂課上，聽說(shuō)網(wǎng)頁(yè)制作會(huì)是一門很無(wú)聊并且很難聽懂的過程，而事實(shí)卻印證了這樣一個(gè)事實(shí)，但是只要我們努力，無(wú)論是怎樣的艱難險(xiǎn)阻，成功依然會(huì)迎面直擊。在剛開始時(shí)我覺得dreamweaver mx XX很難理解，不管老師做怎樣的解釋，而我卻對(duì)它感到很是吃力，諸如里面有許多不知道的功能。如：布局表格、繪制層、制作ｃｓｓ樣式表等，這些內(nèi)容迷糊了我的視線，真是沒想到制作一個(gè)精巧別致的網(wǎng)頁(yè)是如此的困難，可是心有不甘，每天上網(wǎng)看著那樣多的網(wǎng)頁(yè)，于是我才下定決心選擇了網(wǎng)頁(yè)制作這一門課程，目的就是希望以后能夠做出一個(gè)完美的網(wǎng)頁(yè)來(lái)。

“路漫漫其修遠(yuǎn)兮，吾將上下而求索”學(xué)習(xí)的道路是艱苦漫長(zhǎng)的，更何況這是關(guān)于一個(gè)科學(xué)技術(shù)的一個(gè)代名詞，隨后，課堂的氣氛慢慢的好轉(zhuǎn)，耐心的老師和專心的學(xué)生在課堂上都盡情的發(fā)揮各自的才能，老師也為了能教好每一位學(xué)生，而學(xué)生也不辜負(fù)老師的使命，就這樣，網(wǎng)頁(yè)制作這一門課程進(jìn)行的很順利，學(xué)習(xí)了dreamweaver mx XX對(duì)它如何徹底的剖析和分解，我們終于認(rèn)清了它的原理，摸清了應(yīng)該怎樣去完全的使用它，而我們?cè)诶蠋煹闹笇?dǎo)和訓(xùn)練的結(jié)果下，終于開始做屬于自己的網(wǎng)頁(yè)了。

慢慢的快接近尾聲了，我們也快臨近期末了，老師給我們的任務(wù)卻是需要我們每人至少做出三個(gè)網(wǎng)頁(yè)來(lái)，且內(nèi)存不能超過３ｍ，剛開始我以為我會(huì)對(duì)著感到很是吃力，不知道該如何是好，畢竟網(wǎng)頁(yè)才是剛剛起步，根基不穩(wěn)，怎么能夠做出這樣的網(wǎng)頁(yè)呢？而我對(duì)dreamweaver mx XX它也不是很熟悉，心里真是很擔(dān)憂。

在這最后的時(shí)間里，我仔細(xì)掂量了一番，網(wǎng)頁(yè)制作給我的結(jié)論是：要想制作一個(gè)能夠像網(wǎng)上的那樣，還得需要經(jīng)過長(zhǎng)時(shí)間的刻苦努力和不斷地檢驗(yàn)及實(shí)踐，否則，如果只靠老師在課堂上講的那些知識(shí)是遠(yuǎn)遠(yuǎn)不夠的。畢竟網(wǎng)頁(yè)是一個(gè)技術(shù)性的知識(shí)，不像文學(xué)那樣的純理論知識(shí)。通過這個(gè)課程的學(xué)習(xí)，我從中得到了一些對(duì)網(wǎng)頁(yè)知識(shí)如功能、概念的理解，原來(lái)要做出一個(gè)簡(jiǎn)單可行的網(wǎng)頁(yè)并不是一件害怕的事情，而是一件努力和嘗試的事情。

網(wǎng)頁(yè)制作心得（2）：

做好主頁(yè)，并不是一件容易的事，它包括個(gè)人主頁(yè)的選題、內(nèi)容采集整理、圖片的處理、頁(yè)面的排版設(shè)置、背景及其整套網(wǎng)頁(yè)的色調(diào)等很多東西。

一、準(zhǔn)備資料和挑選網(wǎng)頁(yè)設(shè)計(jì)的合適工具

俗話說(shuō)：“巧婦難為無(wú)米之炊”。做主頁(yè)當(dāng)然要收集、準(zhǔn)備資料。在網(wǎng)上多轉(zhuǎn)轉(zhuǎn)，看到什么漂亮的網(wǎng)頁(yè)，把它保存起來(lái)，作為以后自己設(shè)計(jì)主頁(yè)時(shí)的參考。

另外，還包括搜集美化主頁(yè)可能要用到的各種材料，如背景、線條、小動(dòng)畫圖標(biāo)等等。你可以在硬盤上建一個(gè)文件夾，下分“e-mail圖標(biāo)、背景、線條、動(dòng)畫”等文件夾，養(yǎng)成上網(wǎng)時(shí)看到有創(chuàng)意、新鮮的圖像，就按鼠標(biāo)右鍵存入你硬盤相應(yīng)文件夾的習(xí)慣，時(shí)間一長(zhǎng)你就有擁有了一個(gè)可觀的圖庫(kù)，等做主頁(yè)時(shí)隨手拈來(lái)或加以修改就成你自己的東西了。

二、規(guī)劃好整個(gè)網(wǎng)站

主頁(yè)的設(shè)計(jì)應(yīng)以醒目?jī)?yōu)先，應(yīng)該令人一目了然，切勿堆砌太多不必要的細(xì)節(jié)，或使畫面過于復(fù)雜。要做到這一點(diǎn)，首先要在整體上規(guī)劃好自己網(wǎng)站的主題和內(nèi)容，確定自己需要傳達(dá)給訪問用戶的主要信息，然后仔細(xì)斟酌，把自己所有要表達(dá)的意念合情合理地組織起來(lái)；其次，是設(shè)計(jì)一個(gè)富有個(gè)性的頁(yè)面式樣，務(wù)求盡善盡美。這樣制作出來(lái)的主頁(yè)才會(huì)清晰、明了、內(nèi)容充實(shí)。切記，頁(yè)面給人的第一觀感最為重要！在網(wǎng)上到處瀏覽網(wǎng)站的人很多，如果你的主頁(yè)給人的第一印像沒有吸引力，很難令他們深入觀賞，而且他們恐怕再也不會(huì)訪問你的網(wǎng)站了。

三、善用圖片，增強(qiáng)藝術(shù)效果，加快主頁(yè)瀏覽速度

網(wǎng)頁(yè)的迷人之處之一，要算它上面能點(diǎn)綴許多漂亮的圖片。精美的圖片設(shè)計(jì)，可以使自己的網(wǎng)頁(yè)增輝不少，令人過目不忘。圖片的內(nèi)容應(yīng)有一定的實(shí)際作用，切忌虛飾浮夸，同時(shí)還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。

四、善于借鑒他人主頁(yè)制作中的設(shè)計(jì)技巧

由于在網(wǎng)上用瀏覽器瀏覽任何主頁(yè)時(shí)，都能查看到該主頁(yè)制作時(shí)所編寫的絕大部分網(wǎng)頁(yè)編程源代碼。因此，如果你想知道并掌握一些優(yōu)秀的主頁(yè)采用的設(shè)計(jì)技巧，不妨將其源代碼調(diào)出來(lái)仔細(xì)揣摩，并模仿著一步一步去實(shí)現(xiàn)。這樣的話，你就能以較短的時(shí)間掌握相應(yīng)的設(shè)計(jì)技巧。而且，在許多主頁(yè)上都留有制作者的電子郵件地址或icq號(hào)碼，如果你在制作主頁(yè)時(shí)，遇到什么疑昨天，網(wǎng)頁(yè)與我無(wú)緣，那是因?yàn)樯咸觳唤o我們一個(gè)見面的機(jī)會(huì)！

第五篇：網(wǎng)頁(yè)制作教學(xué)計(jì)劃

城陽(yáng)職專 2011——2012 學(xué)第 二 學(xué)期

教 師 教 學(xué) 計(jì) 劃

專 業(yè)： 計(jì)算機(jī)網(wǎng)絡(luò) 學(xué) 科： 網(wǎng)頁(yè)制作 任 教 班 級(jí)： 11網(wǎng)絡(luò)1、2 是 否 結(jié) 業(yè)： 是 教 師： 吳文杰 組 長(zhǎng) 簽 字： 級(jí)部主任簽字： 教導(dǎo)主任簽字： 二○一二 年 二 月 六 日

新學(xué)期開始，本學(xué)期我將擔(dān)任11級(jí)計(jì)算機(jī)網(wǎng)絡(luò)班《網(wǎng)頁(yè)制作》的教學(xué)，為了有效地培養(yǎng)學(xué)生學(xué)習(xí)網(wǎng)頁(yè)制作課程的興趣，使學(xué)生逐步具備利用所學(xué)知識(shí)進(jìn)行網(wǎng)頁(yè)制作的能力，以適應(yīng)信息社會(huì)的學(xué)習(xí)、工作和生活的需要；為了規(guī)范教學(xué)，我特制訂教學(xué)計(jì)劃如下：

一、教學(xué)指導(dǎo)思想：

本學(xué)期我將認(rèn)真做好所教課程的各項(xiàng)工作。認(rèn)真學(xué)習(xí)中職計(jì)算機(jī)學(xué)科的教學(xué)大綱和網(wǎng)頁(yè)制作的相關(guān)教材，明確教學(xué)任務(wù)和教材體系，力爭(zhēng)“教書”與“育人” 貫穿始終。全面貫徹教育部關(guān)于中職教育的大政方針，努力探索計(jì)算機(jī)教學(xué)規(guī)律，在激發(fā)和培養(yǎng)學(xué)生的學(xué)習(xí)興趣，養(yǎng)成良好的學(xué)習(xí)習(xí)慣，提高動(dòng)手能力的同時(shí)，著力培養(yǎng)學(xué)生樹立正確的榮辱觀和人生觀，積極推進(jìn)素質(zhì)教育。在教學(xué)中要充分利用計(jì)算機(jī)來(lái)培養(yǎng)學(xué)生的信息素養(yǎng)，有效地提高教育教學(xué)水平。促進(jìn)學(xué)生創(chuàng)新精神和實(shí)踐能力的培養(yǎng)，充分考慮學(xué)生的發(fā)展需要，強(qiáng)調(diào)學(xué)生自主學(xué)習(xí)，發(fā)揮教師的主導(dǎo)作用，學(xué)生主體作用，以學(xué)生個(gè)體發(fā)展為目標(biāo)，不斷提高教育教學(xué)質(zhì)量。

二、學(xué)生情況分析：

上學(xué)期學(xué)生已經(jīng)初步學(xué)習(xí)了部分課程，對(duì)此可能有了一定的了解，但是中職學(xué)生整體素質(zhì)層次不齊，絕大多數(shù)學(xué)生學(xué)習(xí)目標(biāo)明確，但也有少數(shù)學(xué)生對(duì)微機(jī)在當(dāng)前和末來(lái)社會(huì)中作用認(rèn)識(shí)不夠。雖然有基礎(chǔ)但是通過一個(gè)假期之后，很多知識(shí)需要鞏固。但總體來(lái)看本課程學(xué)生們的學(xué)習(xí)興趣還是很好的。

三、教材分析

我們選用的是電子工業(yè)出版社出版的《網(wǎng)頁(yè)制作》第二版教材。本教材的編寫打破了傳統(tǒng)的學(xué)科體系，以項(xiàng)目為中心，一個(gè)個(gè)小任務(wù)為實(shí)例，以范例網(wǎng)站的建設(shè)為主線，不強(qiáng)求理論體系的完整性，以夠用為度，以是否實(shí)用為標(biāo)準(zhǔn)。整個(gè)項(xiàng)目統(tǒng)籌考慮實(shí)訓(xùn)的設(shè)計(jì)，循序漸進(jìn)，逐步完善，著重培養(yǎng)學(xué)生獨(dú)立思考問題和主動(dòng)解決問題的能力，力求在學(xué)習(xí)的過程中積累實(shí)際工作的經(jīng)驗(yàn)，從而突出職業(yè)技術(shù)教育的特色。

本書共8章，前面已學(xué)習(xí)了前三章，本學(xué)期主要學(xué)習(xí)后五章。第四章打造企業(yè)留言板 本章的教學(xué)重點(diǎn)和難點(diǎn)是插入表單對(duì)象的基本方法及設(shè)置表單及表單對(duì)象屬性的方法。要求掌握表單、文本域、單選按鈕、列表／菜單、復(fù)選框、文本區(qū)域、隱藏域、按鈕、文件域、跳轉(zhuǎn)菜單、字段集、【檢查表單】行為、密碼驗(yàn)證的方法等知識(shí)點(diǎn)。主要是通過完成企業(yè)留言板這一項(xiàng)目來(lái)學(xué)習(xí)的。通過總的項(xiàng)目來(lái)分析逐個(gè)小任務(wù)。最終完成知識(shí)點(diǎn)的學(xué)習(xí)。為了更好的使同學(xué)們掌握重難點(diǎn)，在教學(xué)中我會(huì)精講多練，讓學(xué)生案例分析，討論，最終上機(jī)操作，如：用戶注冊(cè)，163信箱等的制作。

第五章在Dreamweaver中美化頁(yè)面 本章教學(xué)重難點(diǎn)是添加、修改和刪除行為的方法及在網(wǎng)頁(yè)制作中應(yīng)用行為的基本方法。要求學(xué)生掌握行為的概念、【行為】面板、常用事件、狀態(tài)欄文本、彈出式菜單、打開瀏覽器窗口、交換圖像、控制Shockwave或

Flash、彈出信息、拖動(dòng)層等知識(shí)點(diǎn)。主要是通過逐個(gè)任務(wù)來(lái)完成教學(xué)的。首先教師演示教學(xué)案例。通過PPT課件講授基本知識(shí)。然后通過讓學(xué)生自己動(dòng)手重新制作教學(xué)案例來(lái)鞏固基本知識(shí)。最終通過實(shí)訓(xùn)讓學(xué)生進(jìn)一步熟悉所學(xué)知識(shí)點(diǎn)。

第六章站點(diǎn)的發(fā)布 本章教學(xué)重難點(diǎn)是在IIS中配置FTP服務(wù)器的方法及通過Dreamweaver發(fā)布網(wǎng)頁(yè)的方法和在模板中插入模板對(duì)象的方法。要求學(xué)生掌握安裝IIS服務(wù)器、配置Web服務(wù)器、配置FTP服務(wù)器、發(fā)布網(wǎng)頁(yè)、檢查鏈接、改變鏈接、查找和替換、清理文檔、保持同步等知識(shí)點(diǎn)。本章主要通過教師實(shí)例演示，學(xué)生動(dòng)手操作來(lái)完成教學(xué)任務(wù)的。為了讓學(xué)生更加熟練操作，教師主要通過多個(gè)實(shí)例操作練習(xí)的方法來(lái)完成教學(xué)。

第七章CSS樣式的應(yīng)用 本章教學(xué)重難點(diǎn)是創(chuàng)建和設(shè)置CSS樣式的方法及附加樣式表的方法。要求學(xué)生掌握【CSS樣式】面板、CSS樣式的類別、定義CSS樣式的方法、CSS的【類型】等屬性對(duì)話框、3種選擇器各自的特點(diǎn)、創(chuàng)建超級(jí)鏈接的高級(jí)CSS樣式、設(shè)置單元格ID名稱和樣式、修改CSS樣式、刪除CSS樣式、應(yīng)用CSS樣式、附加樣式表、重命名樣式等知識(shí)點(diǎn)。主要通過項(xiàng)目教學(xué)法來(lái)完成教學(xué)，項(xiàng)目的主要目的是讓學(xué)生掌握CSS樣式的基本知識(shí)。項(xiàng)目主要通過CSS樣式控制購(gòu)物網(wǎng)頁(yè)的外觀，一方面要熟悉CSS樣式的基本使用方法，另一方面要了解購(gòu)物網(wǎng)頁(yè)頁(yè)面的基本特點(diǎn)。本項(xiàng)目使用的網(wǎng)頁(yè)布局技術(shù)仍然是表格，另外還涉及文本、圖像等網(wǎng)頁(yè)元素。

第八章網(wǎng)頁(yè)制作綜合實(shí)例 本章重難點(diǎn)是使學(xué)生綜合運(yùn)用所學(xué)知識(shí)點(diǎn)。要求學(xué)生掌握網(wǎng)站設(shè)計(jì)流程、設(shè)計(jì)網(wǎng)頁(yè)布局、各級(jí)網(wǎng)頁(yè)制作的方法及網(wǎng)站的推廣。本章主要是讓學(xué)生自主完成學(xué)習(xí)任務(wù)，以培養(yǎng)學(xué)生發(fā)現(xiàn)問題，分析問題，解決問題的能力。同時(shí)培養(yǎng)學(xué)生主動(dòng)學(xué)習(xí)的意識(shí)。

四、教學(xué)措施

1.計(jì)算機(jī)是一個(gè)不斷發(fā)展的學(xué)科，也是一個(gè)日新月異的學(xué)科，不斷會(huì)有新的計(jì)算機(jī)技術(shù)出現(xiàn)，教師要在第一時(shí)間了解這些動(dòng)態(tài)，然后學(xué)會(huì)交給學(xué)生。因?yàn)橛?jì)算機(jī)在現(xiàn)實(shí)生活中的應(yīng)用都是最新的技術(shù)，如果與現(xiàn)實(shí)脫節(jié)了，那么學(xué)生現(xiàn)在學(xué)到的計(jì)算機(jī)知識(shí)在現(xiàn)實(shí)中根本就用不上。所以需要教師有良好的計(jì)算機(jī)學(xué)習(xí)能力，為學(xué)生做好引導(dǎo)者。

2.采用項(xiàng)目教學(xué)法，任務(wù)驅(qū)動(dòng)式，案例講解，實(shí)例討論等教學(xué)法圍繞“教務(wù)管理系統(tǒng)”組織教學(xué)內(nèi)容，分解出一個(gè)個(gè)子任務(wù)分組學(xué)習(xí)，分組討論，充分調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性，開發(fā)個(gè)人潛能。

3.學(xué)生自主完成學(xué)習(xí)任務(wù)，以培養(yǎng)學(xué)生發(fā)現(xiàn)問題，分析問題，解決問題的能力。同時(shí)培養(yǎng)學(xué)生主動(dòng)學(xué)習(xí)的意識(shí)。

4.該課程理論性和實(shí)踐性均強(qiáng)，要求學(xué)生勤學(xué)多練，除掌握對(duì)網(wǎng)頁(yè)制作的操作外，還應(yīng)要求學(xué)生做好flash與平面設(shè)計(jì)，并引導(dǎo)學(xué)生綜合運(yùn)用。根據(jù)學(xué)生的學(xué)習(xí)情況制訂貼近學(xué)生生活的實(shí)踐操作以真正達(dá)到了學(xué)以致用的目的。

5.課后及時(shí)反思，撰寫反思日志，積極與學(xué)生溝通，了解學(xué)生學(xué)習(xí)掌握情況，對(duì)于存在的問題及時(shí)發(fā)現(xiàn)糾正，對(duì)于好的經(jīng)驗(yàn)方法進(jìn)行總結(jié)創(chuàng)新。

6.制定激勵(lì)措施，引發(fā)學(xué)生的創(chuàng)新積極性。對(duì)于對(duì)計(jì)算機(jī)有興趣和獨(dú)到見解的學(xué)生，可以成立興趣小組，有老師帶隊(duì)，做一些新的項(xiàng)目和開發(fā)研究。制定一套合理的獎(jiǎng)勵(lì)機(jī)制，對(duì)于學(xué)生的創(chuàng)新成果給予一定的肯定和獎(jiǎng)勵(lì)，激發(fā)學(xué)生的創(chuàng)新熱情，讓學(xué)生覺得自己創(chuàng)新是有人欣賞，是有價(jià)值的，從而以更積極的態(tài)度投入到新的創(chuàng)新中。

總之，計(jì)算機(jī)在教育中的地位越來(lái)越重要，我們需要投入更多的精力來(lái)對(duì)計(jì)算機(jī)教育進(jìn)行創(chuàng)新和研究。對(duì)于本課程的教學(xué)已遠(yuǎn)遠(yuǎn)不止于此。除了因人而異、因材施教以外，更要博覽群書、拓寬視野，努力尋求新的切入點(diǎn),使理論教學(xué)和實(shí)際應(yīng)用更好更緊密的結(jié)合起來(lái),培養(yǎng)出更多適應(yīng)信息化社會(huì)的實(shí)用型和復(fù)合型人才。

五、教學(xué)進(jìn)度：(附表)