第一篇：網(wǎng)站建設(shè)實訓

甘肅機電職業(yè)技術(shù)學院

《網(wǎng)頁設(shè)計與制作》 實習時間

指導教師

學生姓名

學號

專業(yè)

班級2011年 10月 9日至 2010年10月15日止郭建民趙艷萍G09350172計算機信息管理G093501班實訓報告

《網(wǎng)頁設(shè)計與制作》實訓報告

一、實訓目的為了加深對網(wǎng)站的開發(fā)理解，掌握使用ASP語言進行編程和用Dreamweaver制作網(wǎng)頁的基本方法，提高開發(fā)網(wǎng)站實際操作能力。通過實驗教學主要培養(yǎng)學生的動手能力，提高學生運用ASP編程工具編寫動態(tài)網(wǎng)頁能力的水平，掌握ASP網(wǎng)頁下HTML標記、普通文本和腳本命令等的使用及CSS語言的應(yīng)用，掌握在創(chuàng)建連接的“顯示、添加、編輯、查詢、刪除”與數(shù)據(jù)庫連接等方法。綜合運用所學ASP編程知識進行網(wǎng)頁材料準備，建設(shè)一個學生信息管理系統(tǒng)網(wǎng)站和一個后臺管理系統(tǒng)。

二、實訓項目：學生信息管理系統(tǒng)，后臺管理系統(tǒng)的動態(tài)網(wǎng)站設(shè)計。

三、實訓步驟

1.實訓課題標題；

2.網(wǎng)站整體框架；

3.創(chuàng)建數(shù)據(jù)庫student，建立相關(guān)數(shù)據(jù)表abc,news;

4.數(shù)據(jù)庫設(shè)計具體實現(xiàn)；

4.編寫網(wǎng)頁top頭部的logo、導航欄和banner的相關(guān)信息。

5．運用ASP編寫左邊left的二級目錄內(nèi)容和底部boot的建站信息連接及相關(guān)內(nèi)容連接。

6.在主頁主體main內(nèi)容通過數(shù)據(jù)庫輸出相關(guān)的產(chǎn)品內(nèi)容及信息和導航欄其他頁面的內(nèi)容。

7.測試網(wǎng)站并完善主頁及各個子頁，對不足之處做出相關(guān)改進的工作。

四、設(shè)計過程

我的網(wǎng)站名稱是：學生信息管理和后臺運行。

五、實訓中遇到的問題和解決方法

路徑問題

現(xiàn)象：預(yù)覽時文件不能顯示預(yù)覽效果。

解決方法：在文件夾或文件存放過程中，應(yīng)注意存放和命名的規(guī)范，要明白絕對路徑和相對路徑的區(qū)別。

表格的布局問題

現(xiàn)象：預(yù)覽時表格被襯大或縮小、顯示頁面混亂。

解決方法：在運用表格布局的過程中，應(yīng)注意合理的插入表格、設(shè)置表格的屬性，關(guān)鍵是要懂得合理運用表格中的百分比與像素。

Style樣式運用的問題

現(xiàn)象：背景運用CSS樣式時，在預(yù)覽中不能顯示。

解決方法：在一個網(wǎng)站站點中，通常都使用相對的鏈接路徑，在CSS樣式表中，如果在其中一個CSS樣式表中設(shè)置了“背景圖像”，一定要注意檢查背景圖像所鏈接的相對路徑的正確與否。

超鏈接運用的問題

現(xiàn)象：對文本或圖片設(shè)置鏈接后，在預(yù)覽效果中依然不能有效進行鏈接。解決方法：超鏈接樣式表只有應(yīng)用于超鏈接標簽內(nèi)才會對超鏈接的文本起作用。如果樣式表應(yīng)用在其它的位置，如、等，將不會對超鏈接文本起到任何作用。

六、心得體會

此次學習，讓我簡單的了解了一些編程，同時也學會了一些編程技術(shù)。比如：如何制作表單，如何制作彈出式對話框等。盡管自己在做這個的技術(shù)上還存在許多問題，但是每次遇到問題總是積極的詢問老師，盡快的解決自己所遇到的問題。因為從未接受過編程這類型的科目，對于還有很多不了解的。沒有學數(shù)據(jù)庫，所以對數(shù)據(jù)的處理存在著一些問題。老師們只有用最簡單的方法給我們講解，以便讓我們能學到東西，能學懂。而相對于這門復雜的學科，時間上也是有局限性的，畢竟上課的時間很少，要真正的掌握這門課，我們必須下來花功夫，自己去充實自己。它是一門理論和實踐相結(jié)合的學科，所以，每次上課的時候，老師總是先講理論，然后實踐，這樣就鞏固了我們對此知識的掌握和運用。總之，學了這門課，讓自己在編程上有了一定的掌握，讓自己學會了很多自己想要掌握的網(wǎng)頁技術(shù)，自己可以簡單的做出自己看到的一些簡單頁面。它還是一門細心的學科，只要有一個符號，一個字母，一個空格，就會造成錯誤，使程序無法運行，所以，每次我們都要相當細心，畢竟，出錯時，找錯誤是件十分麻煩的事情。而我們要運行自己編的程序，必須打開和創(chuàng)建IIS默認網(wǎng)站，這樣才能運行自己的程序。

