動(dòng)態(tài)網(wǎng)站建設(shè)實(shí)訓(xùn)報(bào)告

動(dòng)態(tài)網(wǎng)站建設(shè)

實(shí)訓(xùn)報(bào)告

班級(jí)：G093501姓名：孫琦學(xué)號(hào)：093501047指導(dǎo)老師：XXX

實(shí)訓(xùn)時(shí)間：201*.10.10~201*.10.15

201*年10月15日甘肅機(jī)電職業(yè)技術(shù)學(xué)院一、實(shí)訓(xùn)目的

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

2、鞏固運(yùn)用Dreamweaver網(wǎng)頁制作軟件制作網(wǎng)頁、特別是制作復(fù)雜網(wǎng)頁的知識(shí)；

3、鞏固綜合運(yùn)用Dreamweaver軟件完成網(wǎng)站建設(shè)任務(wù)的方法，能獨(dú)立設(shè)計(jì)一個(gè)內(nèi)容完整、技術(shù)運(yùn)用得當(dāng)?shù)木W(wǎng)站；

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

5、緊緊圍繞網(wǎng)頁制作的流程：規(guī)劃、設(shè)計(jì)、開發(fā)、發(fā)布、維護(hù)來進(jìn)行網(wǎng)站的開發(fā)，制作出具有較高水準(zhǔn)的動(dòng)態(tài)網(wǎng)頁。以此作為學(xué)生學(xué)習(xí)這門課程的階段性總結(jié)，使學(xué)生復(fù)習(xí)、鞏固所學(xué)過的理論，并予以適當(dāng)?shù)纳罨�，進(jìn)一步訓(xùn)練學(xué)生的基本技能（如：搜集資料、整理數(shù)據(jù)、制表繪圖、發(fā)現(xiàn)與分析問題、尋求解決問題的方案等），為今后從事網(wǎng)站開發(fā)、維護(hù)和管理奠定基礎(chǔ)。

二、實(shí)訓(xùn)項(xiàng)目

學(xué)生信息管理網(wǎng)站

三、實(shí)訓(xùn)過程

1．資料的搜集。2.構(gòu)建站點(diǎn)框架。3.設(shè)計(jì)主頁及二級(jí)頁面。4.實(shí)現(xiàn)網(wǎng)頁間的鏈接

鏈接的過程其實(shí)很簡(jiǎn)單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。具體情況如下：

通過這半年的學(xué)習(xí)實(shí)踐中和老師的指導(dǎo)下以大量明晰的操作步驟和典型的應(yīng)用實(shí)例，教會(huì)我們。使更豐富全面的軟件技術(shù)和應(yīng)用技巧，使我們真正對(duì)所學(xué)的軟件融會(huì)貫通。所以我結(jié)合所學(xué)專業(yè)的內(nèi)容制作了個(gè)人網(wǎng)站，作為實(shí)習(xí)的成果。其內(nèi)容是多樣化的。制作網(wǎng)頁用的軟件是Dreamweaver軟件。Dreamweaver大大加速了網(wǎng)絡(luò)時(shí)代電子交易應(yīng)用中的項(xiàng)目交付。它提供了網(wǎng)頁和表單的動(dòng)態(tài)生成到企業(yè)級(jí)的解決方案，如電子商店，庫存管理系統(tǒng)和企業(yè)內(nèi)部局域網(wǎng)的數(shù)據(jù)庫應(yīng)用等功能。制作網(wǎng)頁,首先是確定主題,經(jīng)過再三考慮,就做了個(gè)關(guān)于學(xué)生信息管理的網(wǎng)站,于是確定主題,但有些內(nèi)容比較復(fù)雜,對(duì)于我們來說有點(diǎn)不實(shí)際,根據(jù)這種情況,最后決定建立一個(gè)簡(jiǎn)單的學(xué)生信息管理網(wǎng)站,于是網(wǎng)站主題確立。

然后是整體規(guī)劃，每一版塊清晰明，便于管理，大致分幾部分，學(xué)生信息顯示、編輯、添加、刪除等。

再后就是建立站點(diǎn)，

接下來就是制作網(wǎng)頁了，使用Dreamweaver制作。

首頁主要是導(dǎo)航作用。首頁制作時(shí)，時(shí)刻考慮著網(wǎng)頁的基本原則：統(tǒng)一，連貫，分割，對(duì)比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務(wù)，一個(gè)網(wǎng)站強(qiáng)調(diào)的就是一個(gè)整體，只有圍繞一個(gè)統(tǒng)一的目標(biāo)所做的設(shè)計(jì)才是成功的；連貫，頁面之間關(guān)系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于瀏覽；整個(gè)網(wǎng)頁有動(dòng)有靜，顏色不同，形成對(duì)比，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則：

