網頁設計總結 篇1
一個網頁設計師在工作時要面對多少問題?配色問題?字型問題?製作問題等多個問題。以及在做的過程中客戶的反饋都相當重要，接下來一起看看總結：
一、配色問題
一個網頁的色彩最好不要超過3種，一面視覺效果混亂，用色柔和，對比度強的色彩不能套用於一般網站，時尚網站使用還可以。
二、字型問題
很重要的一個問題，用標準字標準色，這是一個規範，行距一般控制在20px左右，不要太小，也不要太大，自己大小注意，中文12px，英文11px或者10px。不要用黑色字，可以用灰度或者其它柔和顏色，統一整個網頁字型的色彩以及大小，規範整體。
三、布局規範
布局是非常重要的，考慮客戶瀏覽習慣以及他們想展現的內容，並且最佳化。一個網頁，如果布局不合理的話不但影響瀏覽，而且非常難看。
四、製作習慣
必須非常熟悉各種網站的功能，要做得非常全面，比如說一個商城的網站應該有哪些內容必須非常清楚，不要等客戶提出之後才補充上去，會顯得自己非常不專業。
一般不好搭配的顏色，用灰度搭配。
網頁設計總結 篇2
一、網頁設計中的構成要素
1、文字的編排
在網頁設計中，其中文字的編排作為必不可少的基本構成元素，對這些文字的要求是易讀性和可讀性。其中易讀性顧名思義就是文字的清晰表達，可讀性則是指的是網頁整體上的可視性，在文字的設計、詞語的間距、行距等方面的處理。易讀性和可讀性在網頁設計中對於文字的編排的作用是非常重要的。另外，和利用紙張閱讀的方式相比，網頁設計中的文字的易讀性相對較差，再加上一般的用戶在普通的頁面上花的時間比較短，所以對於網頁設計中的文字編排應該滿足以下幾個要求：一是，因為在不同的電腦、作業系統中安裝的文字的字型都是相同的，所以應該在文字編排的過程中選擇一些經常使用，用戶經常見到的字型，不然的話他們的系統就可能默認一種字型，就會導致網頁看起來不能達到設計者的期望。二是，鑒於螢幕的顯示會對字型造成一定的影響，在生活中人們大多都是採用的黑體和宋體，站在視角的角度上說，宋體的閱讀方式最便捷，更富有現代氣息，但是對於字型的形狀應該注意。三是，因為不同的字型以及不同的字型屬性可以幫助人們識別標題和信息。但是應該注意的是一個頁面中字型風格是有限制的，如果使用太多面，就失去了強調的作用。
2、圖片的編排
在網頁設計中，圖片可以算得上是最早被使用的元素。這是因為網路可以利用圖片傳達自己的信息，讓用戶更直接的了解，加大了網路提供的信息量，再加上圖片的使用在很大的程度上也使頁面更美化。因此，在網頁設計中，要想單純文字表達的信息變得有趣，最簡單的方法就是使用圖片。經調查顯示：對於一條信息來講，圖片對觀眾造成的吸引往往要高於文字產生的影響。在網頁中使用圖片時，應該注意以下規則：一是網頁的統一性；二是圖片要吸引用戶；三是要注意突出圖片的重點，特別是在處理和相關文字編排的時候。
二、網頁設計與現在網路新技術的結合
1、網頁設計和多媒體技術的結合
多媒體的使用能讓人機互動技術趨向接近人的自然方向發展，能夠讓網頁用自然的方式跟人交往。多媒體的產生實現了信息的多樣化，讓人與網頁在互動的過程中，具有更寬闊和自由的發展空間。對於多媒體技術的信息多維化不僅指信息的輸入，還包括信息的輸出。從目前的形式來看，多維化包括人的視覺和聽覺這兩個方面，因為多媒體的使用，讓頁面設計表達的信息更具有人性化。為了增強網頁的視覺效果，在網頁設計中通過豐富的表現形式，能夠讓觀眾產生視覺效果，從而產生了繼續觀看的念頭。在網頁設計中，網頁包含的內容是各個方面的。幾乎容納了所有的媒體的優點，現在已經成為了一種炙手可熱的傳播手段。
2、網頁設計和多媒體相結合主要是增強了網頁的互動性
一個優秀或者是成功的網站都應該和用戶之間形成良好的互動關係，互動關係主要包括在整個頁面的設計過程中以及使用界面上的指導體現出來，並且都應該堅持互動的原則，讓用戶在使用的過程中的每一個不走都能夠得到相應的會用。在現在，互動性不僅是一種利用網路傳播發揮信息的最大優勢，而且是傳達信息的人和用戶進行交流的一種方式，在網頁設計中，有效的互動性能夠提高用戶使用接受信息的主動性以及參與信息反饋的積極性，與此同時，還有助於傳達信息的人了解信息傳達取得的實際效果以及和預期之間存在的偏差，以便在下一步的網頁設計中進行適當的改正，實現訊息的升格傳達。隨著我國的動態設計技術，例如ASP以及PHP等的不斷發展和普及，互動式設計的重要性也逐漸顯現出來，採用互動式設計的目的不是為了控制用戶採用怎樣的行動，而是給他們的`各種行動創造實現的基礎。在多媒體以及網頁技術中，設計人員採用的絕大部分的互動方式都是人們熟悉的模擬系統，例如，人們熟悉的撥號盤、按鈕、開關以及滾動條等。所以設計師在創建人機互動方式時，瀏覽者所接觸到的互動式界面，通常都採用這些方式，例如聊天室的界面，完全可以設計成房屋的場景，以給用戶營造一種親切的感覺。適當的對網頁中的各種設計元素，例如flash、js等動態效果，就會增強網頁的視覺審美，更具藝術欣賞性和互動性，對瀏覽者具有充分調動的作用，產生的效果也比傳統的媒體要好。
三、總結
在我國不斷發展的進程中，網頁可以說是一種全新的視覺表現形式，不僅包含了平面設計的各種理念，還具有跟其他文化不同的優點。如果要做好網頁設計，絕對不是一件容易的事情，這是因為網頁設計涉及了視覺設計美學、人類心理學、人機工程等多個領域。一個好的網頁設計不僅需要設計者精心組織內容，更需要其對整體視覺的傳達進行科學的規劃。在信息技術飛速發展的今天，網頁設計的價值不應該只局限於提高信息的傳達效率，還應該重視給用戶帶來視覺的審美享受。
網頁設計總結 篇3
一、項目教學法在《網頁設計》課程中的套用
1、教學設計原理
《網頁設計》課程的教學套用項目教學法後，學生的學習過程以分組的形式完成一個完整的網站項目為載體。一個完整的網站項目，它的建設周期往往較長，項目中涉及到的知識點較多，學生通常會覺得無從下手。因此，在設計、細化每節課的教學內容時，要根據項目的實施流程和功能模組，劃分成若干個任務，將學生需要掌握的各種知識和技能融入到各個任務的教學中，讓學生在完成每個任務後能學習到網頁設計的相關知識和技能。
2、教學流程
項目教學作為一種革新傳統教學理念的教學方式，它強調教學要以學生為中心，強調組織方式要以小組合作學習的方式，要求學生對現實工作與生活中的真實問題進行探索。我在《網頁設計》課程的教學中使用的項目教學法主要按以下幾個步驟進行：確定項目—項目分解—操作示範—獨立探索—協作學總結評價。
3、教學設計
（1）確定項目任務。在《網頁設計》的項目教學中，教師在設計教學項目時一般要考慮自己已有的項目經驗、該課程的教學特點以及學生的認知發展水平，設計出來的項目要體現學習的主題和目標，很多時候由於項目都來源於現實生活，它具有一定的複雜性和不確定性，因此教學過程中教師要選擇或設計合適的項目，以更好的控制教學的方向和進度，做到一切都在掌握之中。為此在項目教學過程中，教師在選擇和設計項目時應綜合考慮以下幾方面的因素：①項目所涉及的知識和技能緊扣教學大綱和教學目標，要結合該課程的特點制定項目任務。②項目的難易程度要適宜，要適合學生的實際水平，這樣學生才會有信心和興趣去完成項目。③項目應該遵循實用性的原則，要與現實生活貼近，還應該考慮企業的實際工作崗位需求。我在上《網頁設計》這門課程時採用的項目是：“樂游天下”旅遊網。
（2）根據學生情況進行分組。為達到協作學習，最終順利完成項目的目標，在項目教學時教師先對所教班的學生進行合理的分組。在分組時，先要對所教班級的學生進行綜合的分析，分析的內容包括學生的學習成績、學習態度、學習目的、學習興趣、個性特點、能力水平等。經過對學生的了解和分析，將“優秀”“中等”“一般”的學生進行組合，使每一組都包含這三個層次的學生，並安排優秀的學生擔任項目組長。
4、教學實施
為了將理論與實踐緊密結合，我們將理論教學與項目活動的進度調整為同步，將項目活動貫穿在整個理論教學過程中，這樣有助於學生將所學的理論、方法和技術有機地結合起來，對以後的進一步深造打下堅實基礎。項目實施階段是項目教學中最重要的一個階段。操作過程中按以下步驟進行：
（1）引導。由於學生以前沒有接觸過網頁製作，對網頁製作的相關知識都很陌生，所以在項目開發之前，先給他們演示已經開發完成並製作好的網站，使他們對要做的網站有明確的目標和感性認知，知道實施該項目該做那些內容與功能，關鍵在哪裡，同時激發了學生的興趣。
（2）制定項目計畫。項目計畫在項目實施前由教師根據學生的綜合素質制定，制定好後分發給學生，讓他們做到心中有數，並要求他們嚴格按照計畫實施項目。項目計畫的制定主要是按知識點劃分成一些任務，每一任務又由多個子任務組成，每一子任務對應著項目中的一個或多個頁面，也可以對應著一個功能。通過完成所有的任務來完成整個項目。
（3）實施項目計畫。按照制定的項目計畫逐步實施項目。整個項目劃分成了11個任務，在執行每個任務前，老師要對新知識中的重點及難點內容進行講解，其過程應該精練，最好通過簡單的例子用操作演示完成，讓學生更容易理解、接受。講解後，留給學生充足的操作時間，由學生自主進行探索與學習，讓學生大膽去試，使他們在使用中體會、感受和領悟，最終順利完成此任務。在項目實施的整個過程中，教師要注意的是，學生遇到困難時應及時給予指導，不要讓學生產生畏難情緒，從而影響學習的興趣。此外，教師一定要把握好指導的尺度，儘可能對其進行啟發性、提示性的指導，最終讓學生自己去解決難題，這樣即不影響學習興趣又能鍛鍊學生解決問題的能力。
（4）階段匯報、討論及總結。根據項目的進展情況，在合適的時間，由教師在課堂上組織項目工作情況的匯報、討論和總結。各小組組長將該階段所做工作的進展情況進行展示，項目實施過程中的遇到的問題及解決方法進行交流與討論，並回答其它小組同學或老師提出的問題。這個過程中，老師可對工作中的方法、過程、技術提出參考意見。匯報結束後，各小組對該階段進行過程性的總結與分析，把各個環節抓緊抓牢。
（5）總結評價。項目結束後，各組長對其所有組員進行評價打分，各組之間相互對項目成果進行評價打分，教師再對每個小組的項目成果進行評價打分。最終，小組成績由“其他各組給出成績的平均值”+“教師給出的成績”兩部分組成，各占50%。個人成績由“小組成績”+“組長給出的個人成績”兩部分組成，各占50%。通過這種多元化的考核方式，有助於學生個性化、全面化的發展和綜合素質的提高。
二、結語
項目驅動教學法相對於傳統的教學方法，它能更好地將理論教學與實踐教學有機地結合起來，並很大程度上提高了學生學習的積極性和主動性，提高了學生分析問題和解決問題的能力，充分挖掘了學生的創造潛能。
網頁設計總結 篇4
（一）一、教學內容的確定
教學內容通常包括HTML語言、CSS樣式、網頁設計原理及原則。由於針對的是中職生，在教學內容的安排上就會有所取捨，主要以實際案例為基礎，重點掌握可視化網頁編輯器的使用。除了介紹軟體的使用外，還加入對於網頁設計非常重要的圖像處理的內容，傳授網站結構、風格、配色及頁面布局等知識。教學內容的選擇上主要有以下幾方面：
1、網頁製作軟體的掌握。學校開設的網頁設計課程一般會選擇FrontPage和Dreamweaver，而Dreamweaver使用方便，是一款比較專業的網頁設計工具，因而通常選擇它作為主要的網頁設計平台。除了讓學生掌握怎樣使用這款軟體製作網頁，還要讓學生了解網頁基礎知識，如讓學生知道什麼是網頁檔案；學會規劃好自己的資料夾，將所有的網頁檔案和圖片都放在自己的工作文件夾中，不要連結工作資料夾之外的圖片，有的學生將做好的網頁放到別的計算機上結果需要的圖片無法顯示，就是這個地方沒有做好。
2、增加圖像處理和Flash方面的內容。隨著網頁設計技術的不斷變化，Photoshop、Fireworks與Dreamweaver網頁製作軟體的結合越來越緊密，由於網路速度的提升，圖像元素在頁面中早已變得不可或缺，利用圖像處理軟體的功能直接生成網頁已經變得非常簡單。而Flash以檔案體積小、風格多樣及良好的互動功能等優點在網頁中所占的份額越來越大，甚至出現了完全使用Flash完成的網頁作品，在教學中為了讓學生簡單了解，一般讓學生通過設計常見的Flash廣告條來實現。所以，在開設這門課程的同時，也開了Photoshop和Flash這兩門課。
二、教學方法的探索
網頁設計課程通常在機房授課，便於學生上機操作、鞏固課堂教學效果。傳統教學方法是教師在課堂上講授理論知識，然後學生上機練習，教師在一旁進行輔導。這種枯燥的灌輸方式難以調動學生的興趣，即使學生將課堂上所學的知識都聽明白了，上機操作時仍然無從下手，因而必須採用有效的教學方法。
1、採用案例教學法。案例教學是在學生掌握基本理論知識的基礎上，根據教學目的和教學內容的要求，由教師精心策劃和指導，運用典型案例，將學生帶入特定事件現場進行案例的分析，使學生獨立思考或集體協作，進一步提高學生分析問題、解決具體問題的能力的教學方式。筆者對教學目的和教學內容選用實際網頁中的典型案例，在教學中先展示網頁效果，再講解相關的理論知識，在學生理解基本理論的基礎上再演示完成案例，並對案例進行適當總結，將枯燥的理論知識融入生動的案例之中，理論與實際相結合，有利於學生更好地掌握知識。另外，根據學生的實際情況，還可在本案例的基礎上延伸到其他類似的例子，達到舉一反三的效果。採用案例教學法，學生不但可以掌握課堂上學過的案例，而且能靈活地運用課堂知識，提高綜合運用能力。
2、採用任務驅動教學法。所謂“任務驅動”，就是在學習過程中，學生在教師的幫助下，緊緊圍繞一個共同的任務活動中心，在強烈的問題動機的驅動下，通過學習資源的積極主動套用，進行自主探索和互動協作的學習。這種教學模式強調學生的學習活動必須與任務相結合，以問題來引導和維持學生的學習興趣和動機。所以，安排第一次教學內容時，給學生欣賞一些優秀的、獲獎的網頁設計作品或瀏覽比較熟悉的網頁，可激發學生的學習熱情。在欣賞過程中，讓學生說出該網頁吸引他們的優點，教師適時講解網頁設計中關於色彩搭配和布局的知識，這樣可提高學生學習的主動性，讓學生主動地學習知識。同時，確定本門課的總體任務———設計並製作一個完整的網站，學生在後續的學習中就有了任務感，有了目標學習才會更認真。再針對課程中的每一部分內容，將總體任務細分為若干個小任務，如文本、圖像、表格、連結、CSS樣式等，由淺入深，讓學生通過完成這一個個任務來掌握網頁設計與製作的基本操作。例如，介紹Fireworks軟體時，筆者採用了模仿式教學法，著重於網站Logo、整體效果設計與製作能力的培養，通過學習、模仿優秀網站的設計圖稿，提高學生的審美能力，對各類網站的設計風格、色彩搭配、網頁布局等有一定的認知。四、考核方法的探索根據中等職業教育的教學需要和課程教學特點，課程考核形式要能全面地評價學生的綜合素質和技能套用能力。在網頁課程的考核過程中，期末總評學習成績可由兩部分組成：平時成績（平時到課考勤、課堂表現、作業和能力考核）和期末考核（期末上機考試），各占總成績的50%。這種考核方式注重實踐操作和套用開發能力的培養，可發揮學生的學習積極性和主動性。此外，還可在校園內舉辦網頁設計比賽，設定獎勵分。如學校舉辦的藝術節、網頁作品展示等，不但能提高學生學習本課程的積極性，還可讓學生找到彼此的差距，激發學生的學習動力，不斷提高網頁設計水平。
網頁設計總結 篇5
記得初到公司時，我對公司的了解僅僅局限於公司網站的簡單先容，除此以外，便一無所知了。但是，在領導和同事們的支持和幫助下，我不但加深了對公司的了解，而且很快就把握和熟習本崗位工作的要求及技能，嚴格做到按時按量完成產品終端頁等頁面的製作，保證頁面的與效果圖的一致性和頁面在各個閱讀器中的兼容性。同時，減少頁面中冗餘的代碼，保證頁面的載入速度。另外，留意用戶體驗題目，站在用戶的角度閱讀網頁，發現題目、解決題目，以進步網站的閱讀量。
設計工作是痛苦與快樂的煉獄，每當面臨新的設計任務時，因為覺得自己的水平不夠，感覺充滿了壓力，開始蒐集各種資料，接下來尋找設計靈感，沉思、焦灼，每當經過艱苦的磨礪，自己的勞動成果得到肯定時，便是工作中最大的快樂！充滿了快意。
一、工作總結：
從開始連效果圖都做不好到現在能自己套程式，雖然自己也付出了努力，但是更離不開同事們的幫助。在這三個月里，我學習了製作網頁的基礎知識。從配色到布局，從製作效果圖再到切片，再到用dw製作網頁，最後套程式。每一個環節我都沒有鬆懈，不管是在公司還是回到家裡，我都會充分利用時間來學習，補充自己貧瘠的知識。雖然現在的水平還遠遠不夠，但是捫心自問，我在遠洋的每一天都是充實的，沒有虛度，我相信在新的一年裡，通過自己的努力和同事們的幫助，我會學到更多的東西，不管是在技術水平上還是其他方面，都更上一層樓。
二、存在不足：
在公司領導以及部門領導同事的幫助和指教下，我的工作有了很大提高，當然我還存在著很多不足之處，對行業網站了解不夠深，處理問題思路簡單，不夠成熟，工作中容易急躁，需要更深入學習專業知識，提高自己的工作水平。心態有多開發，視野就有多開闊。提高軟體知識和技術只是問題的表面，本質是要提高自己認識問題、分析問題、解決問題的思想高度。在能勝任工作的基礎上，去設計一些其他領域的專業知識，豐富自己的知識體系，提高自己的綜合素質。
三、新一年的目標：
過去的一年的整體上是緊張的、忙碌的、充實的。因為我剛剛來到遠洋，所以對我來說這也是充滿希望的一年。展望新的工作年度，希望能夠再接再礪，同時也加強自身的能力，工作中與同事多溝通，多關心了解其他部門的工作性質，進一步提高自己專業知識技能，積極吸收新的觀念與設計理念，要繼續在自己的工作崗位上踏踏實實做事，老老實實做人，爭取做出更大的成績來。
我們經過痛苦煎熬，終於做出來的時候倍感輕鬆。