網頁設計實踐報告

1、網頁設計實踐報告網頁設計實踐報告1 一試驗目的 1學習HTML語言和dreamweaver，FrontPage等工具。 2把握在本地環(huán)境下運用ASP技術實現一個簡潔的電子商務網站。 二試驗過程 1組長安排任務，大家從網站上搜集各種關于手機的資料。 2做網頁主要用的工具便是Dremweaver、Photoshop、Flash軟件。在這些軟件我對Dremweaver、Photoshop相對比較熟識，由于在平常上課是老師帶領我們運用過。所以我還可以正常的運用，但是出現的問題還是有許多。有許多不懂如何操作，只有通過在次去看書才能夠了解，這也體現了我學習方面的缺點，它是我平常不夠仔細的詳細表現。 3打開

2、Dremweaver后第一步便是新建站點。 4設計主頁及二級頁面。 5鏈接的過程其實很簡潔，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最終選擇自己要鏈接的網頁單擊確定便可以了。 6向靜太網頁插入動態(tài)效果。 在經濟快速進展的今日，Internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與.進展同步，為了讓我們成為真正的技術性人才。學校在本周為我們支配了維持三周的網頁制作專用周是實習，讓我們把平常所學學問運用到實踐中做到真正的學以致用而不只是紙上談兵。通過本周的實習使我獲得了更多的新學問同時也使我使我熟悉到了自己在學習上的很多不足。 近三個星期的實訓將要結束，其中的酸甜苦辣我會在

3、今后的日子里不斷地去咀嚼，去回味，去探究。從制作網頁過程中，我學到了新的美化網頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的學問，并且為我自己在制作網頁這方面積累了一些閱歷。這些將是我人生中的一次重要的經受，將是我今后走上.后的一筆巨大的財寶。這次實習的收獲對我來說有不少，我自己感覺在學問、技能等方面都有了不少的收獲?？傮w來說這次是對我的綜合素養(yǎng)的培育，熬煉和提高。 網頁設計實踐報告2 一、網站整體規(guī)劃，要做網頁的第一步便是做網站的整體規(guī)劃這主要包括四個方面的內容。 網站整體規(guī)劃是做網頁的第一步也是制作網頁最關鍵的一步它打算了你要表答的信息，因此我選擇了我選擇我最寵愛的服飾來為它做網

4、頁。在平常我也對服裝的網頁比較關懷，無論是淘寶網上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網頁。 定位網站的CI形象。 “易菲”植根中國文化之精髓，吸取自然稟賦之靈性，形成一個既有深厚文化底蘊，又有現代自然人文氣息的特色品牌?！耙住奔词侨?，是包涵，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展。“菲”通非，是生氣、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘?！吧钊缁?，自在歡樂”是YIFINI易菲的設計理念，提倡一種與自然和諧相處，如花兒綻放般美妙舒適、自在歡樂的生活方式。這也便是我網站的CI形象。 于時間的關系在本次我預備做四張網頁：一張主頁三張二

5、級頁面。分別設計了“時尚首頁、時尚衣秀、推舉產品、潮流信息”等四個欄目。在這四張頁面中我準備都用淡藍色做背景顏色來襯托我網頁的主打色綠色。 網站的整體風格和創(chuàng)意。 整個網站的創(chuàng)意就在于顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達到表現其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網站的主打色主要是由于我的產品特性。在設計上，YIEINI易菲推崇“自然美”，將帶表女性氣質的花卉和自然元素融入設計之中，充分體現設計師和顧客所追求的一種瀟灑、舒適的生活氛圍，力求表現閑適、舒服、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。 二、網頁制作的前期策劃與預備，在

6、本階級主要有兩方面的工作。 在做網頁我上網收集了很多方面的資料主要是有關網站的布局與服飾品牌方面的資料，我首先進它的企業(yè)網站找了一些關于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去掃瞄了很多的網頁觀看其網頁的布局、顏色搭配、欄目、板塊等方面的內容，同時也搜集了一些對我有用的資料。在搜尋資料最困難的便是動態(tài)圖片的搜集，動態(tài)圖片其gif格式的還是好保存，但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太勝利，不過還搜到了可以換自己圖片的代碼。在開頭時我根本就不知道flash是怎樣搜尋，不過經過三次像老實詢問我最終懂得一些關于代碼的搜尋。在

7、搜集資料的過程之中我發(fā)覺了自己的很多不足之處，最關鍵就是平常對學問的把握不夠，連最基本的資料搜尋都覺得困難。也是我平常不夠仔細和努力的表現。通過這次的教訓在以后我肯定會做得更好，爭取不范類似錯誤。 做網頁主要用的工具便是Dremweaver、Photoshop、Flash軟件。在這些軟件我對Dremweaver、Photoshop相對比較熟識，由于在平常上課是老師帶領我們運用過。所以我還可以正常的運用，但是出現的問題還是有許多。有許多不懂如何操作，只有通過在次去看書才能夠了解，這也體現了我學習方面的缺點，它是我平常不夠仔細的詳細表現。 三、網頁制作，這便進入我該次的主題了詳細制作流程如下。 在