簡(jiǎn)潔實(shí)用:這是非常重要的，網(wǎng)絡(luò)特殊環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便:同個(gè)是相一致的，滿足使用者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美；頁面用色協(xié)調(diào)，布局符合形式美的要求:布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔次。當(dāng)然雅俗共賞是人人都追求的。還有，這次的網(wǎng)站大部分用的是表格，層用的很少，因?yàn)樗�太靈活了，不好控制，用的很少。

再后，是網(wǎng)頁的上傳與發(fā)布，用ftp將制作好的網(wǎng)站上傳

制作過程中，才發(fā)現(xiàn)，原來自己懂的太少了，好多不知道的地方，才開始查找，開始的時(shí)候只是會(huì)建立模版，可不會(huì)應(yīng)用，操作，可這樣要修改模版可就麻煩了，要一個(gè)網(wǎng)頁一個(gè)的修改，于是趕緊上網(wǎng)學(xué)習(xí)相關(guān)內(nèi)容，閱覽書籍，最后才知道文件這有個(gè)資源，點(diǎn)擊：

進(jìn)入資源面板，點(diǎn)擊到數(shù)第二個(gè)的模版，選項(xiàng)，所有模版就都顯示了，點(diǎn)擊資源面板左下角的應(yīng)用命令，好了，這個(gè)模版就應(yīng)用到你建立的網(wǎng)頁中去了。這只是在制作過程中出現(xiàn)的問題之一，其它問題也是類似相同�，F(xiàn)在想想，自己所會(huì)的東西太少了，現(xiàn)在做的網(wǎng)站只是一些簡(jiǎn)單的網(wǎng)站，看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目?jī)?nèi)容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。以我們的經(jīng)驗(yàn)，當(dāng)前的軟件的功能日趨復(fù)雜，不學(xué)到一定的深度和廣度是難以在實(shí)際工作中應(yīng)付自如的。因此反映出學(xué)習(xí)的還不夠，缺點(diǎn)疏漏。需在加以刻苦鉆研及學(xué)習(xí)，不斷開拓視野，增強(qiáng)自己的實(shí)踐操作技能，為以后能做出出色的網(wǎng)頁而努力。以后要學(xué)的實(shí)在是太多了，而且我也很喜歡這方面，在以后的日子里，會(huì)努力填充自己，豐富自己的。希望以后有不懂的地方，老師能多多指點(diǎn)。

四、心得體會(huì)

在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。

對(duì)于現(xiàn)在的社會(huì)，科技的飛速發(fā)展已經(jīng)成為社會(huì)發(fā)展的標(biāo)志。其中計(jì)算機(jī)的發(fā)展可謂快中之快，而在計(jì)算機(jī)的發(fā)展中計(jì)算機(jī)網(wǎng)絡(luò)的發(fā)展又是首當(dāng)其沖的。計(jì)算機(jī)網(wǎng)絡(luò)從為我們所知，到現(xiàn)在才經(jīng)歷的短短的幾年時(shí)間，在這幾年中隨著計(jì)算機(jī)網(wǎng)絡(luò)的廣泛應(yīng)用，特別是Internet的普及和發(fā)展，網(wǎng)絡(luò)已經(jīng)成為了不可或缺的通信手段。不論是最新的新聞信息、新產(chǎn)品的出臺(tái)、新游戲的發(fā)布、最新的各種IT動(dòng)態(tài)，包括等候就業(yè)人才的個(gè)人簡(jiǎn)歷，我們都是可以通過網(wǎng)絡(luò)來獲得。但是什么為這所有的一切提供平臺(tái)的呢。我們又是通過什么來獲取這些消息的呢對(duì)就是網(wǎng)頁。現(xiàn)如今，數(shù)以萬計(jì)的網(wǎng)站以網(wǎng)頁的方式提供了豐富、精彩的信息。在人類社會(huì)進(jìn)入信息時(shí)代的時(shí)候，在網(wǎng)絡(luò)成為通信的主要手段的時(shí)候，在計(jì)算機(jī)網(wǎng)絡(luò)普及的今天，網(wǎng)頁也在它自己的崗位上做出了突出的貢獻(xiàn)。網(wǎng)頁是我們?cè)诰W(wǎng)絡(luò)上的“代言人”。我們將什么樣的信息傳達(dá)給瀏覽者，要講述什么樣的事情，網(wǎng)頁在這里起著重要的作用。（一）頁面的設(shè)計(jì)方面

