【正文】 第一篇：實(shí)訓(xùn)報(bào)告網(wǎng)頁制作與網(wǎng)站建設(shè)項(xiàng)目實(shí)戰(zhàn)《網(wǎng)頁制作與網(wǎng)站建設(shè)項(xiàng)目實(shí)戰(zhàn)》實(shí)訓(xùn)報(bào)告冊(cè)系部： 專業(yè)： 指導(dǎo)老師： 班級(jí)：同組人員： 實(shí)訓(xùn)時(shí)間 學(xué)號(hào): 姓名： 實(shí)訓(xùn)成績(jī)： 批閱時(shí)間：江蘇財(cái)經(jīng)職業(yè)技術(shù)學(xué)院目錄一、實(shí)訓(xùn)目的....................................................................................3二、實(shí)訓(xùn)任務(wù)....................................................................................4三、實(shí)訓(xùn)要求....................................................................................5四、實(shí)訓(xùn)設(shè)計(jì)說明............................................................................6五、實(shí)訓(xùn)中遇到的問題和解決方法..............................................17六、心得體會(huì)..................................................................................18一、實(shí)訓(xùn)目的1．進(jìn)一步熟悉和掌握網(wǎng)站建設(shè)的基本流程和技術(shù)規(guī)范； 2．鞏固網(wǎng)頁設(shè)計(jì)中各種HTML標(biāo)記的使用。3．鞏固運(yùn)用Dreamweaver軟件創(chuàng)建網(wǎng)站，邊界和創(chuàng)建網(wǎng)頁，F(xiàn)ireworks，photoshop圖像處理軟件進(jìn)行網(wǎng)頁中圖形制作和運(yùn)用flash動(dòng)畫，背景音樂文件，視頻文件豐富網(wǎng)頁內(nèi)容的知識(shí)；4．鞏固運(yùn)用網(wǎng)頁模板，使用恰當(dāng)布局技術(shù)實(shí)現(xiàn)網(wǎng)頁的合理布局和內(nèi)容的編排；5．鞏固運(yùn)用網(wǎng)頁特效，網(wǎng)頁行為給網(wǎng)頁添加簡(jiǎn)單交互功能； 6．鞏固運(yùn)用CSS樣式表實(shí)現(xiàn)網(wǎng)頁，網(wǎng)站整體風(fēng)格，樣式的設(shè)置。9．具備獨(dú)立撰寫實(shí)訓(xùn)報(bào)告等科技文件的基本能力；10．在網(wǎng)頁設(shè)計(jì)的實(shí)踐中培養(yǎng)分析問題、解決問題的能力，培養(yǎng)協(xié)作、交流的能力，培養(yǎng)創(chuàng)新能力和團(tuán)隊(duì)意識(shí)；11．為今后從事網(wǎng)站開發(fā)、維護(hù)和管理奠定基礎(chǔ)。二、實(shí)訓(xùn)任務(wù)1．站點(diǎn)規(guī)劃，搜集資料。確定網(wǎng)站主題內(nèi)容，規(guī)劃站點(diǎn)結(jié)構(gòu)，從網(wǎng)上搜索相關(guān)資料（圖片、文字等）。2．進(jìn)行主頁設(shè)計(jì)。構(gòu)思主頁布局，進(jìn)行主頁標(biāo)題圖片的設(shè)計(jì)（力求原創(chuàng)，使用學(xué)過的繪圖軟件），進(jìn)行主頁其余圖片的設(shè)計(jì)和頁面內(nèi)容的錄入，最后進(jìn)行主頁的整體優(yōu)化設(shè)計(jì)。4．網(wǎng)頁設(shè)計(jì)。除主頁以外的網(wǎng)頁設(shè)計(jì)，首先設(shè)計(jì)網(wǎng)頁模版，一部分網(wǎng)頁由模版生成，一部分為單獨(dú)設(shè)計(jì)（依據(jù)實(shí)際需要確定哪些網(wǎng)頁由模版生成，確定哪些網(wǎng)頁單獨(dú)設(shè)計(jì)）。包括版面設(shè)計(jì)和圖形設(shè)計(jì)、內(nèi)容錄入等。5．多媒體使用。在網(wǎng)頁上使用網(wǎng)絡(luò)上的多媒體素材，或者可以自己創(chuàng)作多媒體素材，實(shí)現(xiàn)網(wǎng)頁的內(nèi)容多樣性，增加網(wǎng)站的美觀和趣味性。6．創(chuàng)建數(shù)據(jù)庫，鏈接數(shù)據(jù)庫，添加簡(jiǎn)單動(dòng)態(tài)網(wǎng)頁，實(shí)現(xiàn)部分?jǐn)?shù)據(jù)的維護(hù)和更新。綜合優(yōu)化。鏈接正確、得當(dāng)，動(dòng)態(tài)效果好（時(shí)間軸動(dòng)畫、行為、代碼的嵌入等）7．網(wǎng)站測(cè)試并遞交。在瀏覽器中對(duì)完成的網(wǎng)站逐頁打開測(cè)試，包括鏈接正確與否，頁面打開時(shí)間，圖片和動(dòng)畫是否丟失等。8．說明：實(shí)訓(xùn)報(bào)告中第一、二、三、部分為復(fù)印，四部分為分組打印，第五、六部分手寫。三、實(shí)訓(xùn)要求1．網(wǎng)站題材選擇。（1）班級(jí)網(wǎng)站（2）旅游景點(diǎn)網(wǎng)站（3）個(gè)人網(wǎng)站（4）網(wǎng)上書店（5）網(wǎng)上商店（6）課程學(xué)習(xí)網(wǎng)站（7）公司網(wǎng)站（8）學(xué)校網(wǎng)站2．分組實(shí)現(xiàn)和各自網(wǎng)站風(fēng)格對(duì)應(yīng)的留言板，或者部分新聞發(fā)布管理功能。3．實(shí)訓(xùn)技術(shù)要求。頁面布局合理，色彩和諧，鏈接正確，圖文并茂并茂。網(wǎng)站頁面大小應(yīng)該滿足800*600分辨率的客戶，兼顧1024*768分辨率。主要圖片和動(dòng)畫為原創(chuàng)（保存有源文件），主頁標(biāo)題圖片（動(dòng)畫）必須為原創(chuàng)。必須且合理使用動(dòng)態(tài)技術(shù)（包括行為、時(shí)間軸動(dòng)畫、嵌入代碼等），必須且合理運(yùn)用模版、庫文件。站點(diǎn)中網(wǎng)頁總數(shù)不少于8頁。四、實(shí)訓(xùn)設(shè)計(jì)說明1．網(wǎng)站主題說明（給出網(wǎng)站名稱，為什么選擇本主題網(wǎng)站，網(wǎng)站風(fēng)格特色說明）網(wǎng)站名稱：旅游網(wǎng)站選擇本網(wǎng)站的的原因：選擇旅游網(wǎng)站是因?yàn)槲覀兩砭咏K這個(gè)風(fēng)景迷人的地方，在這里學(xué)習(xí)了接近2年的時(shí)間，對(duì)江蘇淮安的文化有了更深的理解。尤其是淮安的景點(diǎn)，那有著古典氣息的文化色彩，讓我們對(duì)它有著很大的熱愛。網(wǎng)站風(fēng)格特色：我們無的網(wǎng)站的主要特色是以古老的淮河文化為主業(yè)面板，運(yùn)用透明flash實(shí)現(xiàn)古色古香的氣息，讓旅客看到這個(gè)頁面有身臨其境的感覺。2．網(wǎng)站總體設(shè)計(jì)（說明設(shè)計(jì)思路，給出網(wǎng)站總體結(jié)構(gòu)圖，參考實(shí)訓(xùn)指導(dǎo)書）3．網(wǎng)站主體風(fēng)格設(shè)置，網(wǎng)站整體CSS樣式表文件或網(wǎng)站模板，庫，使用文字加效果圖說明。4．網(wǎng)站主頁設(shè)計(jì)（網(wǎng)頁主頁布局設(shè)計(jì)，畫出主頁主要內(nèi)容布局圖）5．網(wǎng)站各個(gè)功能模塊的功能及實(shí)現(xiàn)（每個(gè)功能部分功能說明，使用的主要技術(shù)，運(yùn)行截圖）．網(wǎng)站特色，關(guān)鍵模塊介紹（請(qǐng)結(jié)合具體的文字介紹，還有功能展示截圖進(jìn)行說明。該部分可以為網(wǎng)站的創(chuàng)意，網(wǎng)站的架構(gòu)，網(wǎng)站的整體版式，網(wǎng)站的風(fēng)格，還可以是網(wǎng)站使用的典型的特效，突出的功能模塊等）五、實(shí)訓(xùn)中遇到的問題和解決方法六、心得體會(huì)第二篇：網(wǎng)頁制作實(shí)訓(xùn)報(bào)告《網(wǎng)站設(shè)計(jì)與制作》實(shí)訓(xùn)報(bào)告X學(xué)院XX班XXX號(hào)一．實(shí)訓(xùn)時(shí)間：2010年6月7日到2010年6月13日二．實(shí)訓(xùn)地點(diǎn)：XXX學(xué)院XXX班級(jí)三．實(shí)訓(xùn)組員：XXX、XXX四．實(shí)訓(xùn)目標(biāo)：運(yùn)用網(wǎng)頁設(shè)計(jì)方法，設(shè)計(jì)一個(gè)網(wǎng)站，提高綜合應(yīng)用所學(xué)知識(shí)的能力，積累Web網(wǎng)站的制作經(jīng)驗(yàn)，培養(yǎng)團(tuán)隊(duì)協(xié)作精神。本次實(shí)訓(xùn)的具體目標(biāo)為:了解網(wǎng)站制作的一般流程。熟練使用網(wǎng)頁制作工具Dreamweaver、Flash、Fireworks設(shè)計(jì)網(wǎng)頁。能靈活運(yùn)用表格、層和框架布局頁面。熟練使用CSS樣式表美化網(wǎng)頁。正確使用JavaScript添加網(wǎng)頁特效。靈活使用模板和庫來制作網(wǎng)頁；學(xué)會(huì)申請(qǐng)免費(fèi)域名空間和正確上傳站點(diǎn)的方法。五．實(shí)訓(xùn)策劃：這一周，我們要進(jìn)行《網(wǎng)站設(shè)計(jì)與制作》實(shí)訓(xùn)，我們認(rèn)為做網(wǎng)站前最主要的是確定主題、框架和標(biāo)題欄的設(shè)計(jì)。因此我們相互討論之后，確定制作以“婚紗”為主題的“喜多坊時(shí)尚婚紗網(wǎng)”。在之后的資料收集和網(wǎng)頁的框架的建設(shè)中，我們發(fā)現(xiàn)了許多問題，某些關(guān)鍵點(diǎn)無法做出心中的效果，這讓我們有些遺憾。通過自身及組員的共同探索，我們已盡權(quán)利將以下是我們的策劃內(nèi)容：。制作網(wǎng)頁,首先是確定主題，冬天很冷,卻冷得很幸福，剛剛過去的圣誕的熱鬧勁還在心頭。于是我們從幸福出發(fā)，想到了結(jié)婚婚紗，建立一個(gè)簡(jiǎn)單的介紹婚紗的網(wǎng)站并取名喜多坊時(shí)尚時(shí)尚婚紗,專業(yè)介紹一些喜多坊婚紗的特色等。我們本次間的網(wǎng)站基本以粉紅為基點(diǎn)，粉紅是可愛清純的顏色，粉紅代表著幸福溫馨，所以本站以粉紅為風(fēng)格，讓整個(gè)網(wǎng)站充滿愛的力量。主頁的設(shè)計(jì)是整個(gè)網(wǎng)站的靈魂，構(gòu)思導(dǎo)航欄的分類，然后是整體規(guī)劃，每一版塊都有其個(gè)性的色彩，清晰明了，便于閱讀瀏覽，我們構(gòu)思大致分幾部分，首頁，關(guān)于我們，婚紗禮服，量體裁衣，婚紗選購，公司門市，與我聯(lián)系，在線論壇8大板塊，每一板塊又分幾小部分，內(nèi)容比較充分，多樣。確定導(dǎo)航欄的各個(gè)分類標(biāo)題之后對(duì)于建立二級(jí)子網(wǎng)尤為重要，我們運(yùn)用Photoshop CS3技術(shù)來設(shè)計(jì)出導(dǎo)航欄，制作切片，建立導(dǎo)航欄，將整體的主頁效果建立起來。主頁的導(dǎo)航欄設(shè)計(jì)好后，接下來就是對(duì)主頁導(dǎo)航欄的各個(gè)內(nèi)容進(jìn)行資料的收集，我們采用大量的資料收集再對(duì)資料進(jìn)行塞選p圖，得到最適合導(dǎo)航欄內(nèi)容的資料。素材的選擇，要符合網(wǎng)站的主題，圖片的大小要符合模板的輪廓，我們將不符合模板的用Photoshop處理編輯，然后放入站點(diǎn)底下，進(jìn)行圖文的鏈接和排版。我們?cè)O(shè)計(jì)好模板后只要在可編輯區(qū)依次編輯所需資料就可，運(yùn)用模板建立子網(wǎng)頁少了很多工序，為我們節(jié)省大量的時(shí)間。盡管我們建立了模板，但我們?cè)诮⒆泳W(wǎng)時(shí)很小心，因?yàn)橐粡垐D片的大小插入就有可能破壞