關于網站建設的(de)實訓報告（網站建設實訓收獲和(hé)感想）

今天給各位分享關于網站建設的(de)實訓報告的(de)知識，其中也會對網站建設實訓收獲和(hé)感想進行(xíng)解釋，如(rú)果能碰巧解決你現在面臨的(de)問題，别忘了關注本站，現在開始吧(ba)！

本文目錄一(yī)覽：

• 1、電子(zǐ)商(shāng)務網站建設實訓報告的(de)學(xué)習心得
• 2、網頁設計實訓報告裏有(yǒu)一(yī)個網頁模塊介紹，要怎麽寫，網頁模塊是什麽意思
• 3、向網站建設高(gāo)手求一(yī)份項目學(xué)習總結報告
• 4、HTML實訓報告
• 5、要一(yī)份網頁實訓報告

電子(zǐ)商(shāng)務網站建設實訓報告的(de)學(xué)習心得

通過這次實習，讓我(wǒ)更深刻地(dì)認識到電子(zǐ)商(shāng)務的(de)特點和(hé)應用領域，學(xué)習和(hé)體會到了電子(zǐ)商(shāng)務的(de)核心思想。在親身實踐電子(zǐ)商(shāng)務的(de)過程中學(xué)習和(hé)提高(gāo)。在這個摸拟中，通過廠家，商(shāng)場，物流企業，外貿公司，銀行(xíng)和(hé)消費者六個角色，讓我(wǒ)對電子(zǐ)商(shāng)務主要的(de)交易流程和(hé)核心理(lǐ)念。在不同的(de)角色，從不同的(de)角色參與其中，讓我(wǒ)更加認識到掌握實際應用技能的(de)重要性。在現代的(de)信息時代中，多種交易都是通過網絡實現的(de)，于是，對于掌握這方面的(de)知識越來越重要了，這是一(yī)個非常好的(de)機(jī)會讓我(wǒ)們(men)對電子(zǐ)商(shāng)務的(de)更深一(yī)步認識，出感覺到了電子(zǐ)商(shāng)務的(de)優越性。

網頁設計實訓報告裏有(yǒu)一(yī)個網頁模塊介紹，要怎麽寫，網頁模塊是什麽意思

是網頁模闆吧(ba)。網頁一(yī)般沒有(yǒu)模塊，模塊一(yī)般在模塊化程序設計中，網頁一(yī)般都是指的(de)模闆。

網頁模闆就是已經做(zuò)好的(de)網頁框架，使用網頁編輯軟件輸入自(zì)己需要的(de)內(nèi)容，再發布到自(zì)己的(de)網站。每個網頁模闆壓縮包內(nèi)包含：PSD圖片文件(可(kě)用Photoshop、ImageReady或Fireworks修改)，按鈕圖片PSD文件、Flash源文件和(hé)字體文件，推薦使用Dreamweaver軟件向網頁模闆添加內(nèi)容。

1）模闆的(de)概念：作為(wèi)創建其它文檔的(de)樣闆的(de)文檔。創建模闆時，可(kě)以說明哪些網頁元素不可(kě)編輯，哪些元素可(kě)以編輯。其擴展名為(wèi).dwt。

2）模闆的(de)作用：有(yǒu)利于保持網頁風格的(de)一(yī)緻；提高(gāo)工作效率。

1．創建模闆

1）創建一(yī)個全新的(de)模闆：在模闆面闆中，使用快捷菜單按鈕或單擊面闆上的(de)新建按鈕

模闆面闆的(de)打開：Window菜單--Templates

2）創建基于文檔的(de)模闆：File菜單-Save As Template

2．設置模闆頁面屬性

1）用模闆創建的(de)文檔繼承模闆的(de)頁面屬性，頁标題除外。

2）設置：Modify菜單-Page Properties

3．定義模闆的(de)可(kě)編輯區

1）定義模闆的(de)可(kě)編輯區

在模闆文檔中選定對象、Modify菜單、Templates、New Editable Region

2）取消可(kě)編輯區标記

Modify菜單-Templates-Remove Editable Region

向網站建設高(gāo)手求一(yī)份項目學(xué)習總結報告

近年(nián)大學(xué)生就業問題日益突出，一(yī)方面畢業生就業難，另一(yī)方面企業無法找到合适人才。究其原因是學(xué)生培養與企業需求脫鈎，企業需要有(yǒu)實際工作經驗的(de)人才，而大學(xué)畢業生往往動手能力不足，實際工作經驗更是匮乏。面對就業困境，職業院校正在探索如(rú)何發揮“職業”特性，以就業為(wèi)導向，培養“準職業人”，為(wèi)企業輸送切實可(kě)用的(de)人才。筆(bǐ)者用項目教學(xué)法進行(xíng)培養“準職業人”的(de)教學(xué)嘗試，取得良好的(de)教學(xué)效果。

