網頁設計報告（通用10篇）

網頁設計報告 篇1

一、畢業設計題目：鞍山民族模板企業網站設計

二、選題的來源、目的和意義

1、1選題來源

導師根據實際情況虛擬的。

1、2選題的目的和意義

在網路快速發展的今天，我們依靠網路獲取資訊，而建立網站已經成為一個很普遍的問題了，對於一個企業來說，建設好自己的網站可以搶佔新世紀發展的戰略要點。建立新的企業形象，直接開拓國際市場，開展24小時網上營銷及高效廉價的定向宣傳；與客戶建立最直接的交流機制，縮短推出新產品和開啟市場的週期，與富有吸引力的客戶群發展客戶關係網；加強客戶服務，完善網路業務；展現公司想象，宣傳自身企業文化。所以建立一個屬於自己企業的網站是十分必要的。

現在我們已經學習了四年的電腦科學與技術，而這樣的選題正是要讓知識與實踐接軌，來建立一個企業網站，來完善自己在實際應用上的不足。

三、所選題目的國內外動態、水平

中小企業全球資訊網路（globalinformationnetworkforSMEs），由日本維護中小企業全球資訊網路是主題為“G8資訊社會始創工程：中小企業（SMEs：SmallandMediumsizedEnterprises）全球化市場（AGlbolMarkteplaceforSMEss）”的三個專案之一。所有的G8國家都在建設網站以改進中小企業對有關本土和外國市場的資訊的存取。某些站點不僅提供資訊，而且也幫助中小企業尋求夥伴，幫助消費者搜尋中小企業。在某些internet主頁上，中小企業甚至可以進行一定的業務，比如制定特定的條款。

網站發展可以分為三個階段，第一個階段定義為網站額“萌芽式”發展期，是網站形成的初級階段，第二個階段定義為網站的“粗放式”發展期，是網站的變革階段，第三個階段定義為網站的“細分式”發展期，是網站發展的成熟階段。我國正在向“第三階段”發展。我國的網站建設市場將成為行業內部整合之勢，很多中小企業的網站建設的技術門檻不高，還不能提供定製化的實施服務，所以我國的網站建設發展還是充滿挑戰的。

四、研究內容和研究方法

1、採用什麼設計方法

本網站採用模組化程式設計方法。

2、採用什麼設計工具

本網站主要是利用ASP、Dreamweaver、SQL資料庫來完成設計的。

3、達到什麼效果

本網站要達到的效果有四：

1、企業形象展示，設計簡潔大方的介面。

2、企業實力展示，展示我們是什麼樣的企業，我們有過多少成功的.產品。

3、產品和服務的展示，讓使用者瞭解我們是幹什麼的，提供什麼樣的服務，服務有哪些種類。

4、資訊傳達，讓使用者瞭解我們的聯絡方式，我們的最新新聞，我們的企業文化。

4、結論

使用Dreamwerver、Flash、ASP等工具和相關的技術來完成這個企業網站的設計與開發，同時要注意要完善自己的應用實踐能力。

五、進行該課題研究所具備的條件

要求有一定的Photoshop、Dreamweaver及Flash設計基礎，熟悉軟體以及ASP技術的使用，來設計開發網站。

網頁設計報告 篇2

隨著當前計算機技術的飛速發展，計算機應用範圍的擴大，越來越多的中職院校在課程開設時順勢採用了專案式教學方法，結合校企結合或引企入校的方式來實施教學。《網頁設計》課程不但是計算機專業學生的專業技術課，同時也是非計算機專業的學生非常歡迎的選修課目。針對中職教育的特點，為了適應學生這個群體的心理特點及思維現狀，我們在不斷的實踐過程中，探索新型的教學方法，讓學生在結合現實工作中的專案，小組團隊協作完成專案，從協作和實施專案過程中完成知識和技能的學習，從真實的工作環境中學習。從而能達到學習完課程就能頂崗獨立完成工作。

在我們的生活中，小到一個生日聚會、一次課餘活動，大到一項工程建設，一個節日慶典，這都屬於一個專案。專案無論是簡單還是複雜都有一定的共有特性。美國PMI定義說：“專案是為了完成某一獨特的產品、服務或任務所做的一次性努力。”而我們在教學活動中所提出的是“專案”則是指提出一個前人曾完成過的一個專案工作，也可以是由教材的相關內容轉化來的社會的一種需求。學生圍繞此工作或需求進行相關聯的學習和探究的活動，從而完成知識的學習和能力的培養。

一、專案教學法的含義及特點

專案教學法是指教師與學生共同將教學知識作為一個完整的專案進行實施的教學活動過程。專案教學的目標在於把學生有意義的融入到一個完成專案的過程中去，調動學生的學習積極性、自主的對知識進行建構，把通過學習所掌握的知識技能以及培養起來的職業能力作為最終的目標。

二、在《網頁設計》課堂教學中的設計

專案式教學設計中課堂教學中按照選定專案、制定計劃、活動探究、製作作品、成果展示、綜合評價等6個環節來設計。整個教學過程中以學生自主學習為主，教師引導啟發為輔來讓學生圍繞專案自主學習探究。

在教學過程中貫穿專案式的學習中，專案的制定就顯得非常重要，它既要根據學生興趣來選定，同時又要考慮體現教學總體目標;並且所選擇專案應該和學生日常的經歷相關;難度要與學生的知識背景相符。製作熱門話題專欄、製作個人主頁、製作班級主頁、製作個人愛好娛樂主頁等，這些都是學生感興趣的一些內容。在課程開始前要展示優秀的網站效果，讓學生對網站建設有初步瞭解，並激發學生對網頁設計的興趣，讓學生自己產生要製作屬於自己的作品。

