前言：想要寫出一篇令人眼前一亮的文章嗎？我們特意為您整理了5篇個人網站設計范文，相信會為您的寫作帶來幫助，發現更多的寫作思路和靈感。

個人網站設計范文第1篇

關鍵詞：網站設計；個人；互聯網；技術；視覺；自動化

中圖分類號：TP311.52 文獻標識碼：A 文章編號：1006-8937（2014）5-0012-02

現在越來越多的人關注網站的自動化設計與開發，什么是個人網呢？它的出現和運營究竟承載這怎樣的信息？這并不是每個人都清楚的。很多人無法準確的理解個人網站的優勢和作用。我對網站的認識還處于相當低的程度中，所以，在正文開始前我想先闡述自己對個人網站的理解。我認為個人網站從宏觀上講就是單個社會人的網絡平臺，它的組成部分包括個人信息、個人相冊、相關網站的鏈接等。我們要制作一個網站，用這個網站去擴大自己的影響力，把自己的產品通過自己制作的網站展示給更多的人，可以從事于公共事業的宣傳，新產品的推廣，英語教育的學習。更重要的是，通過個人網頁的自動化設計與開發，我們可以找到個人網站的不足，及時解決網站存在的問題。個人網站彰顯出自由和不受約束的心態。利用這個網站編者自己可以很好的闡述自己的觀點和看法，訪問者可以獲取一定量的信息，并對作者的觀點及看法提出自己的意見。

1 個人網站的自動化設計與開發的可行性分析

在對個人網站進行可行性分析之前，應先闡明一個概念。即WEB2.0，關于WEB2.0現在互聯網行業并沒有非常明文而確切的規定，之所以被稱之為WEB2.0是相對于WEB1.0而言的。我們可以將WEB2.0理解為一個新興事物，相對于WEB1.0它更加強調的是一種交互作用，簡而言之就是用戶既是網站的設計開發者，同時也扮演了網站的受眾。WEB2.0利用網絡來發掘大眾的智慧，所以很多WEB2.0的支持者認為它的開發與利用勢必會引起很大的影響，將會以前傳統意義上的桌面計算機應用。

個人網站的自動化開發與設計就是典型的WEB2.0網站，其特點就是網站的規模較小，網站受眾主要是通過后臺個人的人脈及受眾之間的相互傳播，還有自己對網站的宣傳。網站操作者每天更新自己網站的內容，嘗試著去開發一些新的功能，把一些重點信息展示到網站的明顯位置。每時每刻都與受眾互動。而網站的內容則是由網站負責人負責整理和編輯。為了實現個人網站的開發，通常要基于三種動態網絡語言，即java jsp、、php。個人網站的開發，對技術層面要求并不是很高，所以我們一般情況下采用php進行，php具有簡潔便利，操作方便開源免費且功能齊全等特點，同時也是目前最流行的網站腳本之一。所以說，熟練的php應用自動化開發和設計，它起到至關重要的作用，基于以上的各個優勢，php適用于各類中小型企業或公司網站的自動化設計。而對于數據庫的選擇主要有三種，即：sql server，oracle，mysql，但是三者比較而言，前兩者屬于大型商業化的專業數據庫，其性能優越，但是花費較高，所以并不適用于個人網站的自動化開發與設計。與前兩者相比mysql則顯得更為便捷高效，這主要是體現在mysql的免費與 其自身所擁有的強大功能。在很多方面mysql的應用并不遜色于sql server和oracle，由此可見，在個人網站的自動化開發和設計方面，就數據庫的選擇而言，mysql是完全可以勝任的。接下來，就web的服務器的選擇而言，個人比較傾向于Apache。Apache是目前為止使用最為廣泛的web服務器，其卓越的兼容性和跨平臺性為其在web服務器上的運用奠定了良好的基礎。綜上所述，個人網頁的自動化開發和設計在技術層面就得到了較為完善的解決。

2 個人網站的自動化設計與開發的環境與方法

基于個人網站的自動化設計與開發，即在windows操作系統的大環境下，采用php程序語言加上Apache的web服務器和mysql數據庫。在個人網站的自動化開發與設計方面這三者的結合雖然較為便捷實用，有著諸多優點。但是要想讓這三者充分結合，發揮其最大的效率仍然有不少的工作需要解決。這三者在相互結合使用時，有很多組合的程序部分是需要人工來設置的，這就給編程人員帶來了很多不便。但是，現在已經有部分php發燒友將這三者結合起來開發了phpnow的個人網頁開發設計的應用程序處理組合套件，編程人員只需要簡單下載phpnow之后，其便可以自行運作，較為準確的調試php的開發運行環境，從而更加高效的提升編程人員的工作效率。