項目教學(xué)法是将授課知識點融入實際的(de)工程項目中，以工程項目為(wèi)教學(xué)對象，通過教師的(de)指導，學(xué)生圍繞工程項目收集資料、探讨問題、協同作業，最後完成指定的(de)工程項目的(de)一(yī)種新型教學(xué)方法。項目教學(xué)法核心思想在于通過項目帶動學(xué)生自(zì)主學(xué)習，理(lǐ)論聯系實際，邊做(zuò)邊學(xué)，培養學(xué)生多方面能力。項目教學(xué)法的(de)主要步驟：制定項目――指導示範――自(zì)主學(xué)習、探索――合作完成項目――項目總結和(hé)評價。在項目教學(xué)過程中以項目為(wèi)中心，學(xué)生為(wèi)主體，教師起指導作用，并負責創設學(xué)習的(de)資源和(hé)協作學(xué)習的(de)環境。筆(bǐ)者根據電子(zǐ)商(shāng)務專業《網站策劃與建設》課程的(de)特點，結合項目教學(xué)法進行(xíng)了教學(xué)試驗研究。

1、研究教學(xué)內(nèi)容，選擇合适項目。

選取合适的(de)項目是教學(xué)成功的(de)關鍵。項目必須是學(xué)生感興趣的(de)且能夠由學(xué)生在指定時間內(nèi)完成的(de)，項目既要和(hé)教學(xué)內(nèi)容緊密結合，又要能夠調動學(xué)生學(xué)習積極性，且由易到難的(de)逐步漸進。根據教學(xué)要求和(hé)學(xué)生水平，筆(bǐ)者選擇了第一(yī)個項目：“倉山網上書店”（一(yī)個僅有(yǒu)二級頁面的(de)簡單的(de)購書網站）。該項目完成後，筆(bǐ)者聯合市(shì)場營銷教師，制定了“大世界橄榄企業網站”項目和(hé)“民天食品廠企業網站”項目。後兩個項目筆(bǐ)者帶學(xué)生到企業做(zuò)了實地(dì)調研，與企業進行(xíng)了實際合作，邀請了企業負責人參與項目評價，最後項目成果（企業網站）交付給企業使用，獲得了企業好評。在項目的(de)選取中，筆(bǐ)者以“專業培養目标”為(wèi)導向，針對企業需求，把企業的(de)實際生産項目作為(wèi)教學(xué)項目，使得學(xué)生與企業零距離(lí)接觸，培養“準職業人”。筆(bǐ)者選取的(de)三個項目有(yǒu)難易之分，“倉山網上書店”難度最低(dī)是示範性項目，“大世界橄榄企業網站”主要以産品展示為(wèi)主難度适中，“民天食品廠企業網站”要求有(yǒu)後台管理(lǐ)系統、留言闆系統等，難度較大。項目由易到難，逐步引導學(xué)生學(xué)習，逐步鍛煉學(xué)生實際動手能力。

2、以項目為(wèi)核心安排教學(xué)，指導示範項目關鍵點。

項目教學(xué)應将原有(yǒu)的(de)課程知識根據教學(xué)項目進行(xíng)調整，圍繞項目實施過程将課程知識點重新排布，并做(zuò)一(yī)定的(de)增删改，以适應項目教學(xué)。對于較複雜項目，可(kě)根據項目實施步驟和(hé)教學(xué)需要将項目分拆為(wèi)若幹個子(zǐ)項目。在項目的(de)關鍵步驟和(hé)重點難點上，教師應進行(xíng)适當的(de)指導示範，以降低(dī)項目實施難度，使得絕大多數學(xué)生都能夠掌握項目所涉及的(de)知識點，且具有(yǒu)實施項目的(de)能力。根據網站策劃與建設的(de)步驟和(hé)課程教學(xué)內(nèi)容筆(bǐ)者将“倉山網上書店”項目分割成“倉山網上書店”可(kě)行(xíng)性分析、基本模型策劃、具體頁面策劃、網站制作和(hé)測試、網站總結評比共五個子(zǐ)項目。

在教學(xué)中，筆(bǐ)者先進行(xíng)專業知識講解，并将專業知識與相應子(zǐ)項目結合，指導示範項目實施過程中的(de)重點和(hé)難點，引導學(xué)生自(zì)主學(xué)習和(hé)探讨。在不同的(de)子(zǐ)項目教學(xué)中，依據子(zǐ)項目的(de)特點和(hé)學(xué)生原有(yǒu)知識結構，采用不同的(de)指導方法。如(rú)在“倉山網上書店”可(kě)行(xíng)性分析的(de)子(zǐ)項目中可(kě)行(xíng)性分析涉及知識面廣、難度大，且學(xué)生缺乏分析研究的(de)經驗，筆(bǐ)者就進行(xíng)了較多的(de)指導和(hé)示範。而在“倉山網上書店”具體頁面策劃項目中由于具體頁面策劃無固定模式且學(xué)生已經學(xué)過《網頁制作》，筆(bǐ)者僅進行(xíng)必要的(de)引導和(hé)疑難解答。項目教學(xué)的(de)指導示範工作是項目順利完成的(de)保證，必須緊随項目的(de)進展，但又不可(kě)讓學(xué)生過度依賴老師，應引導學(xué)生自(zì)主學(xué)習、交流讨論。

3、引導學(xué)生自(zì)主學(xué)習、探讨項目計劃。