三、專案式教學過程的實施

根據學生自己感興趣的課題專案對學生進行分組，並在課堂上統一進行課題專案的分析，分析的過程中要對學生網頁設計的基礎內容進行講解和分析。在整個分析講解的過程中要讓學生了解整個過程的製作工具，並選定專案的負責人。然後依據學生學習自主化的原則，任務目標化的方法，根據專案目標的要求，由負責人統一安排小組學習任務，由教師引導學習方向，共同制定出個人學習任務目標。

本專案要以學會專業規劃網站、對主題網頁進行相關設計並完成製作為知識目標;把掌握資料素材整合、製作軟體使用確立為技能目標;讓學生學會協作、學會正確的認識與評價自己與同學相互幫助增強自信心為情感目標。

課程專案內容及相關能力要求中首要學生學習的內容是頁面的佈局。頁面佈局是依照網站的受眾群體的特點進行色彩組合和版面佈局，通過導航的設計及媒體的使用來修飾網頁的整體視覺效果和功能效果。並通過新增各種網頁元素（文字、影象、表格、表單、視訊、動畫等）的設計與製作完善網頁整體效果。再次是網頁的結構，網頁結構的確立一般是由網頁框架、使用的表格及層的綜合運用來完成。最後就是使用各種特殊效果來美化網頁效果、增強網頁使用功能。並確定網頁元素。如JavaScript特效的設計，使用不同的特效來加強網頁與使用者的可互動能力。

根據學習程序，制定小組前期準備部分。學生深入的調查研究確定知識內容與技能技巧部分的前期資料。這個過程主要是由學生自己進行協作，通過自習與課外活動時間來做相關的調查與資料的蒐集。小組成員通過教材及輔助材料的共同分析學習，出現問題與指導教師統一探究解決。這個過程學生們通過不斷髮現問題，提出問題，最後解決問題的過程來完善自己的知識結構體系，最後形成一個系統的知識體系。

活動探究部分讓學生完成知識體系的培養後，學生運用相應的小組計劃分別完成各自的作品，在完成作品的時候還會出現知識性問題，也會遇到能力培養方面的問題，這時候教師就要引導學生自己探究，培養學生解決問題的`能力，從而提高學生的知識水平也加強學生各方面能力的培養。再此環節中要求教師在引導專案實施過程中要在引導方式上注意到有針對性的進行查漏補缺的幫助學生學習。

專案完成以後，由各小組先進行相互的指導交流，指導交流主要是為了讓學生取長補短，這樣可以很好的幫助自己發現問題，同時也可以發現自己的優點，從而增強自己的自信心。交流後給小組成員一課時的時間進行相應的總結及作品的微調整，並指定小組成員進行知識層面及技術層面的演示講解，分享作品製作的成功和喜悅。通過這種形式，學生們獲得了極大的成就感。

成就的最終獲得還是要取決於最後的學習情況評價。整個評價過程採用了小組成員間、小組間及師生間的全方位綜合評價法。專案開展過程中小組長對成員、成員對成員、成員對小組長都要進行不同方面的評價，最後把每部分的評價綜合為專案終結性個人評價，加上其他小組成員對作品的評價，最後加上教師引導過程中的效果評價形成個人綜合評價。這個評價也包括了知識和能力等多方面的細化評價，通過評價，使學生反思自己學到了什麼知識和技能，以及不足，從而找出進一步學習的方向。

四、專案式課程設計的優勢及不足

在整個專案的進行過程中學生可以自主的學習，自覺地接受學習，自己找可以承擔的學習任務來完成，同時也學會了發現問題和解決問題的方法，發揮了個人的最大能力，也培養了從不同角度觀察、思考和解決問題的辦法，激發自身的創新意識，提高自身的創新能力。

但是整個過程仍然存在懈怠的同學，過分依賴他人完成整個專案，教師要是整個過程不能夠及時發現這個問題則會造成學生學習發展的不均等，所以要加強專案學習的細化指導，加強教學過程的監督與引導。

其次在整個過程的實施中，學生的自覺性是直接影響到專案的程序及完成的最終效果，所以在學生整個學習的時間安排上應該有效的科學的安排，既要結合課餘時間也要提高個人的學習效率。因為學生課餘還有參加很多其他的學校獲得所以導致計劃落實有出入，所以加強計劃可行性安排及建立專案學習的保障體系是需要我們繼續探究的問題之一。

網頁設計報告 篇3

尊敬的公司領導：

20xx年8月進入優越城百貨以來，任職網頁設計。主要負責我公司網站的更新維護，和程式設計工作，至今已有4個月的時間。初到公司一切都很陌生，我只有努力工作，不斷向身邊同事學習，熟悉業務，積極參加公司的各項集體活動，希望能夠得到大家的認同，儘快地融入到這個大家庭中來。

作為一個技術人員，我要求自己忠於崗位，服從安排，遇到問題，首先查詢自身原因，通過不斷的學習，提高自身素質，培養和加強自己的責任感。

現將我履行職責情況作具體彙報:

一、履行職務情況

我的職務是網站設計，負責網站設計與日常更新工作，我是這樣開展工作的。

(一)網站設計更新，我採取的措施是:

1.平時上網多注意一些好的效果作為參考，增加自己的審美觀，及程式的安全性和執行效率，同時加強學習。

2.堅持每次活動都出新的flash動畫廣告

3.積極為網站增加實用性的功能

4.規範vb類庫，把常用方法寫成函式封裝，方便呼叫。拓展性也更好一些。

5.對資料庫和網站檔案做到經常下載備份，保障資料安全。

(二)盡職盡責，做好日常的折扣資訊與活動等的更新工作

網際網路每天都在進步天天都有新的東西誕生，所以必需要緊跟步伐，比如搜尋引擎經常變更演算法，一些好的js框架等可以為公司網站表現的更加友好，所以我會經常到一些技術論壇學習交流。

(三)加強同事間的交流和溝通

(四)以公司為家在做好自己本職工作的同時，公司的`其它工作也會積極參與。比如：活動時分店缺少人手會主動要求參加。