個人網站的自動化設計與開發基于兩個方面，一是對phpnow的合理有效利用，二是在一定美學基礎上對dream weaver軟件的高效利用。首先phpnow是部分程序愛好發燒友自行開發制作的組裝套件，其中裝配了個人網頁的自動化開發與設計所需要的php的各種有用的程序和軟件，下載安全，安裝快捷便利，是現在不少開發個人網站與設計編程者在開發php時候，所使用的首選組件。dream weaver作為腳本編寫和web設計的工具，在大學時我們都已經有所接觸，并且可以上手去做。dream weaver支持的腳本較多，譬如：php、asp、jsp等多種腳本都可以被dream weaver所支持。同時dream weaver自身還擁有強大的javascript和css等應用程序，在使用時其軟件的操作平面合理，操作過程較為簡單，所以說dream weaver是特別適合用來做個人網站的平面設計和編寫部分網頁的腳本語言。同時dream weaver還可以與fireworks和photoshops等圖片處理軟件結合使用，并可以在最短的時間內非常高效的將fireworks和photoshops上面的圖像和處理過的內容轉移到網頁上，大大提高了利用dream weaver進行個人網頁平面設計的效率。以上兩點是個人網站在開發設計時所采用的兩個具體的軟件編程方法，在具體實施中個人建議應該采用原型法。這種方法是20世紀80年代隨著計算機技術日趨成熟的發展，尤其是在數據庫系統和新的程序語言不斷完善和發明的基礎上提出的一種全新思維模式的系統開發方法。與之前的傳統方法相比較，它可以說是改變了一整套工作流程。因為以前傳統的方法有三個步驟：一是調查分析，二是整理出檔，三是呈現用戶。這樣的工作流程和模式大大降低了編程人員的工作效率，不符合互聯網技術發展的需求，所以已經被淘汰。而現在我們所采用的原型法在一定程度上，適應了互聯網技術的發展規律，符合了時代自動化的節奏，直接利用模擬的方式將這些需要解決的事情導入了系統分析和開發的初級階段，這樣就使得編程人員在工作時有較高的搞作效率，同時也降低了個人網站的自動化開發與設計成本。

我們在利用原型法進行個人網站的自動化設計與開發時，分為四種：一是自我分析，弄清楚編程者或網站所有者的基本要求以及他們的需求。二是對原型進行建模，開發或者設計基本的原型操作系統。三是提交用戶進行審議試用。四是編程人員根據用戶使用后的建議或意見對初始原型系統進行從新的完善與修改，以保證得到最為高效快捷的系統。對原型法的使用，是極為合適的。因為個人網站的自動化開發和設計都是小規模的，如果采用其他的辦法去開發個人網站是極為浪費的，也會徒增不少繁瑣的步驟，到最后只會變得華而不實，給人不切合實際的感覺。

3 結 語

綜上所述，個人網站的自動化設計與開發在技術方面已經顯得很成熟。我們應該好好利用個人網站傳遞積極向上的信息，帶動更多的朋友來關注人網站的自動化設計與開發，這在一定程度上可以促進我國互聯網技術發展，也可以培養出一批具有創新能力的技術開發人員。所以說，在日常的學習工作中，我們一定要牢牢將實踐與想法相結合，不斷的去探索現在社會所發展的前進方向，把自己的設計與開發結合到日常生活中，不斷地去探索個人網站在公眾面前的前景，及時的發現自己的不足，真正熟練掌握個人網頁的自動化設計與開發。牢記科學技術就是第一生產力，培養自己勤于動手、善于思考的能力，為祖國的科技事業做出貢獻。

個人網站設計范文第2篇

關鍵詞：短板理論；個人發展； 團隊建設

一、短板理論的前世今生

1.短板理論的概念

美國管理學家彼得曾提出著名的短板理論：多塊木板構成的木桶，其盛水量多少的決定因素不是其最長的板塊，而是其最短的板塊。若要使此木桶盛水量增加，只有換掉短板或將短板加長才成。【1】

如果把企業和人都比喻成一個木桶，是由若干塊不同功能的木板所組成。但很少有一個企業或一個人是一個標準的木桶，所有的木板長度都是一樣的，而是由長短不齊的木板組成。例如：有的企業成本控制能力這塊木板較長，但銷售推廣能力這塊木板卻較短。另一個企業配送能力這塊木板較長，但人力資源這塊木板卻較短。有的人敬業精神、吃苦耐勞能力這塊木板較長，而做事靈活變通能力這塊木板卻較短等。這就是企業或人的“木桶理論”。

