簡單網頁布局設計

1、簡單的網頁設計

網頁設計是一種建立在新型媒體之上的新型設計。它具有很強的視覺效果、互動性、互操作性、受眾面廣等其它媒體所不具有的特點，它是區別於報刊、影視的一個新媒體。它既擁有傳統媒體的優點，同時又使傳播變得更為直接、省力和有效；為了適應當今時代發展，必須增加藝術設計院校的網頁設計課程；為了更好的體現網頁這一新型設計的特點，將它和傳統媒體進行比較，了解它的優勢所在；一個成功的網頁設計，首先在觀念上要確立動態的思維方式，其次，要有效地將圖形引入網頁設計之中，增加人們瀏覽網頁的興趣，在崇尚鮮明個性風格的今天，網頁設計應增加個性化因素。
網頁設計 什麼是網頁設計？
網頁美術設計（也稱網站美術、美工設計）從某種意義上來說可以稱為「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（既網站在瀏覽過程中出現的錯誤）。

2、簡單網頁設計與製作

3、如何簡單介紹網頁是怎麼設計的?

建議先你去網上下載些網頁製作視頻教程。。不可能在回答里給你完全說清楚那麼多問題的哦。
你還可以去百度文庫里下載些教程也可以的。

建議你按以下步驟學習：
1.網頁製作三劍客必須要會使用。（dreamweaver /fireworks/flash)
dw是為網頁布局的。fireworks是為網頁處理圖片的。flash是為網頁提供動畫的。
2學習些最基層的html語言的知識，
3在學習一些基本的html標簽（要多加練習哦）
4.先試著用表格進行布局。之後可以學習div+css進行布局（目前比較流行的布局方式！）
5還要會使用些簡單的javascript、vbscript

如果你只是想學習前台的話，可以直接學習「三劍客軟體」,不學習html和javascript 。

如果你想學習後台的話，你就必須要學習代碼了。
html----javascript/vbscript------asp/php/jsp-------資料庫技術
有問題可以hi我。。建議你加入團隊學習：（網站、網頁製作）http://.baidu.com/team/view/%E7%BD%91%E7%AB%99%E3%80%81%E7%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C

4、幾種常見網頁布局設計

網站是有網頁構成，這點相信很多的從事網站建設或者是接觸過網站開發的站長應該都清楚，但是你現在的問題是，雖然很多的企業都想要建設網站，但是對於網站的布局了解的並不清楚，下面就跟著我們沃然一起來了解一下網站建設中幾種常見的布局吧。
1、區塊型

2、國字型
3、門戶型
4、Flash型
5、左右框架型
6、拐角型
7、封面型
8、標題正文型
9、上下框架型
10、綜合框架型

5、網頁布局的方法。

網頁布局方法很多,根據各人不同的喜好布局也不同:通常的布局方法有以下內幾種:
一.通過表容格來布局
表格布局的優勢在於它能對不同對象加以處理，而又不用擔心不同對象之間的影響。而且表格在定點陣圖片和文本上比起用CSS更加方便。表格布局唯一的缺點是，當你用了過多表格時，頁面下載速度受到影響
二.通過層疊樣式表來布局
CSS(層疊樣式表)被提出來，它能完全精確的定位文本和圖片。CSS對於初學者來說顯得有點復雜，但它的確是一個好的布局方法。你曾經無法實現的想法利用CSS都能實現
三.通過框架來布局
框架結構的頁面被許多人不喜歡，可能是因為它的兼容性。但從布局上考慮，框架結構不失為一個好的布局方法。它如同表格布局一樣，把不同對象放置到不同頁面加以處理，因為框架可以取消邊框，所以一般來說不影響整體美觀
四.當然還有其他的布局方式,比如你可以在紙上布局,就是先在紙上畫草圖,然後再按照圖來做

6、網頁設計的布局有哪幾種

網頁設計的布局有哪幾種？

1.「國」字型：

2.拐角型：

3.標題正文型：

4.左右框架型：

5.上下框架型：

6.綜合框架型：

7.封面型：

8.Flash型：網頁設計

9.變化型：網頁設計

7、網頁設計應該如何布局

網頁布局類型

網頁布局大致可分為「國」字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型，下面分別論述。 1.

「國」字型:也可以稱為「同」字型，是一些大型網站所喜歡的類型，即最上面是網站的標題以及橫幅廣告條，接下來就是網站的主要內容，左右分列一些兩小條內

2. 拐角型:這種結構與上一種其實只是形式上的區別，其實是很相近的，上面是標題及廣告橫幅，接下來的左側是一窄列鏈接等，右列是很寬的正文，下面也是一些網站的輔助信息。在這種類型中，一種很常見的類型是最上面是標題及廣告，左側是導航鏈接。