二、自律情況

近半年來在公司領導和同事們的關心幫助下我已經融入到了優越城這個集體中，我要求自己做到：

1.按工作守則自律。上級規定不準做的我絕對不做，上級要求達到的我爭取做得優秀。

2.用制度自律。我嚴格按本公司制定的規章制度履行職責。

三、存在的主要問題：

1.在技術上對於CDR軟體使用還不夠熟悉沒有廣告公司工作經驗，對平面設計的東西一直是空白，我會努力同我們市場部平面設計加強學習這方面的技術。

2.對賣場裝飾工作缺少經驗，只能做一些簡單的工作。

述職人：

20xx年12月30日

網頁設計報告 篇4

網頁設計——網站是企業向用戶和網民提供資訊（包括產品和服務）的一種方式，是企業開展電子設計的基礎設施和資訊平臺，離開網站（或者只是利用第三方網站）去談電子商務是不可能的。企業的網址被稱為“網路商標”，也是企業無形資產的組成部分，而網站是INTERNET上宣傳和反映企業形象和文化的重要視窗。

Web站點應針對所服務物件（機構或人）的不同而具有不同的形式。有些站點只提供簡潔文字資訊；有些則採用多媒體表現手法，提供華麗的影象、閃爍的燈光、複雜的頁面佈置，甚至可以下載聲音和錄影片段。好的Web站點把圖形表現手法和有效的組織與通訊結合起來。

為了做到主題鮮明突出，要點明確，我們將按照客戶的要求，以簡單明確的語言和畫面體現站點的主題；調動一切手段充分表現網站點的個性和情趣，辦出網站的特點。

Web站點主頁應具備的基本成分包括：頁頭：準確無誤地標識你的站點和企業標誌；Email地址：用來接收使用者垂詢；聯絡資訊：如普通郵件地址或電話；版權資訊：宣告版權所有者等。

網頁設計作為一種視覺語言，特別講究編排和佈局，雖然主頁的設計不等同於平面設計，但它們有許多相近之處。

版式設計通過文字圖形的空間組合，表達出和諧與美。

多頁面站點頁面的編排設計要求把頁面之間的有機聯絡反映出來，特別要求處理好頁面之間和頁面內的秩序與內容的關係。為了達到最佳的視覺表現效果，我們將反覆推敲整體佈局的合理性，使瀏覽者有一個流暢的視覺體驗。

在網頁設計中，總是有傾向的特定技術來觀察，或跟蹤的網頁設計師加強的趨勢。這裡有專有和開源和免費的技術專用的支持者。然而，近年來，又增加自由和開放原始碼技術，包括由W3C和WHATWG進行監控和批准，監督和實施增加。

趨勢可以發現，不僅在看在時尚領域的使用的技術，如網站和匹配的標誌是清晰的喜好確定。著名的藝術字Web 2.0至今的重要作用的幫助。

網頁技術更新很快，一個網站的介面設計壽命僅僅2-3年而已。不管是垃圾還是精品，都沒有所謂的經典，經典只存在於是哪個首次成功創新性的應用。一個閉門造車者做出的東西，是遠遠趕不上綜合借鑑者的。網頁設計不同於其他藝術，在模仿加創新的網頁設計領域當中，即便是完全自己設計的，也是沿用了人們已經認同的大部分使用者習慣，而且這種沿襲的痕跡是非常明顯的！還有哪個設計者敢腆著臉說，這都是我自己的原創設計？對於業界來說，經典只是個理念和象徵！

不可否認，國內網頁設計環境還停留在初級的認知階段，也就是說，絕大多數人不知道網路的真正的可用之處，你去做一個業務的時候，不得不去做大量的說服教育工作。以乙方的身份去說服甲方，以專業角度去教育非專業認識，結果是可想而知的。也正是這種全體社會普遍的低認知水平，導致了大量網路垃圾的產生。

企業客戶所在行業往往有其特定的設計需求，特別是對於企業網站建設當中的'配色，除了應根據企業的VI標準色，以及客戶自身的喜好進行配色分析外，同時不能忽略整個行業對於顏色上的‘慣例’。那麼，企業網站在設計和製作當中，到底有哪一些配色規則需要設計師遵循呢？

企業客戶在不同的發展階段，對於網站設計的配色需求並不一樣。在企業初創階段，企業建站的目的是打造品牌網路形象，開拓客戶資源，這時候的企業客戶更多的是關注自身的個性化，如何才能凸顯企業的特質，如何才能在行業當中顯示其獨有的特性，這是初建網站的企業客戶所重點關注的內容；在企業形成規模，進行品牌提升階段，企業建設網站或進行改版的目的是重塑品牌網路形象，打造更為專業、沉穩和可持續發展的品牌理念和文化，這時候的企業客戶更多的是考慮如何將企業的品牌內涵與行業相融合，在配色的選擇上更傾向於穩重、包容，能夠適應各種場合需要的配色。