“木桶理論”是現代管理科學中的一個概念，本文從“木桶理論”的角度出發，闡述了“木桶理論”所蘊涵的現代管理學原理，即：系統管理、揭短管理和以人為本的團隊管理，“木桶理論”的管理思想對公共部門人力資源管理有著重要的啟示和實用價值。【2】

2.短板理論的應用

一個企業要想成為一個結實耐用的木桶，首先要想方設法提高所有板子的長度。只有讓所有的板子都維持"足夠高"的高度，才能充分體現團隊精神，完全發揮團隊作用。在這個充滿競爭的年代，越來越多的管理者意識到，只要組織里有一個員工的能力很弱，就足以影響整個組織達成預期的目標。也就是一個整體，它的本質是通過部分與部分的聯系體現出來的，而要想提高每一個員工的競爭力，并將他們的力量有效地凝聚起來，最好的辦法就是對員工進行教育和培訓。企業培訓是一項有意義而又實實在在的工作，許多著名企業都很重視對員工的培訓。

在實際工作中，管理者往往更注重對“長板”的利用，而忽視對一般員工的利用和開發。如果企業將過多的精力關注于“長板”，而忽略了占公司多數的一般員工，會打擊團隊士氣，從而使“長板”的才能與團隊合作兩者間失去平衡。而且實踐證明，“長板”很難服從團隊的決定。“長板”之所以是“長板”，是因為他們覺得自己和其他人的起點不同，他們需要的是不斷提高標準，挑戰自己。

在加強木桶盛水能力的過程中，不能夠把"長板"和"短板"簡單地對立起來。每一個人都有自己的"長板"和“短板”，與其不分青紅皂白地趕他出局，不如把他放在適合他的位置上，發揮他的作用。如何尋找各自的“短板”呢？每個員工通過每天的日工作總結尋找自身的“短板”；部門領導通過38個角度尋找本部門的“短板”，制定相應的措施，使“成長中的短板”變成“長板。

二、短板理論的局限性

很多國企和少數中小型民營企業，習慣于高高在上俯視眾生，脫離實際。他們認為，優秀的領導不必在乎過程，只要結果。于是乎“專家”向領導匯報我的研究成果――無需換掉短板或將短板加長就會增加水桶的成水量，這樣就會節約成本，只不過需要稍稍加大一點注水量，我要的是結果，要出成績，投入是必須的。

于是，“專家”將一水桶藏于隱秘處，只露出上邊的一小部分，當然，箍桶的木板長短不齊。找來一水管不斷向桶內注水，隨著水面的升高，逐漸到達最短板處，此時“專家”的研究成果來了――輕輕地將最短板向上逐漸提高，直到與其他桶板持平，水桶被填滿了，當然注水的動作不能夠停下來。領導一看，果然不用現場投入成本，成功彌補了短板的缺陷，的確很好，熱烈鼓掌并要求推廣后走人，其實，他只需走下高臺，看一眼水桶隱藏的底部，就會看到地上那一大攤水。

團隊工作作為一種先進的組織方式，頗受各類組織的重視。個人業績再突出，團隊的整體效能不佳，也不算優秀的團隊。團隊充其量也只是某些"強人"的個人"秀場"。因為"短板理論"早就告訴我們，團隊的整體效能受制于團隊的"短板"，并非"長板"所決定。本文通過對"短板理論"在企業中的表現進行分析和探究，力圖找出企業中"短板"存在的原因，探求有效的解決途徑。

三、適應新時代的理論建設

1.堅持創新、提高效率

短板理論雖然有功有過，但是我們可以清楚的看到短板理論已經不能夠適應當代的經過發展，尤其是新時代的思想觀念。在企業和公司的團隊建設中，尤其要重視創新和提高效率。如果一位員工不能夠符合工作崗位的需要，而對其培養和培訓的時間成本和資金成本都會大幅度增加的話，那么就要考慮把這樣的以為員工換到其他符合其專業和性格的崗位，最大限度的發揮其才能，這樣才有利于提高效率。因為企業是盈利性組織，不可能把大量成本花銷在一個不適合本職位的員工。

2.提升凝聚力是根本

