資源描述：
《網站設計實訓報告》由會員上傳分享，免費在線閱讀，更多相關內容在教育資源-天天文庫。
1、網頁設計實訓報告題目:個人網站實訓報告學號:0000000000姓名:000000000015一.實訓意義:網頁設計與制作綜合實訓是教學過程中重要的實踐性教學環(huán)節(jié).它是根據專業(yè)教學計劃的要求,在教師的指導下對學生進行網頁制作專業(yè)技能的訓練,培養(yǎng)學生綜合運用理論知識分析和解決實際問題的能力,實現由理論知識向操作技能的轉化,是對理論與實踐教學效果的檢驗,也是對學生綜合分析能力與獨立工作能力的培養(yǎng)過程.因此加強實踐教學環(huán)節(jié),搞好實訓教學,對實現本專業(yè)的培養(yǎng)目標,提高學生的綜合素質有著重要的作用。二.實訓目的:1．通過綜合實訓進一步鞏固，深化和拓展學生的理論知識與專業(yè)技能。(1)掌握規(guī)劃網站
2、的內容結構，目錄結構,鏈接結構的方法。(2)熟練掌握網頁制作軟件FrontPage2003和的基本操作和使用技能。(3)掌握頁面的整體控制和頭部內容設置的方法。(4)熟練掌握網頁頁面布局的各種方法。(5)熟練掌握在網頁中輸入,設置標題和正文文字的方法。(6)熟練掌握在網頁中插入圖象,flash動畫和背景音樂的方法。(7)熟練建立各種形式的超級鏈接的方法。(8)掌握表單網頁制作方法。(9)掌握網頁特效制作方法。(10)掌握網站測試的方法。2.訓練和培養(yǎng)學生獲取信息和處理信息的能力,充分培養(yǎng)和提高學生的動手能力,學會通過網站、書籍、素材光盤等方式收集所需的文字資料、圖象資料、flash動
3、畫和網頁特效等。3.培養(yǎng)學生運用所學的理論知識和技能解決網站開發(fā)過程中所遇到的實際問題的能力及其基本工作素質。4.培養(yǎng)學生理論聯系實際的工作作風,嚴肅認真的科學態(tài)度以及獨立工作的能力,樹立自信心。三．實驗步驟：1、網站主題我的網站的主旨在于從各個方面全面的介紹我自己，展示自己，包括我的個人資料、個人相片和愛好。另外，網站里還包括我的好友和好友資料，建立一個展示自我形象的平臺。同時，網站里的每一個網頁都有統(tǒng)一的風格，每一個網頁的主題色彩都是淺紅色，用以展示自己性格的效果。最重要的是做出自己的風格，給瀏覽者好的欣賞感受。2、網站材料主要在網站上搜集所要的網頁信息，包括圖片、文字、相關的新
4、聞。同時，查詢相關的書籍、百度和素材光盤等方式收集所需的文字資料,圖象資料,flash動畫和網頁特效等，用以得來更加具有說服力的頁面。要想做好自己的網站，能夠給瀏覽者好的欣賞感受，就要盡量搜集材料，搜集得材料越多，以后制作網站就越容易。精選自己收集的材料，作為自己制作網頁的素材，這樣就可以做好一個好的網站。3、網站規(guī)劃15我的網站共有7個主頁面：首頁、相冊、簡歷、圖書、好友、留言版和音樂。每一個頁面用統(tǒng)一的背景圖片，以保證網站統(tǒng)一的頁面風格。如下圖：我是用自己的姓名和學號命名網站名，用以方便存儲和轉發(fā)。網站整體色調為淺紅色，然后點綴其他不同的顏色相配，突出主題，顏色沒有過多，過雜，用
5、以避免給人一種雜亂的感覺。版面設計十分靈活，根據各部分內容的不同適當的自由設計。網頁布局主要用框架和表格，用框架定位內容的大體結構，再用表格具體定位。位子的設計也是重要的一個部分，根據具體內容決定字體風格，相同的風格多次調用是用css設計一個樣式，以保證隨時、準確的調用。另外，為了網頁布局的協(xié)調，我加入了適當的flash透明動態(tài)圖片，用以達到更好的瀏覽效果。4、網站的制作工具做網頁時主要使用的是FrontPage2003，但我還使用了Deamweaver。另外，為了處理網頁中的其他元素，還使用了Photoshop、GifAnimator等軟件。5、制作網站的網頁素材、風格、模板都設計
6、好以后，下一步就是具體的制作網頁。制作網站時，首先要做的就是站點的規(guī)劃，建立一個本地站點“mysite”，建立的各個頁面都應該放在本地站點中，在網頁制作時所需的各個元素都進行了統(tǒng)一的管理，建立統(tǒng)一的文件夾放同一類型的文件，我在制作時建立了“tupian”文件夾來存放圖片。同時，由于“相冊”頁面中的信息太多，于是建立了一個專門的文件夾存放相冊信息，網頁中的css樣式文件也應統(tǒng)一管理，做到有條不紊，我設計的網站的首頁如下圖：以導航欄為界，上面插入了兩個flash動畫，用以給瀏覽者好的視覺享受。左下方有我的個人資料、15相片和相關鏈接。插入相關鏈接的菜單欄，一方面為了布局合理，彌補左下角的
7、空缺，另一方面給瀏覽者提供放表的導航，點擊其中任意一個都會連接到其他網頁，如點擊google就會連接到下面網頁：根據自己的網頁風格，在網上搜集合適的圖片，另外網頁的頁寬一般沒有超過900像素，以保證左右不出現滾動條。右下邊插入的是表格，表格中添加了淺紅色的背景圖片。用以體現網站的主題色彩，表格還定位了網頁特效、系統(tǒng)時間和flash動畫。網頁特效為上下滾動的字幕，當鼠標停在字幕上時，字幕停止?jié)L動。特效代碼如下：
