網頁設計實驗報告

精選優(yōu)質文檔傾情為你奉上精選優(yōu)質文檔傾情為你奉上專心專注專業(yè)專心專注專業(yè)精選優(yōu)質文檔傾情為你奉上專心專注專業(yè)中南民族大學管理學院學生實驗報告課程名稱：網頁設計與制作姓名：星存田學號：年級：2010級專業(yè)：電子商務指導教師：羅惠平實驗地點：管理學院綜合實驗室2011至2012學年度第2學期目錄實驗一HTML網頁制作實驗二FrontPage2003網頁制作實驗三Dreamweaver8網頁制作實驗四PhotoshopCS2網頁制作實驗五Fireworks8網頁制作實驗六Flash網頁制作實驗一HTML網頁制作實驗屬性驗證型實驗時間2012-3-29實驗目的學習如何編寫HTML文檔，并學會HTML的一些基本標記，如標題、背景圖片、圖像。水平線、文字編輯、段落、超鏈接、文本堆砌的使用方法。學習HTML表單標記的應用、框架標記，書簽鏈接標記等等。實驗內容鳥語花香網頁課表制作表單的制作框架的應用書簽的應用網頁定時跳轉下載提示，彈出窗口實驗步驟實驗結果分析這次的網頁制作使我學會了很多，有關怎么收集資料，怎樣用最快的方法收集資料，怎樣收集有效的資料，怎樣整理資料，怎樣使自己的下載的資料便于查找，也學會了網頁的制作，學會了寫HTML文檔，并學會HTML的一些基本標記，如標題、背景圖片、圖像。水平線、文字編輯、段落、超鏈接、文本堆砌的使用方法。學習HTML表單標記的應用、框架標記，書簽鏈接標記指導教師批閱（1）實驗態(tài)度：不認真（），較認真（），認真（）（2）實驗目的：不明確（），較明確（），明確（）（3）實驗內容：不完整（），較完整（），完整（）（4）實驗步驟：混亂（），較清晰（），清晰（）（5）實驗結果：錯誤（），基本正確（），正確（）（6）實驗結果分析：無（），不充分（），較充分（），充分（）（7）其它補充：總評成績：評閱教師（簽字）：實驗二FrontPage2003網頁制作實驗屬性驗證型實驗時間2012-4-12實驗目的掌握frontpage2003新增加的網頁布局的功能，了解frontpage2003中的表單元素的應用了解利用框架設計網頁的基本操作，學習層在frontpage2003的應用，制作網頁動態(tài)效果，動畫效果制作等等。實驗內容表格布局頁面建立表單利用框架設計網頁層與行為的綜合應用制作文字的動態(tài)效果制作網頁動畫制作網頁過渡效果實驗步驟實驗結果分析在設計框架時經常需要調整某一行或列的屬性，這時可以通過表格中列寬和行高的標簽來完成。在操作窗口中單擊布局表格需要調整的邊框，每一側都會出現顯示列寬和行高的標簽。每個標簽都包括一個下拉箭頭，如更改行高度時，單擊此下拉箭頭彈出一個下拉菜單，選擇“更改行高”命令，在彈出的“行屬性”對話框中重新輸入該行高度值即可。FrontPage2003還提供了一個表格自動功能，它可以按照比例自動伸縮，調整表格的寬度和高度，使用時在邊距標簽下拉菜單中選擇“自動伸縮”命令即可快速地對表格的尺寸進行調整，非常方便。指導教師批閱（1）實驗態(tài)度：不認真（），較認真（），認真（）（2）實驗目的：不明確（），較明確（），明確（）（3）實驗內容：不完整（），較完整（），完整（）（4）實驗步驟：混亂（），較清晰（），清晰（）（5）實驗結果：錯誤（），基本正確（），正確（）（6）實驗結果分析：無（），不充分（），較充分（），充分（）（7）其它補充：總評成績：評閱教師（簽字）：實驗三Dreamweaver8網頁制作實驗屬性驗證型實驗時間2012-4-26實驗目的了解并掌握Dreamweaver8的個個功能，比如表單，框架結構，時間軸在網頁制作室的應用，層在網頁圖片上的應用，彈出式菜單在網頁中的應用功能，用圖片查看器制作簡單的flash相冊，用表格布局頁面，最后建立一個簡單的網站。實驗內容1表單的制作2制作框架頁面3時間軸的應用4層的應用5制作彈出式菜單6制作Flash相冊7用表格布局頁面8制作個人網站實驗步驟實驗結果分析跟學習別的東西一樣，學習網頁設計也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。學習網頁設計需要耐心，如果你沒有耐心，你學不好網頁設計，應為當你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了半個月時間才解決。學習網頁設計需要堅持，堅持不斷的學習，因為設計網頁的軟件在不斷的更新，你不斷的學習不要掉入技術的陷阱，你的網頁設計技術一流，你對軟件的掌握程度已經達到一定水平，但是你設計的網頁確不堪目睹，這是因為網頁設計是是介于平面設計和編程技術兩者之間的"邊緣科學."不僅涉及到美學,心理學,平面構成,色彩搭配等平面設計的方面的知識,還涉及到html,javascript,css,asp,php等編程語言技術方面的知識.只有綜合運用多種知識,才能設計出視聽特效,動感十足,富于個性的web頁面,才能全面展現互聯網這一新型媒體的獨特魅力和多維空間的超強功能.