短板理論在與強調每一位員工的能力齊平，這樣不僅會忽視內部競爭，還會因為過于注重公平，導致效率底下。不利于企業的良性發展。即便團隊內部所有員工都有齊平的能力，也就是組成木桶的木板之間有縫隙，那么這樣的一個木桶里是不可能裝進去水的。即便一個木桶的木板有長有短，如果每塊木板之間都無縫隙的緊密，那么也可以裝進去很多水。所以，團隊更應該注重隊員之間彼此的協調，提升彼此的凝聚力。

四、結語

通過本文的深入淺出的分析，可見，短板理論已經不再適合新時期企業內部團隊建設和個人發展的需求，我們的企業必須在綜合短板理論的基礎上，進行創新，傳統的短板理論已經死亡，新時期經濟大發展的浪潮下，必須堅持團隊管理理論的創新，提高管理水平，注重效率有效，提高企業的競爭力，不能因為個人而阻礙企業的發展和團隊的建設。當然，企業更應該堅持以人為本的原則，充分為短板的員工考慮，為其提供適合的崗位。

參考文獻

個人網站設計范文第3篇

關鍵詞:工作過程導向;網頁設計與制作;課程教學改革

目前,在全國高職示范院校中推動的基于工作過程的工學結合課程模式,標志著我國正處于推進第三次高等職業教育課程改革中,該模式也正在成為引領和推動高職課程改革的主流模式[1]。

我系計算機網絡技術專業很早就開設了“網頁設計與制作”課程,借助學院一輪課程改革的熱潮,在核心能力分析的基礎上,以職業實踐活動為導向,以必需夠用為基礎,征求行業、企業專家意見并進行論證,對崗位所需的技能、知識和職業能力素質進行分析,將崗位所需的核心能力融入教學體系中,提出了基于工作程導向的“網頁設計與制作”課程改革。

1教育標準

“網頁設計與制作”課程以培養學生成為一名優秀的網頁制作人員為宗旨,以到網絡等相關公司實現零距離上崗,擔任網頁制作等工作而無須企業重新培訓為目標,注重實際操作和必備的基本能力的訓練,使學生熟練掌握網頁設計與制作中的各種操作技術,具備開發、維護小型網站的知識和能力。有助于學生深入學習計算機網絡技術專業后續課程的知識和職業能力,有助于完善本專業學生的知識結構,提高學生從事實際工作的綜合素質。

1.1企業的用人標準

為使我校課程教學滿足實際需求,通過調研用人單位、企業專家探討、文獻分析、畢業生個案追蹤等手段,對人才需求進行全面的調查和分析,職業崗位主要有網站管理員、網頁制作人員、網站編輯,總結出各行各業的主要需求。

(1) 熟悉基本的辦公軟件,熟悉電腦各類軟件的安裝與使用等。

(2) 公司網站管理,域名注冊、虛擬主機管理、企業網站文件管理、企業網站的建設、企業網站策劃等。

(3) 公司電子商務活動,例如產品在互聯網的營銷宣傳、網上交易活動等。

(4) 熟悉網站建設的流程和網頁設計制作流程。

(5) 精通Dreamweaver、Fireworks、Flash等網頁設計工具,掌握HTML、CSS,能夠獨立完成網站的規劃和網頁制作。

(6) 有一定的美術功底,具有良好的領悟能力及溝通能力。

在以上這些需求中,小公司往往要求員工樣樣能行,而專門的網頁設計公司或大型企業則分工較細,比較注重員工在某方面的突出能力。

1.2課程的教學標準

根據企業用人標準和計算機網絡技術專業的培養目標修訂“網頁設計與制作”課程教學大綱,制定本課程的教學標準[2]。

(1) 能力目標。熟悉網站建設的整套思路流程;能熟練地運用網頁制作軟件設計制作靜態網頁;具備設計網站的綜合能力;具備搜集信息、處理信息、整合信息和準備、加工素材的能力;良好的自學能力。

(2) 知識目標。掌握網頁的設計原理與技巧;掌握CCS樣式的使用;熟練掌握網頁制作方法;熟練掌握網頁制作工具軟件的使用;掌握網站的建設與管理和維護等知識;掌握HTML語言的使用;了解腳本的運用;掌握網頁中圖片的設計與制作方法;掌握網頁中動畫的設計與制作方法。

(3) 素質目標。具有一定網站策劃能力,具有一定的想象力和創新能力,色彩感悟力強,結構布局能力強。

2教學改革