3. 標題正文型:這種類型即最上面是標題或類似的一些東西，下面是正文，比如一些文章頁面或注冊頁面等就是這種類。

4. 左右框架型:這是一種左右為分別兩頁的框架結構，一般左面是導航鏈接，有時最上面會有一個小的標題或標致，右面是正文。我們見到的大部分的大型論壇都是這種結構的，有一些企業網站也喜歡採用。這種類型結構非常清晰，一目瞭然。

5. 上下框架型:與上面類似，區別僅僅在於是一種上下分為兩頁的框架。

6. 綜合框架型:上頁兩種結構的結合，相對復雜的一種框架結構，較為常見的是類似於「拐角型」結構的，只是採用了框架結構。 7.

封面型:這種類型基本上是出現在一些網站的首頁，大部分為一些精美的平面設計結合一些小的動畫，放上幾個簡單的鏈接或者僅是一個「進入」的鏈接甚至直接在

首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現在企業網站和個人主頁，如果說處理的好，會給人帶來賞心悅目的感覺。

8. Flash型:其實這與封面型結構是類似的，只是這種類型採用了目前非常游戲行的Flash，與封面型不同的是，由於Flash強大的功能，頁面所表達的信息更豐富，其視覺效果及聽覺效果如果處理得當，絕不差於傳統的多媒體。

9. 變化型:即上面幾種類型的結合與變化，比如本站在視覺上是很接近拐角型的，但所實現的功能的實質是那種上、左、右結構的綜合框架型。

8、做好網站網頁布局的幾種簡單方式

熟知網站頁面布局的類型

頁面設計有許多類型，常見的頁面布局有「國」字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等等等，可供選擇的頁面布局有很多，我們要結合自己的網站設計目標和功能性來選擇頁面布局。這些表現形式最終是為企業和用戶服務的，所以，應該遵循企業的訴求，結合大眾用戶的需求，設計出抓住客戶心裡訴求的網頁。

2.網站的解析度設置問題

通常，網站頁面整體寬度的設計都選擇象素這種設置形式。除此之外，還有百分比和象素加百分比這兩種設置形式。但是象素設置能讓網頁視圖更加的舒適，具有透氣感，更加符合大眾瀏覽網頁的瀏覽習慣和偏好，現在大多公司採用的也正是象素這種設置形式。

3.合理地廣告規劃

我們建設網站，宣傳產品是主要目標，但在具體網站建設過程中，產品的廣告不能太多，也不能篇幅過大過長，要進行合理的布局，否則會嚴重的影響到客戶的瀏覽體驗，不但達不到廣告效果，甚至會引起顧客的反感。

4.空間的合理利用

網站有許多內容需要呈現，例如公司的經營目標、經營計劃、管理框架、人力資源、以及企業主要產品展示，內容要精簡，安排要合理，不能太過冗雜。但是涉及的面一定要全，將自己想要展示的方面都弄齊全。

9、網頁設計的經典布局類型有哪些

網站建設中網頁布局大致可分為：「國」字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等，以下分別論述：

1、國字類型：也被稱為同字型，頂部是網站的標題、橫幅廣告條，然後是網站的主體內容個，而左右分別是一些比較小的內容條，中間就是主要內容，最底部是網站的一些基本信息、聯系方式、版權聲明等。這也是現在網上見到的差不多最多的一種結構類型；

2、拐角型：這種類型其實與國字型很相近的，只是在形式上不一樣，最上面的部分是網站的標題以及網站的橫幅廣告條，一種很常見的類型是最上面是標題及廣告，左側是導航鏈接；

3、標題正文類型：上面是網站的標題，或者是類似的東西，接著就是網站的正文內容，例如是一些文章或者是注冊登錄頁面；

4、左右框架類型：這是一種左右為分別兩頁的框架結構，一般布局是：左邊是導航鏈接，最上面有時是一個小的標題或標致，而右面就是主要內容，最常使用是論壇網站，企業網站中的內頁有很多是採用這種布局方式的；這種類型的布局的特點是結構清晰明了；

5、上下框架類型：與左右框架類型類似，只是這種類型是上下兩頁的框架；

6、綜合框架類型：其實就是左右框架類型和上下框架類型的結合體；

7、封面型：這種類型基本上是出現在一些網站的首頁，多是精美平面結合小動畫，再加幾個簡單鏈接或僅是一個「進入」鏈接或無任何提示；

8、Flash型：其實這與封面型結構是類似的，採用了目前非常游戲行的Flash，與封面型不同的是，由於Flash強大的功能，頁面所表達的信息更豐富，其視覺效果及聽覺效果如果處理得當，絕不差於傳統的多媒體；

9、變化型：即上面幾種類型的結合與變化，但所實現的功能的實質是那種上、左、右結構的綜合框架型；