項目指導示範後應當要給學(xué)生一(yī)個自(zì)主學(xué)習、探索的(de)過程，讓學(xué)生通過回顧知識、查找資料、獨立思考、交流讨論，對所學(xué)知識理(lǐ)解、消化，掌握項目關鍵問題的(de)解決要領，為(wèi)下一(yī)步的(de)項目實施做(zuò)好準備。自(zì)主學(xué)習、探索階段可(kě)以根據項目設立一(yī)些簡單的(de)可(kě)以獨立完成的(de)小任務，由學(xué)生獨立探索完成，為(wèi)分組合作完成項目做(zuò)準備。例如(rú)在網站基本模型策劃子(zǐ)項目中，筆(bǐ)者安排了“規劃網站的(de)基本功能”和(hé)“網站LOGO設計”兩個小任務，讓每個學(xué)生都動腦動手去(qù)做(zuò)，并組織學(xué)生交流讨論，由學(xué)生評比“最佳網站LOGO”。針對項目自(zì)主學(xué)習、獨立探索，做(zuò)好項目實施準備對每個學(xué)生都是十分重要的(de)。

4、分組實施項目，開展小組交流、讨論，組員分工合作，共同完成項目。

項目實施中應當以學(xué)生為(wèi)主體，教師起“主持人”的(de)作用，教師負責組織學(xué)生分組，提供項目所需資源，并進行(xíng)适度引導。項目任務明确之後，分組和(hé)組內(nèi)分工都很重要，組員的(de)搭配、工作的(de)分工、成員的(de)數量等等直接影響着組員的(de)學(xué)習。不同的(de)項目應當有(yǒu)不同的(de)分組原則和(hé)方法。例如(rú)，在網站策劃與建設的(de)項目中，筆(bǐ)者将每組人數定為(wèi)六人，人多“手腳亂”、意見不一(yī)，人少了又任務太重；組員采取互補方式搭配，利于互相學(xué)習；組員進行(xíng)明确分工，防止出現依賴思想。

在項目教學(xué)中，教師應當注重學(xué)習資源和(hé)協作環境的(de)提供。在項目實施的(de)過程中往往會因為(wèi)學(xué)習資源缺乏和(hé)外部因素的(de)影響造成項目實施難度加大，甚至無法實施項目。例如(rú)在網站策劃與建設的(de)項目中需要搜索資料和(hé)制作網頁，而學(xué)生大多沒有(yǒu)自(zì)己的(de)電腦，課後時間無法搜索資料和(hé)制作網頁，僅靠課內(nèi)時間根本無法完成項目。針對這種情況，筆(bǐ)者及時打報告給校領導，為(wèi)網站策劃與建設的(de)項目特批了電腦房的(de)課外使用時間，保證了項目正常實施。再如(rú)“民天食品廠企業網站”和(hé)“大世界橄榄企業網站”這兩個項目是企業的(de)實際項目，要跟企業領導聯系，帶學(xué)生到企業實地(dì)調研，請企業相關負責人到學(xué)校交流、指導，這些相關工作教師都必須處理(lǐ)好，否則都将影響到項目的(de)實施。

項目實施過程中教師的(de)适度引導是必不可(kě)缺的(de)。教師的(de)适度引導可(kě)以激勵學(xué)生進行(xíng)思考探索，讨論交流，更好的(de)激發學(xué)生自(zì)主學(xué)習的(de)興趣；還可(kě)以在學(xué)生出錯時及時提示，使得學(xué)生少走彎路，确保項目得以正确完成。但要注意，教師的(de)指導要适度，切不可(kě)過多包辦，否則将影響學(xué)生自(zì)主探索和(hé)學(xué)習的(de)精神。

在項目實施中要強調團隊合作，提倡知識共享。小組內(nèi)要分工合作，小組之間要競争合作，師生間要密切合作，要多交流，多讨論。争取每位同學(xué)都有(yǒu)任務在做(zuò)，都有(yǒu)經驗可(kě)以交流。每位同學(xué)都參與項目的(de)計劃和(hé)實施，都成為(wèi)項目實施中必不可(kě)少的(de)一(yī)部分。在網站策劃與建設的(de)項目中筆(bǐ)者是以6位同學(xué)作為(wèi)一(yī)個小組，共5個小組，來實施項目，每組獨立完成一(yī)個網站的(de)策劃與建設。在每個子(zǐ)項目中都進行(xíng)多次的(de)交流、讨論，并對項目成果進行(xíng)評比，最後選出最佳網站交付企業使用。

5、總結項目開發經驗，評價項目學(xué)習成果。

項目的(de)總結應當分階段進行(xíng)，每個子(zǐ)項目的(de)完成都進行(xíng)一(yī)次總結和(hé)評比。總結和(hé)評比主要由學(xué)生以讨論的(de)方式自(zì)主進行(xíng)，教師進行(xíng)點評。項目實施中遇到的(de)問題可(kě)以在總結會上讓大家提出建議，從中找出最好的(de)解決方案。分階段的(de)總結有(yǒu)利于及時發現問題、解決問題，還有(yǒu)利于相互學(xué)習和(hé)共享知識，促進小組間的(de)競争，調動學(xué)習的(de)興趣，提高(gāo)知識水平。

