web前端實訓報告總結(jié)

1、web前端實訓報告總結(jié)（文章一）：Web前端技術(shù)課程實訓報告 Web前端技術(shù)課程設(shè)計報告 （一）、 實訓課題名稱 （二）、 課題設(shè)計目的 通過實訓，應(yīng)使學生鞏固所學知識，把所學的理論知識運用到網(wǎng)站制作實踐中。 培養(yǎng)學生動手能力，將PS制作效果圖、CSS+DIV網(wǎng)頁布局、JavaScript等Web前端開發(fā)技術(shù)結(jié)合起來，在實訓環(huán)節(jié)中進行運用。為以后學xx站打下基礎(chǔ)。 （三）、 實現(xiàn)功能： 用PhotoShop、DreamWeaver等開發(fā)工具制作一個由靜態(tài)網(wǎng)頁構(gòu)成的簡單網(wǎng)站，要求包括一個首頁、至少三個子網(wǎng)頁，按照網(wǎng)站開發(fā)流程，先做網(wǎng)頁效果圖，然后制作網(wǎng)頁素材、構(gòu)建網(wǎng)站文件結(jié)構(gòu)、規(guī)劃網(wǎng)頁布局、制作

2、網(wǎng)頁動畫、實現(xiàn)網(wǎng)頁功能，爾后進行網(wǎng)站測試，并編制出各階段必要的文檔。在編寫文檔時，必須嚴格遵照要求，最后提交文檔。 功能要求：該網(wǎng)站首頁必須包括網(wǎng)站logo、導航條（帶有鼠標事件變化效果）、banner（簡單flash動畫）、圖片、多媒體運用、文字等主要信息展示；子網(wǎng)頁包括用戶注冊（帶有表單輸入項本地驗證功能）、登錄（用戶名和密碼非空驗證）、子網(wǎng)頁相關(guān)欄目。各頁面之間通過超鏈接切換。 最后要求提交詳細的課程設(shè)計報告及網(wǎng)頁效果圖（.psd）和網(wǎng)站運行文件，現(xiàn)場運行驗收開發(fā)的系統(tǒng)。 （四）、 課題設(shè)計內(nèi)容： （1）開發(fā)背景 （2）網(wǎng)站分析設(shè)計部分 1）客戶需求分析 ? 網(wǎng)站欄目劃分 ? 欄目內(nèi)容介

3、紹 ? 網(wǎng)站拓撲圖 ? 網(wǎng)頁風格創(chuàng)意設(shè)計 2）網(wǎng)站風格定位 3）網(wǎng)站建設(shè)方案 4）網(wǎng)站效果圖 （3）網(wǎng)站制作部分 1）效果圖制作 2）網(wǎng)頁素材及網(wǎng)站架構(gòu)制作 3）首頁制作頁面設(shè)計 4）子頁面制作 （五）、體會及下一步學習方向 教師評語 參考方案： 目錄 開發(fā)背景4 前期準備4 客戶需求分析4 網(wǎng)站風格定位5 色彩5 排版5 特效.6 網(wǎng)站建設(shè)方案6 網(wǎng)頁風格創(chuàng)意設(shè)計7 網(wǎng)站欄目劃分7 欄目內(nèi)容介紹8 網(wǎng)站拓撲圖9 實訓目的10 實訓任務(wù)10 實訓項目11 網(wǎng)站基本介紹11 報名界面10 保存的文件位置11 首頁展示效果圖12 導航條展示效果圖13 留言板表格布局14 網(wǎng)站版權(quán)的展示圖14 國內(nèi)

4、黑客網(wǎng)站界面展示圖15 黑客新聞界面展示圖16 電影展示圖18 黑客簡介界面展示圖20 黑客區(qū)別界面展示圖21 黑客分類界面展示圖22 實訓中的問題和解決辦法23 實訓體會24 （一）、開發(fā)背景 如今已是信息化時代，很多網(wǎng)絡(luò)中的強盜已經(jīng)將魔爪伸向我們每一個網(wǎng)民。由此可見關(guān)于了解黑客以及黑客攻防方面的知識和新聞是很有必要的。黑客學習網(wǎng)一直致力于面向全球華人提供最新的黑客新聞、最先進的黑客攻防技術(shù)，力求將黑客學習網(wǎng)打造成網(wǎng)民每天必看的學習網(wǎng)站！ （二）、前期準備 本網(wǎng)站是以信息安全類為主體設(shè)計，系統(tǒng)的介紹了黑客攻防的新聞的知識。 （三）、客戶需求分析 客戶需求是指客戶創(chuàng)建本網(wǎng)站的目的和對網(wǎng)站建設(shè)提