工作過程是企業為完成一件工作任務并獲得工作成果而進行的一個完整過程。生產復雜產品、完成重大項目都可能需要多個工作過程,從而構成了該產品、該項目的工作過程系統。本課程遵循以職業能力為主線、以職業生涯為背景、以崗位需求為依據、以工作結構為框架、以工作情境為支撐、以工作過程為導向的教學模式,通過對工作過程的分析,把復雜工作系統即勞動組織關系、工作內容、設備和工具、從業者應具有的技能、知識等要素結構化[3]。

2.1基本思路

課程內容以市場為導向,及時對教學內容做出調整,刪掉舊內容、補充新知識,培養有足夠的理論基礎、較強的創新能力和扎實的實踐動手能力的人才。通過本課程的學習,要求學生能夠利用Dreamweaver、Fireworks、Flash完成網站設計、制作的全過程,開發出具有一定規模的網站。授課時以制作一個個人網站和一個商業網站為主線,貫穿Dreamweaver、Fire- works、Flash的知識。

2.2以工作過程為導向將課程結構模塊化將課程實踐項目化

課程改革要符合基于工作過程的模塊化體系的特征,即每個模塊相對獨立,每學完一個模塊可以獲得一項技能、知識或能力,模塊的內容依據職業崗位工作過程的實際情形確定, 圍繞工作過程組織課程內容,強調技能訓練或能力培養,傳授工作過程知識,模塊之間可以靈活組合,以課程的拓展部分形式構成擴展能力模塊,使學生知識結構更加完善,每個模塊可以包括若干個二級模塊,它們也有明確的行為目標和具體要求。

制定授課計劃時,根據崗位技能需要來選取課程內容和安排順序,并以職業能力培養為目標,設計工作項目,具體涉及工作任務、能力目標、知識目標、拓展性知識等等。一個完整的工作項目包含一系列的典型工作任務,工作項目要在典型的行業中取材,必須在進行充分的行業調研和對職業資格的研究的基礎之上,通過對企業生產或服務情況的了解,選擇出形成該行業職業能力所必需的工作任務,并對技術要求做出明確的定位。典型的工作是以工作結構呈現的,選定工作任務后,還要對其進行教學化處理,這樣才能成為具有學習價值的教學項目,這要靠教師把教學內容融入到項目中,設計一個切實可行的項目。可以以真實網站但不拘于一成不變為實踐項目,將實踐與產品、項目結合起來,強調學生將所學知識和技能在實踐中的應用,積極引導學生自主學習。每個任務分為基礎型和拓展型兩個類型,這樣能避免傳統的任務驅動中學生會做這個不會做那個的問題。學生完成后對其完成情況進行評價,及時解決學生普通存在的問題,對完成較好的學生給予肯定。

項目的實施過程為:學生明確任務并獲取信息制定計劃做出決定實施計劃過程控制評定反饋。在該過程中,教師和學生在共同實施一個完整的“項目”中進行學習的行為,也就是以工作過程為導向,以實際工作的任務為主線,由學生自主構建知識與技能的過程,強調學生在學習中體驗到實際工作的全過程。教師把設計好的項目向學生介紹,包括項目涉及到的概念以及該項目在實際工作中有哪些用途。根據“網頁設計與制作”課程的知識、能力目標,要求學生開發一個個人網站和一個旅游網站。前者可以分解為幾個工作任務:認識網頁創建站點應用網頁元素對網頁布局應用CSS美化頁面給網頁添加動態行為制作多個類似頁面(模板),后者根據商業網站的要求,要求布局合理、頁面整齊美觀、具有動態效果,網站風格應充分反映出企業性質,網頁瀏覽人性化等,也可以分解為若干工作任務:寫網站設計方案用Fireworks制作旅游網站中的圖片用Flash制作旅游網站中的廣告動畫用Flash制作旅游網站中的導航動畫制作旅游網站網站測試與上傳。學生在完成項目的學習過程中,通過具體實施行業的典型工作任務,掌握操作技能,學習與工作情境相關的理論知識,形成良好的職業行為規范和職業習慣,達到從事職業的基本要求,為就業打下良好的基礎。

3.3以網頁設計大賽激發學生學習興趣

我系每年都會舉行一次網頁設計大賽,由計算機網絡技術教研室承辦,學生可以獨立參賽或者組成小組參賽,初評入圍的選手可以進入決賽。大賽要求全系學生參加,每位參賽選手在臺上展示自己的作品并進行相關陳述,然后由專業教師、企業專家組成的評委團打分,并由其中一名評委對選手的作品和語言表達進行點評,最后評選出優秀作品并頒發獲獎證書和獎品。通過每年一度的比賽,充分提高了學生的學習積極性,同時還培養了學生的創新精神和口頭表達能力。