網(wǎng)頁設(shè)計(jì)跟學(xué)習(xí)別的東西一樣，也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。

學(xué)習(xí)網(wǎng)頁設(shè)計(jì)需要耐心，如果沒有耐心，就學(xué)不好網(wǎng)頁設(shè)計(jì)，應(yīng)為當(dāng)你碰到一個(gè)問題時(shí)，如果不能立刻得到問題的答案，你可能需要很長時(shí)間去解決，我就碰到過一個(gè)問題，用了很長時(shí)間才解決。

學(xué)習(xí)網(wǎng)頁設(shè)計(jì)需要堅(jiān)持，堅(jiān)持不斷的學(xué)習(xí)，因?yàn)樵O(shè)計(jì)網(wǎng)頁的軟件在不斷的更新，因此我們要不斷的學(xué)習(xí)

并且學(xué)習(xí)網(wǎng)頁設(shè)計(jì)不要掉入技術(shù)的陷阱，如果你的網(wǎng)頁設(shè)計(jì)技術(shù)一流，并且對(duì)軟件的掌握程度已經(jīng)達(dá)到一定水平，但是你設(shè)計(jì)的網(wǎng)頁確不堪目睹，這是因?yàn)榫W(wǎng)頁設(shè)計(jì)是介于平面設(shè)計(jì)和編程技術(shù)兩者之間的"邊緣科學(xué)."不僅涉及到美學(xué),心理學(xué),平面構(gòu)成,色彩搭配等平面設(shè)計(jì)的方面的知識(shí),還涉及到：,

VBscript,css,asp等編程語言技術(shù)方面的知識(shí).只有綜合運(yùn)用多種知識(shí),才能設(shè)計(jì)出視聽特效,動(dòng)感十足,富于個(gè)性的web頁面,才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨(dú)特魅力和多維空間的超強(qiáng)功能.并且我認(rèn)為網(wǎng)頁設(shè)計(jì)應(yīng)該注重實(shí)用性，因?yàn)樗�是讓人瀏覽的，是用戶可以撫摸，可以評(píng)論，可以交互的。因此我提倡簡(jiǎn)單的美。（二）網(wǎng)頁的整體布局和導(dǎo)航

網(wǎng)頁的布局通常指的是網(wǎng)頁的整體架構(gòu)，說的通俗一點(diǎn)就是排版。如何突出最重要的內(nèi)容，即讓用戶眼就看到這個(gè)網(wǎng)頁所想要傳達(dá)的信息。這一點(diǎn)至關(guān)重要。在大多數(shù)做的比較成功的網(wǎng)頁中，一個(gè)共同的特點(diǎn)就是網(wǎng)頁的整體架構(gòu)十分的清晰明了，便于用戶瀏覽。網(wǎng)頁布局是主要考慮以下幾點(diǎn)：

1、首先要考慮整個(gè)網(wǎng)頁的長和寬，以及長度和寬度之間的比例。2、其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。

3、正文的框架設(shè)置（橫向因素和縱向因素交錯(cuò)）（三）網(wǎng)頁制作過程中的其他注意事項(xiàng)

不要過于注重色彩的燦爛，只要簡(jiǎn)單就行。我們最終追求的主要是實(shí)用價(jià)值。通過這次實(shí)習(xí)，在制作時(shí)想想使自己的網(wǎng)頁更加豐富多彩，在網(wǎng)頁中插入圖象，動(dòng)畫，動(dòng)態(tài)特效�？墒强傆龅竭@樣那樣的問題，但在同學(xué)的幫助和自己摸索的情況下完成了這個(gè)實(shí)習(xí)的成果�？吹搅艘恍┲�名的網(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目?jī)?nèi)容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。以我們的經(jīng)驗(yàn)，當(dāng)前的軟件的功能日趨復(fù)雜，不學(xué)到一定的深度和廣度是難以在實(shí)際工作中應(yīng)付自如的。因此反映出學(xué)習(xí)的還不夠，缺點(diǎn)疏漏。虛在加以刻苦鉆研及學(xué)習(xí)，不斷開拓視野，增強(qiáng)自己的實(shí)踐操作技能，為以后能做出出色的網(wǎng)頁而努力。