注重實用，個人認為網頁設計應該注重實用性，因為它是讓人瀏覽的，是用戶可以撫摸，可以評論，可以交互的。我提倡簡單的美。

指導教師批閱（1）實驗態(tài)度：不認真（），較認真（），認真（）（2）實驗目的：不明確（），較明確（），明確（）（3）實驗內容：不完整（），較完整（），完整（）（4）實驗步驟：混亂（），較清晰（），清晰（）（5）實驗結果：錯誤（），基本正確（），正確（）（6）實驗結果分析：無（），不充分（），較充分（），充分（）（7）其它補充：總評成績：評閱教師（簽字）：

實驗四PhotoshopCS2網頁制作實驗屬性驗證型實驗時間2012-5-10實驗目的掌握PhotoshopCS2的文字的處理的基本功能，利用PhotoshopCS2制作具體的金屬效果，倒影的效果，利用PhotoshopCS2快速蒙版功能制作一個藝術邊框，用PhotoshopCS2對圖片進行摳圖操作等等。實驗內容1制作光暈空心字效果實驗步驟2制作金屬效果按鈕3制作風景倒影效果4制作一個圖片藝術邊框5利用濾鏡抽出功能摳圖6利用通道進行摳圖7制作一個精美的吊牌8制一長結婚請柬實驗步驟實驗結果分析通過這次網頁設計與制作綜合型實驗后，使得我不僅對dreamweaver8的網站頁面布局工具層、框架、標簽、表格、css樣式表、表單、flash元素、等站點建設的整個流程有了更完善的了解與認識，并且能夠熟練掌握應運，且在html編寫、javascript腳本改寫以及素材搜集等方面有了深刻認識和更高層次的掌握。熟悉了設置css樣式、運用行為、時間軸來美化網頁，并運用更多的軟件如flash、photoshop軟件與dreamweaver共同來完善網站。明確了網站的制作流程：首先要構思出一個清晰的思路，要注意顏色的搭配，不能色彩太顯眼，讓人感覺到視覺疲勞，注意整個網頁的布局，以及給人一種舒服的視覺感受。此外，還對dreamver軟件中各個菜單及相關屬性設置及具體應用更加熟悉。最主要的是對網站建設流程有了整體的概念和清晰的認識。真正讓我體會到了dreamweaver強大的設計和管理功能。從中我體會出網站的設計制作不僅要求我們對所學的專業(yè)知識有個較全面的了解，而且要全面地學習網站設計制作所需要的軟件（比如“網頁三劍客”）知識。在剛開始的時候覺得無從下手，心里有點茫然，只有抓緊時間緊跟老師學習dreamweaver軟件知識。后來才發(fā)現在一段時間內想把這方面的知識學得很精，并不是一件很容易的事情。通過老師的耐心教授以及視頻教程和同學間的幫助，我克服了諸多困難，學到許多網頁設計制作知識。為以后的學習打下深深地基礎。同時我也得出了一點道理：一、無論做什么事情都要有一種執(zhí)著的精神。否則就會半途而廢；二、做什么事情也不能急于求成，否則則欲速則不達！三、在做一件事情以前必須有詳實可行的計劃，否則就會出現不知做什么的現象和后來的手忙腳亂的現象。指導教師批閱（1）實驗態(tài)度：不認真（），較認真（），認真（）（2）實驗目的：不明確（），較明確（），明確（）（3）實驗內容：不完整（），較完整（），完整（）（4）實驗步驟：混亂（），較清晰（），清晰（）（5）實驗結果：錯誤（），基本正確（），正確（）（6）實驗結果分析：無（），不充分（），較充分（），充分（）（7）其它補充：總評成績：評閱教師（簽字）：