網頁設計的兩大要點是：整體風格和色彩搭配。

一、確定網站的整體風格

在這裡，我提供給大家一些參考經驗：

1.將你的標誌logo，儘可能的放在每個頁面上最突出的位置。

2.突出你的標準色彩。

3.總結一句能反映貴站精髓的宣傳標語！

4.相同型別的影象採用相同效果，比如說標題字都採用陰影效果，那麼在網站中出現的所有標題字的陰影效果的設定應該是完全一致的！

二、網頁色彩的搭配

1.用一種色彩。這裡是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感。

2.用兩種色彩。先選定一種色彩，然後選擇它的對比色。

3.用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。

在網頁配色中，還要切記一些誤區：

1.不要將所有顏色都用到，儘量控制在三至五種色彩以內。

2.背景和前文的對比儘量要大(絕對不要用花紋繁複的圖案作背景)，以便突出主要文字內容。

三、網頁設計的工具

mweaver，用於編輯HTML、ASP、JSP、PHP、CSS、XML、JS的頁面製作工具；

tpage，跟Dreamweaver一樣，不過個人感覺還是Dreamweaver好；

h，網頁需要畫面流動時的首選擇；

4. Photoshop，影象處理軟體，一般網頁都需要有圖片相搭配，Photoshop是款很強大的工具。

works，跟Photoshop 一樣都是影象處理軟體，但Fireworks偏向與對網頁的處理

網頁設計報告 篇5

1. 本課題所涉及的問題在國內(外)的研究現狀綜述

1.我國目前網頁設計還處於初級的認知階段，國內的網站絕大多數採用的還是非常傳統的橫向區塊佈局，資訊密度高，版式缺乏節奏和韻律，尤其是北京、上海、廣州三地，基本上代表了目前我國網頁設計的製作水平，但是網頁設計的發展正在呈不斷上升的發展趨勢，找到具有本民族特色的網頁設計語言,對我國的網頁藝術走向世界具有重大意義。

國外的網站更加人性化,設計更加緊密,服務也更加周到,個性也比國內的網站突出,讓人更容易記住，國外的大容量資訊網站的趨勢是降低首頁的資訊密度，把內容分攤到二級頻道;版式上更具引導性、更適於閱讀，瀏覽方式像讀報一樣更流暢隨意。

隨著世界各國對於文化多樣性的著力維護與普遍關注,網頁本土化受到越來越多的網站建設者們所注重隨著互連網技術的發展，各種企業和機構在網路上的競爭也日趨激烈，為了吸引眼球，企業和機構都在想方設法在網站的形象上來包裝自己，以使自己在同行業的競爭中脫穎而出，而且這種趨勢愈演愈烈，網站設計的需求量呈爆發性增長。網路是我國新興文化，作為現代人的大多數人，都是通過網路瞭解資訊，尤其現在青年一代更是熱衷於網路。網站是企業向用戶和網民提供資訊 (包括產品和服務)的一種方式，是企業開展電子商務的基礎設施和資訊平臺，離開網站(或者只是利用第三方網站)去談電子商務是不可能的。企業的網址被稱為 “網路商標”，也是企業無形資產的組成部分，而網站是INTERNET上宣傳和反映企業形象和文化的重要視窗。

2. 本人對課題任務書提出的任務要求及實現預期目標的可行性分析

任務要求：

為了弘揚京劇文化，提高京劇的知名度;使京劇資訊傳播更為迅速有效;京劇做為我國的國粹，有著悠久而漫長的歷史。作為現代人的大多數人，已經不懂的如何去欣賞京劇，更不懂得京劇文化。通過系列網頁設計讓更多的人瞭解它、喜歡它、欣賞它。給社會大眾留下強烈的印象與影響力。

1)通過網頁設計來體現京劇形象;

2)通過結合京劇的特點，將各“生.旦.淨.末.醜”五個角色有機、自然地結合起來，以求得完美統一的'設計形象。

3)通過運用巧妙的網頁設計，為京劇的傳播提供更大的發展前景。

可行性分析：通過學習《網頁三劍客》、《精通css+div網頁樣式和佈局》、《版式設計》、《色彩設計》等專業課;熟練運用photoshop、 flash、Dreamweaver等設計軟體;在老師的指導下，通過自己的努力相信一定能夠達到畢業設計的預期目標、任務。

3.本課題需要重點研究的、關鍵的問題及解決的思路

本課題需要重點研究的是：

京劇耐人尋味，韻味醇厚。京劇在形成之初，便進入了宮廷，使它的發育成長不同於地方劇種，對它的技藝的全面性、完整性也要求得更嚴，對它形象的美學要求也更高，其表演藝術更趨於虛實結合的表現手法，達到“以形傳神，形神兼備”的藝術境界。在網頁設計中要做到對京劇這個傳統藝術內涵的發掘、創新、和表現。京劇中的五大角色的特徵，對於相互獨立又相互聯絡的角色如何在網頁設計中把握它們的共性和個性。在網頁設計、色彩設計、表現手法上盡多的融入現代設計元素，既符合年輕人的審美又要能深刻反映京劇文化的內涵。

關鍵問題在於如何把抽象的精神內涵變為可視的視覺形象。吸引更多的大眾去人瞭解它、喜歡它、欣賞它。然後解決瀏覽器的相容問題

4.完成本課題所必須的工作條件(如工具書、實驗裝置或實驗環境條件、某類市場調研、計算機輔助設計條件等等)及解決的辦法

2)完成本課題的基本工具：有關網頁設計方面的書籍