一個(gè)星期的實(shí)訓(xùn)將結(jié)束了，其中的酸甜苦辣我會(huì)在今后的日子里不斷地去咀嚼，去回味，去探索。從制作網(wǎng)頁過程中，我學(xué)到了制作動(dòng)態(tài)網(wǎng)頁的方法，運(yùn)用了更多以前未運(yùn)用的技巧。這使我學(xué)到了更多的知識(shí)，并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗(yàn)。這些將是我人生中的一次重要的經(jīng)歷，將是我今后走上社會(huì)后的一筆巨大的財(cái)富。這次實(shí)習(xí)的收獲對(duì)我來說有不少，我自己感覺在知識(shí)、技能等方面都有了不少的收獲�？傮w來說這次是對(duì)我的綜合素質(zhì)的培養(yǎng)，鍛煉和提高。

擴(kuò)展閱讀：動(dòng)態(tài)網(wǎng)站建設(shè)實(shí)訓(xùn)報(bào)告

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

動(dòng)態(tài)網(wǎng)站建設(shè)

實(shí)訓(xùn)報(bào)告

專業(yè)：計(jì)算機(jī)信息管理班級(jí)：學(xué)號(hào)：姓名：韓陽平指導(dǎo)老師：實(shí)訓(xùn)時(shí)間：實(shí)訓(xùn)地點(diǎn)：動(dòng)態(tài)網(wǎng)站建設(shè)實(shí)訓(xùn)報(bào)告

前言

人類永無止境的探索精神，是科技發(fā)展的原動(dòng)力，驅(qū)動(dòng)著我們的步伐飛速邁入21世紀(jì)的E世代。我們是新世代的探險(xiǎn)家，為人類探索陌生的價(jià)值，就像第一個(gè)發(fā)現(xiàn)黃金價(jià)值的人。我們了解所做的事，我們知道該如何去做，正確判斷自己，正確判斷周遭，我們絕不冒險(xiǎn)。我們肩負(fù)使命，為世人開拓溝通的新方法，人類的感知將無限延伸，溝通將與光同速。

企業(yè)形象和商業(yè)宣傳網(wǎng)站主要是為了全面展現(xiàn)企業(yè)的整體理念，介紹公司的業(yè)務(wù)和宣傳商業(yè)價(jià)值。

設(shè)計(jì)風(fēng)格配合企業(yè)的統(tǒng)一形象，力爭(zhēng)國際化、商業(yè)化；表現(xiàn)上配合多媒體技術(shù)和手段，充分體現(xiàn)寬帶環(huán)境下的絕對(duì)優(yōu)越，強(qiáng)調(diào)感官?zèng)_擊力網(wǎng)站信息編排和欄目設(shè)計(jì)上，力爭(zhēng)簡(jiǎn)潔、明晰，做到信息模塊化；根據(jù)訪問者的不同動(dòng)態(tài)生成對(duì)應(yīng)級(jí)別信息；網(wǎng)站內(nèi)容上緊扣主題與各功能網(wǎng)站保持完整線上宣傳系統(tǒng)的絕對(duì)職能分工。

本站點(diǎn)采用動(dòng)態(tài)網(wǎng)頁技術(shù)，運(yùn)用網(wǎng)頁制作軟件DreamweaverCS4進(jìn)行網(wǎng)站開發(fā)、制作，整體頁面采用的是模版加表格的形式，適當(dāng)加如CSS特效編程使網(wǎng)頁變的越加生動(dòng)和新穎。

利用現(xiàn)在時(shí)下非常流行的引導(dǎo)頁加首頁的樣式，此樣式最大的特點(diǎn)在于，引導(dǎo)頁給予閱讀者一個(gè)網(wǎng)站總體的感受，第一印象是最重要的，所以我們要抓住這第一印象，給予讀者一個(gè)數(shù)字化的網(wǎng)站新概念。

動(dòng)態(tài)網(wǎng)站建設(shè)實(shí)訓(xùn)報(bào)告

一、實(shí)訓(xùn)目的

通過實(shí)訓(xùn)讓我們對(duì)網(wǎng)頁有更深一步的了解，培養(yǎng)我們的動(dòng)手能力，提高我們運(yùn)用ASP語言編寫動(dòng)態(tài)態(tài)網(wǎng)頁能力的水平，掌握ASP和CSS語言的應(yīng)用，為我們以后的學(xué)習(xí)打下堅(jiān)實(shí)的基礎(chǔ)，通過實(shí)訓(xùn)可以達(dá)到全面理解、運(yùn)用網(wǎng)頁制作的知識(shí)，并使之得以融會(huì)貫通，在掌握理論的基礎(chǔ)上再加以實(shí)踐，進(jìn)一步提高、加強(qiáng)我們學(xué)習(xí)的綜合能力，把本學(xué)期學(xué)到的東西都運(yùn)用起來達(dá)到一定的技術(shù)性、創(chuàng)意性，讓其更美觀。