經(jīng)過此次學習，也讓自己了解了一些HTML的相關(guān)知識、VBScript的輸入和輸出、內(nèi)置函數(shù)、VBScript流程控制循環(huán)、VBScript過程、同時學會了如何制作跳轉(zhuǎn)網(wǎng)頁，通過Response.Redirect方法、Response.Write方法實現(xiàn)網(wǎng)頁的跳轉(zhuǎn)與瀏覽數(shù)據(jù)。總之，在此次學習中，自己了解的很多，掌握了很多，不懂的好奇的也很多，盡管以后自己或許不會再接觸相關(guān)的此課程，但是對于此課程的熱情，會促使我下來通過其他渠道繼續(xù)學習。

七、實訓總結(jié)

通過項目教學法，把學生作為學習的主體，通過完成項目把理論和實踐有機地結(jié)合起來，不僅提高了理論水平和實操技能，而且又在教師有目的引導下，培養(yǎng)了合作、解決問題等綜合能力。同時教師在觀察學生、幫助學生的過程中，開闊了視野，提高了專業(yè)水平。可以說，項目教學是師生共同完成項目，共同取得進步的教學方法。是適合中等職業(yè)學校教學的切實可行的好方法，對于人才的培養(yǎng)有很大的幫助，今后希望有更多的中等職業(yè)學校的學生通過項目教學法，掌握更加多的知識和技能為社會作貢獻。

《網(wǎng)站設(shè)計》是網(wǎng)站設(shè)計與維護專業(yè)的一門綜合實訓課，安排在第四學期授課，總共108學時。該課程是基于Photoshop、Flash和Dreamweaver三門課程已經(jīng)開設(shè)過的基礎(chǔ)上的一門綜合實訓課程，主要包括客戶需求分析、網(wǎng)站風格定位、網(wǎng)站效果圖草圖設(shè)計、網(wǎng)站建設(shè)方案的制定、網(wǎng)站效果圖、橫幅Flash廣告制作、網(wǎng)站的搭建、征求客戶的意見修改完善網(wǎng)站等內(nèi)容。然而，傳統(tǒng)的教學模式一般采用接受教學和案例教學兩種形式，教學方法比較單一，學生也能掌握其中的知識和技能，但是應(yīng)變能力比較弱，綜合運用能力不強，遠遠不能達到用工單位對學生的要求，學校的教學與社會生產(chǎn)實踐往往出現(xiàn)脫軌現(xiàn)象。為改變這一現(xiàn)象，本人在該項課程中引入項目教學法，取得不錯的成效。

第二篇：網(wǎng)站建設(shè)實訓心得體會

網(wǎng)站建設(shè)實訓心得體會

在這兩周的網(wǎng)站建設(shè)實訓過程中，我練習掌握了很多關(guān)于網(wǎng)站建設(shè)的知識和技巧。因為這是我比較感興趣的課程，所以對于所學的知識非常珍惜，也很欣慰，因為學到了很多對以后工作和生活很有幫助的知識。

我們這一小組做的主要內(nèi)容為建設(shè)一個網(wǎng)上商店的網(wǎng)站，網(wǎng)上商店的名稱是“衣之谷”。主要內(nèi)容包括網(wǎng)站主頁、商品分類、新品推薦、購物幫助和客戶服務(wù)。而我負責客戶服務(wù)的網(wǎng)頁制作。在整個實訓過程中，難免會遇到一些比較困難的問題。每當這時，我們先是通過組內(nèi)成員間共同討論商量解決的辦法。若沒有討論出結(jié)果，我們會向其他同學詢問意見，綜合分析后會找指導老師幫忙解決問題，找出問題所在，改正錯誤。最后我們的網(wǎng)站終于圓滿完成了，這是值得慶幸也令我們比較有成就感的一件事情。最后我們的一番努力終于取得了成果，心里挺開心的。我們的努力是值得的。

這兩周里，我學到了很多關(guān)于網(wǎng)頁制作方面的知識，也學會了怎樣與人團隊合作，這些都將會對我的成長有很大的幫助，將會在以后的學習、工作和生活中起到很大作用。這次實訓是我們從學校到以后找工作的一個過渡。有了這次學習的機會，自己成長了不少，也學到了很多。對于書本上的理論知識更加的鞏固了，更重要的是自己得到了這個寶貴的學習機會。這樣的學習方法對于我們以后不管是學習工作還是生活都是受用的。

經(jīng)過這次網(wǎng)站建設(shè)課的實訓，讓我對自己有了新的認識，也學到了網(wǎng)頁設(shè)計的知識。在實訓中，我們將在書本上學習過的很多理論知識付諸實踐，實際運用，我體會到了其中的難度。在今后的工作和生活中，自己需要更加努力的奮斗下去。實習的同時也讓我了解到了自己的不足，我會繼續(xù)努力，完善自我。對于學校的精心安排和指導老師的用心輔導非常感謝。