實驗五Fireworks8網頁制作實驗屬性驗證型實驗時間2012-5-24實驗目的掌握Fireworks8圖像和網頁制作的功能，簡單的logo和按鈕的制作，彈出菜單的制作，通過馬賽克文字效果掌握一些圖像處理的技巧，掌握一般替代動畫的制作方法和淡入淡出的動畫的制作方法，最后掌握幀在動畫中的應用。實驗內容簡單LOGO制作方法一制作按鈕制作彈出菜單制作馬賽克文字效果制作替換動畫制作淡入淡出動畫制作多幀動畫實驗步驟實驗結果分析應從使用者的視覺感觀、操作效果、思維過程等方面尋找答案,比如用紅色作為企業(yè)級應用的主體色,就要很慎重了,因為紅色是代表著激情、熱烈與企業(yè)級應用的要求差距較大,這樣就影響視覺效果;比如需要進行層次較多的選擇時,以前會先用一個列表選擇進去,再選擇其相應的子選項進行查詢、添加等操作,這樣操作效果就很差很羅嗦,對于這樣情況采用旁邊放顆樹進行選擇,不失為一個好的表現形式;比如要實現一些審核性、流程性、過程性的業(yè)務,可以考慮采用流程圖的形式,這樣非常直觀明了而且易操作;比如要常實現的添加、刪除、修改、查詢等操作時,如何在頁面上組織它們才能使用戶使用方便,這時就要考慮用戶通常的思維過程是如何的,據此實現,用戶使用起來就會方便舒心.

指導教師批閱（1）實驗態(tài)度：不認真（），較認真（），認真（）（2）實驗目的：不明確（），較明確（），明確（）（3）實驗內容：不完整（），較完整（），完整（）（4）實驗步驟：混亂（），較清晰（），清晰（）（5）實驗結果：錯誤（），基本正確（），正確（）（6）實驗結果分析：無（），不充分（），較充分（），充分（）（7）其它補充：總評成績：評閱教師（簽字）：

實驗六Flash8網頁制作實驗屬性驗證型實驗時間2012-6-7實驗目的掌握Flash層的應用，動畫中使用按鈕，菜單和窗口等控件。用Flash8制作閃爍的文字效果，應用Flash制作簡單的廣告，應用Flash制作下雨的效果，制作電子日歷的效果.實驗內容1圖層的妙用2制作按鈕3制作菜單4制作文字閃爍效果5制作簡單賀卡6制作簡單廣告7ActionScript動畫8制作電子日歷效果實驗步驟實驗結果分析Flash8功能小到用戶不會察覺其中豐富的變化，甚至可能有人認為筆者用上千字來闡述拖放是小題大做。但設計師卻不能看不到這個小功能背后隱藏著用戶長久的使用習慣和需求。作為設計師而言，我們可能需要思考：如何提煉用戶的需求和使用習慣，從而設計出既符合