如何設計一個好的網頁

網頁設計是設計的一種，雖然和平面設計、景觀設計、建築設計不同，但還是有很多共通的地方，因為不管什麼設計都是一種視覺語言，而視覺語言都必須遵循一定的準則，也就是我們所說的設計原則。

整個頁面的設計應該是和諧統一的

頁面整體和諧了，給瀏覽者是一個暢快舒服的感覺，要做到這個視覺效果，必須注意頁面裡文字、圖片、線條、背景的統一融合，把這些組成網頁的因素都有機聯繫起來，做到這個比設計好一張圖片困難，他需要有整體大局的眼光，不去拘泥於局部或細小的地方。其實網頁設計就應該先整體再局部，不過設計師最經常犯的錯誤

就是鑽進局部的巷子裡忘記出來。

網頁設計應該合理運用好網頁的色彩

色彩在設計行業非常重要，如果一個設計師的色彩感很強，那麼他到達優秀的距離就很近了。設計師需要根據色彩對人們心理的影響，合理運用好文字的色彩、圖片的色彩、線條的色彩和背景的色彩。如果是企業網頁設計，則可以根據企業的VI進行色彩的運用。

網頁設計不是為了設計而設計，是為了更好地突出內容

每一個網頁設計師都應該記住，我們做設計，不是為了讓用戶感覺到你的設計好看，而是為了更好地展現我們設計的目的，我們應該給用戶展現的東西是什麼？所以，一個好的網站設計，頁面的設計效果都應該是被弱化的；一個好的網站設計，應該是在最短的時間內讓用戶知道你的網站是做什麼的，有什麼功能。

網頁設計需要考慮實際的瀏覽效果

最怕剛從其他設計行業轉行過來的設計師，一味地使用背景、圖片、不支持的字體，不會充分利用好網頁本身的線條、邊框、背景功能。導致網頁設計出來了，效果很好看，但實際製作成網站後，因為背景或圖片使用過多，頁面打開太慢，瀏覽效果大打折扣，這樣的設計也是非常失敗的。

如何設計好一個網頁，有創意

一：確定網站主題

做網站，首先必須要解決的就是網站內容問題，即確定網站的主題。美國《個人電腦》雜誌(PC Magazine)評出了99年度排名前100位的全美知名網站的十類題材：第1類：網上求職；第2類：網上聊天/即時信息/ICQ；第3類：網上社區/討論/郵件列表；第4類：計算機技術；第5類：網頁/網站開發；第6類：娛樂網站；第7類：旅行；第8類：參考/資訊；第9類：家庭/教育；第10類：生活/時尚。我們可以參看上面的分類，繼續細分。如果自己在某些方面有興趣，或掌握的資料較多，也可以做一個自己感興趣的東西，一者，你可以有自己的見解，做出自己的特色；二者，在製作網站時不會覺得無聊或者力不從心。興趣是製作網站的動力，沒有創作熱情，很難設計製作出優秀的作品。

對於內容主題的選擇，要做到小而精，主題定位要小，內容要精。不要去試圖製作一個包羅萬象的站點，這往往會失去網站的特色，也會帶來高強度的勞動，給網站的及時更新帶來困難。記住：在互聯網上只有第一，沒有第二！

要領二：選擇好域名

域名是網站在互聯網上的名字。一個非產品推銷的純信息服務網站，其所有建設的價值，都凝結在其網站域名之上。失去這個域名，所有前期工作就將全部落空。

目前，做個人網站的很多都依賴免費個人空間，其域名也是依賴免費域名指向，如網易的虛擬域名服務，其實這對個人網站的推廣與發展很為不利，不光是它“適時”開啟的窗口妨礙了瀏覽者的視線和好感，讓人一看就知道是個人網站，而且也妨礙了網頁的傳輸速度。所以，就我個人觀點來說，首先花點錢去註冊一個域名，獨立的域名就是個人網站的第一筆財富，要把域名起得形象、簡單、易記。

要領三：掌握建網工具

網絡技術的發展帶動了軟件業的發展，所以用於製作Web頁面的工具軟件也越來越豐富。從最基本的HTML編輯器到現在非常流行的Flash互動網頁製作工具，各種各樣的Web頁面製作工具，下面是幾款具有代表性的網頁製作器：

（1）HTML編輯器。雖然HTML代碼複雜，編輯和調試要花費大量的時間，但因HTML的穩定性、廣泛支持性及可創建複雜的頁面效果，仍受高級網頁製作人員的青睞。就目前來說，有眾多的編輯器供選擇，這些編輯器廣泛支持複雜頁面創建及高級HTML規範，使用較為普遍的有Hotdog等專業HTML編輯器。

