簡約網頁設計

1、簡單簡約風格網站概念 如何做簡約網站設計

可以用一些獨立的建站系統來做的，例如：pageadmin cms、discha都是不錯的、簡易和漂亮模式的前端網站也很多提供下載，直接下載就可以了。。

2、製作一個簡單的index.html網頁

實現的方法和詳細的操作步驟如下：

1、第一步，右鍵單擊計算機桌面上的空白區域以創建一個新的「文本文檔」，如下圖所示，然後進入下一步。

2、其次，完成上述步驟後，輸入要在新創建的文本文檔中顯示的內容，如下圖所示，然後進入下一步。

3、接著，完成上述步驟後，返回桌面，將文本文檔的名稱和後綴更改為「
 index.html」，如下圖所示，然後進入下一步。

4、然後，完成上述步驟後，該文件的默認「打開方式」將成為瀏覽器，雙擊「index.html」文件，如下圖所示，然後進入下一步。

5、最後，完成上述步驟後，就打開了剛創建的「index.html」文件了，如下圖所示。這樣，問題就解決了。

3、怎樣製作簡單的靜態的網頁設計

你好。首先下載Dreamweaver.exe並打開，選擇你使用的編輯語言，本案例用html
打開頁面後，選著設計窗口，如圖所示。設計窗口可以快速布局網頁，不需要自己編輯代碼。

打開你要設計的網頁的設計圖，本經驗是百度經驗首頁為例，首先我們製作頂上的搜索條，點擊插入—表格（如圖所示）。打開表格屬性編輯表格屬性。插入1行和5列，表格寬度為1130,（即為網頁的寬度），邊距，間距分別為0，此表格只是為了定位，因此不設邊框。

設置好表格後，可在表格裡面插入你的內容，首先我們插入logo,點擊插入—圖像—選擇你要插入的圖片。點確定即可完成logo插入。表格的小大高度都可根據設計圖需要調整，滑鼠移到表格邊框虛線即可拖拉調整高度或寬度。如圖所示

接下來我們來做搜索框，點擊插入—表單—插入文本域—確定。插入文本框後可點擊文本框調整文本框的屬性。根據設計圖，文本框上班還要添加內容，因此，可選擇單元格右擊選擇表格—拆分單元格，此處是需要添加一行的內容，因此拆分為兩行，如圖所示。

用同樣的辦法拆分上面的行，因為要添加10個選擇項，因此拆分為10列（右擊選中的行—拆分單元格—10列—確定）。拆分好後在小格裡面添加文字內容即可。表格大小可根據步驟四調整。

接下來我們做搜索按鈕，同樣根據設計圖要把表格拆分為兩行。點擊插入插入按鈕的圖片。

接下來給按鈕添加鏈接，本次經驗分享的是靜態網頁，因此在此先跟大家分享怎麼直接添加按鈕鏈接。同樣是點擊插入—添加超級鏈接,填寫你事先做好的頁面鏈接，或者其他網站鏈接。

剩下的內容都可根據方法步奏逐漸添加，調節細節即可完成你想要設計的網頁。如圖所示是上面步奏所做的靜態頁面，把所有做好的網頁用超級鏈接鏈接起來即可做成一個簡單的網站

另外我們還可以採用front page。也可以很容易的實現。
望採納。

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

一、選擇合適的配色方案
色彩的運用對於網站設計來說是相當重要的，使用淡色和非彩色的投影對設計一個成功的簡潔網站大有裨益。淺色的背景可以幫助用戶把焦點轉移到網站內容上，標志使用黑色和較深的投影，網頁中的頁眉和導航元素使用淺色背景，這些都是不錯的做法。如果說想要使用一些大膽的顏色也是可行的，但前提是這些顏色的使用要格外小心，因為一不小心顏色就容易太過鮮艷，給用戶帶來強烈的視覺沖擊。但有時候，網站有必要使用深色背景色來吸引某些目標用戶。比起漸變色，有些網站更鍾愛純色。如果你的網站非得要使用紋理和漸變色，也不要用得太過火，總之，都要有度。

二、小心使用頁面空白
一個成功的網頁設計就是做到整潔有序，網頁設計師在網頁中添加flash動畫，視頻，3D圖形等多種元素的同時，要盡量避免過度使用這些元素。如今，大家都經常使用各種攜帶型設備瀏覽網頁，因此也應該充分考慮到這些用戶的需求。在網頁設計中，應該小心且准確地處理頁面的邊距和空白。在處理過程中要注意，空白間距過多會讓網站失去吸引力。因此維持設計過程中的流動性非常重要，切勿過度使用。

三、選擇富有沖擊力的圖片
在網站設計中要以內容為主，圖片為輔，雖然用戶在瀏覽網站時，通常只關注網站的內容，但是，恰到好處又吸引用戶的圖片也會對內容起到補充的作用，同時也增加了網站的美感。不過，在網頁中使用圖片元素時，不管它是靜態圖片還是動態圖片，都要注意顏色的搭配，顏色如果使用過多，很容易造成視覺混亂，而使用單一的顏色往往會產生很強烈的視覺沖擊。