（1）掌握創(chuàng)建Dreamweaver本地站點(diǎn)的方法，利用表格等規(guī)劃網(wǎng)頁布局；（2）掌握在網(wǎng)頁中添加文本、圖像、Flash動(dòng)畫等頁面元素；（3）掌握在網(wǎng)頁中輸入、設(shè)置標(biāo)題和正文文字的方法；

（4）掌握文字版面的編輯，掌握在Dreamweaver中建立鏈接及網(wǎng)頁的超鏈接技術(shù)的

應(yīng)用，了解圖像的處理；

（5）綜合運(yùn)用所學(xué)軟件進(jìn)行網(wǎng)頁材料的準(zhǔn)備。⒈數(shù)據(jù)庫的建立①Access數(shù)據(jù)庫的建立

Acess提供2種數(shù)據(jù)庫建立方式：一種是建立一個(gè)空數(shù)據(jù)庫，然后編輯數(shù)據(jù)表的內(nèi)容；另一種使用數(shù)據(jù)庫自帶的模板建立；正在動(dòng)態(tài)網(wǎng)頁面中，一般應(yīng)用第一種方式；

②Access數(shù)據(jù)庫的打開方式

包括打開、只讀方式打開、獨(dú)占方式打開、只讀獨(dú)占方式打開③利用設(shè)想器設(shè)想Access數(shù)據(jù)庫

利用Access數(shù)據(jù)庫里的設(shè)想器設(shè)想Access數(shù)據(jù)庫④使用導(dǎo)游設(shè)想Access數(shù)據(jù)庫

經(jīng)過Access的導(dǎo)游，經(jīng)過一系列對(duì)話來設(shè)置Access數(shù)據(jù)庫⑤經(jīng)過輸進(jìn)數(shù)據(jù)連接Access數(shù)據(jù)庫。先輸進(jìn)數(shù)據(jù)再確定字段

二、實(shí)訓(xùn)項(xiàng)目

1、網(wǎng)站名稱：我的網(wǎng)站

動(dòng)態(tài)網(wǎng)站建設(shè)實(shí)訓(xùn)報(bào)告

2、網(wǎng)站設(shè)計(jì)要求

1）利用Dreamweaver制作一個(gè)靜態(tài)網(wǎng)站，要求網(wǎng)站有特色，整個(gè)網(wǎng)站的內(nèi)容和形式要統(tǒng)一，應(yīng)能夠反映一個(gè)簡(jiǎn)單的主題�？梢赃x擇制作《個(gè)人網(wǎng)站設(shè)計(jì)》、《企業(yè)網(wǎng)站設(shè)計(jì)》、《文化網(wǎng)站的設(shè)計(jì)》、《娛樂網(wǎng)站設(shè)計(jì)》或者其他自己認(rèn)為適合的網(wǎng)站。2）必須用到模版、表格或?qū)优虐婕夹g(shù)、Flash技術(shù)和圖像處理技術(shù)，使網(wǎng)站具有

合理的外觀和功能。

3）主頁基本要求：

頁頭Logo，準(zhǔn)確無誤地標(biāo)識(shí)站點(diǎn)和企業(yè)標(biāo)志；網(wǎng)頁標(biāo)題動(dòng)畫，可以制作成GIF動(dòng)畫或者Flash動(dòng)畫；導(dǎo)航條；

E-mail地址，用來接受用戶垂詢；

聯(lián)系信息，如普通郵件地址或電子信箱，版權(quán)信息。4）某個(gè)頁面有滾動(dòng)字幕。

5）整個(gè)網(wǎng)站各頁面之間保持風(fēng)格一致，頁面之間要有合理的超級(jí)鏈接。6）進(jìn)行站點(diǎn)測(cè)試后申請(qǐng)免費(fèi)空間并發(fā)布到網(wǎng)絡(luò)。

3、網(wǎng)站的設(shè)計(jì)過程

1）主頁的設(shè)計(jì)與制作首先要建立站點(diǎn)，然后再收集相關(guān)網(wǎng)站建設(shè)的資料信息，將自己建設(shè)的網(wǎng)站首頁勾畫框架，用AdobeDreamweaverCS4軟件建設(shè)網(wǎng)站的首頁，制作頭部，設(shè)

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