轉(zhuǎn)眼間，兩周愉快而又充實的網(wǎng)站建設(shè)實訓課程結(jié)束了，在這不長的時間里，在實訓的過程中，讓我嘗試了理論與實踐的結(jié)合。網(wǎng)頁設(shè)計理論一點點轉(zhuǎn)化為實踐經(jīng)驗，豐富的實訓知識，讓我充滿驚喜、快樂和充實，當然也少不了網(wǎng)頁設(shè)計處理過程中的困難。實訓結(jié)束了，感覺腦袋里又注入了新的知識，對網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計也有了更深的了解，在以后的工作中，希望能用自己了解的東西去處理相關(guān)的問題，再探究新的問題，使自己不斷進步。

總體來說，這次網(wǎng)站建設(shè)實訓，讓我受益匪淺，以上是我的實習心得與體會，不足之處望得到指正。

第三篇：2013網(wǎng)站建設(shè)實訓報告

網(wǎng)站建設(shè)實訓報告

專業(yè)：電子商務(wù)

姓名：XXX

學號：XXX

指導老師：XXX

一、實訓目的本次實訓主要是為了是我們能夠充分的把所學的理論知識運用到實際操作中去，進一步認識和了解網(wǎng)站建設(shè)的相關(guān)知識與技術(shù)。為了是我們能夠充分的把所學的理論知識運用到實際操作中去，在認識和了解網(wǎng)站建設(shè)的基礎(chǔ)上對網(wǎng)站推廣及優(yōu)化相關(guān)知識和技術(shù)。與此同時培養(yǎng)我們的團隊合作精神，明白團隊合作精神在工作中是至關(guān)重要的。

在建立一個網(wǎng)站時，進一步掌握以下知識：

1、熟悉和掌握網(wǎng)站建設(shè)的基本流程和技術(shù)規(guī)范；

2.、鞏固運用Dreamweaver網(wǎng)頁制作軟件制作網(wǎng)頁、特別是制作動態(tài)網(wǎng)頁的知識；

3、加強運用flash動畫制作軟件設(shè)計網(wǎng)頁中動畫的知識；

4、鞏固綜合運用Dreamweaver與flash軟件完成網(wǎng)站建設(shè)任務(wù)的方法，能獨立設(shè)計一個內(nèi)容完整、圖文并茂、技術(shù)運用得當?shù)木W(wǎng)站；

5、在網(wǎng)頁設(shè)計的實踐中培養(yǎng)分析問題、解決問題的能力，培養(yǎng)協(xié)作、交流的能力，培養(yǎng)創(chuàng)新能力和團隊意識；

6、為今后從事網(wǎng)站開發(fā)、維護和管理奠定基礎(chǔ)

二、實訓步驟

1、明確建立商業(yè)網(wǎng)站目標及用戶需求

在互聯(lián)網(wǎng)中，建設(shè)一個網(wǎng)站的目的，是在Web站點設(shè)計展現(xiàn)產(chǎn)品形象、介紹產(chǎn)品和服務(wù)、體現(xiàn)網(wǎng)站發(fā)展戰(zhàn)略重要途徑，因此必須明確設(shè)計站點的目的和用戶需求，從而做出切實可行的設(shè)計計劃。要根據(jù)消費者需求、市場狀況、運營模式、自身情況等進行綜合分析，牢記以“消費者(customer)”為中心，而不是以“美術(shù)”為中心進行設(shè)計規(guī)劃。不管網(wǎng)站制作設(shè)計什么類型的網(wǎng)站時，都要考慮到網(wǎng)站是以客戶體驗為中心來建設(shè)的，而不是考慮到個人的想法或為了追求好看而去設(shè)計一些對用戶體驗很差的網(wǎng)頁，要以消費者與產(chǎn)品向結(jié)合去設(shè)計。

2、網(wǎng)頁設(shè)計：

展現(xiàn)產(chǎn)品的特點，充分結(jié)合消費者需求，設(shè)計網(wǎng)頁。

3、設(shè)計主題鮮明：

在目標明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計方案。對網(wǎng)站的整體風格和特色做出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。做到主題鮮明突出，要點明確，以簡單明確的語言和畫面體現(xiàn)站點的主題。整體布局合理，流暢，表達和諧； 在網(wǎng)站設(shè)計中，網(wǎng)站的整體布局是至關(guān)重要的一環(huán)，這將關(guān)系到瀏覽者能否清晰地、容易地找到所需的信息和內(nèi)容的關(guān)鍵。每一個欄目、每一幅頁面之間的相關(guān)性、連接都要充分考慮。

4、網(wǎng)站版式設(shè)計

網(wǎng)頁設(shè)計作為一種視覺語言，要講究編排和布局，雖然主頁設(shè)計不等同于平面設(shè)計，但它們有許多相近之處，應(yīng)充分加以利用和借鑒。版式設(shè)計通過文字圖形的空間組合，表達出和諧與美。一個優(yōu)秀網(wǎng)頁設(shè)計者也應(yīng)該知道哪一段文字圖形該落于何處，才能使整個網(wǎng)頁生輝。多頁面站點頁面的編排設(shè)計要求把頁面之間有機聯(lián)系反映出來，特別要處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達到最佳視覺表現(xiàn)效果，應(yīng)講究整體布局合理性，使瀏覽者有一個流暢的視覺體驗

