靜態網頁制作設計報告1.對靜態網頁設計的認識1.1網頁設計介紹1.2網頁設計及網頁布局技術1.3靜態網頁設計的技術要點2.主要實訓項目及效果2.1項目12.1.1項目介紹2.1.2關鍵技術應用2.1.3作品展示2.2項目22.2.1項目介紹2.2.2關鍵技術應用2.2.3作品展示2.3項目32.3.1項目介紹2.3.2關鍵技術應用2.3.3作品展示3.實訓過程總結3.1實訓收獲3.2存在的問題及解決思路4.結束語刖言Dreamweaver是美國MACROMEDIA司開發的集網頁制作和管理網站于一身的所見即所得網頁編輯器，它是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。Dreamweave、FLASH以及在DREAMWEAV之后推出的針DREAMWEAVER寸專業網頁圖像設計的FIREWORKSE者被MACROMED公司稱為DREAMTEAM夢之隊），足見市場的反響和MACROMED公司對它們的自信。說到DREAMWEAVER我們應該了解一下網頁編輯器的發展過程，隨著互聯網（Internet）的家喻戶曉，HTM技術的不斷發展和完善，隨之而產生了眾多網頁編輯器，從網頁編輯器基本性質可以分為所見即所得網頁編輯器和非所見即所得網頁編輯器（則原始代碼編輯器），兩者各有千秋。所見則所得網頁編輯器的優點就是直觀性，使用方便，容易上手，您在所見即所得網頁編輯器進行網頁制作和在WOR中進行文本編輯不會感到有什么區別，但它同時也存在著致命的弱點?，F如今，數以萬計的網站以網頁的方式提供了豐富、精彩的信息。在人類社會進入信息時代的時候，在網絡成為通信的主要手段的時候，在計算機網絡普及的今天，網頁也在它自己的崗位上做出了突出的貢獻。網頁是我們在網絡上的“代言人”。1．對靜態網頁設計的認識1.1網頁設計介紹從文件的角度來說，一個網頁就是一個HTMI文件。當瀏覽者輸入一個網址或單擊某個鏈接后，在瀏覽器中顯示出來的就是一個網頁。一般網頁上都會有文本、圖片等信息，而復雜一些的網頁上還會有聲音、視頻、動畫等多媒體內容，為網頁增添了豐富的色彩和動感。靜態網頁是指網頁文件中沒有程序，只有HTML代碼，一般以.html或.htm為后綴名的網頁，靜態網站內容不會在制作完成后發生變化，任何人訪問都顯示一樣的內容。網站是一系列邏輯上可以視為一個整體的網頁集合，是許多相關網頁有機結合而組成的一個信息服務中心。對于小型網站，是指帶有一定主題的多個網頁集合;對于大型網站還包含數據庫和服務器端應用程序等如新浪、網易、搜狐等門戶網站。在構成網站的眾多網頁中，有一個頁面比較特殊，稱為首頁，即網站的第一個頁面。動態網頁是指網頁文件不僅具有HTML標記，而且還含有程序代碼，并使用數據庫連接。動態網頁能根據不同的時間，不同的來訪者顯示不同的內容，動態網站更新方便，一般在后臺直接更新。1.2網頁設計及網頁布局技術網頁是構成網站的基本元素。一個網頁是否精彩與網頁布局有著重要關系。常見的網頁布局類型有“國”字型、“匡”字型、“三”字型、“川”字型等。其他類型的有：標題文本型，封面型，Flash型，框架型?？梢杂帽砀竦男问街v一個頁面分成幾個單元格，通過單元格的合并拆分，對網頁進行布局，單元格就相當于是一塊紙，在紙上寫的東西單元格里都可以容得下。通過設置單元格的長寬對頁面進行布局。框架對網頁進行布局有很多優點網頁結構清晰，易于維護和更新。方便用戶瀏覽網頁，采用滾動條，可節省頁面空間，使網頁風格保持統一;csS乍為網頁設計中的一種重要技術，具有以下優點：，表現和內容相分離，提高頁面瀏覽速度，易于維護和修改，應用apdiv創建網頁，網頁清晰，易于分塊。應用表單創建網頁，應用行為創建網頁。1.3靜態網頁設計的技術要點用框架對網頁進行布局時有很多缺點：網頁內容無法被大多數搜索引擎搜索到，不被低版本瀏覽器支持，樣式陳舊，無法滿足個性化設置，難以實現不同框架中各元素的精確對齊。在網頁設計過程中使用csS羊式表，主要有以下兩種方式，內部csS羊式表，外部csS羊式表，應用庫創建網頁時：對于站點訪問者和開發人員而言，使用交互式網頁具有更多用途，使訪問者可以快速方便地在一個內容豐富的網站上查找信息，后臺管理者可以收集、保存和分析站點訪問者提供的數據，，后臺管理者可以對內容不斷變化的網站進行更新。靜態網頁每個網頁都有一個固定的URL且網頁URL以.htm、.html、.shtml等常見形式為后綴，而不含有“?”;網頁內容一經發布到網站服務器上，無論是否有用戶訪問，每個靜態網頁的內容都是保存在網站服務器上的，也就是說，靜態網頁是實實在在保存在服務器上的文件，每個網頁都是一個獨立的文件;靜態網頁的內容相對穩定，因此容易被搜索引擎檢索;靜態網頁沒有數據庫的支持，在網站制乍和維護方面工乍量較大，因此當網站信息量很大時完全依靠靜態網頁制乍方式比較困難;靜態網頁的交互性較差，在功能方面有較大的限制。2．主要實訓項目及效果2.1項目12.1.1項目介紹應用現有素材，創建網頁“中秋送祝?！?.1.2關鍵技術應用插入apdiv標簽，插入圖片，創建超鏈接，設置段落2.1.3乍品展示圖一：中秋送祝福2.2項目22.2.1項目介紹有鐵血戰鷹的的圖片素材及相關資料，對鐵血戰鷹進行描述，創建“鐵血戰鷹網頁”2.2.2關鍵技術應用表格布局，插入橫線對網頁進行美化2.2.3作品展示圖二：鐵血戰鷹2.3項目32.3.1項目介紹現有自然寫真的圖片，要求自然寫真的圖片在鼠標經過時換成別的圖片，點下導航欄的標題時轉向別的網頁，制作靜態網頁，網頁名稱為自然寫真。2.3.2關鍵技術應用練習頭標題的應用，超鏈接的創建，flash的插入，導航欄的創建。2.3.3作品展示圖三：自然寫真3．實訓過程總結3.1實訓收獲這個階段的實訓我們主要是練習網頁制作及網站發布的各種知識。近些年隨著計算機的廣泛應用，Internet已經成為人們獲得信息不可或缺的媒介，特別是Internet的普及和發展，網絡已經成為了不可或缺的通信手段。無論是最新的新聞信息、新產品的出臺、新游戲的發布、最新的動態，包括等候就業人才的個人簡歷，我們都是可以通過網絡來獲得。但是什么為這提供平臺的呢。我們又是通過什么來獲取這些信息的呢—網頁。由于人們使用網絡的頻繁，網頁作為上網的主要依托就變得非常的重要。網頁講究的是排版布局，其功能主要就是提供一種形式給每個上網者，讓他們能夠了解網站提供的信息。網頁設計直接面對的是大量的用戶，隨時都會反饋回來對網頁的批評建議等，可以根據實際情況進行修改，這樣做可以使使用者用起來更加的方便。Dreamweaver工具為我們實現這些提供了便利，下面我將網頁制作和網站發布的知識總結如下：(1)網頁制作的前期工作是搜集大量的素材，我們的網頁只有是實用的才會是大眾喜歡的，搜集素材以充實我們的網頁。當然我們也應該在此時定下網站的方向是什么，剩下的就是靠Dreamweaver進行編輯；(2)網頁的版式設計，版式設計時我們應該有重點，把重要的內容新聞放在醒目的位置上。規劃各元素在網頁中的位置關系和表現方法，合理安排圖像、文本等元素，使網頁布局合理、美觀大方；(3)文本編寫，我們的網頁中需要大量的文字材料，這就要在網頁編輯器中用HTML語言中的標簽編寫。也可以利用網頁編輯工具的“所見即所得”功能，直接寫入文字。在瀏覽器中運行時出現冗余代碼時返回代碼頁面重新進行查看修改;(4)處理網頁之間的關聯，這主要是建立合理、高效的網頁導航系統;(5)網頁發布過程，主要是將建設好的網頁上傳到服務器中供用戶瀏覽。3.2存在的問題及解決思路⑴在Dreamweaver基礎方面：制作網頁時如何實現網頁不跳轉就可以出現新的內容，實現頁面內的鏈接;用代碼編寫網頁上的按鈕，實現按鈕的各種功能，如刷新，重置，確定操作。Css樣式表的概念模糊。(2)網站風格方面：一個網站的各個頁面之間風格應該是統一的，只有圍繞一個風格才會成功。(3)網站的內容方面：在制作網站時內容之間應該是相關的，在制作時我們不能追求面面俱到，只能做到精益求精。雜亂無章的網站是不會有大的發展的。4．結束語網頁設計實訓就快結束了，在這短短的兩周里，我學會了很多新的知識，更掌握了新的技能，讓我覺得受益匪淺。在實訓時，有空閑就會想到學校里青蔥歲月，簡單流暢，無憂無慮，回想各位老師的授課，孜孜不倦，學校的生活固然是快樂，但是學校的實訓課程真的很重要，因為它能讓我們這些在校學生接觸到社會的發展，讓我們有時間崗位環境，順利得從單純的校園生活感到復雜社會生活的不同。在這一周的時間里，我一心只做網頁，做自己喜歡的風格的網頁。經歷了一次充實而有愉快的實訓，我學會了制作框架、使用錨點、給網頁網頁插入背景音樂、表格、視頻、flash、導航條等更深層次的掌握了它們的用法，現在我心目中的網頁也已經大體竣工，我感到很開心，經過這兩的不斷探索，我喜歡上了這門課程，感覺很有意思?；蛟S實訓的結束代表一段新生活的開始，但是我認為它不但是一門課，需要我們去掌握，同時還可以鍛煉我們的邏輯思維能力和思維的嚴密性，還有就是在制作網頁