1.《網頁配色實用手冊 》 溫鑫茶工作室 科學出版社 20xx年9月

2.《Dreamweaver CS4網頁設計與製作指南 》 楊紀梅 清華大學出版社 20xx 年1月

3.《Flash CS3 網站商業設計從入門到精通 》 張大川 科學出版社 20xx年03月

4.《精通css+div網頁樣式和佈局》 前沿科技 人民郵電出版社 20xx年

3)相關的尺寸：原始資料和資料(以實際考察提供的為依據)

4)相關的市場調研，瞭解網頁設計的實際情形等。

5.完成本課題的工作方案及進度計劃

1)、15-18周 通過現場調研、網路、圖書館蒐集相關資料、瞭解當前設計公司設計的一些前沿，初步確定欄目推廣設計的大體方向。

2)、19-20周 初步方案設計(在此期間確定方案，根據實際情況，進行具體情形前期設計，20xx-20__第二學期

3)、1-5周 方案細化設計。

4)、6-7周 協調整理，為畢業設計展覽與答辯作相關準備

5) 8-10周 檢查並校訂本的設計稿和實物撰寫畢業論文，列印、裝訂，提交整套設計資料。製做答辯彙報提綱。次畢業設計的所有實物和文擋

6)、11-12周 佈置畢業設計展覽

網頁設計報告 篇6

一.網站的整體規劃

1.討論網站主題：因為自己對普羅旺斯很感興趣，於是就想到要是一下為心中的仙境設計一個旅遊網站。

2.定位網站CI形象：旅遊網站最重要的就是是瀏覽者產生想去親身體驗一下的共鳴。於是在網頁設計上面，根據普羅旺斯夢幻般的意境，我採用的是清新雋永的CI形象。使瀏覽者有賓至如歸的感受。

3.確定欄目和板塊：

1）首先要考慮整個網頁的長和寬，以及長度和寬度之間的比例。

2）其次就應該考慮導航條的設定了。

3）正文的框架設定(橫向因素和縱向因素交錯)

4）在瀏覽了很多精美的旅遊網站之後，再結合自己的想法，我先在草紙上畫出了大體的欄目和板塊。

4.網站的整體風格和創意：建立一個浪漫的旅行網站，走映像派路線，目的務必使瀏覽者留下映像。

二.網頁製作的前期策劃與準備

1.資料的蒐集：由於個人的愛好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就蒐集了一些有夢幻效果的網頁背景，FIASH原始碼、小圖示和一些GIF的動畫等。

2.熟悉製作工具軟體：

主頁製作的基本條件有：

硬體：

一臺電腦(64mb以上記憶體，當然越大越好啦);可以撥號上網;如果你有條件的話，建議:配置掃描器，這將大大方便影象和文字的輸入;

軟體：

html編輯軟體：常用的有frontpage、hotdog等，本文重點介紹 dreamweaver;

影象處理軟體：常用的有photoshop、flash、fireworks 等;

檔案上傳軟體：常用的有cuteftp、wsftp等。

三.網頁製作

真的是萬事開頭難啊，遇到了很多問題，比如：插入的圖片不符合規格，一下子把其他內容的框架擠開;插入的層太多，大一點的就把小一點的給覆蓋掉了;插入的flash不能產生效果。總之問題一籮筐。實踐出真知，原來自己還有那麼多欠缺的知識。於是迴歸本源，先把課本上的東西弄通再談其他。然後又到圖書管裡借了幾本網頁製作方面的書籍來參考。

在對基本知識有了詳細的瞭解之後，做起東西來就得心應手多了，知道引導頁能過加映像之後，我決定為我的網頁設計一個引導頁。

然後是主頁和二級頁面的設定。要注意，網上只能使用jpg和gif兩種圖象格式，其他諸如bmp和tif等很通用的格式都不能用在網上，因為它們太大了，但可以用圖象軟體進行轉換，比如office 97的照片編輯器。把準備在主頁上出現的圖象放進相應的目錄裡後。

在一步一步的邊學邊做的過程中，看著心中的東西一點一點的出來，真的很有成就感。雖然自己的網頁技術還差的遠，但是回顧一下這周真的學到了很多的東西。

四.網頁的除錯

之前把作過的東西放到u盤裡，發生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把原始檔和web頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。

網頁設計報告 篇7

課題名稱為：網頁設計製作方法及其在餐飲行業中的應用舉例

基本任務與要求：

階段工作計劃：

開題報告：

1. 選題背景（含國內外相關研究綜述及評價）與意義

選題背景：網際網路始於1969年的美國，又稱因特網。最初用於軍事連線，之後由於計算機的增多，以及各種連線協議的規範化，網際網路逐漸發展起來，成為日常生活中人們與外界交流資訊的重要工具，可以說，資訊時代的基礎就是網際網路。在中國，截至20xx年12月底，中國網民數量突破5億，達到5.13億，全年新增網民5580萬。網際網路普及率較上年底提升4個百分點，達到38.3%。（資料來自國家網際網路絡資訊中心），隨著網民的逐漸增加，網頁製作以及網頁設計技術的日趨完善，網頁已經被運用到人們日常生活中的方方面面，越來越多的人甚至公司開始學習製作屬於自己的個性化網頁，這成為資訊時代最重要的宣傳方式。

國內外對此課題的研究著重分為兩個方面，網頁製作以及網頁設計，但是兩者同時又是密不可分的，因為，設計需要建立在目前的製作技術之上，而製作又需要遵守設計所構建的框架，兩者相輔相成，缺一不可，而國內外對此的研究通常都在兩方面有兼顧，但是大部分課題都是隻對一個小問題或者一個小型框架，或者只是粗略講一下相關的技術或者技巧，對兩者同時進行一個綜合性概述的暫時還沒有。