項目學(xué)習成果的(de)評價不僅要看項目完成的(de)情況，更要看項目實施的(de)過程。項目實施過程中是否有(yǒu)合理(lǐ)的(de)計劃，協調的(de)分工合作，積極的(de)交流讨論等關鍵環節，是學(xué)習成果評價的(de)重要依據。在網站策劃與建設的(de)項目中，筆(bǐ)者沒有(yǒu)直接根據網站制作的(de)好壞進行(xíng)打分，而是要求學(xué)生先小組自(zì)我(wǒ)分析，再進行(xíng)小組間相互交流評價，最後寫出總結報告。總結報告包括網站策劃與建設的(de)過程，所學(xué)到的(de)知識，得出的(de)經驗和(hé)體會，以及網站自(zì)我(wǒ)評價等。筆(bǐ)者根據每個小組在網站建設中的(de)各個關鍵環節的(de)實施情況、小組的(de)總結報告以及網站的(de)效果和(hé)功能來綜合評價。

綜上所述，項目教學(xué)法是通過選取項目來創設“情景”，通過“協作學(xué)習”的(de)方式開展學(xué)習，通過完成項目來進行(xíng)“自(zì)我(wǒ)檢驗”，是一(yī)種比較适合計算機(jī)專業課的(de)教學(xué)方法。在《網站策劃與建設》課程的(de)項目教學(xué)過程中，學(xué)生通過實際的(de)企業網站項目不僅掌握了網站策劃與建設的(de)知識和(hé)技能，而且學(xué)會了自(zì)主學(xué)習和(hé)合作交流的(de)方法，更重要的(de)是還培養了他們(men)解決問題的(de)能力包括接納新知識的(de)學(xué)習能力以及與人協作和(hé)進行(xíng)項目運作的(de)能力等。

項目教學(xué)法提供給學(xué)生體驗完整工作過程的(de)學(xué)習機(jī)會，增強了學(xué)生适應企業實際工作環境和(hé)解決綜合問題的(de)能力。與傳統的(de)教學(xué)模式相比，項目教學(xué)法更貼近就業崗位群與現代化企業生産的(de)實際需要，使學(xué)生學(xué)到的(de)知識和(hé)技能與企業生産崗位實現無縫對接，畢業後能快速适應社會及企業的(de)發展變化。

HTML實訓報告

可(kě)以先介紹整個實訓的(de)流程，再寫自(zì)己學(xué)到的(de)知識，最後再做(zuò)出總結。範文如(rú)下：

在整個實訓課程的(de)安排上，簡要的(de)可(kě)以概括為(wèi)在七天的(de)時間中，整體對HTML語言的(de)發展和(hé)前景有(yǒu)所了解，然後進行(xíng)基礎知識的(de)學(xué)習，最後進行(xíng)項目的(de)設計和(hé)答辯。

首先，我(wǒ)想先來說說的(de)這次實訓的(de)主要學(xué)習內(nèi)容，即HTML語言。HTML 指的(de)是超文本标記語言 (Hyper Text Markup Language)，标記語言是一(yī)套标記标簽 (markup tag)，HTM使用标記标簽來描述網頁。

第一(yī)點，學(xué)習到了HTML語言的(de)設計和(hé)代碼指令自(zì)然不必再贅述，但更重要的(de)是鍛煉了思維能力，培養了設計創新的(de)能力。在整個HTML學(xué)習的(de)過程中，代碼的(de)運用、基礎知識的(de)學(xué)習可(kě)以說隻是作為(wèi)技術的(de)基礎層面，而要想真正完成一(yī)個項目，更多的(de)是需要思維能力的(de)鍛煉和(hé)項目的(de)創新。

因為(wèi)如(rú)果沒有(yǒu)這種能力，或者比較薄弱，一(yī)方面難以想出新的(de)項目的(de)構思，另一(yī)方面無法想出動畫的(de)翻轉或者各種效果的(de)指令代碼的(de)書寫。所有(yǒu)的(de)這些都貫穿于HTML的(de)實訓過程中。再具體的(de)将來，就是對于所學(xué)的(de)每個指令，并非是記憶住其書寫的(de)格式，而是需要我(wǒ)們(men)加入自(zì)己對每個代碼感悟和(hé)認識。

怎樣的(de)情況下去(qù)應用，如(rú)何用，使用時的(de)技巧，這些都是重要的(de)對于自(zì)己能力的(de)鍛煉。另外，結合于其中的(de)，還有(yǒu)對于獨立思考的(de)能力的(de)培養。這一(yī)點是顯而易見的(de)。

無論是對于一(yī)個新的(de)項目的(de)編寫，還是對于學(xué)習每一(yī)條單獨的(de)指令，老師和(hé)同學(xué)所能幫助的(de)是引導和(hé)解決難題的(de)作用，而要想真正做(zuò)到自(zì)己學(xué)會指令，則離(lí)不開獨立思考，獨立學(xué)習的(de)過程和(hé)環節。

第二點，通過這次實訓，使得自(zì)己對IT行(xíng)業有(yǒu)了進一(yī)步的(de)了解。在實訓的(de)過程中，老師也對IT行(xíng)業和(hé)相關的(de)就業前景進行(xíng)了諸多叙述，對于自(zì)己和(hé)同學(xué)們(men)有(yǒu)很大的(de)幫助。HTML在網頁開發上，賦予網頁更好的(de)意義和(hé)結構， HTML手機(jī)應用的(de)最大優勢就是可(kě)以在網頁上直接調試和(hé)修改。

