網站設計個人

時下隨著各種通訊技術的發展，互聯網已在中國逐步進入普及階段，許多人在充分享受瀏覽新聞，網上聊天，網絡游戲，網上交易，收發電子郵件等網絡的各種樂趣后，開始不滿足于被動式的接受，希望能主動參與網絡，因此大量的個人網站應運而生了。計算機與網絡專業技術人員能利用一技之長及在某一方面的專長輕松制作網頁，但大量的網絡菜鳥級人物如何制作個人主頁，建立個人網站呢？我大概總結了以下幾點，希望對一些對這方面缺乏基本了解的人提供一些幫助。如果你是個經常上網的網蟲，并對如何建立網站有一定的興趣，那么請你繼續讀下去，否則我推薦你使用某些網站推出的傻瓜式的個人網頁或請專業的網頁制作公司代勞，完全沒必要自己動手。1． 要建立個人網站，首先必須要了解一下目前網頁制作的基本語言HTML，入門即可，大概花個一二小時就可。2． 學會使用目前流行的網頁制作軟件，如Frontpage、Dreamweaver等一些功能強大，所見所得的軟件，初步了解就可，不用全部掌握，一般是邊用邊學，不斷提高使用水平。3． 廣泛的上網瀏覽各種網頁，一開始最好能下載一些較簡單的個人網頁，因為他們所用到的技術較為簡單，可用網頁制作軟件打開研究。然后推薦去瀏覽一些專業的網頁設計網站，學習一些排版經驗，同時可下載一些網頁結構模版供自己套用。 4． 確定你的網站主題，我個人不主張開始就想建軟件大全、書庫等網上流行的為網站主題，因為第一你不夠專業，網上已有太多的同類軟件，別人不可能上你的網站下載。第二這類網站需要巨大的主頁空間，不僅一開始你申請不到這么大的空間，而且你也不可能經常上載維護。網站主題最好是有你的個人特色，實在不能確定我建議自己做一個私人門戶網站，將平時自己經常去的網站做一個較為綜合的連結。5． 網頁最好不要用特別與眾不同的顏色、字體，因為每個人使用的計算機各不相同，特別的顏色、字體別人不一定能看得到。 6． 網頁要增加美觀圖片不可缺少，我建議如果你會用一些專業的作圖軟件最好自己制作，這會有自己的特色，放些私人照片也可以，但切記各種圖片一定要作優化處理，減小它的存儲尺寸。提醒一下每頁不要放過多的圖片，因為第一會使網頁顯得雜亂，第二會使你的網頁顯示速度過慢。制作圖片的常用軟件有Photoshop，Fireworks等。7． 網頁上可以用一些動畫與特效增加你主頁的美觀與功能，動畫可上網找，同樣最好能自己制作，GIF格式的最常用，可用Ulead的Gig Animator軟件制作，目前流行的是Flash動畫，變化，尺寸更小，缺點是有些計算機上的瀏覽器缺省沒有安裝Flash瀏覽軟件，有些計算機用戶不能看到Flash。網上還有許多免費的Javascript等可供使用，與圖片一樣，我建議每頁不要放太多的動畫與特效。8． 網頁基本建成后，上網找免費的主頁空間，以其主機的速度，提供的空間大小和有無基本的CGI功能及其提供的域名是否簡單易記為考量依據，所謂CGI是指主機服務器上提供的程序，一般你可申請有免費計數器、留言板等。找到速度快，主頁存放空間大，域名簡單的網站存放你的網頁。9． 接下來是將網頁上傳至你申請的服務器上，具體上傳的辦法你在申請主頁空間時就會了解，具體使用你制作網頁的軟件即可，我個人推薦使用CuteFTP Pro上傳，這個軟件功能強大，簡單易用。10． 好，現在你的網站已建立，你可通知你的朋友上去瀏覽，把個人網站印在你的名片上，還想推廣你的網站？那你可去各大搜索網站登錄你的新站，如雅虎、搜虎、新浪等知名網站。你還可與其它網站申請友情連結、去一些提供連結交換的網站申請廣告交換，如太極鏈，酷站等。在做這一步時你需要做二個468X60和88X31尺寸的廣告圖片，動畫最好，存儲大小盡量控制在10k以下。11． 如果你還想靠你的網站賺一些小錢，你可去一些商業網站申請廣告連結，替他們做廣告，一般以從你的網頁點擊到他們的網頁次數算錢。 12． 最后我要提醒各位未來網主，你的網站千萬不要放一些明顯與國內政治相抵觸的內容，這事關重大，不可兒戲，否則網站被關閉事小，坐牢也說不定哦。另外，網站內容與性有關可大大增加被瀏覽的數量，但黃色的內容不要放，雖說性質比不上反動內容，但也有問題。建議打打擦邊球，提供一些性教育、性知識，情情愛愛的內容無傷大雅。隨著網絡技術的不斷發展，網絡應用已經滲透到人類社會的各個角落。作為網絡世界的支撐點的網站，更是人們關注的熱點：政府利用網站宣傳自己的施政綱領，日益成為與百姓交流的直通車；企業利用網站宣傳自己的形象，挖掘無限商機；個人利用網站展示個性風采，創建彼此溝通的橋梁。越來越多的人希望擁有網站，開辟網絡世界里的一片天地。如何設計一個出色的網站呢？關于這個問題，人們討論的很多，可以討論的內容也很多，加之網絡技術的飛速發展，很難提出一個絕對權威和正確的設計思路，筆者不才，根據自己的設計體 會，總結出以下基本設計思路：一、定位網站的主題和名稱網站的主題也就是網站的題材，網站設計開始首先遇到的問題。網站題材千奇百怪,琳瑯滿目，只要想的到，就可以把它制作出來。下面是美國《個人電腦》雜志(PC Magazine)評出的99年度排名前100位的全美知名網站的十類題材：第1類：網上求職第2類：網上聊天／即時信息/ ICQ第3類：網上社區／討論/郵件列表第4類：計算機技術第5類：網頁/網站開發第6類：娛樂網站第7類：旅行第8類：參考/資訊第9類：家庭/教育第10類：生活/時尚每個大類都可以繼續細分，比如娛樂類再分為體育/電影/音樂等小類，音樂又可以按格式分為MP3，VQF，Ra等，按表現形式分古典，現代，搖滾等。同時，各個題材相聯系和交叉結合可以產生新得題材，例如旅游論壇(旅游+討論)，經典入球播放(足球+影視)按這樣分下去，題材可以有成千上萬種。這么多題材，如何選擇呢？遵循的原則如下：1、主題要小而精定位要小，內容要精。如果你想制作一個包羅萬象的站點，把所有你認為精彩的東西都放在上面，那么往往會事與愿違，給人的感覺是沒有主題，沒有特色，樣樣有，卻樣樣都很膚淺，因為你不可能有那么多的精力去維護它。網站的最大特點就是新和快，目前最熱門的個人主頁都是天天更新甚至幾小時更新一次。最新的調查結果也顯示，網絡上的"主題站"比"萬全站"更受人們喜愛，就好比專賣店和百貨商店，如果我需要買某一方面的東西，肯定會選擇專買店。2、題材最好是你自己擅長或者喜愛的內容比如：你擅長編程，就可以建立一個編程愛好者網站；對足球感興趣，可以報道最新的戰況，球星動態等。這樣在制作時，才不會覺得無聊或者力不從心。興趣是制作網站的動力，沒有熱情，很難設計制作出優秀的網站。3、題材不要太濫或者目標太高。"太濫"是指到處可見，人人都有的題材；比如軟件下載，免費信息。"目標太高"是指在這一題材上已經有非常優秀，知名度很高的站點，你要超過它是很困難的。如果題材已經確定以后，就可以圍繞題材給網站起一個名字。網站名稱，也是網站設計的一部分，而且是很關鍵的一個要素。你來看，"電腦學習室"和"電腦之家"顯然是后者簡練；"迷笛樂園"和"MIDI樂園"顯然是后者明晰；"兒童天地"和"中國幼兒園"顯然是后者大氣。我們都知道PIII的中文名稱"奔騰"，如果改為"奔跑"，可能就沒有今天這么"火"了。和現實生活中一樣，網站名稱是否正氣，響亮，易記，對網站的形象和宣傳推廣也有很大影響。我的建議是：1、名稱要正其實就是要合法，和理，和情。不能用反動的，色情的，迷信的，危害社會安全的名詞語句。2、名稱要易記最好用中文名稱，不要使用英文或者中英文混合型名稱。另外，網站名稱的字數應該控制在六個字(最好四個字)以內，四個字的也可以用成語。字數少還有個好處，適合于其他站點的鏈接排版。3、名稱要有特色名稱平實就可以接受，如果能體現一定的內涵，給瀏覽者的視覺沖擊和空間想象力，則為上品。例如：音樂前衛，網頁陶吧，e書時空等。在體現出網站主題的同時，能點出特色之處。二、定位網站的CI形象所謂CI(corporate identity)，意思是通過視覺來統一企業的形象。一個杰出的網站，和實體公司一樣，需要整體的形象包裝和設計。準確的，有創意的CI設計，對網站的宣傳推廣有事半功倍的效果。具體的做法是：1、設計網站的標志(logo)就如同商標一樣，標志是你站點特色和內涵的集中體現，看見標志就讓大家聯想起你的站點。標志的設計創意來自你網站的名稱和內容：(1)網站有代表性的人物、動物、花草等，可以用它們作為設計的藍本，加以卡通化和藝術化，例如迪斯尼的米老鼠，搜狐的卡通狐貍等等。(2)網站有專業性的，可以以本專業有代表的物品作為標志。比如中國銀行的銅板標志，奔馳汽車的方向盤標志等等。(3)最常用和最簡單的方式是用自己網站的英文名稱作標志。采用不同的字體，字母的變形，字母的組合可以很容易制作好自己的標志。2、設計網站的標準色彩網站給人的第一印象來自視覺沖擊，確定網站的標準色彩是相當重要的一步。不同的色彩搭配產生不同的效果，并可能影響到訪問者的情緒。舉個實際的例子就明白了：IBM的深藍色，肯得基的紅色條型，windows視窗標志上的紅藍黃綠色塊，都使我們覺得很貼切，很和諧。"標準色彩"是指能體現網站形象和延伸內涵的色彩。一般來說，一個網站的標準色彩不超過3種，太多則讓人眼花繚亂。標準色彩要用于網站的標志，標題，主菜單和主色塊。給人以整體統一的感覺。至于其它色彩也可以使用，只是作為點綴和襯托，絕不能喧賓奪主。適合于網頁標準色的顏色有：藍色，黃/橙色，黑/灰/白色三大系列色，要注意色彩的合理搭配。3、設計網站的標準字體和標準色彩一樣，標準字體是指用于標志，標題，主菜單的特有字體。一般我們網頁默認的字體是宋體。為了體現站點的"與眾不同"和特有風格，我們可以根據需要選擇一些特別字體。例如，為了體現專業可以使用粗仿宋體，體現設計精美可以用廣告體，體現親切隨意可以用手寫體等等。4、設計網站的宣傳標語也可以說是網站的精神，網站的目標。用一句話甚至一個詞來高度概括。類似實際生活中的廣告金句。例如：鵲巢的"味道好極了"；麥斯威爾的"好東西和好朋友一起分享"；Intel的"給你一顆奔騰的心"等等。三、確定網站的欄目建立一個網站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網站結構不清晰，目錄龐雜，內容東一塊西一塊。結果不但瀏覽者看得糊涂，自己擴充和維護網站也相當困難。網站的題材確定后，并且收集和組織了許多相關的資料內容，但如何組織內容才能吸引網友們來瀏覽網站呢？欄目的實質是一個網站的大綱索引，索引應該將網 站的主體明確顯示出來。一般的網站欄目安排要注意以下幾方面：1、要緊扣主題將你的主題按一定的方法分類并將它們作為網站的主欄目。主題欄目個數在總欄目中要占絕對優勢，這樣的網站顯的專業，主題突出，容易給人留下深刻印象。2、設立最近更新或網站指南欄目設立"最近更新"的欄目，是為了照顧常來的訪客，讓你的主頁更有人性化。如果主頁內容龐大，層次較多，而又沒有站內的搜索引擎，設置"本站指南"欄目，可以幫助初訪者快速找到他們想要的內容。3、設立可以雙向交流的欄目比如論壇，留言本，郵件列表等，可以讓瀏覽者留下他們的信息。4、設立下載或常見問題回答欄目網絡的特點是信息共享。如在你主頁上設置一個資料下載欄目，便于訪問者下載所需資料。另外，如果站點經常收到網友關于某方面的問題來信，最好設立一個常見問題回答的欄目，既方便了網友，也可以節約自己時間。四、確定網站的目錄結構網站的目錄是指你建立網站時創建的目錄。例如：在用frontpage98建立網站時都默認建立了根目錄和images(存放圖片)子目錄。目錄結構的好壞，對瀏覽者來說并沒有什么太大的感覺，但是對于站點本身的上傳維護，內容未來的擴充和移植有著重要的影響。下面是建立目錄結構的一些建議：1、不要將所有文件都存放在根目錄下，會造成文件管理混亂你常常搞不清哪些文件需要編輯和更新，哪些無用的文件可以刪除，哪些是相關聯的文件，影響工作效率。另外，上傳速度慢。服務器一般都會為根目錄建立一個文件索引。當您將所有文件都放在根目錄下，那么即使你只上傳更新一個文件，服務器也需要將所有文件再檢索一遍，建立新的索引文件。很明顯，文件量越大，等待的時間也將越長。所以，盡可能減少根目錄的文件存放數。2、按欄目內容建立子目錄子目錄的建立，首先按主菜單欄目建立。例如:企業站點可以按公司簡介，產品介紹，價格，在線定單，反饋聯系等建立相應目錄。其他的次要欄目，類似what's new，友情連接內容較多，需要經常更新的可以建立獨立的子目錄。而一些相關性強，不需要經常更新的欄目，例如：關于本站，關于站長，站點經歷等可以合并放在一個統一目錄下。所有程序一般都存放在特定目錄。例如：CGI程序放在cgi-bin目錄。所有需要下載的內容也最好放在一個目錄下。3、在每個主欄目目錄下都建立獨立的images目錄為每個主欄目建立一個獨立的images目錄是最方便管理的。而根目錄下的images目錄只是用來放首頁和一些次要欄目的圖片。4、目錄的層次不要太深目錄的層次建議不要超過3層，維護管理方便。5、不要使用中文目錄6、不要使用過長的目錄五、確定網站的鏈接結構網站的鏈接結構是指頁面之間相互鏈接的拓撲結構。它建立在目錄結構基礎之上，但可以跨越目錄。建立網站的鏈接結構有兩種基本方式：1、樹狀鏈接結構類似DOS的目錄結構，首頁鏈接指向一級頁面，一級頁面鏈接指向二級頁面。這樣的鏈接結構瀏覽時，一級級進入，一級級退出。優點是條理清晰，訪問者明確知道自己在什么位置，不會"迷"路。缺點是瀏覽效率低，一個欄目下的子頁面到另一個欄目下的子頁面，必須繞經首頁。2、星狀鏈接結構類似網絡服務器的鏈接，每個頁面相互之間都建立有鏈接。這種鏈接結構的優點是瀏覽方便，隨時可以到達自己喜歡的頁面。缺點是鏈接太多，容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內容。這兩種基本結構都只是理想方式，在實際的網站設計中，總是將這兩種結構混合起來使用，達到比較理想的效果。比較好的方案是：首頁和一級頁面之間用星狀鏈接結構，一級和以下各級頁面之間用樹狀鏈接結構。六、設計網站的整體風格風格(style)是抽象的，是指站點的整體形象給瀏覽者的綜合感受。這個"整體形象"包括站點的CI(標志，色彩，字體，標語)，版面布局，瀏覽方式，交互性，文字，語氣，內容價值，存在意義，站點榮譽等等諸多因素。舉個例子：我們覺得網易是平易近人的，迪斯尼是生動活潑的，IBM是專業嚴肅的，這些都是網站給人們 留下的不同感受。風格是獨特的，是站點不同與其他網站的地方?；蛘呱?，或者技術，或者是交互方式，能讓瀏覽者明確分辨出這是你的網站獨有的。例如新世紀網絡的黑白色,網易壁紙站的特有框架,即使你只看到其中一頁，也可以分辨出是哪個網站的。風格是有人性的。通過網站的外表，內容，文字，交流可以概括出一個站點的個性，情緒。是溫文儒雅，是執著熱情，是活潑易變,是放任不羈。像詩詞中的"豪放派"和"婉約派"，你可以用人的性格來比喻站點。如何樹立網站風格呢？我們可以分這樣幾個步驟：1、確信風格是建立在有價值內容之上一個網站有風格而沒有內容，就好比繡花枕頭一包草，好比一個性格傲慢但卻目不識丁的人。你首先必須保證內容的質量和價值性，這是最基本的。2、你需要徹底搞清楚自己希望站點給人的印象是什么可以從這幾方面來理清思路：a.如果只用一句話來描述你的站點，應該是:()參考答案：有創意，專業，有(技術)實力，有美感，有沖擊力b.想到你的站點，可以聯想到的色彩是：()參考答案：熱情的紅色，幻想的天藍色，聰明的金黃色c.想到你的站點，可以聯想到的畫面是：()參考答案：一份早報，一輛法拉利跑車，人群擁擠的廣場，雜貨店d.如果網站是一個人，他擁有的個性是：()參考答案：思想成熟的中年人，狂野奔放的牛仔，自信憨厚的創業者e.作為站長，你希望給人的印象是：()參考答案：敬業，認真投入，有深度，負責，純真，直爽，淑女f.用一種動物來比喻，你的網站最像：()參考答案：貓(神秘高貴)，鷹(目光銳利)，兔子(聰明敏感)，獅子(自信威信)g.瀏覽者覺得你和其他網站的不同是：()參考答案：可以信賴，信息最快，交流方便，h.瀏覽者和你交流合作的感受是：()參考答案：師生，同事，朋友，長幼。你可以自己先填寫一份答案，然后讓其他網友填寫。比較后的結果會告訴你：你網站現在的差距，弱點及需要改進的地方。3、在明確自己的網站印象后，開始努力建立和加強這種印象經過第二步印象的"量化"后，你需要進一步找出其中最有特色特點的東西，就是最能體現網站風格的東西。并以它作為網站的特色加以重點強化，宣傳。以下做法可作參考：(1)將你的標志logo,盡可能的出現在每個頁面上?；蛘唔撁?，或者頁腳，或則背景。(2)突出你的標準色彩。文字的鏈接色彩，圖片的主色彩，背景色，邊框等色彩盡量使用與標準色彩一致的色彩。(3)突出你的標準字體。在關鍵的標題，菜單，圖片里使用統一的標準字體。(4)想一條朗朗上口宣傳標語。把它做在你的banner里，或者放在醒目的位置，告訴大家你的網站的特色是...。(5)使用統一的語氣和人稱。即使是多個人合作維護，也要讓讀者覺得是同一個人寫的。(6)使用統一的圖片處理效果。比如，陰影效果的方向，厚度，模糊度都必須一樣。(7)創造一個你的站點特有的符號或圖標。(8)用自己設計的花邊，線條，點。(9)展示你網站的榮譽和成功作品。(10)告訴網友關于你的真實的故事和想法。風格的形成不是一次定位的，你可以在實踐中不斷強化，調整，修飾。 我想要知道的是我的網站需要的是什么技術，就是與APP需要M2M類似的，我的網站需要什么技術，我是要寫文檔，現在階段還不需要形成網頁