5、使用軟件，硬件和技術(shù)分析說明

Dreamweaver可以用最快速的方式將Fireworks，F(xiàn)reeHand，或Photoshop等檔案移至網(wǎng)頁上。Dreamweaver是唯一提供Roundtrip HTML、視覺化編輯與原始碼編輯同步的設(shè)計工具。它包含HomeSite和BBEdit等主流文字編輯器。當您正使用Dreamweaver在設(shè)計動態(tài)網(wǎng)頁時，所見即所得的功能，讓您不需要透過瀏覽器就能預(yù)覽網(wǎng)頁。Dreamweaver集成了程序開發(fā)語言，對ASP、.NET、PHP、JS的基本語言和連接操作數(shù)據(jù)庫，都是完全支持的。

Access的優(yōu)點

（1）存儲方式簡單，易于維護管理 Access管理的對象有表、查詢、窗體、報表、頁、宏和模塊。

(2)面向?qū)ο?Access是一個面向?qū)ο蟮拈_發(fā)工具，利用面向?qū)ο蟮姆绞綄?shù)據(jù)庫系統(tǒng)中的各種功能對象化，將數(shù)據(jù)庫管理的各種功能封裝在各類對象中。

（3）界面友好、易操作.Accessd的風格與Windows完全一樣，使用鼠標進

行拖放即可，非常直觀方便。系統(tǒng)還提供了表生成器、查詢生成器、報表設(shè)計器以及數(shù)據(jù)庫向?qū)А⒈硐驅(qū)А⒉樵兿驅(qū)А⒋绑w向?qū)А蟊硐驅(qū)У裙ぞ撸沟貌僮骱啽悖菀资褂煤驼莆铡?/p>

（4）集成環(huán)境、處理多種數(shù)據(jù)信息Access基于Windows操作系統(tǒng)下的集成開發(fā)環(huán)境，該環(huán)境集成了各種向?qū)Ш蜕善鞴ぞ撸瑯O大地提高了開發(fā)人員的工作效率，使得建立數(shù)據(jù)庫、創(chuàng)建表、設(shè)計用戶界面、設(shè)計數(shù)據(jù)查詢、報表打印等可以方便有序地進行。

（5）Access支持ODBC可以在一個數(shù)據(jù)表中嵌入位圖、聲音、Excel表格、Word文檔，還可以建立動態(tài)的數(shù)據(jù)庫報表和窗體等。

（6）支持廣泛，易于擴展，彈性較大Access是可以開發(fā)方便易用的小型軟件，也可以用來開發(fā)大型的應(yīng)用系統(tǒng)。

7、網(wǎng)站空間的構(gòu)成和虛擬現(xiàn)實

網(wǎng)絡(luò)上的虛擬空間是一個假想空間，網(wǎng)站只能通過這個空間來把他展現(xiàn)到互聯(lián)網(wǎng)上，讓每一個人都能在網(wǎng)絡(luò)上看到你的網(wǎng)站設(shè)計與網(wǎng)站中的信息，這種空間關(guān)系需借助動靜變化.圖像的比例關(guān)系等空間因素表現(xiàn)出來。制作網(wǎng)站的同時，都要上傳頁面中，圖片、文字位置前后疊壓，或頁面位置變化所產(chǎn)生的視覺效果都各不相同。圖片、文字前后疊壓所構(gòu)成的空間層次目前還不多見，網(wǎng)上更多的是一些設(shè)計比較規(guī)范、簡明的頁面，這種疊壓排列能產(chǎn)生強節(jié)奏的空間層次，視覺效果強烈。

8、多媒體功能的利用

傳統(tǒng)的宣傳也就是永遠不可缺少的，多媒體宣傳方面真正是一個品牌宣傳的不重要模式，同時網(wǎng)絡(luò)資源優(yōu)勢之一是多媒體功能。要吸引瀏覽者注意力，頁面內(nèi)容可以用三維動畫、FLASH等來表現(xiàn)。但要注意，由于網(wǎng)絡(luò)帶寬限制，在使用多媒體的形式表現(xiàn)網(wǎng)頁內(nèi)容時應(yīng)考慮客戶端的傳輸速度。

9、網(wǎng)站內(nèi)容要保持更新

一個網(wǎng)站建設(shè)已完成了，那就要去增加和豐富網(wǎng)站的內(nèi)容，在Web站點建立后，要不斷更新內(nèi)容。站點信息的不斷更新，讓瀏覽者了解企業(yè)的發(fā)展動態(tài)和網(wǎng)上職務(wù)等，同時也會幫助網(wǎng)站建立良好形象。同時，要認真回復用戶的電子郵件和傳統(tǒng)的聯(lián)系方式如信件，做到有問必答。最好將用戶用意進行分類，如售前一般了解、售后服務(wù)等，由專門區(qū)域處理，使用站訪問者感受到網(wǎng)站產(chǎn)品的真實存在并由此產(chǎn)生信任感。注意不要許諾自己實現(xiàn)不了的東西，在你真正有能力處理回復之前，不要懇求用戶輸入信息或羅列一大堆自己不能及時答復的電話號碼。如果要求訪問者自愿提供其個人信息，應(yīng)公布并認真履行個人隱私保承諾。