總之，一個簡潔的網站設計要把用戶體驗都考慮到，如果你還在擔心網站設計不夠美觀、簡潔，東莞格子網路來幫您！東莞格子網路擁有專業網頁設計師，無論哪個行業，哪種風格，把想法交給我們，我們把成果交還你們，我們用心，你們放心。

5、怎樣快速做一個簡單網頁

現在的新手自己製作一個網頁也很簡單的，就是要選擇合適自己的建站工具。像我都不懂代碼、設計這些，就用凡科建站這種自助建站平台，我就以它說一下網頁製作的流程吧。

1、注冊一個凡科賬號。

2、進入後台，選擇自己喜歡的網站模板。

3、在每個網頁填充網站基本設置、添加產品和圖片等。

4、保存設置，完成上線。

6、簡單的Html網頁製作

7、如何製作簡單網頁呢?

網站設計八步驟

由於目前所見即所得類型的工具越來越多，使用也越來越方便，所以製作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁，於是他們認為網頁製作非常簡單，就匆匆忙忙製作自己的網站，可是做出來之後與別人一比，才發現自己的網站非常粗糙，這是為什麼呢？常言道：「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。

二、搜集材料

明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。

三、規劃網站

一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。 四、選擇合適的製作工具

盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。

五、製作網頁

材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。

六、上傳測試

網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。

七、推廣宣傳

網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

八、維護更新

網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者
★要想學做網頁，首先得了解製作網頁的工具。

製作網頁主要有以下一些工具

Frontpage：office自帶的一個工具，操作簡單，實用，學起來比較輕松，功能不咋地，我不太喜歡。

Dreamweaver：這是網頁三劍客之一，專門製作網頁的工具，可以自動將網頁生成代碼，是普通網頁製作者的首選工具，界面簡單，實用功能比較強大。建議初學者選用。

另外一個工具就是代碼編輯工具，例如寫字本、EditPlus等，這些工具主要編輯asp等動態網頁。

此外還有一些網路編程工具，javascript、java編輯器等。

網頁製作也是一個比較吃香的行業，要真正做一個好的網站，還必須有良好的設計功底。所以還得學很多邊緣性的軟體，例如photoshop、flash等。

大型的網站往往還需要資料庫的支持，所以還得懂資料庫。sql、甲骨文等。

總之，掌握好網頁製作，能獨立完成一個網站的製作工作，那就不要考慮吃飯問題。隨便混就好了！

祝你成功。
★你可以結合 Dreamwaver 和 Photoshop 來製作網頁。

Dreamwaver 可以到這里下 30天試用版，不過要先登記一個免費帳號，http://www.macromedia.com/cfusion/tdrc/index.cfm?proct=dreamweaver
★在網上有這方面的教程
教程
http://www.nease.net/xhelp/
http://school.jz173.com/（中國建站專家）
主頁和個人空間
http://home4u.china.com/（中華網）
http://www.35.com/yumingzc/yumingzc.asp
建議使用網頁製作三劍客Dreamweawer+Firework+Flash 或使用Frontpage

8、就簡單簡單網頁代碼

昨天晚上新寫的
給你吧
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>標准網頁</title>
<style type="text/css" >
#bodydiv{ position:relative; margin-left:95px; margin-right:95px;}
#body{ background-color:#FF8080;
margin-top:auto;
color: #996600;
font-family: "黑體";
;
}
#bannerdiv{ position:relative;}
#bannertable{}
#centerdiv{ position:relative; padding-left:3px;}
#centertable{ }
#rootdiv{ margin-top:11px;}
</style>
</head>
<body id="body" >
<div id="bodydiv">
<div id="bannerdiv">
<table align="center" id="bannertable">
<tr>
<td>
<img src="banner.gif" width="770" height="170">
</td>
</tr>
</table>
</div>
<div id="centerdiv">
<table id="centertable" border="0" cellpadding="7px" >
<tr>
<td>
<table border="0" style=" height:24px; width:200px;"background="divbg.gif" >
<tr><td align="center"></td></tr></table>
<table border="0" style="height:170px; width:200px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td align="center"><img src="headimg.jpg" width="200" height="170" /></td></tr></table> </td>
<td rowspan="2">
<table border="0" style=" height:24px; width:373px;"background="divbg.gif" >
<tr><td align="center">日誌</td></tr></table>
<table border="0" style="height:380px; width:373px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table> </td>
<td rowspan="2">
<table border="0" style=" height:24px; width:160px;"background="divbg.gif" >
<tr><td align="center">網站導航</td></tr></table>
<table border="0" style="height:380px; width:160px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table> </td>
</tr>
<tr>
<td>
<table border="0" style=" height:24px; width:200px;"background="divbg.gif" >
<tr><td align="center">心情</td></tr></table>
<table border="0" style="height:170px; width:200px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table>
</td>
</tr>
<tr>
<td>
<table border="0" style=" height:24px; width:200px;"background="divbg.gif" >
<tr><td align="center">頭像31</td></tr></table>
<table border="0" style="height:170px; width:200px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table>
</td>
<td>
<table border="0" style=" height:24px; width:373px;"background="divbg.gif" >
<tr><td align="center">頭像32</td></tr></table>
<table border="0" style="height:170px; width:373px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table>
</td>
<td>
<table border="0" style=" height:24px; width:160px;"background="divbg.gif" >
<tr><td align="center">頭像33</td></tr></table>
<table border="0" style="height:170px; width:160px; background-color:#FF814f" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table>
</td>
</tr>
</table>
</div>
<div id="rootdiv">
<table align="center">
<tr>
<td align="center">
<img src="rootimg.gif" height="60" width="190" />
</td>
</tr>
<tr>
<td>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>