意義：在網際網路初期，大部分網頁設計師都只知道如何去製作網站，知道如何去實現什麼樣的功能，但是在這個資訊化的'社會，如何讓你的網頁變得更好看，更直觀明瞭的表達資訊，如何從眾多的網頁之中脫穎而出，這就需要更強的網頁設計技術了，而新的網頁製作技術例如HTML5以及CSS3的運用也給設計師們帶來了更好的施展空間，該課題會先對網頁設計製作技術進行一個概述，讓讀者瞭解這些技術尤其是新技術的運用，同時課題還將運用一個知名餐飲行業的企業網站為例，講述網頁設計製作設計方法的實際運用，並指出網站設計中體現出的優缺點，最後課題裡還會按照要求設計一個網站，同樣也是餐飲行業方面的網站，與知名企業的網站進行對比，加深理解網頁中設計與製作的關係。 選題研究的方法與主要內容。

選題研究方法：

文獻研究法：通過調查與網頁設計製作相關的文獻，對其進行一個綜合性的瞭解，同時吸收文獻中對網頁設計製作的獨特見解，加入自身的理解，從而達到一個更高的高度

探索性研究：利用自身已經學習過的網頁設計製作方面的知識，以及在網頁美學上的經驗，綜合探索，得出屬於自己的獨特經驗

資訊研究方法：通過對網路上各種教程以及著名網站等例項樣本進行收集、傳遞、加工和整理來獲得知識，並將其用於實踐，在實踐中進行檢驗，從而糾正理論

經驗總結法：通過對製作實際網站中的實際情況，進行歸納、分析，並且將這種經驗進行系統化整理 描述性研究法：將網上已有的網頁製作的經驗、理論以及規律甚至是小技巧等等通過自己的理解，並且給予實地驗證，最後系統性敘述並解釋出來

主要內容：論文主要分為四部分，第一部分是開題報告部分，講述選題背景以及對國內外相關研究進行一個綜述，並指出論文的研究意義；緊接著第二部分對國內外在網頁設計製作方面技術進行了一個綜合性的分析；第三部分，我將選取國內一個知名餐飲行業的網站，對其進行網頁設計製作技術方面進行分析評價，並在其中闡述自己的理論，論證優缺點；最後，我將自己設計一個有關於餐飲行業的網站，並將其與第三部分中選擇的知名餐飲行業網站進行對比，取長補短，達到實際驗證自身理論的效果。研究條件、擬解決的主要問題和預期結果。

研究條件：網頁在21世紀的應用已經十分普遍，但是大部分研究都是隻針對某一小部分，並且大部分研究都是對設計和製作沒有一個系統的概念，缺乏對這一方面的一個綜合性概述，所以這次課題研究具有以下幾個條件：

1、具有研究性：該研究區域尚未被大量探索過

2、研究過程中所需的條件均已滿足：國內外相關研究已經有很多，大多數知名餐飲網站也開始重視網站進行銷售和宣傳

3、具備研究該課題的裝置、場地或者環境等：網頁設計製作所需要的物質成本只是充足的資訊來源，而網際網路已經滿足了這個條件

擬解決的主要問題：

1.對網頁設計製作技術的收集以及歸納、整理

2.對網頁設計製作技術的理解、實際應用及論證

3.自主設計一個網站，避免出現知名餐飲行業中的缺點設計

預期結果：

初期：收集整理網頁設計製作方面的資料，包括文獻，各種教程，以及國內外知名網站，對各種設計製作方法進行系統性的整理，其中著重介紹新技術的運用，例如HTML5、CSS3以及裝置移動互聯化帶來的新互動方式的運用

中期：選取一個有代表性的知名餐飲網站，對其進行網頁設計以及網頁製作方面的評價，指出設計中的優點和缺點，並進行詳細分析，針對缺點設計提出自己的想法，並做出實際設計，從而驗證自己的理論，或者舉出例項進行對比論證。

後期：自行設計餐飲網站進行對比分析，建立自己的設計理論，並與中期的評價進行對應驗證，在實踐得到大量的經驗，從而對整篇課題進行一個重新檢驗，最後反覆檢查論文，完成論文。

網頁設計報告 篇8

一實驗目的

1.學習html語言和dreamweaver，frontpage等工具

2.掌握在本地環境下運用asp技術實現一個簡單的電子商務網站

二實驗的方法和原理

三實驗過程

1.資料的蒐集。

組長分配任務，大家從網站上搜集各種關於手機的資料。

2.熟悉製作軟體。

做網頁主要用的工具便是dremweaver、photoshop、flash軟體。在這些軟體我對dremweaver、photoshop相對比較熟悉，因為在平時上課是老師帶領我們運用過。所以我還可以正常的運用，但是出現的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現了我學習方面的缺點，它是我平時不夠認真的具體表現。

3.構建站點框架。

開啟dremweaver後第一步便是新建站點

4設計主頁及二級頁面。

5實現網頁間的連結

連結的過程其實很簡單，主要是把要連結的文字選擇在選擇工具欄的連結按鈕最後選擇自己要連結的網頁單擊確定便可以了。

6向靜太網頁插入動態效果

四實驗心得