三、實訓中遇到的問題和解決方法在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。計算機將具備更多的智能成分，它將具有多種感知能力、一定的思考與判斷能力及一定的自然語言能力。除了提供自然的輸入手段(如語音輸入、手寫輸入)外，讓人能產(chǎn)生身臨其境感覺的各種交互設(shè)備已經(jīng)出現(xiàn)，虛擬現(xiàn)實技術(shù)是這一領(lǐng)域發(fā)展的集中體現(xiàn)。我們更應(yīng)該掌握

或了解一些基本知識，順應(yīng)時代的發(fā)展，經(jīng)過這次的實訓，在建設(shè)網(wǎng)站，其中遇到的種種問題，在查找資料、瀏覽相關(guān)網(wǎng)站、老師的指導、同學的幫助之下完成了自己組的網(wǎng)站建設(shè)。從制作過程中，我學會更多以前從未使用的技巧，讓我學到了更多的知識。與此同時在網(wǎng)站建設(shè)積累了許多經(jīng)驗，為我以后的工作，在走上社會時積累了一些豐富的經(jīng)驗。通過這次實訓我獲得了許多，我自己感覺在知識、技能等方面都有了不少的收獲。

不管是什么樣的情況下，讓我更加進一步的了解相互合作的重要性，相互分工合作比起之前各做各的所用時間少了很多，也讓我們知道相互配合的重要性，其實我也遇到的問題很多，但通過老師于同學的幫助下解決了，在此是否感謝我們的老師和同學。另外該網(wǎng)站還有許多不盡人意的地方，網(wǎng)站還存在以下一些問題:

1、系統(tǒng)在安全性方面還有一些問題；

2、系統(tǒng)的某些功能還不能夠很好的實現(xiàn)，同時本系統(tǒng)還某些方面沒有考慮到；

因此，以后還應(yīng)加強這幾個方面的工作和學習：對網(wǎng)站的安全管理方面的學習和加強；對一些常用的應(yīng)用軟件還要多熟悉；更多地加強對關(guān)于網(wǎng)絡(luò)功能數(shù)據(jù)庫知識的學習。

第四篇：網(wǎng)站建設(shè)實訓報告

三門峽職業(yè)技術(shù)學院

網(wǎng)

站

設(shè)

計

實

訓

報

告

系部：經(jīng)濟管理系

專業(yè)：09電子商務(wù)

班級：二班

姓名：王晶晶

學號：0905010204

指導老師：辛峰

網(wǎng)站設(shè)計實訓報告

一、網(wǎng)站建設(shè)目的及網(wǎng)站建設(shè)目標

根據(jù)自己所學的知識，建設(shè)網(wǎng)站，展示自己的網(wǎng)站風格。建成優(yōu)秀的電子商務(wù)類專業(yè)網(wǎng)站，展示自己的網(wǎng)站形象。

二、網(wǎng)站內(nèi)容規(guī)劃

1、網(wǎng)站的首頁包括：設(shè)計作品，攝影作品，生活點滴，小說文集，資源中心，踏雪留痕，左鄰右舍，聯(lián)系我們。

2、網(wǎng)站的首頁可分為三個部分，分別為首頁的導航欄、作品的動態(tài)、作品欣賞等。

3、盡量使網(wǎng)站設(shè)計的簡單明了、避免設(shè)計的頁面出現(xiàn)死鏈接。

三、網(wǎng)站名稱

漩渦小筑，晶晶設(shè)計

四、網(wǎng)站設(shè)計功能介紹

本網(wǎng)站主要是為了方便人們的日常生活，在這個網(wǎng)站上你可以使自己的心情輕松，精神得到陶冶。

五、預(yù)期目標

1、通過本次實訓完成漩渦小筑，晶晶設(shè)計的網(wǎng)站制作，包括二級頁面和一些網(wǎng)站制作的基本技巧，掌握網(wǎng)站布局技術(shù)。

2、通過連續(xù)時間的實際操作，鞏固對網(wǎng)站的創(chuàng)建、網(wǎng)頁的策劃、設(shè)計與制作的理解，加深理解網(wǎng)站、網(wǎng)頁、制作的過程，理解團隊互助共同完成項目的協(xié)作精神。

六、實訓過程

1、收集相關(guān)網(wǎng)站建設(shè)的資料信息

2、運用自己熟悉的軟件制作網(wǎng)站

3、將自己建設(shè)的網(wǎng)站首頁勾畫框架

4、利用Adobe Dreamweaver CS3軟件建設(shè)網(wǎng)站的首頁

5、根據(jù)自己的需要設(shè)計二級頁面、設(shè)計超鏈接，實現(xiàn)頁面之間的超鏈接，避免死連接的現(xiàn)象的產(chǎn)生。將需要連接的頁面單擊確定即可。

6、向頁面中插入圖片，產(chǎn)生圖文并茂的效果。但要注意插入的圖片不要過多，以免影響網(wǎng)速。

