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