（2）所見即所得的網頁編輯器。其中以Microsoft Frontpage為代表，它具有如Word一樣的操作界面，熟知Word功能的操作者，只要稍加培訓就能輕鬆編制網頁。而且，Frontpage還能解析網頁的HTML源代碼，並提供了預覽支持。但Frontpage的一些特殊顯示功能並不能在其它非IE瀏覽器下實現。所以Frontpage是一款非常適合初、中級網頁製作人員使用的工具軟件。

（3）現在非常流行的 Macromedia公司出品的Flash互動網頁製作工具。這是是一款功能非常強大的交互式矢量多媒體網頁製作工具。能夠輕鬆輸出各種各樣的動畫網頁，它不需要特別繁雜的操作，也比JAVA小巧精悍！但它的動畫效果、互動效果、多媒體效果十分出色。而且還可以在Flash動畫中封裝Mp3音樂、填寫表單等；並且由於Flash編制的網頁文件比普通網頁文件要小得多，所以大大加快了瀏覽速度。這是一款十分適合動態Web製作的工具。

另外，個人網站製作者還需瞭解W3C的HTML4.0規範、CSS層疊樣式表的基本知識、javascript、VBScript的基本知識。對於常用的一些腳本程序如......

網頁怎麼做做一個簡單網頁

我們需要先製作背景圖片。也就是網頁背景那塊藍色的部分。我們需要單獨做出來。

2

新建一個1920px*400px的文件

3

我們拉一個一個藍色（#506dbb）到白色的一個漸變

4

效果圖

5

然後我們保存這張圖片為gif格式

這時候我們新建一個

1000*800的文件

我們把網頁效果圖製作出來。這裡都是用到ps製作的。沒有寫任何代碼。這個過程我就不講了

大家制作好網頁效果圖完成的時候一定要注意把網頁背景圖層刪掉，保持透明

6

下一步我們使用切片工具。把頁面進行切片。如下圖所示

注意每一個鏈接都要切片一下。切片工具和矩形選區工具一樣，拉一下就是一個切片

為了區分我這裡加了背景。我們一會一定要記得去掉

7

我們再使用切片選擇工具選擇單個切片。然後右鍵

8

我們再逐個為切片添加鏈接

9

我們現在保存為web所用格式

10

我們把這裡選擇png—8

保存

保存完成後

效果圖

保存完成後。會生成一個目錄和一個html文件。我們用瀏覽器打開這個html文件可以看看效果。由於我們保存時選擇的是png格式的所以看到的效果不美觀，且網頁靠左邊。我們要做的就是讓網頁有一個背景就是我們剛剛製作的藍色背景。且頁面居中

為了方便，這裡我們使用 Dreamweaver。這個軟件破解版和安裝教程問度娘要這裡就不多說。

打開 Dreamweaver界面

我們新建一個站點

我們先要給網頁居中。

我們用Dreamweaver打開ps生成的html文件

進入Dreamweaver的設計視圖。注意看

我們用鼠標點一下最外邊的這根線。（把鼠標放在四個角上單擊一下就可以選中）

選中

然後把下邊的屬性設置為居中。注意看

這樣網頁就居中了。

我們再添加一個背景

我們先把鼠標在旁邊空白地方單擊一下，然後點擊下面的頁面屬性

把背景圖片設置為我們剛剛製作的背景圖。重複選擇no開頭的那個。其他的不用管。

然後我們按ctrl+s保存好網頁。然後即可使用瀏覽器預覽效果了

ps製作網頁就是這麼簡單

如何設計一個自己的網站

網站伴隨著[1]網絡的快速發展而快速興起，作為上網的主要依託，由於人們使用網絡的頻繁而變得非常的重要。由於企業需要通過網站呈現產品、服務、理念、文化，或向受眾提供某種功能服務。因此網頁設計必須首先明確設計站點的目的和用戶的需求，從而做出切實可行的設計方案。

專業的網頁設計，需要經歷以下幾個階段：

需要根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析，從而建立起營銷模型。

以業務目標為中心進行功能策劃，製作出欄目結構關係圖。

以滿足用戶體驗設計為目標，使用axure rp或同類軟件進行頁面策劃，製作出交互用例。

以頁面精美化設計為目標，使用PS、AI等軟件，調整，使用更合理的顏色、字體、圖片、樣式進行頁面設計美化。

根據用戶反饋，進行頁面設計調整，以達到最優效果。在目標明確的基礎上，完成網站的構思創意即總體設計方案。對網站的整體風格和特色作出定位，規劃網站的組織結構。

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

為了做到主題鮮明突出，要點明確，應該使配色和圖片圍繞預定的主題；調動一切手段充分表現網站點的個性和情趣，辦出網站的特點。

充分利用已有信息，如客戶手冊．公共關係文檔．技術手冊和數據庫等。

HTML裡面怎麼設計做一個加減乘除的網頁

這個需要知道javascript,這方面語言會嗎？不會的話，幫你寫一個了！