通過幾周的學習和老師的指導下，明確操作的具體步驟和建設(shè)

網(wǎng)站的基本理念，豐富了我們的軟件技術(shù)和應(yīng)用技巧等方面的知識。經(jīng)過幾周的練習何止是的綜合設(shè)計出了自己的漩渦小筑，晶晶設(shè)計，制作過程中使用Adobe Dreamweaver CS3軟件，制作出了網(wǎng)站的整體風格。

制作網(wǎng)站，首先要確定網(wǎng)站的主題，經(jīng)過考慮再三，和自己

平時瀏覽過網(wǎng)站，以及對這些網(wǎng)站的了解，做了一個類似的網(wǎng)站，一個集娛樂休閑又可發(fā)表自己言論的網(wǎng)站。然后是整體規(guī)劃。為網(wǎng)站的首頁設(shè)計成一個色彩鮮明，清晰明了，便于閱讀

瀏覽的網(wǎng)頁。首頁大致分為三個部分：網(wǎng)站的導航欄、作品的展示、網(wǎng)站的動態(tài)說明。其中還有聯(lián)系我們，盡量使網(wǎng)站的內(nèi)容充分多樣化。最后收集資料和素材，大量瀏覽相關(guān)網(wǎng)站，搜集一些有用的信息來完善自己的網(wǎng)站，同時還要考慮網(wǎng)站的布局，特色，顏色搭配，背景圖等。再后設(shè)計網(wǎng)頁圖片。再后，為網(wǎng)站申請一個域名。

在制作過程中，才發(fā)現(xiàn)，雨啊來自己懂的太少了，好多不知道的地方。發(fā)現(xiàn)自己只會建立模板可應(yīng)用得不好，操作的也不熟練。通過一短的時間學習，才找到網(wǎng)站建設(shè)的基本方法。在制作過程中出現(xiàn)了種種的問題，在問題出現(xiàn)的過程中查找書籍、查找相似網(wǎng)站，來不斷的完善自己的網(wǎng)站。

七、關(guān)鍵技術(shù)及解決途徑

關(guān)鍵技術(shù)：（1）有完整的策劃報告(電子版)，實際內(nèi)容有改動不受影響；

（2）有標題的網(wǎng)站以及有對應(yīng)自己創(chuàng)意設(shè)計制作的Logo圖象、圖片展示等；

（3）有首頁、二級頁面、；

（4）有框架、有表單；

（5）有自己創(chuàng)作輸入的文字內(nèi)容并經(jīng)過排列整理；

（6）使用Adobe Dreamweaver CS3軟件模板技術(shù)；

（7）不允許出現(xiàn)超級鏈接錯誤！

（8）有版權(quán)聲明、網(wǎng)站信息更新、創(chuàng)意制作人員。

解決途徑

根據(jù)課堂所學，充分利用相關(guān)技術(shù)要點，對于不懂的地方問實訓老師。制作完成后，反復檢查，保證鏈接的正確性。

八、網(wǎng)站制作過程中的注意事項

不能過于注重色彩的燦爛，只要簡單的明了就行，符合網(wǎng)站設(shè)計的基本原則，使網(wǎng)站簡單明了，使用方便。

通過這次實習，在制作時盡量讓自己的網(wǎng)站更加的豐富多彩，在網(wǎng)頁中插入圖片，動畫，產(chǎn)生靜動結(jié)合的效果。在實際的操作過程中遇到了許多的問題，但在老師和同學的幫助下我已經(jīng)建好了自己的漩渦小筑，晶晶設(shè)計站。通過這次學習我了解到知識學不到一定的深度和廣度在實際的操作過程中就難以應(yīng)付自如。以后要更深入的學習，不斷開闊視野，增強自己的實踐操作能力。

九、自我評價

通過本次的實訓，在老師的熱心指導和精心培養(yǎng)下，我不僅在知識上有了很大的提升而且在心得上也是收獲頗多。

本次實訓的目的旨在檢驗我們在平常學習中所學知識、將上課所學的理論知識在實踐中鞏固掌握以及進一步熟悉和掌握網(wǎng)頁設(shè)計與網(wǎng)頁制作的基本流程。

回顧這次課程設(shè)計，至今我仍感慨頗多，的確，從選題到開始制作，從理論到實踐，在一周實訓的日子里，可以說得是苦多于甜，但是可以學到很多很多的的東西，同時不僅可以鞏固了以前所學過的知識，而且學到了很多在書本上所沒有學到過的知識。通過這次課程設(shè)

計使我懂得了理論與實際相結(jié)合是很重要的，只有理論知識是遠遠不夠的，只有把所學的理論知識與實踐相結(jié)合起來，從理論中得出結(jié)論，才能真正為掌握技術(shù)，從而提高自己的實際動手能力和獨立思考的能力。