5、出來的特定的要求。 了解客戶的需求，是建好黑客學習網(wǎng)站的前提。黑客學習網(wǎng) 站通過互聯(lián)網(wǎng)可以更好的開展信息技術(shù)的交流、學習和網(wǎng)上報名等活動。這樣可以提高網(wǎng)站的訪問量、知名度，也是網(wǎng)站業(yè)務(wù)的重要來源?？蛻魧ζ鋽M建的黑客學習網(wǎng)站提出的主要要求有以下幾點： （1）、宣傳信息安全的重要性，提高人們對信息安全的認識，增加網(wǎng)站的知名度。 （2）、適時地發(fā)布最新黑客新聞和技術(shù)，為學習者提供最佳資源。 （3）、在網(wǎng)上發(fā)布報名表，引進國內(nèi)外的愛好者來此學習交流。 （4）、網(wǎng)站上要設(shè)有愛好者交流留言板，用戶可以網(wǎng)站新聞和技術(shù)文章進行評論和留言交流，對于網(wǎng)站的改進和更新很有幫助。 （四）、網(wǎng)站風格定位 網(wǎng)站風格是指網(wǎng)

6、站的整體形象給瀏覽者的綜合感受。這個整體形象包括站點的logo、標志、色彩、字體、標語、版面布局、瀏覽方式、交互性、文字、內(nèi)容價值等諸多元素。可以從三個方面對長xx旅游網(wǎng)進行定位。 （1）、色彩 網(wǎng)站的色彩是瀏覽者整體的視覺感官，如果網(wǎng)站的色彩具有一致性，會使網(wǎng)站看起來美觀，使瀏覽者不容易對內(nèi)容混淆，增加了瀏覽的簡潔與方便。從而更能襯托網(wǎng)站的主題，若色彩能與主題合理搭配，將會增加網(wǎng)站的易讀性。 黑客學習網(wǎng)站選定的主題色是黑灰色。因為若是要打開一個黑客方面的網(wǎng)站，每個人的頭腦中肯定都是黑色或者灰色，即為較暗淡神秘的顏色。能給吸引更多用戶并給用戶一種神秘感，很適合黑客學習的網(wǎng)站。 網(wǎng)站中除了采用黑

7、灰色系外，還和淡藍色、白色搭配，使網(wǎng)站產(chǎn)生一種舒適的氣氛，使人可以長時間駐留其間，眼睛也不會覺得疲勞。 （2）、排版（文章二）：Web前端技術(shù)實訓報告書 Web前端技術(shù)實訓任務(wù)書 （一）、實訓課題名稱 （1）、 教育類網(wǎng)站的設(shè)計與制作 （2）、 商業(yè)類網(wǎng)站的設(shè)計與制作 （3）、 旅游休閑類網(wǎng)站的設(shè)計與制作 （4）、 體育健身類網(wǎng)站的設(shè)計與制作 （二）、 課題設(shè)計目的 通過實訓，應(yīng)使學生鞏固所學知識，把所學的理論知識運用到網(wǎng)站制作實踐中。培養(yǎng)學生動手能力，將PS制作效果圖、CSS+DIV網(wǎng)頁布局、JavaScript等Web前端開發(fā)技術(shù)結(jié)合起來，在實訓環(huán)節(jié)中進行運用。為以后學xx站打下基礎(chǔ)。 （

8、三）、 任務(wù)要求： 用PhotoShop、DreamWeaver等開發(fā)工具制作一個由靜態(tài)網(wǎng)頁構(gòu)成的簡單網(wǎng)站，要求包括一個首頁、至少三個子網(wǎng)頁，按照網(wǎng)站開發(fā)流程，先做網(wǎng)頁效果圖，然后制作網(wǎng)頁素材、構(gòu)建網(wǎng)站文件結(jié)構(gòu)、規(guī)劃網(wǎng)頁布局、制作網(wǎng)頁動畫、實現(xiàn)網(wǎng)頁功能，爾后進行網(wǎng)站測試，并編制出各階段必要的文檔。在編寫文檔時，必須嚴格遵照要求，最后提交文檔。 功能要求：該網(wǎng)站首頁必須包括網(wǎng)站logo、導航條（帶有鼠標事件變化效果）、banner（簡單flash動畫）、圖片、多媒體運用、文字等主要信息展示；子網(wǎng)頁包括用戶注冊（帶有表單輸入項本地驗證功能）、登錄（用戶名和密碼非空驗證）、子網(wǎng)頁相關(guān)欄目。各頁面之間通過超鏈接切換。 最后要求提交詳細的課程設(shè)計報告及網(wǎng)頁效果圖（.psd）和網(wǎng)站運行文件，現(xiàn)場運行驗收開發(fā)的系統(tǒng)。 （四）、 課題設(shè)計報告書要求： （1）、 課題設(shè)計報告書第一頁為封面，封面上寫清楚標題、班級、姓名、指導老師、 完成日期。 （2）、 課題設(shè)計報告書第二頁為本任務(wù)書。 （3）、 課題設(shè)計報告書第三頁為教師評語。 （4）、 課題設(shè)計報告書第四頁為目錄。 （5）、 課題設(shè)計報告書第五頁開始為具體內(nèi)容： （1）開發(fā)背景 ? 網(wǎng)站欄目劃分 2）網(wǎng)頁素材及網(wǎng)站架（2）網(wǎng)