因此在HTML中的(de)新的(de)标簽，将有(yǒu)助于開發人員定義重要的(de)內(nèi)容，可(kě)以給站點帶來更多的(de)多媒體元素(視(shì)頻和(hé)音頻)，可(kě)以很好的(de)替代FLASH和(hé)Silverlight并且當涉及到網站的(de)抓取和(hé)索引的(de)時候，對于SEO很友好。對于這些優勢性的(de)，幾乎也都有(yǒu)相關的(de)工作崗位。

由此可(kě)見在未來的(de)一(yī)段時間裏，伴随着互聯網的(de)不斷普及和(hé)優化，HTML的(de)前端開發的(de)相關崗位也必将是很火熱的(de)。這也是這次實訓的(de)另一(yī)意義所在，他對于就業是很有(yǒu)幫助的(de)。

最後，簡要的(de)對這次實訓加以總結。這次的(de)實訓課程，讓我(wǒ)了解到了HTML語言的(de)發展曆史和(hé)前景；在技能培訓上為(wèi)自(zì)己畢業後就業提供了一(yī)個很好的(de)方向。

通過這次培訓，鍛煉了自(zì)己的(de)獨立思考，和(hé)實踐操作的(de)能力，讓自(zì)己所學(xué)習的(de)相關理(lǐ)論在實踐中得以應用；加強了自(zì)己的(de)合作能力和(hé)溝通交流的(de)能力，培養了自(zì)己的(de)創新意識，收獲很大。

擴展資料：

實訓報告內(nèi)容格式：

(一(yī)) 實訓名稱

要用最簡練的(de)語言反映實訓的(de)內(nèi)容。如(rú)驗證某程序、定律、算法，可(kě)寫成“驗證×××”；分析×××。

(二) 所屬課程名稱

(三) 學(xué)生姓名、學(xué)号、合作者及指導教師

(四) 實訓日期和(hé)地(dì)點（年(nián)、月、日）

(五) 實訓目的(de)

目的(de)要明确，在理(lǐ)論上驗證定理(lǐ)、公式、算法，并使實驗者獲得深刻和(hé)系統的(de)理(lǐ)解，在實踐上，掌握使用實驗設備的(de)技能技巧和(hé)程序的(de)調試方法。一(yī)般需說明是驗證型實驗還是設計型實驗，是創新型實驗還是綜合型實驗。