在設(shè)計的過程中遇到問題，可以說得是困難重重，這畢竟是第一次獨自設(shè)計網(wǎng)站、制作網(wǎng)站，難免會遇到過各種各樣的問題，同時在設(shè)計的過程中發(fā)現(xiàn)了自己的不足之處，對以前所學過的知識理解得不夠深刻，掌握得不夠牢固，比如說拖動層的設(shè)置，時間軸與層的顯示與隱藏的綜合應(yīng)用，在CSS的具體應(yīng)用還不是和很熟練，沒有能完全達到自己預(yù)期的效果，還好通過老師的細心指導才能達到最終效果……通過這次網(wǎng)頁設(shè)計與制作實訓，一定把以前所學過的知識重新溫故。此次實訓中我發(fā)現(xiàn)了在網(wǎng)頁設(shè)計與制作的過程中存在許多的細節(jié)問題，也從中學到了很多課本上沒有的知識。關(guān)鍵是從自己單獨設(shè)計與制作網(wǎng)頁的過程中，培養(yǎng)了自己主動學習、敢干動手與自己發(fā)現(xiàn)問題、解決問題的能力，這為以后進一步的學習網(wǎng)頁制作與網(wǎng)站開發(fā)打下了一個良好的基礎(chǔ)，也給以后的工作作了一個良好的鋪墊。

本次實訓自己設(shè)計的漩渦小筑，晶晶設(shè)計網(wǎng)站實現(xiàn)了布局清晰、有條理，視覺效果較好，涉及的知識點較全面等目標，但是在連接數(shù)據(jù)庫等方面還是存在一些問題，這是開發(fā)動態(tài)網(wǎng)站的重要基礎(chǔ)，我認為自己以后應(yīng)該在靜態(tài)網(wǎng)頁到動態(tài)網(wǎng)頁的轉(zhuǎn)變方面多鉆研、多努力，使自己在靜態(tài)、動態(tài)網(wǎng)站開發(fā)上的水平有一個質(zhì)的提升。

希望通過對本網(wǎng)站的建設(shè)，可以提升自己以后在網(wǎng)站建設(shè)方面的一部分能力，我相信，現(xiàn)在在努力是為以后的成功的事業(yè)打下一個堅實的基礎(chǔ)，為自己美好的人生鋪好一條陽光而燦爛的道路。通過這次實訓是自己的真實能力有了一次質(zhì)的飛躍。

第五篇：網(wǎng)站建設(shè)實訓報告

網(wǎng)

站

設(shè)

計的實

訓

報

告

系部：經(jīng)濟管理系 班級：09電子商務(wù)二班 姓名：王晶晶 學號：090501020

4網(wǎng)站設(shè)計的實訓報告

一、網(wǎng)站建設(shè)目的及網(wǎng)站建設(shè)目標

根據(jù)自己所學的知識，建設(shè)網(wǎng)站，展示自己的網(wǎng)站風格。建成優(yōu)秀的電子商務(wù)類專業(yè)網(wǎng)站，展示自己的網(wǎng)站形象。

二、網(wǎng)站內(nèi)容規(guī)劃

1、網(wǎng)站的首頁包括：設(shè)計作品，攝影作品，生活點滴，小說文集，資源中心，踏雪留痕，左鄰右舍，聯(lián)系我們。

2、網(wǎng)站的首頁可分為三個部分，分別為首頁的導航欄、作品的動態(tài)、作品欣賞等。

3、盡量使網(wǎng)站設(shè)計的簡單明了、避免設(shè)計的頁面出現(xiàn)死鏈接。

三、網(wǎng)站名稱

漩渦小筑，晶晶設(shè)計

四、網(wǎng)站設(shè)計功能介紹

本網(wǎng)站主要是為了方便人們的日常生活，在這個網(wǎng)站上你可以使自己的心情輕松，精神得到陶冶。

五、預(yù)期目標

1、通過本次實訓完成漩渦小筑，晶晶設(shè)計的網(wǎng)站制作，包括二級頁面和一些網(wǎng)站制作的基本技巧，掌握網(wǎng)站布局技術(shù)。

2、通過連續(xù)時間的實際操作，鞏固對網(wǎng)站的創(chuàng)建、網(wǎng)頁的策劃、設(shè)計與制作的理解，加深理解網(wǎng)站、網(wǎng)頁、制作的過程，理解團隊互助共同完成項目的協(xié)作精神。

六、實訓過程

1、收集相關(guān)網(wǎng)站建設(shè)的資料信息

2、運用自己熟悉的軟件制作網(wǎng)站

3、將自己建設(shè)的網(wǎng)站首頁勾畫框架

4、利用Adobe Dreamweaver CS3軟件建設(shè)網(wǎng)站的首頁

5、根據(jù)自己的需要設(shè)計二級頁面、設(shè)計超鏈接，實現(xiàn)頁面之間的超鏈接，避免死連接的現(xiàn)象的產(chǎn)生。將需要連接的頁面單擊確定即可。

6、向頁面中插入圖片，產(chǎn)生圖文并茂的效果。但要注意插入的圖片不要過多，以免影響網(wǎng)速。

通過幾周的學習和老師的指導下，明確操作的具體步驟和建設(shè)網(wǎng)站的基本理念，豐富

了我們的軟件技術(shù)和應(yīng)用技巧等方面的知識。經(jīng)過幾周的練習何止是的綜合設(shè)計出了自己的漩渦小筑，晶晶設(shè)計，制作過程中使用Adobe Dreamweaver CS3軟件，制作出了網(wǎng)站的整體風格。