2）二級(jí)網(wǎng)頁設(shè)計(jì)與制作

本網(wǎng)站的二級(jí)網(wǎng)頁共有六個(gè)：新聞中心、寶馬圖庫、系列大全、汽車資訊、其他車型和關(guān)于我，在網(wǎng)頁中還有友情鏈接網(wǎng)頁，網(wǎng)站內(nèi)部鏈接網(wǎng)頁等；二級(jí)網(wǎng)頁中包含網(wǎng)站的基本信息以及新聞信息等，每一個(gè)二級(jí)網(wǎng)頁都運(yùn)用了模版，在模版里插入可編輯區(qū)域，這樣用模版做二級(jí)網(wǎng)頁，速度很快，而且網(wǎng)頁的質(zhì)量也相對(duì)有很大的提高，運(yùn)用模版的好處多

動(dòng)態(tài)網(wǎng)站建設(shè)實(shí)訓(xùn)報(bào)告

在于在修改網(wǎng)頁時(shí)，只要在模版里面修改，用到模版的網(wǎng)頁都會(huì)相應(yīng)的自動(dòng)修改，大大的提高了對(duì)網(wǎng)站的信息等的更新。當(dāng)然有很多網(wǎng)頁會(huì)與網(wǎng)站的主頁在風(fēng)格上有所不同，比如在我的網(wǎng)站中的“關(guān)于我”，就運(yùn)用了與本站主頁所不同的網(wǎng)頁風(fēng)格，網(wǎng)站的主頁是以淡藍(lán)色為主色調(diào)而設(shè)計(jì)的，而在網(wǎng)站中的“關(guān)于我”是以淺綠色為主色調(diào)而設(shè)計(jì)的，淺綠色體現(xiàn)了活力，在關(guān)于我里面有運(yùn)用了另一個(gè)模版，在“關(guān)于我”中還包括了三個(gè)二級(jí)網(wǎng)頁，其中也用到了與主頁不同風(fēng)格的網(wǎng)頁模版。

此網(wǎng)頁中的三個(gè)二級(jí)網(wǎng)頁為：我的簡(jiǎn)介、我的博客和聯(lián)系我哦；還有一個(gè)返回網(wǎng)站首頁的鏈接。

在整個(gè)網(wǎng)站的設(shè)計(jì)中用到了大量的表格，每一個(gè)網(wǎng)頁都用表格規(guī)劃排版，在表格里面嵌套表格，同時(shí)還運(yùn)用了大量的背景圖片，是網(wǎng)頁的色彩深淺搭配合理，在表格及文字中還運(yùn)用了CSS樣式，控制文字的樣式：大小、顏色以及對(duì)齊方式；表格的邊框等等。

為了使靜態(tài)的網(wǎng)頁看起來有動(dòng)態(tài)的視覺效果，在網(wǎng)頁中插入了FLASH動(dòng)畫，設(shè)計(jì)了圖片無縫滾動(dòng)，是網(wǎng)頁看起來有了活力。

部分圖片無縫滾動(dòng)設(shè)計(jì)源代碼如下：向左無縫滾動(dòng)

body,html,div,a{margin:0;padding:0}#demo{

background:#FFF;overflow:hidden;border:1pxdashed#CCC;width:500px;

動(dòng)態(tài)網(wǎng)站建設(shè)實(shí)訓(xùn)報(bào)告