在經濟迅速發展的今天，internet顯得更為重要它是人們釋出資訊與傳遞資訊的重要渠道，為了與社會發展同步，為了讓我們成為真正的技術性人才。學校在本週為我們安排了維持三週的網頁製作專用周是實習，讓我們把平時所學知識運用到實踐中做到真正的學以致用而不只是紙上談兵。20xx網頁設計實踐報告20xx網頁設計實踐報告。通過本週的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足。

近三個星期的`實訓將要結束，其中的酸甜苦辣我會在今後的日子裡不斷地去咀嚼，去回味，去探索。從製作網頁過程中，我學到了新的美化網頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，並且為我自己在製作網頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷，將是我今後走上社會後的一筆巨大的財富。這次實習的收穫對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收穫。總體來說這次是對我的綜合素質的培養，鍛鍊和提高。

網頁設計實踐報告

今年暑假我留在學校，與學校冰點工作室的幾位成員一起為外面一家小公司做一個關於武漢諮詢方面的網站。我貫穿在整個過程，從客戶前期的接洽，到網站後期的維護，在這個過程中我學到了很多在學校很難學到東西。 對於網站的製作流程也有了整體的把握

籌劃期：

一個成功的個人網站，先期的準備工作是很重要的，好的開始等於成功的一半。在這一階段有兩個主要的問題需要考慮站點的定位：主題的選擇對今後的發展方向有決定性的影響，考慮好做什麼內容就要努力做出特色。20xx網頁設計實踐報告

第四、介面清爽：要吸引訪問者長時間的停留在你的網站，千萬不能讓使用者第一眼就感覺壓抑。大量的文字內容要使用舒服的背景色，前景文字和背景之間要對比鮮明，這樣訪問者瀏覽時眼睛才不致疲勞。適當的留白可以讓介面更清爽;

第五、堅持原創：剛開始學做主頁時，適當模仿別人的優秀設計是可取的，但（建築社會實踐報告20xx）模仿絕不等同於抄襲，一定要把握好其中的尺度。設計是這樣，內容的選取也是如此，多一些原創的內容，你的主頁才會帶有更多的個性色彩;

2、技術運用中要注意的一些事項：

第一、明確技術是為設計服務的，不要沉迷於技術的運用，堅決摒棄那些華而不實的特效;

第二、先為站點定義好統一的外部css，內部頁面都呼叫這個css，這樣不但可以讓你的網頁在瀏覽器改變設定時不變形，還有助於保持整個站點的風格統一，並且方便修改;

第三、不要開啟過多的新視窗，每個連結都會開啟不同的新視窗尤其讓人反感;

第四、圖象的製作要兼顧大小和美觀，圖片和文字的混排、圖片的合理壓縮可以讓頁面美觀而且檔案小巧。即使是個性十足的設計站點，浪費太多的時間在頁面下載上也會令人生厭;

至於後期的維護和網站的宣傳，那就要考慮到網站投入的費用了!

網頁設計報告 篇9

選題的意義、同類選題現狀分析包括專案實施的意義和應用前景，國內外研究和應用概況，發展趨勢，本專案的特色或創新之處）

電子商務發展在世界範圍內都是剛剛開始，其發展速度極為迅速，傳統商業模式正不斷地被新的商業模式所替代。網上購物就是Internet和電子商務網站的產物，近幾年在我國發展迅猛，就如同一些購物商場在各地紛紛開設分店以拉近與顧客間的距離一樣。21世紀是網路的時代，資訊的時代，時間是非常寶貴的，人們由於種種原因沒有時間去逛商場，也不知道哪家商場有自己中意的商品，網上購物網站的建立就可以很好的解決這方面的問題，可以向廣大使用者推出一種全新的網上資訊服務，旨在貨品與消費者之間架起一座高速、便捷的網上資訊橋樑，可以為使用者節省時間、方便購物。

在國內也有許多我們所熟悉的大規模的網上購物網站，如阿里巴巴和淘寶網。中國的網上購物在摸索與借鑑中成長著，利用中國特有的優勢來克服不利的外部環境因素，例如採用“貨到付款”就是中國購物網站的成功創新。隨著外部環境的逐步優化，上購物網站發展前景看好。

本網站的主要功能有：使用者註冊、會員登入、貨物分類查詢、貨品瀏覽、購買貨品、購物車、客戶留言；管理員管理會員資訊以及訂單資訊、管理員新增和刪除貨品、管理員檢視留言。一方面，讓顧客方便購買各類貨物，給本購物網站提出寶貴的意見或建議；另一方面，管理員能在管理資訊的同時也能瞭解顧客的需要，對網站的不足之處進行修改。本購物網站還在借鑑其他成功購物網站的同時也加入了一些創新的元素。如在貨物介紹的頁面中添加了同等商品價格的最新比較資料，讓使用者能夠花比較少的時間找到自己滿意的產品，同時在本網站中每個註冊使用者還可以擁有自己的一個小型的BLOG，在其中使用者可以發展自己的購物經驗和日常的心情。同時在網站的介面上，本網站了可能讓使用者設定網頁的風格，使用者可以按照自己的喜好改變網站的背景色，讓整個網站更加的有特色。

（包括畢業設計目標、設計內容和擬解決的關鍵技術問題）

購物網站的建立是為了節約顧客時間和方便顧客購物，該網站主要有註冊會員、會員登陸、貨物搜尋、購物車以及對會員、貨品、訂單的管理。以實現網上書店的交易和管理。

（1）前臺服務：註冊會員、會員登陸、會員修改個人資訊及密碼、貨品分類搜尋、貨品瀏覽、貨品購買、購物車，以及頁面的特效如：將該網站設為首頁、加入收藏、更改網頁風格等。

（2）會員管理：管理員對會員個人資訊的管理，驗證會員登陸資訊。並且可以在自己的BLOG中發表資訊。

（3）圖書管理：管理員檢視書庫中貨物的庫存量，包括各種貨物的銷售情況，以及及時更新資料庫中貨物的各種資訊。

（4）訂單管理：管理員對訂單的管理，確認顧客資訊與訂單資訊的準確性。

本系統主要是利用ASP、Dreamweaver、SQL資料庫來完成設計的'，主要完成了貨物分類搜尋、貨物瀏覽、貨物購買、購物車以及會員管理、貨物管理、訂單管理等功能的實現。

（包括開發平臺選擇、試驗方案及可行性分析，設計和開發工作的總體安排、步驟等）

購物網站的設計與開發需要微機一臺，作業系統為WindowsXP。開發環境為ASP、Dreamweaver，資料庫為SQLServer20xx或選擇Access。資料訪問方法為使用ADO。NET通過ODBC的方法同資料庫介面。使用這種方式訪問資料，可以使用任何一種ODBC資料來源，即不止適合於SQLServer、Oracle、Access等資料庫應用程式，也適合於Excel表格，文字檔案、圖形檔案和無格式的資料檔案。

通過調查分析，建立購物網有其充分的必要性和可能性。可以建立該網站的可能性具體包含了它具有經濟可行性、技術上的可行性和時機可行性，系統能達到以最小的開發成本取得最佳的經濟效益，開發中所需人員、硬軟體支援以及其它費用進行估算情況均滿意，技術條件也能保證順利完成開發工作。

最終認為該系統完全可行，網上購物網站是一個網上交易網站，利用該網站使用者可以購買貨物，修改自己的購物車，在自己的BLOG中發展資訊；管理員作為管理者則可以查詢會員的訂單資訊、管理貨物，對貨物進行新增和刪除。

1、前臺服務：

此模組是對於使用者開放，實現的功能有：客戶註冊，會員登入，修改個人資訊及密碼，貨品分類查詢，貨品瀏覽，購買貨物，購物車，會員留言等。

2、後臺：

此模組是對於管理員開放，實現的功能有：會員基本資訊管理、訂單管理、貨物管理、檢視留言。

網頁設計報告 篇10

1、 預期目標

(1) 通過本次實訓要完成仙劍奇俠傳的網頁製作，包括二級頁面和三級頁面，還要應用一些網頁製作的基本技巧。

(2) 掌握佈局技術，模版應用，CSS樣式，超級連結，並運用fireworks做簡單的圖形編輯。

(3) 通過連續時間的實際操作，鞏固對網站的建立、網頁的策劃、設計與製作的理解，加深理解網站、網頁、製作的過程，理解團隊互助共同完成專案的協作精神。

2.關鍵技術及解決途徑：

一、關鍵技術：

(1)有完整的策劃報告(電子版)，實際內容有改動不受影響;

(2)有標題的網站以及有對應自己創意設計製作的Logo圖象、廣告條等圖象;

(3)至少有首頁、二級頁面、三級頁面的層結構;

(4)有框架、有表單;

(5)有自己創作輸入的'文字內容並經過排列整理;

(6)Dreamweaver模板技術;

(7)至少採用了樣式表技術;

(8)採用滑鼠事件等行為設定之一;

(9)不允許出現超級連結錯誤!

(10)有版權宣告、網站更新日期、創意製作人員。

二、解決途徑

根據課堂所學，充分利用相關技術要點，對於不懂的地方問實訓老師。製作完成後，反覆檢查，保證連結的正確性。

3.方案設計與實施步驟：

一、方案設計

二、實施步驟(可以包括網站內容)

(1)確定網站內容為仙劍奇俠傳4,並制定詳細的策劃報告

(2)查詢相關資料，製作banner，logo，和相關動畫圖片

(3)小組分工合作，我負責首頁製作，人物介紹，友情連結，留言板相關內容。

(4)採用佈局技術設計首頁，然後插入logo，banner美化首頁

(5)應用模版技術製作人物介紹，介紹仙劍4中的重要出場人物，並配上相關圖片和文字，製作了網站相簿，使用了錨記。

(6)友情連線應用了框架，連結到百度貼吧，官網等相關網站，並用fireworks製作了相關的logo和banner。

(7)採用表單技術製作留言板。

(8)最後建立CSS樣式，並運用到各個連線上。

(9)個相關頁面之間進行必要的超級連結，友情連結與相關網站上鍊接。

(10)最後和另一小組成員進行作品彙總，完成相關站點的連結

(11)檢查連結，清除多餘檔案和圖片

4.自我評價

這次實訓充分利用了課堂所學，掌握了許多關鍵技術，例如模版技術，CSS樣式，使得製作過程方便了很多。

在完成基本要求得基礎上，資料夾、檔案命名規範;檔案存放位置合理;

製作完成之後進行過現場清理：沒有無用的檔案、資料夾，沒有斷鏈(外部連結不算);工作量飽滿：內容較豐富、自己設計製作的素材應用多;色系、佈局合理美觀、考慮使用者訪問方便;採用各種特效、並且運用合理。

不過也有些不足，比如一開始沒有把兩個人制作的資料夾分開，導致後面彙總時比較麻煩。

不過總的來說，對這次的作品相當滿意，不僅選擇了我們自己喜歡的內容，而且在我們的水平上把它做的很精美。在這個過程中我們意識到了自己在相關技術上的不足，通過學習，知道了如何改進我們的缺點，相信在以後的應用中，我們會做的更加完美!