8、我打開Dremweaver后第一步便是新建站點，我把我的站點建立在F儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網頁制作時可以便利的用法。 設計主頁及二級頁面。 在主頁我設首頁制作時，時刻考慮著網頁的基本原則：統(tǒng)一，連貫，分割，對比及和諧的原則，內容統(tǒng)一，都是為了主題服務，美容美體，一個網站強調的就是一個整體，只有圍繞一個統(tǒng)一的目標所做的設計才是勝利的；連貫，頁面之間關系連貫，統(tǒng)成一體；每版內容都自成一體，顏色各異，便于掃瞄；整個網頁有動有靜，顏色呼應，搭配協(xié)調，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，.以下原則： 簡潔有用： 這是特別重要的，網絡特別

9、環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉全部的冗余的東西。用法便利：同第一個是相全都的，滿意用法者的要求，網頁做得越適合用法，就越顯示出其功能美；頁面用色協(xié)調，布局符合形式美的要求： 布局有條理，充分利用美的形式，是網頁富有可觀賞性，提高檔次。當然雅俗共賞是人人都追求的。 交互式強： 發(fā)揮網絡的優(yōu)勢，是每個用法者都參加到其中來，這樣的設計才能算勝利的設計。這樣的網頁才算真正的美的設計。每個子頁都設有上導航欄，便于掃瞄和跳轉。3個二級網頁制作時，用法的是表格，每一個頁面都用表格為它布局好，然后在插入圖片文字及其他，這樣有肯定的規(guī)劃性，體現了連貫統(tǒng)一性，不同

10、的內容依據各自的特色建立了不同的表格，突出各自的主題，增加了對比性。在做這些網頁的時候我就進行了如上所述的方法。但我所以網頁的背景顏色及主題顏色都是相同的以便突出我每一個網頁都是為凸顯我主題而服務。 實現網頁間的鏈接。 我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推舉產品、潮流信息”它分別鏈接到我所做的四個網頁。鏈接的過程其實很簡潔，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最終選擇自己要鏈接的網頁單擊確定便可以了。 向靜太網頁插入動態(tài)效果。 在這一階段我遇到了很多的問題，主要是我在主頁插入我的flash的時候，開是我將帶碼粘貼到我的網頁上可是在掃瞄網頁的時候flash卻不能夠顯示。最終我

11、向老師的請教后最終在老師的關心下我勝利的在我的主頁插入了flash。而在其它的二級網頁我主頁插入的是一些gif格式的動態(tài)圖片。 在做完網站才發(fā)覺，怎么全部的圖片素材并不是在一個文件夾中，而有很多的子文件夾，從網上下載的網頁全都是一個網頁對應一個文件夾。制作過程中，才發(fā)覺，原來自己懂的太少了，好多不知道的地方，才抓緊查書，開頭的時候只是會建立模版，可不會應用。而對于動態(tài)flash的插入我更是問題多多，開頭是我對代碼基本上是不懂，這就是自己學校上的問題，當真正開頭運用的時候在向老師提問。 這只是在制作過程中出現一些問題，其它問題也是類似相同?，F在想想，自己所會的東西太少了，現在做的網站只是一些簡潔

12、的靜態(tài)的網站，看到了一些知名的網站開發(fā)出的網頁，不僅欄目內容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網民稱贊不已，流連忘返。從我做的網頁來看可以反映出學習的還不夠，缺點疏漏。需在加以刻苦鉆研及學習，不斷開拓視野，增加自己的實踐操作技能，為以后能做出精彩的網頁而努力。同時我也盼望能夠有更多的類似動手練習，讓我們在實踐之中來學習學問。由于我覺得實踐不僅能夠提高我們的學習愛好它更能夠提高我們的動手力量增加我們的技術性。 網頁設計實踐報告3 一試驗目的 1學習html語言和dreamweaver，frontpage等工具 2把握在本地環(huán)境下運用asp技術實現一個簡潔的電子商務網站 二試驗的方法

13、和原理 三試驗過程 1.資料的搜集。 組長安排任務，大家從網站上搜集各種關于手機的資料。 2.熟識制作軟件。 做網頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟識，由于在平常上課是老師帶領我們運用過。所以我還可以正常的運用，但是出現的問題還是有許多。有許多不懂如何操作，只有通過在次去看書才能夠了解，這也體現了我學習方面的缺點，它是我平常不夠仔細的詳細表現。 3.構建站點框架。 打開dremweaver后第一步便是新建站點 4設計主頁及二級頁面。 5實現網頁間的鏈接 鏈接的過程其實很簡潔，主要是把要鏈接