計算器

數字一：< p>

如何做一個好的網頁設計

1，先要了解需求吧。

2，根據需求來指定方案，根據方案去設計啊。

怎麼製作一個只有一張圖片的網頁

直接把圖片放在網頁裡面就行了。就這麼簡單 就可以滿足了。

怎麼做一個網頁(網頁設計作業)

jsp+美工+編程

當人們訪問你的站點時,他們都會立即下意識地判斷:這個站點怎麼樣？值不值的當回事兒？是否值的把他加入到我的bookmark中去，要知道，在網絡信息的虛擬世界裡，互聯網提供了天下大同的機會，同時也讓這個虛擬世界充斥著數不清的商業站點、垃圾站點，大多數站點缺乏靈魂、主旨，東一榔頭西一棒子，鬆散、混亂，原因就在於缺乏策劃設計。因此要想使你的網站從那些數不清的站點中脫穎而出，就必須對整個站點作好統籌安排，規劃，對所有的內容進行細意斟酌，把所有的意念合情合理的組織起來設計一個合理的頁面樣式。下面我們就具體的來探討一下網站策劃設計.

一、 首先確定web站點的營銷目標:

1）、市場調查階段

瞭解一下目前internet的發展狀況以及同類站點的發展、經營狀況，吸取他們的長處，找出自己的優勢，對市場作個調查，明確自己網站的主題，尋找一個好的出發點。

2）、你設想中的網站規模有多大？

作網站並不是盲目的想做多大就作多大，而要根據自身的現階段能力，以及企業的規模大小，確定你的網站是小型、中型、大規模的網站，還是從小規模的開始，然後逐步發展。這主要的是關係到網站的後期維護以及網站的發展方向來考慮的。

3）、確定網站的類別，你希望網站有怎樣的設計特色

根據主題、形式以及本身企業的特點，網站的設計也有不同的類別，大概可分為：以內容為主，設計為輔，注重速度這種大型的專業網站，它一般體現在專業的 icp，isp供應商製作的網站，在設計這類網站時不要太花哨，應注重信息量；第二種大多數企業為了更好的宣傳自己的產品，擴大銷路，使自己的產品走向世界，提高自己企業的形象而製作的網站，這種網站製作應結合本身產品特點而製作的特色網站，相對來說比較注重產品的營銷；第三種是形象類的網站，一般這種網站相對體現在政府部門，作為對外一個窗口，相對來說這種網站設計比較嚴肅；第四種是個人主頁網站，這種網站相對比較自由，不受什麼約束，可以根據每個人自己的特長自由發揮。因此我們在製作主頁時先明確自己的定位方向，設計出適合自己的站點。

4）、你的主要目標受眾是誰？

根據網站的類別不同，目標受眾也不一樣，有工商業者、專業人士、學生；女性，男性；兒童，青少年，中年人，老人；還是所有的人，比如教育類的網站相對來說是目標受眾是院校的老師和學生。化裝類、護膚產品類的網站相對來說是女性等。

5）、確定整個網站的整體風格

其實，這個原則和傳統的印刷出版物沒什麼區別。你網頁上所有的圖像、文字，包括像背景顏色、區分線、字體、標題、註腳什麼的，都要統一風格，貫穿全站。這樣子讀者看起來舒服、順暢，會對你的網站留下一個“很專業”的印象。

舉個簡單例子。如果你在列示一二三四若干條的情況下，在每條前面用黑圓點加強視覺效果，那麼其他類似地方，也應該用保持同樣的風格。色彩斑斕的站點，尤其要注意風格的統一。顏色可以變，不過字體、主體文本對齊風格、標題、背景效果以及特殊圖像效果等等都應保持統一。

很多缺乏編輯、出版背景的網友，很容易忽視這點，特別是網頁一多，更容易忘。

6）、你準備投入多少資金、如何經營這個網站？

對所作的網站大概的作個估價，需要多少資金，你準備投入多少資金來運營這個網站，假設網站製作好以後如何經營這個網站，是全部由自己來做，還是委託專業服務來做，自己定期指導，還是設定要求、目標完全由別人代勞。這是不可忽略的問題，如果一個網站前期作的再好，後期沒人維護也是空的，就好比一條剛建好的街道，乾乾淨淨的，人們也比較喜歡來這裡逛街，日久了，人走的人多了，垃圾多了這時沒人來管裡，這樣垃圾越堆越多，走的人肯定也越來......

網頁設計中怎麼在頁面中設置一個滾動條

css屬性 overflo耽-y:auto; DIV裡面的內容超過DIV的高度，右邊就會自動出現滾動條

設計一個簡潔大方的網站，如何進行設計？

可以從幾個方面，頁面是否美觀、加載速度快不快，跳轉好不好用等~可以參考一下其他網站的設計