制作網(wǎng)站，首先要確定網(wǎng)站的主題，經(jīng)過考慮再三，和自己平時瀏覽過網(wǎng)站，以及

對這些網(wǎng)站的了解，做了一個類似的網(wǎng)站，一個集娛樂休閑又可發(fā)表自己言論的網(wǎng)站。然后是整體規(guī)劃。為網(wǎng)站的首頁設(shè)計成一個色彩鮮明，清晰明了，便于閱讀瀏覽的網(wǎng)頁。首頁大致分為三個部分：網(wǎng)站的導航欄、作品的展示、網(wǎng)站的動態(tài)說明。其中還有聯(lián)系我們，盡量使網(wǎng)站的內(nèi)容充分多樣化。最后收集資料和素材，大量瀏覽相關(guān)網(wǎng)站，搜集一些有用的信息來完善自己的網(wǎng)站，同時還要考慮網(wǎng)站的布局，特色，顏色搭配，背景圖等。再后設(shè)計網(wǎng)頁圖片。再后，為網(wǎng)站申請一個域名。

在制作過程中，才發(fā)現(xiàn)，雨啊來自己懂的太少了，好多不知道的地方。發(fā)現(xiàn)自己只會建立模板可應(yīng)用得不好，操作的也不熟練。通過一短的時間學習，才找到網(wǎng)站建設(shè)的基本方法。在制作過程中出現(xiàn)了種種的問題，在問題出現(xiàn)的過程中查找書籍、查找相似網(wǎng)站，來不斷的完善自己的網(wǎng)站。

七、關(guān)鍵技術(shù)及解決途徑

關(guān)鍵技術(shù)：（1）有完整的策劃報告(電子版)，實際內(nèi)容有改動不受影響；

（2）有標題的網(wǎng)站以及有對應(yīng)自己創(chuàng)意設(shè)計制作的Logo圖象、圖片展示等；

（3）有首頁、二級頁面、；

（4）有框架、有表單；

（5）有自己創(chuàng)作輸入的文字內(nèi)容并經(jīng)過排列整理；

（6）使用Adobe Dreamweaver CS3軟件模板技術(shù)；

（7）不允許出現(xiàn)超級鏈接錯誤！

（8）有版權(quán)聲明、網(wǎng)站信息更新、創(chuàng)意制作人員。

解決途徑

根據(jù)課堂所學，充分利用相關(guān)技術(shù)要點，對于不懂的地方問實訓老師。制作完成后，反復檢查，保證鏈接的正確性。

八、網(wǎng)站制作過程中的注意事項

不能過于注重色彩的燦爛，只要簡單的明了就行，符合網(wǎng)站設(shè)計的基本原則，使網(wǎng)站簡單明了，使用方便。

通過這次實習，在制作時盡量讓自己的網(wǎng)站更加的豐富多彩，在網(wǎng)頁中插入圖片，動畫，產(chǎn)生靜動結(jié)合的效果。在實際的操作過程中遇到了許多的問題，但在老師和同學的幫助下我已經(jīng)建好了自己的漩渦小筑，晶晶設(shè)計站。通過這次學習我了解到知識學不到一定的深度和廣度在實際的操作過程中就難以應(yīng)付自如。以后要更深入的學習，不斷開闊視野，增強自己的實踐操作能力。

九、自我評價

這次實訓充分利用了課堂所學，掌握了許多關(guān)鍵技術(shù)，例如模版技術(shù)，動畫，使得制作過程方便了很多。

在完成基本要求得基礎(chǔ)上，文件夾、文件命名規(guī)范；文件存放位置合理；

制作完成之后要進行網(wǎng)站的調(diào)試：沒有無用的文件、文件夾，沒有死鏈接現(xiàn)象的產(chǎn)生；內(nèi)容較豐富、自己設(shè)計制作的素材應(yīng)用多；色系、布局合理美觀、考慮用戶訪問方便；采用各種特效、并且運用合理。

不過也有些不足，一開始沒有把兩個人制作的文件夾分開，導致后面匯總時比較麻煩。不過總的來說，對這次的作品相當滿意，不僅選擇了我們自己喜歡的內(nèi)容，而且在我們的水平上把它做的很精美。在這個過程中我們意識到了自己在相關(guān)技術(shù)上的不足，通過學習，知道了如何改進我們的缺點，相信在以后的應(yīng)用中，我會做的更加完美！

經(jīng)過這幾周的實訓練習，建設(shè)自己的網(wǎng)站，其中遇到的種種問題也隨著查找資料、瀏覽相關(guān)網(wǎng)站、老師的指導、同學的幫助之下完成了自己的網(wǎng)站建設(shè)。從制作過程中，我學到了相關(guān)美化網(wǎng)頁的的方法，運用了更多以前從未運用的技巧。這使我學到了更多的知識。并且為我自己的網(wǎng)站建設(shè)積累了許多經(jīng)驗，為我以后的工作經(jīng)驗，走上社會積累了一些豐富的經(jīng)驗。通過這次實訓我獲得了許多，我自己感覺在知識、技能等方面都有了不少的收獲