14、的文字選擇在選擇工具欄的鏈接按鈕最終選擇自己要鏈接的網頁單擊確定便可以了。 6向靜太網頁插入動態(tài)效果 四試驗心得 在經濟快速進展的今日，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與.進展同步，為了讓我們成為真正的技術性人才。學校在本周為我們支配了維持三周的網頁制作專用周是實習，讓我們把平常所學學問運用到實踐中做到真正的學以致用而不只是紙上談兵。20xx網頁設計實踐報告20xx網頁設計實踐報告。通過本周的實習使我獲得了更多的新學問同時也使我使我熟悉到了自己在學習上的很多不足。 近三個星期的實訓將要結束，其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼，去回味，去探究。從制

15、作網頁過程中，我學到了新的美化網頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的學問，并且為我自己在制作網頁這方面積累了一些閱歷。這些將是我人生中的一次重要的經受，將是我今后走上.后的一筆巨大的財寶。這次實習的收獲對我來說有不少，我自己感覺在學問、技能等方面都有了不少的收獲?？傮w來說這次是對我的綜合素養(yǎng)的培育，熬煉和提高。 網頁設計實踐報告 今年暑假我留在學校，與學校冰點工作室的幾位成員一起為外面一家小公司做一個關于武漢詢問方面的網站。我貫穿在整個過程，從客戶前期的接洽，到網站后期的維護，在這個過程中我學到了許多在學校很難學到東西。 對于網站的制作流程也有了整體的把握 籌劃期： 一個勝

16、利的個人網站，先期的預備工作是很重要的，好的開頭等于勝利的一半。在這一階段有兩個主要的問題需要考慮站點的定位：主題的選擇對今后的進展方向有打算性的影響，考慮好做什么內容就要努力做出特色。20xx網頁設計實踐報告 第四、界面清爽：要吸引訪問者長時間的停留在你的網站，千萬不能讓用戶第一眼就感覺壓抑。大量的文字內容要用法舒適的背景色，前景文字和背景之間要對比鮮亮，這樣訪問者掃瞄時眼睛才不致疲憊。適當的留白可以讓界面更清爽; 第五、堅持原創(chuàng)：剛開頭學做主頁時，適當仿照別人的優(yōu)秀設計是可取的，但（建筑.實踐報告20xx）仿照絕不等同于抄襲，肯定要把握好其中的尺度。設計是這樣，內容的選取也是如此，多一些原

17、創(chuàng)的內容，你的主頁才會帶有更多的個性顏色; 2、技術運用中要留意的一些事項： 第一、明確技術是為設計服務的，不要沉迷于技術的運用，堅決摒棄那些華而不實的特效; 其次、先為站點定義好統(tǒng)一的外部css，內部頁面都調用這個css，這樣不但可以讓你的網頁在掃瞄器轉變設置時不變形，還有助于保持整個站點的風格統(tǒng)一，并且便利修改; 第三、不要打開過多的新窗口，每個鏈接都會打開不同的新窗口尤其讓人反感; 第四、圖象的制作要兼顧大小和美觀，圖片和文字的混排、圖片的合理壓縮可以讓頁面美觀而且文件小巧。即使是個性十足的設計站點，鋪張?zhí)嗟臅r間在頁面下載上也會令人生厭; 至于后期的維護和網站的宣揚，那就要考慮到網站投

18、入的費用了! 網頁設計實踐報告4 籌劃期： 一個勝利的個人網站，先期的預備工作是很重要的，好的開頭等于勝利的一半。在這一階段有兩個主要的問題需要考慮站點的定位：主題的選擇對今后的進展方向有打算性的影響，考慮好做什么內容就要努力做出特色。若前期沒有籌劃好，做到后來才處處改，會耗費大量的人力物力。還不如開頭就確定好網站的方向。 建設期： 選好了方向，就要為目標而努力了。對一個勝利的站長來說，嫻熟把握網頁設計和圖形處理的技巧是必需的，但閱歷是在實戰(zhàn)中獲得的，初學者也不必因此而畏懼退縮，多多練習才會有提高。網站建設最重要的莫過于兩個問題：設計和內容，素材的預備是日積月累的結果，在這里側重談一談設計。 1、設計的要求： 第一、導航清楚，布局合理，層次分明，頁面的鏈接層次不要太深，盡量讓用戶用最短的時間找到需要的資料; 其次、風格統(tǒng)一：保持統(tǒng)一的風格，有助于加深訪問者對你的網站的印象。要實現風格的統(tǒng)一，不肯定要把每個