(六）實訓原理(lǐ)

述實訓相關的(de)主要原理(lǐ)。

(七) 實訓內(nèi)容

這是實訓報告極其重要的(de)內(nèi)容。要抓住重點，可(kě)以從理(lǐ)論和(hé)實踐兩個方面考慮。這部分要寫明依據何種原理(lǐ)、定律算法、或操作方法進行(xíng)實驗。詳細理(lǐ)論計算過程.

(八) 實訓環境和(hé)器材

實訓用的(de)軟硬件環境（配置和(hé)器材）。

(九) 實驗步驟

隻寫主要操作步驟，不要照抄實習指導，要簡明扼要。還應該畫出實驗流程圖（實驗裝置的(de)結構示意圖），再配以相應的(de)文字說明，這樣既可(kě)以節省許多文字說明，又能使實驗報告簡明扼要，清楚明白。

(十) 實驗結果

實驗現象的(de)描述，實驗數據的(de)處理(lǐ)等。原始資料應附在本次實驗主要操作者的(de)實驗報告上，同組的(de)合作者要複制原始資料。

要一(yī)份網頁實訓報告

一(yī)、實習目的(de)：

通過教學(xué)實習掌握站點制作、站點測試與發布技術。會綜合利用Fireworks

、Flash和(hé)Dreamweaver三個軟件進行(xíng)靜态網站的(de)設計。

二、實習內(nèi)容：

1.用Fireworks處理(lǐ)圖片。對圖片裁剪、鈍化、高(gāo)斯模糊。設置圖片的(de)GIF動畫格式，制作标題動畫。對文字應用效果。利用Fireworks制作導航條并導出格式為(wèi)html。

2.用Flash制作标題動畫。首頁中的(de)動畫不超過20M。制作按鈕來超級鏈接到其他頁面。

3.使用Dreamweaver布局視(shì)圖，設置本地(dì)站點。在标準視(shì)圖和(hé)布局視(shì)圖模式相互轉換。建議使用布局視(shì)圖，在标準模式中插入層對象制作層動畫，利用行(xíng)為(wèi)面闆添加鼠标行(xíng)為(wèi)，制作翻轉動畫，使用CSS樣式統一(yī)網頁中文字樣式，插入Fireworks中的(de)GIF

文件及導入Flash中的(de)SWF文檔，設置文檔間的(de)超級鏈接。

三、具體要求：

1、利用Dreamweaver制作一(yī)個靜态網站，要求網站有(yǒu)特色，整個網站的(de)內(nèi)容和(hé)形式要統一(yī)，應能夠反映一(yī)個簡單的(de)主題。可(kě)以選擇制作《個人網站設計》、《企業網站設計》、《文化網站的(de)設計》、《娛樂(yuè)網站設計》或者其他自(zì)己認為(wèi)适合的(de)網站。

2、 作一(yī)個主頁面，至少5個次頁面。

3、必須用到框架、表格或層排版技術、Flash技術和(hé)圖像處理(lǐ)技術，使網站具有(yǒu)合理(lǐ)的(de)外觀和(hé)功能。

4、 主頁基本要求：

　頁頭Logo，準确無誤地(dì)标識站點和(hé)企業标志；

　網頁标題動畫，可(kě)以制作成GIF動畫或者Flash動畫；

　導航條；

　E-mail地(dì)址，用來接受用戶垂詢；

　聯系信息，如(rú)普通郵件地(dì)址或電話；

　版權信息。

5、制作一(yī)個表單頁面。

6、某個頁面有(yǒu)滾動字幕。

7、為(wèi)一(yī)個頁面添加背景音樂(yuè)。

8、至少添加一(yī)種行(xíng)為(wèi)效果。

9、整個網站各頁面之間保持風格一(yī)緻，頁面之間要有(yǒu)合理(lǐ)的(de)超級鏈接。

10、進行(xíng)站點測試後申請免費空間并發布到網絡。

四、網站設計思路：

本站應該算是一(yī)個個人主頁的(de)小型網站。關于本站站名的(de)來源：微言微語個人主頁，因為(wèi)，我(wǒ)覺得這個網站裏面的(de)所有(yǒu)文字都是像一(yī)個人在自(zì)言自(zì)語，在低(dī)聲地(dì)向某人訴說着什麽，沒有(yǒu)主題，沒有(yǒu)目的(de)。取這個站名，是做(zuò)了網站的(de)大概構思後才取的(de)，覺得，這個名字與網站的(de)圖片、背景音樂(yuè)還有(yǒu)文字都很相符。

個人主頁，一(yī)般都會包括首頁，相冊，鏈接，一(yī)些個人喜歡的(de)文字加圖片，我(wǒ)的(de)個人主頁也不例外，包括次首頁（個人喜歡的(de)的(de)文章(zhāng)加圖片），我(wǒ)的(de)作品（裏面包括自(zì)己做(zuò)的(de)三個FLASH動畫），文章(zhāng)（一(yī)些自(zì)己喜歡的(de)文章(zhāng)），相冊（Firworks處理(lǐ)過的(de)相冊），關于（關于自(zì)己的(de)文字，關于本站的(de)一(yī)些說明），鏈接（世界著名網站的(de)有(yǒu)關鏈接），反饋表（浏覽者信息反饋表）。

五、網站設計過程：

把所有(yǒu)的(de)素材都整理(lǐ)好（圖片，文章(zhāng)，相片），開始布局。此站大多數用的(de)是“三”字型的(de)，三字型是我(wǒ)給它取的(de)名字，因為(wèi)，最開頭是一(yī)張帶有(yǒu)導航條的(de)圖片，用Firworks處理(lǐ)過的(de)HTML文件，中間一(yī)大片用于放正文，下面就是版權信息，E-mail地(dì)址用來接受用戶垂詢；聯系信息，如(rú)普通郵件地(dì)址或電話，像被分開的(de)三個部分，所以我(wǒ)叫它三字型。這種布局方式看起來比較的(de)整齊，簡潔美觀。

首頁本想做(zuò)一(yī)個動态網頁，由于時間有(yǒu)限所以還沒完全成功。隻好用了一(yī)張與次頁面一(yī)樣的(de)背景圖片做(zuò)背景，加上從下向上的(de)滾動字幕，背景圖片是用Firworks處理(lǐ)過的(de)圖片，大片的(de)灰色牆壁加上顔色豔麗的(de)鈕扣圖案，首頁加了狀态欄逐字出現的(de)效果，加了“加入收藏”、“設為(wèi)首頁”等代碼。

次頁面包括如(rú)下些內(nèi)容：首頁、作品、文章(zhāng)、相冊、關于、鏈接以及反饋表。這些頁面是用模闆做(zuò)的(de)，上面的(de)圖片，導航條以及下面的(de)版權聯系方式是不用改變的(de)，都保持着首頁的(de)風格，背景圖一(yī)樣，字體與樣式一(yī)樣，圖片風格一(yī)樣。中間是兩個可(kě)編輯區域。

在所有(yǒu)的(de)頁面導航條下面，插入層對象制作了一(yī)個層動畫，來回移動的(de)層，裏面存放日期，利用行(xíng)為(wèi)面闆為(wèi)此層添加了鼠标行(xíng)為(wèi)，單擊此層，會出現對話框，“歡迎您訪問我(wǒ)的(de)個人主頁！”，做(zuò)布局大多使用表格布局，使用了少量的(de)css樣式，字體，字号，顔色都統一(yī)套用相應的(de)樣式。

首頁中添加背景音樂(yuè)，小說音樂(yuè)《我(wǒ)在那一(yī)角落患過傷風》，一(yī)邊看慢慢上移的(de)文字，一(yī)邊聽這輕柔的(de)音樂(yuè)，給人一(yī)種意境美。其實次頁面添加《蟲兒飛(fēi)》，輕快而活潑。首頁禁止右鍵複制功能，右鍵單擊沒有(yǒu)反應。

次首頁，就是進入次頁面的(de)第一(yī)個頁面。主題算是與青春有(yǒu)關的(de)三種感情，三張圖片，用Firworks處理(lǐ)，加上相應的(de)文字。要用到兩個表格，分别放在兩個可(kě)編輯區域裏面，一(yī)個1*2的(de)表格，一(yī)個2*2的(de)表格，第一(yī)個表格放一(yī)張有(yǒu)關于親情的(de)圖片加一(yī)小段文字，第二個表格放一(yī)張有(yǒu)關于友情的(de)圖片加一(yī)小段文字,還有(yǒu)一(yī)張有(yǒu)關于愛情的(de)圖片加一(yī)小段文字。作品頁面是三個FLASH動畫，第一(yī)個是左右鍵控制的(de)圖片移動按鈕，可(kě)以單擊來鏈接到主頁面（代碼見附錄），四個圖片經過裁剪、高(gāo)斯模糊。第二個是光芒四射（代碼見附錄），要用到ActionScript語言，長(cháng)短(duǎn)不一(yī)的(de)線條加上透明度的(de)改變組成光芒四射。第三個是鼠标跟随特效（代碼見附錄）。文章(zhāng)頁面，就是簡單的(de)文字頁面，沒有(yǒu)什麽特别的(de)。相冊頁面，上面是一(yī)個用Firworks處理(lǐ)後的(de)一(yī)組圖片，鼠标移到小圖片上，下面做(zuò)出現相應的(de)大相片，中間有(yǒu)少量文字，底部是用FLASH做(zuò)的(de)一(yī)組循環滾動圖片（代碼見附錄），圖片跟着鼠标的(de)移動而左右移動。關于頁面，也是簡單的(de)文字頁面，沒什麽特别的(de)，“個人簡曆”文字鏈接到WORD文檔“個人簡曆”(代碼：a

href="my.doc")，下面有(yǒu)個信息反饋的(de)鏈接，鏈接到有(yǒu)關的(de)“浏覽者信息反饋表”，此信息反饋表用表單做(zuò)的(de)，用到單行(xíng)文本域，多行(xíng)文本域，單選框，複選框，按鍵，此表單可(kě)以用郵件方式反饋信息（mailto:redcarrot2001@163.com）。鏈接頁面，前面是我(wǒ)的(de)個人主頁LOGO，一(yī)張用Firworks做(zuò)的(de)LOGO，并建立有(yǒu)關鏈接，中間是一(yī)些文字，下面是世界著名網頁的(de)有(yǒu)關網址以及相應鏈接。

附錄：源代碼

(1) 狀态欄逐字出現的(de)效果代碼：

script language="JavaScript"

var msg = "歡迎來到☆※◎~~~微言微語~~~☆※◎個人主頁，請多提意見。謝謝! "

;

var interval = 120

var spacelen = 120;

var space10=" ";

var seq=0;

function Helpor_net() {

len = msg.length;

window.status = msg.substring(0, seq+1);

seq++;

if ( seq = len ) {

seq = 0;

window.status = '';

window.setTimeout("Helpor_net();", interval );

}

else

window.setTimeout("Helpor_net();", interval );

}

Helpor_net();

/script

(2) 首頁收藏代碼：

onClick="window.external.addFavorite('','微言微語個人主頁')"---收藏本站br

（3）設為(wèi)首頁代碼：

onclick="var

strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('');"---設為(wèi)首頁/span/p

（4）滾動字幕代碼：

marquee align=left direction=up

behavior=scroll height=400

width=550 hspcace=5 scrollmount=2 scrolldelay=200

vspce=5 loop=-1

pspan class="d1cb34da2d89b5a9 css"1、真的(de)很喜歡那些記錄多于表達的(de)人。

br /

…………

…………

183、希望每一(yī)個新的(de)一(yī)天，醒來的(de)那個你都神清氣爽。/span

/p

/div

/p

/marquee

（5）添加背景音樂(yuè)代碼：

bgsound src="aa.mp3" loop=1

（6）禁止右鍵複制功能代碼：

script language="JavaScript"

!--

document.oncontextmenu=new

Function("event.returnValue=false;"); //禁止右鍵功能,單擊右鍵将無任何反應

document.onselectstart=new

Function("event.returnValue=false;"); //禁止先擇,也就是無法複制//--

/script

style type="text/css"

（7）光芒四射代碼：

duplicateMovieClip("line","line"+i,i);

setProperty("line"+i,_rotation,random(360));

setProperty("line"+i,_alpha,random(100));

i++;）

if(i100){

gotoAndPlay(1);

}else{

i=1;

}

（8）鼠标跟随代碼：

movie._visible=0;

i=0;

i++;

if(i100){

i=1;

}

movie._x+=(_xmouse-movie._x)/30;

movie._y+=(_ymouse-movie._y)/30;

duplicateMovieClip(movie,"movie"+i,i);

this["movie"+i]._x=movie._x;

this["movie"+i]._y=movie._y;

gotoAndPlay(2);

（9）循環滾動圖片：

onClipEvent (enterFrame) {

this._x-=(_root._xmouse-300)/15;

if(this._x1371.1){

this._x=this._x-1371.1;

}

if(this._x-1371.1){

this._x=this._x+1371.1;

}

}

（10）左右鍵控制的(de)圖片移動按鈕：

on(release)

{getURL("index.html","_blank");}

六、實訓中遇到的(de)難點及解決辦法：

在設計開始的(de)時候，想的(de)太多，不知道(dào)怎麽開頭，定哪個主題，背景，色調，文字，布局都沒有(yǒu)頭緒，後來，開始做(zuò)，而且覺得越做(zuò)越有(yǒu)頭緒了，所以我(wǒ)覺得，還是不要想的(de)太多，太複雜了，不要追求完美，不要做(zuò)的(de)網頁太多，搞到最後，别人都不知道(dào)，你這個網站的(de)主題是什麽了。

還有(yǒu)就是布局的(de)時候總是不能做(zuò)到很美觀，後來，我(wǒ)把頁面屬性改了左過距為(wèi)10，上邊距為(wèi)10，剛好把背景圖片裏面的(de)那些亮(liàng)麗的(de)鈕扣圖案顯示出來，改變了表格背景圖的(de)灰暗，使網頁的(de)整體看起來更美觀了。

在做(zuò)CSS樣式表的(de)時候，做(zuò)字的(de)顔色的(de)時候，老是不知道(dào)用哪種顔色才搭配的(de)起這個背景，後來，看到那個背景的(de)鈕扣顔色與灰色配起來很好看就用吸管取了鈕扣的(de)顔色了。

七、實訓心得：

在我(wǒ)看來，設計網頁，應該先策劃，策劃很重要，加上創意，配色很重要，技術與鑒賞能力是最主要的(de)。建立站點的(de)時候，各個文件夾取名的(de)時候，最好用相應的(de)英語，見名知意，如(rú)圖片文件夾用image，網頁文件夾用html。

在所有(yǒu)配色當中，不同的(de)顔色傳達着不同的(de)意義也有(yǒu)不同的(de)象征。如(rú)白色代表着：清潔、天真、潔淨、真理(lǐ)、和(hé)平、冷淡、貧乏；灰色讓人聯想到灰塵、石頭、水泥、白銀，象征着中庸、平凡、溫和(hé)、謙讓，它給人以中立和(hé)高(gāo)雅的(de)感覺。太多的(de)顔色會給人帶來視(shì)覺上的(de)疲勞。所以，在我(wǒ)下載準備素材的(de)時候，就選擇用灰色做(zuò)背景顔色，灰色太貧乏，就加上亮(liàng)色的(de)鈕扣起到“中和(hé)”的(de)作用。

通過此次實訓,我(wǒ)覺得平面設計的(de)創意思維、版面設計、色彩配置、圖形創意等方面都有(yǒu)很重要，對于網頁制作來說，我(wǒ)覺得是一(yī)個以多學(xué)科(kē)設計為(wèi)基礎，受到包括視(shì)覺藝術、技術、內(nèi)容的(de)多種影響。網頁設計的(de)技術不算什麽困難，真正困難的(de)是網頁的(de)設計創意，文字我(wǒ)覺得也很重要，有(yǒu)些人浏覽你的(de)網頁不是喜歡上你的(de)豔麗漂亮(liàng)的(de)圖片，也許是喜歡上你的(de)文字，那種感動人心的(de)，唯美的(de)文字。文字與圖片要搭得上調，不可(kě)能用一(yī)張美女圖做(zuò)背景，上面卻寫有(yǒu)關于親情的(de)文章(zhāng)。也就是整體的(de)搭配問題。

通過此次實訓，使我(wǒ)對于網頁制作的(de)三大軟件有(yǒu)了進一(yī)步的(de)了解，各功能都能夠實現。提高(gāo)了自(zì)己的(de)鑒賞能力，綜合搭配能力，也對以前學(xué)過的(de)內(nèi)容進行(xíng)了綜合的(de)複習。

通過此次實訓，我(wǒ)更了解到，生活中有(yǒu)許多色彩，搭配顔色的(de)時候，聯想到生活中的(de)東西會做(zuò)的(de)更漂亮(liàng)，給人一(yī)種親切感，現在看到什麽東西，我(wǒ)就會聯想到做(zuò)網頁的(de)時候，還有(yǒu)怎麽布局。反正此次實訓收獲很多。

最後，我(wǒ)想，如(rú)果此次實訓老師是要我(wǒ)們(men)分組來做(zuò)的(de)話，也許，我(wǒ)們(men)可(kě)以做(zuò)得更好，因為(wèi)，一(yī)個想的(de)畢竟不全面，而且，一(yī)個人的(de)申美有(yǒu)限，我(wǒ)們(men)可(kě)以分工合作，一(yī)個人做(zuò)一(yī)個方面的(de)東西，也可(kě)以根據他所善長(cháng)的(de)方面來分工，善長(cháng)動畫制作的(de)人做(zuò)動畫，善長(cháng)圖片處理(lǐ)的(de)人做(zuò)圖片，善長(cháng)文字與布局的(de)就來布局。但是，也許那樣，有(yǒu)些同學(xué)會懶的(de)動手，推着給别人做(zuò)。

關于關于網站建設的(de)實訓報告和(hé)網站建設實訓收獲和(hé)感想的(de)介紹到此就結束了，不知道(dào)你從中找到你需要的(de)信息了嗎 ？如(rú)果你還想了解更多這方面的(de)信息，記得收藏關注本站。