window.onload=function(){varspeed=10;//數(shù)字越大速度越慢vartab=document.getElementById("demo");var

tab1=document.getElementById("demo1");var

tab2=document.getElementById("demo2");tab2.innerHTML=tab1.innerHTML;functionMarquee(){

if(tab2.offsetWidth-tab.scrollLeft動(dòng)態(tài)網(wǎng)站建設(shè)實(shí)訓(xùn)報(bào)告

在網(wǎng)頁制作中我遇到了很多問題，首先是排版問題，一開始我是直接在一個(gè)大表格里排版，結(jié)果導(dǎo)致格子間不對(duì)齊，弄到后面顯得很亂。還有就是屏幕分辨率的設(shè)計(jì)，由于不同的電腦分辨率不同導(dǎo)致結(jié)果排版很容易混亂掉。

在做CSS樣式表的時(shí)候，做字的顏色的時(shí)候，老是不知道用哪種顏色才搭配的起這個(gè)背景。對(duì)于文件的應(yīng)用必須確保路徑是正確的不然的話圖片就不會(huì)顯現(xiàn)出來。

在做模板時(shí)我忘了在目標(biāo)上選擇是mainframe還是其他的，結(jié)果顯示的時(shí)候還是很有問題。而且錨點(diǎn)是只能在本頁中應(yīng)用的，不能跨頁應(yīng)用。

與此同時(shí)，在在網(wǎng)頁制作中，遇到一些后臺(tái)技術(shù)問題，這也是無法避免的，在軟件的使用中剛開始對(duì)日軟件的不熟悉，找不到要用的信息技術(shù)，但在多次的聯(lián)系中慢慢的深度學(xué)習(xí)了Dreamweaver的相關(guān)技術(shù)，體會(huì)到該軟件所見即所得的快速想過，不過對(duì)已一些更深層的技術(shù)我們還尚未能開發(fā)使用，等待在后期學(xué)習(xí)中獲得更多的網(wǎng)頁設(shè)計(jì)和網(wǎng)站開發(fā)技術(shù)。

四、心得體會(huì)

在我看來，設(shè)計(jì)網(wǎng)頁，應(yīng)該先策劃，策劃很重要，加上創(chuàng)意，配色很重要，技術(shù)與鑒賞能力是最主要的。建立站點(diǎn)的時(shí)候，各個(gè)文件夾取名的時(shí)候，最好用相應(yīng)的英語，見名知意，如圖片文件夾用image，網(wǎng)頁文件夾用html。

本次網(wǎng)站主要是運(yùn)用本學(xué)期學(xué)過的知識(shí)來布局應(yīng)用、制作動(dòng)畫效果，通過本次的網(wǎng)站設(shè)計(jì)，運(yùn)用了本學(xué)期所學(xué)到的知識(shí)這樣不僅復(fù)習(xí)了本學(xué)期學(xué)過的一些知識(shí)，同時(shí)也加深所學(xué)知識(shí)的內(nèi)容，在制作網(wǎng)站的過程中，碰到了不少的不明白的地方通過老師同學(xué)的幫助也解決了不少問題，通過循序漸進(jìn)的學(xué)習(xí)慢慢地完成了本次的網(wǎng)站建設(shè)，這次做的網(wǎng)頁雖不是很好看，有不足之處，比如網(wǎng)頁布局不是很完善，可是我花了很多時(shí)間來完成它，所以呢，它對(duì)我以后做網(wǎng)頁有很大的幫助。在此次做網(wǎng)頁的過程中也讓我學(xué)到了很多東西，所以呢從我內(nèi)心來說我是很滿意我的這次經(jīng)歷，同時(shí)也要謝謝老師安排這樣的實(shí)習(xí)周。因?yàn)樵谥谱鬟^程中我不僅學(xué)到了書上沒有的東西，也培養(yǎng)了我獨(dú)立思考問題的能力，同時(shí)還增強(qiáng)了同學(xué)之間的團(tuán)結(jié)互助的友誼。因此，不論從哪個(gè)角度來說，這次設(shè)計(jì)就是在不斷的“發(fā)現(xiàn)問題解決問題再發(fā)現(xiàn)問題再解決問題”這個(gè)學(xué)習(xí)過程中完成的。

通過此次實(shí)訓(xùn),我覺得平面設(shè)計(jì)的創(chuàng)意思維、版面設(shè)計(jì)、色彩配置、圖形創(chuàng)意等方面都有很重要，對(duì)于網(wǎng)頁制作來說，我覺得是一個(gè)以多學(xué)科設(shè)計(jì)為基礎(chǔ)，受到包括視覺藝術(shù)、技術(shù)、內(nèi)容的多種影響。網(wǎng)頁設(shè)計(jì)的技術(shù)不算什么困難，真正困難的是網(wǎng)頁的設(shè)計(jì)創(chuàng)意，

動(dòng)態(tài)網(wǎng)站建設(shè)實(shí)訓(xùn)報(bào)告

文字也很重要，有些人瀏覽你的網(wǎng)頁不是喜歡上你的艷麗漂亮的圖片，也許是喜歡上你的文字，那種感動(dòng)人心的，唯美的文字。文字與圖片要搭得上調(diào)，也就是整體的搭配問題。

我想，如果此次實(shí)訓(xùn)老師是要我們分組來做的話，也許，我們可以做得更好，因?yàn)椋�一個(gè)想的畢竟不全面，而且，一個(gè)人的申美有限，我們可以分工合作，一個(gè)人做一個(gè)方面的東西，也可以根據(jù)他所善長的方面來分工，善長動(dòng)畫制作的人做動(dòng)畫，善長圖片處理的人做圖片，善長文字與布局的就來布局。今后我將繼續(xù)努力，把網(wǎng)頁設(shè)計(jì)的更好。

五、實(shí)訓(xùn)總結(jié)

這次BMW悅駕中國網(wǎng)站能順利的完成，這都離不開老師的幫助和我自身的不懈努力，雖然這次實(shí)訓(xùn)老師安排自己完成自己的任務(wù)。所以我合理的分配了一下時(shí)間，才得以在設(shè)計(jì)，制作，收集材料，整理方面都非常順利。在實(shí)訓(xùn)中，因?yàn)槿耸植蛔�，我體驗(yàn)到了團(tuán)隊(duì)合作的重要性。團(tuán)隊(duì)很重要，因此，團(tuán)隊(duì)這個(gè)東西無處不在，沒有團(tuán)隊(duì)，有些事情十很難完成的。這次實(shí)訓(xùn)，我不僅學(xué)到了知識(shí)，還領(lǐng)會(huì)到了團(tuán)隊(duì)的重要性。

