壹.導言
20世紀以來，科技的進步和社會生產力的提高，使人類創造了前所未有的物質財富。但與此同時，人口急劇增加，資源被過度消耗，環境被汙染。生態破壞、國家或地區間貧富差距擴大等全球性問題日益突出，嚴重阻礙了人類社會的長遠發展和生活質量的提高，甚至對人類未來的生存和發展構成威脅。尤其是近年來，地球的生態環境遭到了極大的破壞，導致了大量的水土流失、動物滅絕和頻繁的自然災害。自那年幹旱以來，近年來洪水、雪災、地震不斷，幾乎每年都有重大自然災害發生。這是人類破壞自然的結果。本網站旨在倡導我們關愛自然，尊重生命，保護自然環境，維護生態平衡。畢竟，我們只有壹個地球。
二。總設計
在做網站之前，我瀏覽了國家環保局的網站和各種關於環保的網站。最後，我確定我的網站主要實現了讓人們從我的網站上了解環保法律法規、環保知識和環保廣告的功能。確定了要實現的功能後，我開始勾畫網站。在瀏覽和參考了很多網站後，我終於成功的畫出了網站的草圖，並最終根據草圖完成了網站制作。網站的邏輯圖如下
三。詳細設計
1.素描設計。在瀏覽了各大環保網站後，我已經在腦海中確定了自己環保網站的大致布局，並成功建立了網站草圖。
2.布局規劃。步驟1:創建新的HTML。在新創建的空白網頁的工具欄標簽中選擇布局。因為“圖層”在網頁中不是固定的，所以我選擇表格布局，進入布局模式，選擇“繪制布局單元格”，根據之前設計的個人網站草圖，在空白網頁中繪制網頁框架。根據個人網站展示的需要改變表格布局的屬性值，最終成功完成網站首頁的布局設計。
網站的布局
3.網頁背景的設計
A.打開AdobePhotoshopCS2根據網頁的要求創建相應大小的空白圖片，然後在新創建的圖片上進行處理。
B.使用各種工具繪制網頁背景的壹般顏色。為了讓網站的背景顏色不至於太死板，將各個工具的“硬度”調整為0。
C.使用AdobePhotoshopCS2中的鋼筆路徑工具剪切網頁背景所需的裝飾圖片。
1.打開需要摳圖的圖片，在AdobePhotoshopCS2的工具欄上選擇鋼筆工具，更改為路徑描摹模式。
2.用鋼筆工具畫出要剪輯的圖片，同時按住鍵盤上的“CTRL+”ENTER”完成路徑合並，選中圖片。
3.切換到新建網站的背景圖片，粘貼剛剛選取的圖片。
4.重復摳圖步驟，裁剪出背景所需的各種裝飾圖片，美化網站背景。
最後用AdobePhotoshopCS2根據草圖要求美化所有網頁的背景模板。完成了整個網站各頁面背景模板的美化設計。
我設計的網頁的背景圖片。
4.網頁模板的建立。由於網站上的很多網頁使用相同的樣式，建立網頁模板可以節省大量的時間和精力。制作網頁母版後，在“文件”中選擇“另存為模板”。如果電腦之前沒有建立網站，保存模板時會提示建立網站，網站的文件夾要設置為保存網頁的文件夾。最後，成功地建立了模板，並利用該模板建立了幾個子網頁。
網站模板
5.廣告頁面flash的設計，1。打開Flash，在起始頁的“從模板創建”中選擇“幻燈片演示”，在彈出的對話框中選擇壹個模板，比如“科技幻燈片演示”，然後點擊“確定”。如果沒有起始頁，也沒關系。您可以單擊“文件”菜單中的“新建”,否則將出現對話框。2.打開後，Flash中幻燈片的結構與PowerPoint略有不同，是壹個倒掛的樹形結構。根只有壹個，壹直存在於幻燈片放映中，壹般用作背景；同行之間是兄弟關系，默認是“替換”，也就是說，如果第二張幻燈片和第壹張幻燈片是壹個級別的，當第二張幻燈片出現時，第壹張幻燈片就消失了；還有上下級關系。與上級的默認關系是“疊加”，即如果第二張幻燈片是第壹張幻燈片的下級，那麽當第二張幻燈片出現時，它被添加到第壹張幻燈片中。3.當然，模板給出的幻燈片數量可能與所需幻燈片不同，也可以自行添加或刪除幻燈片。右鍵點擊需要添加或刪除的幻燈片，即可輕松添加或刪除。當選擇“插入屏幕”時，插入的幻燈片與所選幻燈片處於同壹級別，並在所選幻燈片的下方；選擇“插入嵌套屏幕”時，插入的幻燈片從屬於選定的幻燈片。好了，只要把每張幻燈片都做成自己的內容，然後選擇“文件-->；保存"，然後選擇"文件-->；Publish”，妳會在保存文件的位置找到壹個同名的swf文件，就是制作出來的幻燈片文件。
4.經驗
看完這個網站，我才真正意識到，壹個成功的網站，提前做好準備是非常重要的。好的開始是成功的壹半。選擇了這個環保網站的建設風格後，就要為目標而努力。需要熟練掌握網頁設計和圖形處理的技巧，但經驗是在實戰中獲得的。雖然剛開始學，但也不用怕退縮。只有多練習才能提高。網站建設有兩個最重要的問題:內容和素材的設計和準備。
1，設計要求:
第壹，導航清晰，布局合理，層次清晰，頁面上的鏈接不要太深，讓人第壹眼就能看到網站的輪廓。
第二，保持統壹的風格有助於訪問者加深對網站的印象。要實現風格的統壹，不必把每壹欄都做得壹模壹樣。比如可以嘗試統壹導航欄風格，每個欄目采用不同的顏色組合，在保持風格統壹的同時給網站增加壹些變化。
三、色彩和諧有重點:在網頁設計中，根據和諧、平衡、有重點的原則，將不同的色彩組合搭配，形成漂亮的頁面。
第四，界面清爽:要吸引訪問者在網站長期停留，用戶第壹眼壹定不能感到壓抑。大量的文字內容要使用舒適的背景色，前景文字要與背景形成鮮明的對比，這樣瀏覽者在瀏覽時才不會感到疲勞。
六、不能有過多的動態效果:適當的動態效果可以起到畫龍點睛的作用，過多的動態效果會讓人眼花繚亂，抓不住主題。
2、技術應用中的壹些註意事項:
第壹，明確技術是為設計服務的，不要沈迷於技術的應用，堅決摒棄那些華而不實的特效；
第二，先為站點定義壹個統壹的外部CSS，所有內部頁面都調用這個CSS，這樣不僅可以保證新頁面在瀏覽器更改設置時不會變形，還有助於保持整個站點的風格統壹，便於修改；
第三，不要打開太多新窗口，每個鏈接都會打開不同的新窗口，特別反感；
第四，圖像的制作要兼顧大小和美觀。圖文混排，圖片合理壓縮，可以使頁面美觀，文件小巧。即使是個性化設計網站，浪費太多時間在頁面下載上也會很無聊；
3.加深網站設計的技術熟悉度。
這次網站設計讓我更加熟悉了各種網站設計技巧，網站設計應該註意的問題，網站設計使用的工具。