3.4以作品評價代替傳統理論考試

本課程的最終目的是要求學生應用所學知識,設計出個性化的特色網站,并上傳到Internet供用戶瀏覽訪問。因此,傳統的理論知識考試方式不能評價學生的學習成績和能力水平,可以改用評價學生所做的網站作品作為期末考試。期末考試要求學生在100分鐘內完成一個完整網站項目的設計與制作,項目中包含一個學期中所學過的全部知識點和技能點。其中30分鐘瀏覽給出的網站素材,根據要求構思一個網站,寫出該網站設計方案,網站設計方案要求包含網站主題、網站欄目設計、網站布局設計,70分鐘制作頁面,必須按網站設計方案的內容來制作頁面。教師給出作品的最低標準:各頁面均有主題,主題鮮明、突出,頁面布局合理、結構清晰、規范,有效網頁不少于2頁,主頁有logo、banner(必須用FLASH制作廣告條),分頁與主頁風格統一,頁面標題欄、狀態欄、版權、ICP備案編號等信息齊全。

作品評價時,網站設計方案占30%,頁面制作占70%。期末總評學習成績由三部分組成:過程考核(平時到課考勤、上課回答問題和隨堂作品)占30%、技能考核(課外分模塊作品)占30%和期末考核(期末綜合作品、期末上機考試)占40%。這種考核方式注重實踐操作和應用開發能力的培養,可大大發揮學生的學習積極性和主動性。

4結語

基于工作過程導向的“網頁設計與制作”課程把復雜、分散的各知識點、技能點綜合起來,選取了制作個人網站和制作商業網站兩大項目,每個項目分解為若干個工作任務,理論知識以工作任務為載體,核心能力與任務實現過程密切相關,課程實踐內容是網站的實際項目,可以充分發掘學生的創造潛能,培養和提高他們的實踐能力、動手能力、分析和綜合能力,讓每個學生都能體驗到成功的樂趣。使高素質技能型專門人才培養定位更加準確,大大提高了學生的培養質量與就業能力。

參考文獻:

[1] 姜大源. 職業教育學研究新論[M]. 北京:教育科學出版社,2007.

[2] 頓祖義. 項目化課程改革:高職院校教學工作的重要抓手[J]. 湖北民族學院學報:哲學社會科學版,2008,26(6):61-63.

[3] 張建國. 我國職教課程開發模式的演變及啟示[J]. 職教論壇,2007(4):4-10.

Investigation of "Web Page Design and Making" Teaching Reform

Based on Work Process Direction

OU YANG Wei-hao, WU Zhen-feng, LUO Zhuo-jun

(Department of Network & Media, Hunan Mass Media College, Changsha 410010, China)

個人網站設計范文第4篇

網頁圖標一般都較小，并可能出現在網頁的頁首、頁頂、頁尾、頁中、頁角等任何位置。網頁圖標的形態也各不相同，可以是單純的具有指示性質的圖像，也可以是藝術化了的文字標題，或者是圖像與文字的組合。就其功能來說，有的擔當導航的性質，即圖形導航；有的指示某項操作，如新聞頁面的社交媒體轉發按鈕；有的顯示某種狀態，如淘寶商戶的星級評價。本文提及案例多為導航性質的圖標，這類圖標在網頁中的位置比較明顯和突出，設計師對其藝術性和表現力的考量也更為看重。

網頁設計中圖標的設計手法不一，可以具象，也可以抽象，可以是實物指代，也可以藝術象征。韓國GS集團（圖一，gsneotek.co.kr）是一家大型控股企業集團，其業務覆蓋了煉油、IT、鐵路通信、無線設備、網絡建設、建筑自動控制、企業管理咨詢、電氣、機械、清潔能源、污水處理等。網站在介紹這些業務內容時，分別用導航圖標進行了一一對應：煉油是實驗室儀器瓶，IT是電腦服務器，鐵路通信則是形象的火車頭，無線設備用手機代表，網絡建設則是可視電話，建筑自動控制是一堆積木，企業咨詢則是拼圖，電氣是正在充電的電容器，機械業務用齒輪和扳手代表，清潔能源是生長出綠芽的節能燈，污水處理是紅綠藍三色循環的標識。這些圖標或用具象圖形模擬和指代，或用抽象圖形隱喻和象征。這些圖標，不僅作為導航內容的有效補充豐富并個性化了網站內容的傳達，而且本身就充滿了藝術美感和豐富內涵。它們在色彩上沿用網站文字的藍色調，呼應并強化了網頁的整體藝術效果；在布局排列上，這些圖標沿網頁左側自上而下呈弧形展開，版面審美效果突出。