這次實(shí)訓(xùn)是我們本學(xué)期的第一次實(shí)訓(xùn)，因此剛開始時(shí)我們還真有點(diǎn)無所適從。通過這次實(shí)訓(xùn)，我們掌握了制作網(wǎng)頁的一般步驟，也學(xué)到了一點(diǎn)技巧性的東西。經(jīng)過這次實(shí)訓(xùn)，我領(lǐng)悟到任何東西都要“學(xué)以至用”，學(xué)習(xí)了還不行還要看自己掌握了沒，掌握了還不行還要看自己熟練了沒，熟練了還不行還要做出一定成果。這次實(shí)訓(xùn)也十給我在以上踏上工作崗位作鋪墊。

很快的，一個(gè)假期又過來了，面對(duì)本學(xué)期的校園生活實(shí)訓(xùn)，想著剛剛過去的兩周，緊張沉默之后更多的是感慨，印在腦海里的每一個(gè)足跡都是那么的深，真的說不出是什么感覺，伴著時(shí)間，就像是在和自己的影子賽跑，不可能從真實(shí)的兩面去看清它，只是經(jīng)意不經(jīng)意的感受著有種東西在過去，也許更適合的只有那句話：時(shí)不待我，怎可駐足？?jī)芍�，短短的兩周，我學(xué)到了很多不知道的東西，實(shí)在是感受頗深。

總之，這次實(shí)訓(xùn)為我提供了與眾不同的學(xué)習(xí)方法和學(xué)習(xí)體會(huì)，從書本中面對(duì)現(xiàn)實(shí)，為我將來走上社會(huì)打下了扎實(shí)的基礎(chǔ)。從實(shí)踐操作中，我總結(jié)出一些屬于自己的實(shí)踐經(jīng)驗(yàn)，社會(huì)是不會(huì)要一個(gè)一無是處的人的。作為在校網(wǎng)絡(luò)技術(shù)專業(yè)的大專生，現(xiàn)在我能做的就是吸取知識(shí)，提高自身的綜合素質(zhì)，提高自己的表達(dá)能力、寫作能力和合作能力，自己有了能力，到時(shí)候才會(huì)是“車到山前必有路”。我相信在不久的未來，會(huì)有屬于我自己的一片天空！

友情提示：本文中關(guān)于《動(dòng)態(tài)網(wǎng)站建設(shè)實(shí)訓(xùn)報(bào)告》給出的范例僅供您參考拓展思維使用，動(dòng)態(tài)網(wǎng)站建設(shè)實(shí)訓(xùn)報(bào)告：該篇文章建議您自主創(chuàng)作。

來源：網(wǎng)絡(luò)整理 免責(zé)聲明：本文僅限學(xué)習(xí)分享，如產(chǎn)生版權(quán)問題，請(qǐng)聯(lián)系我們及時(shí)刪除。

《動(dòng)態(tài)網(wǎng)站建設(shè)實(shí)訓(xùn)報(bào)告》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請(qǐng)保留原作者信息,謝謝!
鏈接地址：http://www.7334dd.com/gongwen/585514.html

• 上一篇：《動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)》實(shí)訓(xùn)報(bào)告1
• 下一篇：動(dòng)態(tài)網(wǎng)站實(shí)訓(xùn)報(bào)告