9、簡單的網頁設計

網頁設計是一種建立在新型媒體之上的新型設計。它具有很強的視覺效果、互動性、互操作性、受眾面廣等其它媒體所不具有的特點，它是區別於報刊、影視的一個新媒體。它既擁有傳統媒體的優點，同時又使傳播變得更為直接、省力和有效；為了適應當今時代發展，必須增加藝術設計院校的網頁設計課程；為了更好的體現網頁這一新型設計的特點，將它和傳統媒體進行比較，了解它的優勢所在；一個成功的網頁設計，首先在觀念上要確立動態的思維方式，其次，要有效地將圖形引入網頁設計之中，增加人們瀏覽網頁的興趣，在崇尚鮮明個性風格的今天，網頁設計應增加個性化因素。
網頁設計 什麼是網頁設計？
網頁美術設計（也稱網站美術、美工設計）從某種意義上來說可以稱為「eye ball work」，網頁的美術創作要能充分吸引訪問者的注意力，讓訪問者產生視覺上的愉悅感。因此在網頁創作的時候就必須將網站的整體設計與網頁設計的相關原理緊密結合起來。在某種意義上，網站美術設計是網站成功的主要因素。
網頁美術設計與網站整體形象一致，符合藝術規范和網站標准，著重注意網頁色彩（主色調和次色調）、圖片的應用及版面規劃，保持網頁的整體一致性。

網頁設計 網頁設計與網頁製作的區別
網頁設計是將策劃案中的內容、網站的主題模式，以及結合自己的認識通過藝術的手法表現出來；而網頁製作通常就是將網頁設計師所設計出來的設計稿，按照W3C規范用html語言將其製作成網頁格式。這就相當於一個干腦力活，一個是干體力活，但是一個優秀的網頁設計師對著兩到工序都是十分了解的，因為他要知道自己的設計稿，是否會為網頁製作人員製作頁面帶來麻煩。網頁製作包括兩個部分：

1.UI（User Interface,用戶界面）：UI的意思是用戶界面，是英文User Interface的縮寫。既瀏覽者在瀏覽網頁時，通過視覺所能觀察到的一切事物，這些都是需要設計的部分，在互聯網行業，做界面設計的人被貶義的稱為「美工」。

其實我們一開始接觸電腦時就應該對UI有很深的認識，從最早的DOS操作系統到Windows 1.0，再到Windows XP。我們開機所看到的就叫用戶界面，DOS操作系統黑底白字的文本界面，Windows XP的經典藍色界面，這些都是用戶界面的發展歷程。從簡單到復雜，從庸俗到華麗，也證明了用戶界面設計越發成熟。

2.UE（User Experience,用戶體驗）：UE的意思是用戶體驗，英文叫做User Experience，縮寫為UE, 或者UX。是指一個瀏覽者在訪問一個網站或者使用一個產品時的印象和感受，對網站的布局、色彩、功能、感覺是否滿意，在第一次訪問離開後是否還想再回訪，是否能發現明顯的Bug（既網站在瀏覽過程中出現的錯誤）。

10、簡單的靜態網頁設計

您好，說簡單也不簡單，如果你肯花時間的話，那總會學會，你可以去比較好的設計公司拿里看看他們的實例是怎麼做的，你就知道是什麼程度了，你可以去BBD公司看看，能幫到你的忙。
有種最簡單的方法，最多十分鍾就搞定一頁：一，用DW軟體，打開-插入-表格-（這里您已經有了要作一個什麼樣網頁的大致想法）幾行，幾列。寬度要在1000為好，這樣下面就會出現一個導航條，邊界設置為0。如：插入表格為1行3列-確定。在用滑鼠點擊第一空格，插入-圖片，尋找您要插入圖片的位置，確定（或保存），然後在用滑鼠點擊第二個空格，插入。。。。等。以此類推。然後再用滑鼠點擊您剛才插入表格的下沿。重復您剛才的動作——插入-表格。幾行幾列要根據您對頁面的構思而定。如果要在空格里插入文章，一定要把文章的格式轉換成純Word文檔，後綴為.doc。