一個成功的網頁圖標起碼要滿足三個條件：一是圖標本身具有藝術設計的美感和新穎性，二是圖標設計應用能夠滿足網站的溝通與交流需求，三是網站圖標體現或深化了網站的藝術特色與設計個性。這三個條件體現從小到大、從單獨表現到整體感染的提升過程，分別代表了對網頁圖標個性形象、功能價值和審美意義的不同層面要求。而網站圖標區別于單純美學意義上的圖像的主要原因則是后兩者：圖標能夠直觀形象地實現了超鏈接的功能，適應網站環境的要求，進而展現網站設計本身的藝術性格。

Trifermed是一家位于西班牙的全球醫藥顧問機構（圖二，），專門負責醫藥新品研發與醫藥品營銷。這個公司網站的首頁最醒目的就是八個導航圖標，分別是——燈泡代表的公司理念、表盤代表的公司歷史、咬合齒輪代表的服務項目、地球儀代表的服務客戶、盾牌代表的公司團隊、握手代表的合作方、報紙版面代表的公司新聞、氣球代表的社會活動。這些圖標與內涵的對應新穎而巧妙，圖標本身的設計也極具心思：藍色頁面背景上的白色線條簡單而拙樸，圖標置深藍圓圈，將圖標同背景區別開來，整齊又不單調。以圖標為主組織網站頁面，條理明晰，清爽單純，讓人耳目一新。

由此看來，圖標雖小，但對網站設計卻意義重大。它不僅美化了網頁形象，更彰顯網站設計的細節，傳達出網站的不同性格，它同時也讓我們體會到，愈是簡單樸素的元素運用與設計風格，愈能吸引瀏覽者注意力，也愈能考驗設計師的創意與造型能力。2012c

圖一

圖二

圖三

圖四

鏈接

msf.tv

無國界醫生組織網站。導航式圖標位于網站最左側自上而下排列，紅色背景上以白色線條分別展示了微波站、談話框、半身人形、旗幟、地球、表針以及聽診器等形象，指示了該組織的最新消息、運作項目、人員、組織文化、全球分布、歷程和醫療診斷等內容。

美國設計師Brian Kuperman的個人網站。網站以模糊化的輪廓形象設計圖標，電腦、閃電、人影以及速寫簿分別代表了互動作品、品牌設計、設計師介紹以及聯系方式等內容。圖標均以線條涂繪的方式設計，簡單質樸，有粗糙的質感，形態粗笨而可愛。

法國DiBiasotto設計機構網站。網站充分展現了圖標在網頁設計中的獨特效果，除了網頁背景涂鴉圖像外，網站全部內容都是以圖標為基礎組織和傳達的。頁面導航圖標有小屋、手掌等不同形象。每個圖標形象的鏈接頁面中又布滿了大量代表不同意義的圖標。

個人網站設計范文第5篇

關鍵詞： 網站設計；網頁制作；關鍵點

當前是信息化時代，網絡作為作為世界最大的信息傳播平臺，越來越多的商家和個人開始重視建立自己的網站，如何制作一個網站并且告訴瀏覽者這個網站是做什么的，吸引瀏覽者關注這個網站，這就是我們下面所要介紹的。一個網站不但要做到操作方便，引人入勝，趣味盎然，還要告訴瀏覽者它的用處：我能在這里找到什么，我能做什么，如何從眾多的網站中脫穎而出，并且把網站的主題“思想”快捷的承現在瀏覽者眼前，這些設計都是有講究的。

1 網站設計及關鍵點

1.1 網站主題

開始著手策劃制作網頁首先面臨的問題便是明確我的網站主題，要做什么，面向哪些主體，包含什么內容。特別是對初學者建立個人網站來說，不要做得像綜合網站那樣大而全，網站的選材要小而精，明確一個主題，把你認為最精彩的，自己最感興趣的內容放在上面就可以了。好多初學者認為我要把網站做得全一些，包羅萬象才能吸引更多的瀏覽者進來，但往往事與愿違，給人的感覺是樣樣有卻樣樣都不精，因為您不可能有那么多的精力去維護它。所以明確一個主題把它內容做深、做透、辦出特色來，這樣才能給瀏覽者一個深刻的印象。

1.2 網站結構規劃與欄目板塊的編排