建立一個網站的基本步驟如下：1、購買域名與空間（萬網、新網都可以購買）；2、空間與域名做備案（如不明白具體操作，可以撥打空間服務商的售后電話）；3、制作網站，并上傳到空間（網站上傳可以使用FTP工具）；4、等備案完成后，解析、綁定域名到空間（登陸購買域名和空間的服務商網站進行操作）；5、網站可以正常訪問。（說明：一般制作網站是個比較困難的一步，你可以直接花錢請人做，也可以套用一些網上免費的模板）

建網站的方法步驟：1、購買域名，空間服務器，2、dns解析，A記錄和www,域名綁定服務器，3、上傳程序，需要博客或者一樣的網站用wordpress就可以， 論壇就用discus，cms都可以，商城就用exshop等程序，4、上傳模板，設置需要的導航內容5、發表文章或者帖子，6、再就是做好外連，友情鏈接等等內容。

我這里有兩份個人主頁網頁模板，你自己修改下文字即可。

基本的一些導航要有，比如首頁、關于我、聯系我們等，其它的元素根據自己的需要加上，一般的個人站的導航為：首頁、個人介紹、相冊、日志、聯系我們，具體可參考QQ空間和一些門戶網站的博客

我這里有兩份個人主頁網頁模板，你自己修改下文字即可。