主題明確以后，就要對整個網站結構做個總體規劃。一個網站的建設就像設計一棟大樓，在進行設計前必須要有個設計圖紙：主頁上要有什么欄目，突出什么內容，所謂欄目實質是一個網站的大綱索引，索引應該將網站的主體明確顯示出來，你可以將網站內最有價值的內容列在欄目上，在制定欄目的時候，要仔細考慮，合理安排。盡量從瀏覽者的角度編排以方便他們的瀏覽和查詢，一些輔助信息就不要放在主欄目里，如個人信息、版權信息等以免沖淡主題。

一般情況下，網站常見的版面布局結構為：上邊為網站欄目，下邊為網站內容；左邊為網站欄目，右邊為網站內容；主頁全為網站欄目，分頁為具體內容。

除了欄目板塊的編排，我們還要考慮到網站的文字和圖片的布局，顏色的搭配，后期網站的更新和維護等問題，有的初學者經過短暫的學習就開始制作網頁，想到什么就做什么，結果發現做出來的網站結構不清晰，條理混亂，瀏覽者看得很糊涂，制作者在擴充和維護網站也相當困難。所以我們在制作網站前，一定把這方方面面考慮清楚再動手。

1.3 風格與網站

風格是指網站的整體形象給瀏覽者的綜合感受，它通過網站的版面布局、瀏覽方式、文字、色彩、交互性等因素承現出來，它就像一個人的性格：你是希望它是粗獷豪放的，清新秀麗的，生動活潑的，或是溫文儒雅的。通過它的“性格”讓瀏覽者分辨出你的網站與其他網站的不同處。這就形成了網站的“風格”。

1.4 色彩與網頁

一個網站設計的成功與否，在某種程度上取決于設計者對色彩的運用和搭配。因為網頁設計是一種平面效果設計，在排除立體圖形、動畫效果外，在平面圖上，色彩的沖擊力是最強的，它很容易給用戶留下深刻的印象，也是體現網頁風格的關鍵。因此，在設計網頁時，必須要高度重視色彩的搭配，我們可使用混用顏色，即網站主色不得超過3種，采用這三種的混合達到其他效果；加強顏色對比，即以一種顏色為主色調，對比色為點綴，起到畫龍點睛的作用等方式來組織網頁顏色。

2 網頁制作

2.1 選好網頁制作軟件

在以上工作做好以后，還有一點也是我們要考慮的——選擇合適的網頁設計軟件。在當前我們能使用的網頁設計類軟件越來越多，而選擇一個功能強大、操作簡單的軟件則會讓你事半功倍。對于網頁制作軟件來說，初學者最常使用是Frontpage

和Dreamweaver，Frontpage是微軟公司出品的一款網頁制作入門級軟件，FrontPage使用方便簡單，會用Word就能做網頁，所見即所得是其特點，該軟件結合了設計、程式碼、預覽三種模式。Dreamweaver是美國MACROMEDIA公司開發的集網頁制作和管理網站于一身的所見即所得網頁編輯器，利用它可以輕而易舉地制作出充滿動感的網頁。

除此之外，我們還應了解一些制作網站所用到的邊緣性軟件，如photoshop、flash等，Photoshop是集圖像掃描、編輯修改、圖像制作、廣告創意，圖像輸入與輸出于一體的圖形圖像處理軟件，如作為網站主頁來說，因要設計成一幅圖片，可選用位圖圖像，制作工具就可以選擇Photoshop；flash是一種動畫創作與應用程序開發于一身的創作軟件，它包含豐富的視頻、聲音、圖形和動畫。網頁設計者使用Flash創作出既漂亮又可改變尺寸的導航界面以及其他奇特的效果。這兩個軟件深受廣大平面設計人員和電腦美術愛好者的喜愛。你可以根據自己的需要靈活運用這些軟件。

2.2 網頁內容的選擇

前期的框架設計好后，下面我們就要為這個網站“添磚加瓦”了，這是一個復雜而細致的過程，需要我們先從簡單的內容下手，再設計稍復雜的內容，以便出現問題時好修改。在內容上我們要選擇有新意的、獨特的，這些可以從圖書、報紙、互聯網等信息媒介搜集素材，素材通常分為三類——文字、圖片、影像。素材準備得越多越好，再從這些素材中粗中取細，以備制作網站時可以隨時拿來使用。總之，網頁內容是網站的根本，如果內容空洞，頁面制作的再怎么精美，仍然不會留住訪問者。所以我們要多花一些心思在內容制作上，網頁內容影響著網站的成敗。