制作平面設計師的個人作品網站步驟：1、網站內容的設計：設計并制作網站內容是一個完整網站的基礎。通常需要根據網站的主題以及業務需要來確定網站的內容，同時利用相關工具進行頁面的設計?；镜乃悸肥?，先根據需要設計一種統一風格的頁面，然后使用相關網頁制作工作進行實現。2、域名的申請注冊：域名用于實現IP地址的解析，以更加友好的方式實現記憶。通常情況下，域名需要經過申請注冊并按期付費后，才能正常使用。當然也有免費的域名可供使用。

利用Dreamweaver制作一個個人虛擬網站的步驟如下：1、打開DW，DW界面如圖2、分析所制作的網頁的需求，明確目標3、明確需求。如果是建議一個網站，需要建立一個站點，方便管理并使制作步驟更為有條理。4、新建站點彈出來的窗口。在這里以“新聞網頁”來舉例，放在Dreamwaver CS6文件夾下的新聞網頁文件夾5、在新聞網頁文件夾下新建“images”文件，導入制作網頁所需要的素材，這里所需要的素材都是圖片6、新建HTML，選擇“創建”7、在“標題”中輸入“新聞網頁首頁”，轉換到“設計”界面8、根據制作網頁需求插入表格，只是在行列有所變化，下面的“表格寬度”以下選項根據圖設置9、插入表格如圖，選擇表格，會看到表格邊框變紅，選擇之后變黑。在屬性中對齊選項選擇“居中對齊”10、在表格第一行第一列輸入“用戶名”，在第一行第二個表格插入“文件域”。然后是密碼，同樣的插入“文件域”。切換到“拆分”界面，選中密碼對應的“文件域”，將“type”改為“password”11、插入圖像，不知道怎么填的話就一直選擇“確定”即可12、插入按鈕，同上面插入圖像的處理方法那樣處理，如果不知道填什么就一直“確定”，無妨。在屬性欄里的值改為“登錄”。然后插入圖像“谷歌logo”，附上效果圖13、選中第二行，點擊鼠標右鍵，選擇“表格”，“合并單元格”14、在第二行插入圖片。完成頁面制作。保存HTML文件。然后在站點“新聞網頁”可以看到保存的HTML文件15、點擊制作好的HTML文件，選擇用360瀏覽器打開，輸入用戶名和密碼，然后會看到如下情況：用戶名課件，密碼不可見，符合實際16、當然也可以在Dreamwaver CS6 的實時視圖中完成第15步