B類網頁設計

1、網頁的布局類型有哪些?

1、「國」字型

也可以稱為「同」字型，是一些大型網站所喜歡的類型，即最上面是網站的標題以及橫幅廣告條，接下來就是網站的主要內容，左右分列一些兩小條內容，中間是主要部分，與左右一起羅列到底，最下面是網站的一些基本信息、聯系方式、版權聲明等。

2、拐角型

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

3、標題正文型

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

4、封面型

這種類型基本上是出一些網站的首頁，大部分為一些精美的平面設計結合一些小的動畫，放上幾個簡單的鏈接或者僅是一個「進入」的鏈接甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種類型大部分是企業網站和個人主頁，如果說處理的好，會給人帶來賞心悅目的感覺。

5、「T」結構布局

所謂「T」結構布局，就是指網頁上邊和左邊相結合，頁面頂部為橫條網站標志和廣告條，左下方為主菜單，右面顯示內容，這是網頁設計中用得最廣泛的一種布局方式。在實際設計中還可以改變「T」結構布局的形式。

如左右兩欄式布局，一半是正文，另一半是形象的圖片、導航。或正文不等兩欄式布置，通過背景色區分，分別放置圖片和文字等。

這樣的布局有其固有的優點，因為人的注意力主要在右下角，所以企業想要發布給用戶的信，大都能被用戶以最大可能性獲取，而且很方便，其次是頁面結構清晰，主次分明、易於使用。缺點是規矩呆板，如果細節色彩上不注意，很容易讓人「看之無味」。

6、「口」型布局

這是一個形象的說法，指頁面上下各有一個廣告條，左邊是主菜單，右邊是友情鏈接等，中間是主要內容。

這種布局的優點是頁面充實、內容豐富、信息量大，是綜合性網站常用的版式，特別之處是頂部中央的一排小圖標起到了活躍氣氛的作用。

缺點是頁面擁擠，不夠靈活。也有將四邊空出，只用中間的窗口型設計，例如網易壁紙站使用多幀形式，只有頁面中央部分可以滾動，界面類似游戲界面。使用此類版式的有多維游戲娛樂性網站。

7、「三」型布局

這種布局多用於國外網站，國內用得不多。其特點是頁面上橫向兩條色塊，將頁面整體分割為4個部分，色塊中大多放廣告條。

8、 對稱對比布局

顧名思義，它指採取左右或者上下對稱的布局，一半深色，一半淺色，一般用於設計型網站。其優點是視覺沖擊力強，缺點是將兩部分有機地結合比較困難。

9、POP布局

POP源自廣告術語，指頁面布局像一張宣傳海報，以一張精美圖片作為頁面的設計中心。常用於時尚類網站，優點顯而易見：漂亮吸引人，缺點是速度慢。

網頁設計（web design，又稱為Web UI design，WUI design，WUI），是根據企業希望向瀏覽者傳遞的信息（包括產品、服務、理念、文化），進行網站功能策劃，然後進行的頁面設計美化工作。作為企業對外宣傳物料的其中一種，精美的網頁設計，對於提升企業的互聯網品牌形象至關重要。

網頁設計一般分為三種大類：功能型網頁設計（服務網站&B/S軟體用戶端）、形象型網頁設計（品牌形象站）、信息型網頁設計（門戶站）。設計網頁的目的不同，應選擇不同的網頁策劃與設計方案。

(1)B類網頁設計擴展資料

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

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

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

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

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

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

5、根據用戶反饋，進行頁面設計調整，以達到最優效果。

2、網頁設計是什麼？

在重慶想學習網頁設計,可以到北碚的電腦學校實地考察,網頁設計就是咱們平時瀏覽的網頁,都是由美工設計師做出來的。

3、網頁設計都包含哪些內容

網頁設計（web design，又稱為Web UI design，WUI design，WUI），是根據企業希望向瀏覽者傳遞的信息（包括產品、服務、理念、文化），進行網站功能策劃，然後進行的頁面設計美化工作。作為企業對外宣傳物料的其中一種，精美的網頁設計，對於提升企業的互聯網品牌形象至關重要。
網頁設計一般分為三種大類：功能型網頁設計（服務網站&B/S軟體用戶端）、形象型網頁設計（品牌形象站）、信息型網頁設計（門戶站）。設計網頁的目的不同，應選擇不同的網頁策劃與設計方案。
網頁設計的工作目標，是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗。高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的視聽感受。

4、什麼是網頁設計？

網頁設計，又稱web界面設計，是企業將產品、服務、理念、文化等信息傳遞給訪問者的一種形式，和我們通常所見的平面設計是有一些不同之處的，最為主要的就是利用文字和圖片之間的組合，從而達到很好的和諧與美的布局設計。
網頁設計中需要達到的一個要求就是需要體現不同頁面之間的聯系，正確處理網頁之間、網頁的順序和內容、網頁內部和區域之間的關系。為了可以使得最終的效果得到良好的呈現，在布局的時候需要特別的注意是否合理和諧，美化視覺的合理性，讓參觀者有一個流暢的視覺體驗

5、怎麼設計網頁

網頁設計——根據企業希望向瀏覽者傳遞的信息（包括產品、服務、理念、文化），進行網站功能策劃，然後進行的頁面設計美化工作。作為企業對外宣傳物料的其中一種，精美的網頁設計，對於提升企業的互聯網品牌形象至關重要。
網頁設計一般分為三種大類：功能型網頁設計（服務網站&B/S軟體用戶端）、形象型網頁設計（品牌形象站）、信息型網頁設計（門戶站）。設計網頁的目的不同，應選擇不同的網頁策劃與設計方案。
網頁設計的工作目標，是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗。高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的試聽感受。
網頁設計常用的工具包括AI、PS、FL、FW、DW等。
網頁，是網站中的任何一頁面，通常是HTML（是標准通用標記語言下的一個應用）格式（文件擴展名為html、或htm、或asp、或aspx、或php、或jsp等）。網頁通常用圖像檔來提供圖畫，網頁要使用網頁瀏覽器來閱讀。
在網頁設計的認識上，許多人似乎仍停留在網頁製作的高度上。認為只要用好了網頁制
作軟體，就能搞好網頁設計了。
其實網頁設計是一個感性思考與理性分析相結合的復雜的過程，它的方向取決於設計的
任務，它的實現依賴於網頁的製作。正所謂「功夫在詩外」，網頁設計中最重要的東西
，並非在軟體的應用上，而是在我們對網頁設計的理解以及設計製作的水平上，在於我
們自身的美感以及對頁面的把握上。
首先，我們要弄清楚網頁設計的任務。

一、設計的任務

設計是一種審美活動，成功的設計作品一般都很藝術化。但藝術只是設計的手段，而並
非設計的任務。設計的任務是要實現設計者的意圖，而並非創造美。
網頁設計的任務，是指設計者要表現的主題和要實現的功能。站點的性質不同，設計的
任務也不同。從形式上，可以將站點分為以下三類。
第一類是資訊類站點，像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量
的信息，而且訪問量較大。因此需注意頁面的分割、結構的合理、頁面的優化、界面的
親和等問題。
第二類是資訊和形象相結合的網站，像一些較大的公司、國內的高校等。這類網站在設
計上要求較高，既要保證資訊類網站的上述要求，同時又要突出企業、單位的形象。然
而就現狀上來看，這類網站有粗製濫造的嫌疑。
第三類則是形象類網站，比如一些中小型的公司或單位。這類網站一般較小，有的則有
幾頁，需要實現的功能也較為簡單，網頁設計的主要任務是突出企業形象。這類網站對
設計者的美工水平要求較高。
當然，這只是從整體上來看，具體情況還要具體分析。不同的站點還要區別對待。別忘
了最重要的一點，那就是客戶的要求，它也屬於設計的任務。
明確了設計的任務之後，接下來要想的就是如何完成這個任務了。

二、設計的實現

設計的實現可以分為兩個部分。第一部分為站點的規劃及草圖的繪制，這一部分可以在
紙上完成。第二部分為網頁的製作，這一過程是在計算機上完成的。
設計首頁的第一步是設計版面布局。我們可以將網頁看作傳統的報刊雜志來編輯，這里
面有文字、圖像乃至動畫，我們要做的工作就是以最適合的方式將圖片和文字排放在頁
面的不同位置。
除了要有一台配置不錯的計算機外，軟體也是必需的。不能簡單地說一個軟體的好壞，
只要是設計者使用起來覺得方便而且能得心應手的，就可以稱為好軟體。當然，它應該
能滿足設計者的要求。筆者常用的軟體是Macromedia的Dreamweaver、Fireworks、
Flash以及Adobe的Photoshop、imageready，這些都是很不錯的軟體。
接下來我們要做的就是通過軟體的使用，將設計的藍圖變為現實，最終的集成一般是在
Dreamweaver里完成的。雖然在草圖上，我們定出了頁面的大體輪廓，但是靈感一般都
是在製作過程中產生的。設計作品一定要有創意，這是最基本的要求，沒有創意的設計
是失敗的。在製作的過程中，我們會碰到許多問題，其中最敏感的莫過於頁面的顏色
了。

四、造型的組合

在網頁設計中，我們主要通過視覺傳達來表現主題。在視覺傳達中，造型是很重要的一
個元素。拋去是圖還是文字的問題，畫面上的所有元素可以統一作為畫面的基本構成要
素點、線、面來進行處理。在一幅成功的作品裡，是需要點、線、面的共同組合與搭配
來構造整個頁面的。
通常我們可以使用的組合手法有秩序、比例、均衡、對稱、連續、間隔、重疊、反復、
交叉、節奏、韻律、歸納、變異、特寫、反射等等，它們都有各自的特點。在設計中應
根據具體情況，選擇最適合的表現手法，這樣有利於主題的表現。
通過點、線、面的組合，可以突出頁面上的重要元素，突出設計的主題，增強美感，讓
觀者在感受美的過程中領會設計的主題，從而實現設計的任務。
造型的巧妙運用不僅能帶來極大的美感，而且能較好地突出企業形象，而且能將網頁上
的各種元素有機的組織起來，它甚至還可以引導觀者的視線。

三、色彩的運用

色彩是一種奇怪的東西，它是美麗而豐富的，它能喚起人類的心靈感知。一般來說，紅
色是火的顏色，熱情、奔放；也是血的顏色，可以象徵生命。黃色是明度最高的顏色，
顯得華麗、高貴、明快。綠色是大自然草木的顏色，意味著純自然和生長，象徵安寧和
平與安全，如綠色食品。紫色是高貴的象徵，有莊重感。白色能給人以純潔與清白的感
覺，表示和平與聖潔。
我們知道，顏色是光的折射產生的，紅、黃、藍是三原色，其它的色彩都可以用這三種
色彩調和而成。換一種思路，我們可以用顏色的變化來表現光影效果，這無疑將使我們
的作品更貼近現實。
色彩代表了不同的情感，有著不同的象徵含義。這些象徵含義是人們思想交流當中的一
個復雜問題，它因人的年齡、地域、時代、民族、階層、經濟地區、工作能力、教育水
平、風俗習慣、宗教信仰、生活環境、性別差異而有所不同。
單純的顏色並沒有實際的意義，和不同的顏色搭配，它所表現出來的效果也不同。比如
綠色和金黃、淡白搭配，可以產生優雅，舒適的氣氛。藍色和白色混合，能體現柔順、
淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。而金色和粟色的搭配
則會給人帶來暖意。設計的任務不同，配色方案也隨之不同。考慮到網頁的適應性，應
盡量使用網頁安全色。
但顏色的使用並沒有一定的法則，如果一定要用某個法則去套，效果只會適得其反。經
驗上我們可先確定一種能表現主題的主體色，然後根據具體的需要，應用顏色的近似和
對比來完成整個頁面的配色方案。整個頁面在視覺上應是一個整體，以達到和諧、悅目
的視覺效果。

五、設計的原則
　
設計是有原則的，無論使用何種手法對畫面中的元素進行組合，都一定要遵循五個大的
原則：統一、連貫、分割、對比及和諧。
統一，是指設計作品的整體性，一致性。設計作品的整體效果是至關重要的，在設計中
切勿將各組成部分孤立分散，那樣會使畫面呈現出一種枝蔓紛雜的凌亂效果。
連貫，是指要注意頁面的相互關系。設計中應利用各組成部分在內容上的內在聯系和表
現形式上的相互呼應，並注意整個頁面設計風格的一致性，實現視覺上和心理上的連貫
，使整個頁面設計的各個部分極為融洽，猶如一氣呵成。
分割，是指將頁面分成若干小塊，小塊之間有視覺上的不同，這樣可以使觀者一目了
然。在信息量很多時為使觀者能夠看清楚，就要注意到將畫面進行有效的分割。分割不
僅是表現形式的需要。換個角度來講，分割也可以被視為對於頁面內容的一種分類歸
納。
對比就是通過矛盾和沖突，使設計更加富有生氣。對比手法很多，例如：多與少、曲與
直、強與弱、長與短、粗與細、疏與密、虛與實、主與次、黑與白、動與靜、美與丑、
聚與散等等。在使用對比的時候應慎重，對比過強容易破壞美感，影響統一。
和諧是指整個頁面符合美的法則，渾然一體。如果一件設計作品僅僅是色彩、形狀、線
條等的隨意混合，那麼作品將不但沒有「生命感」，而且也根本無法實現視覺設計的傳
達功能。和諧不僅要看結構形式，而且要看作品所形成的視覺效果能否與人的視覺感受
形成一種溝通，產生心靈的共鳴。這是設計能否成功的關鍵。　

六、網頁的優化

在網頁設計中，網頁的優化是較為重要的一個環節。它的成功與否會影響頁面的瀏覽速
度和頁面的適應性，影響觀者對網站的印象。
在資訊類網站中，文字是頁面中最大的構成元素，因此字體的優化顯得尤為重要。使用
css樣式表指定文字的樣式是必要的，通常我們將字體指定為宋體，大小指定為12px，
顏色要視背景色而定，原則上以能看清且與整個頁面搭配和諧為准。在白色的背景上，
我們一般使用黑色，這樣不易產生視覺疲勞，能保證瀏覽者較長時間地瀏覽網頁。
圖片是網頁中的重要元素。圖片的優化可以在保證瀏覽質量的前提下將其size降至最低
，這樣可以成倍地提高網頁的下載速度。利用Photoshop6或Fireworks4可以將圖片切
成小塊，分別進行優化。輸出的格式可以為gif或jpeg，要視具體情況而定。一般我們
把有較為復雜顏色變化的小塊優化為jpeg，而把那種只有單純色塊的卡通畫式的小塊優
化為gif，這是由這兩種格式的特點決定的。
表格(table)是頁面中的重要元素,是頁面排版的主要手段。我們可以設定表格的寬度、
高度、邊框、背景色、對齊方式等參數。很多時候，我們將表格的邊框設為0，以此來
定位頁面中的元素，或者籍此確定頁面中各元素的相對位置。我們知道：瀏覽器在讀取
網頁html原代碼時，是讀完整個table才將它顯示出來的。如果一個大表格中含有多個
子表格，必須等大表格讀完，才能將子表格一起顯示出來。我們在訪問一些站點時，等
待多時無結果，按"停止"按鈕卻一下顯示出頁面就是這個原因。因此，我們在設計頁面
表格的時候，應該盡量避免將所有元素嵌套在一個表格里，而且表格嵌套層次盡量要
少。在使用Dreamweaver製作網頁時，會自動在每一個td內添加一個空字元「 」。如果
單元格內沒有填充其它元素，這個空字元會保留，在指定td的寬度或高度後，可以在源
代碼內將其刪去。
網頁的適應性是很重要的，在不同的系統上，不同的解析度下，不同的瀏覽器上，我們
將會看到不同的結果，因此設計時要統籌考慮。一般我們在800*600下製作網頁，最佳
瀏覽效果也是在800*600解析度下，在其它情況下只要保證基本一致，不出現較大問題
即可。
說了這么多，只是希望能對做「網頁設計」的人有所幫助，希望他們在做網頁的時候能
夠從整體著眼，無愧於「設計」這兩個字。順便說一下，本文只代表本人個人觀點，僅
供參考。

對於網頁的框架與定位,這個是很難說得清楚的,這要看你在做網站時,對網站的
規劃,並不能一並而論的,如果你沒有這方面的經驗,就多多在網上看看別人是如何設計
的吧,是非常的用的,可以把他們給抓下來,做個圖庫,方便自己設計

其實看看一些設計精良的網頁，會對自己有很大的作用，
把別人的網頁下載下來，再用相關的軟體，進行分析，
可以學到許多的東西的，是一種快捷的學習方法，
但決不是COPY

我認為首要的是突出主題
一個好的網站(個人的只能算做網頁)最首要的是突出你的主題,在別人搜索或訪問時首
先就看有沒有自己所需要的內容,要麼就直奔主題.然後再在主題鮮明的基礎上做好框架
設計.一個好的網站要做到層次分明,結構合理,讓人一看就能明白你想要表達的中心思
想是什麼,以及怎樣才能以以最快的速度找到自己想要的內容.這兩個主要問題解決後再
在一些細節上加以潤色,就能製作出賞心悅目的網站.

6、網頁設計一般分為哪三種大類？

1.網頁設計一般分為三種大類：功能型網頁設計（服務網站&B/S軟體用戶端）、形象型網頁設計（品牌形象站）、信息型網頁設計（門戶站）。
2.設計網頁的目的不同，應選擇不同的網頁策劃與設計方案。

7、B類網路地址，設計一個子網結構滿足所述需求。

可能
255.255.252.0
64
1022
172.16.0.0 172.16.0.1-172.16.3.254 172.16.3.254

8、網頁設計分幾種設計，謝謝大家

從形式上，可以將網頁設計站點分為以下三類。
第一類是資訊類站點，像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量的信息，而且訪問量較大。因此需注意頁面的分割、結構合理、頁面的優化和界面的親和力等問題。

第二類是資訊和形象相結合的網站，像一些較大的公司、國內的高校等。這類網站在平面設計上要求較高，既要保證資訊類網站的上述要求，同時又要突出企業、單位的形象。

第三類則是形象類網站，比如一些中小型的公司或單位。這類網站一般較小，有的則有幾頁，需要實現的功能也較為簡單，網頁設計的主要任務就是突出企業形象。這類網站對設計者的美工水平要求較高。當然，這只是從整體上來看，具體情況還要具體分析。不同的站點還要區別對待。別忘了最重要的一點，那就是客戶的要求，它也屬於平面設計的任務之一。

我們在進行網頁設計的創作過程中，首先要弄清楚網頁設計的分類。把網頁設計形式進行藝術化的處理，讓網站看起來更加美觀，更加容易瀏覽和閱讀，我們認為這樣才是成功的網頁設計作品，起到宣傳的目的。

9、什麼是A.B.C類網路 怎麼區別和劃分

Internet委員會定義了5種IP地址類型以適合不同容量的網路，其中A、B、C3類由InternetNIC在全

球范圍內統一分配，D、E類為特殊地址。

A類IP地址：

一個A類IP地址是指， 在IP地址的四段號碼中，第一段號碼為網路號碼，剩下的三段號碼為本地計算

機的號碼。如果用二進製表示IP地址的話，A類IP地址就由1位元組的網路地址和3位元組主機地址組成，

網路地址的最高位必須是「0」。A類IP地址中網路的標識長度為8位，主機標識的長度為24位，A類

網路地址數量較少，有126個網路，每個網路可以容納主機數達1600多萬台。

A類地址：

（1）A類地址第1位元組為網路地址，其它3個位元組為主機地址。它的第1個位元組的第一位固定為0.

（2）A類地址網路號范圍：1.0.0.0---126.0.0.0

（3）A類地址中的私有地址和保留地址：

① 10.X.X.X是私有地址（所謂的私有地址就是在互聯網上不使用，而被用在區域網絡中的地址）。

范圍（10.0.0.0---10.255.255.255）

② 127.X.X.X是保留地址，用做循環測試用的。

B類IP地址：

一個B類IP地址是指，在IP地址的四段號碼中，前兩段號碼為網路號碼。如果用二進製表示IP地址的

話，B類IP地址就由2位元組的網路地址和2位元組主機地址組成，網路地址的最高位必須是「10」。B類

IP地址中網路的標識長度為16位，主機標識的長度為16位，B類網路地址適用於中等規模的網路，

有16384個網路，每個網路所能容納的計算機數為6萬多台。

B類IP地址地址范圍128.0.0.0-191.255.255.255 [3]  （二進製表示為：10000000 00000000 

00000000 00000000----10111111 11111111 11111111 11111111）。 最後一個是廣播地址。

B類IP地址的子網掩碼為255.255.0.0，每個網路支持的最大主機數為256的2次方-2=65534台。

C類IP地址：

一個C類IP地址是指，在IP地址的四段號碼中，前三段號碼為網路號碼，剩下的一段號碼為本地計算

機的號碼。如果用二進製表示IP地址的話，C類IP地址就由3位元組的網路地址和1位元組主機地址組成，

網路地址的最高位必須是「110」。C類IP地址中網路的標識長度為24位，主機標識的長度為8位，C

類網路地址數量較多，有209萬余個網路。適用於小規模的區域網絡，每個網路最多隻能包含254台

計算機。

C類IP地址范圍192.0.0.0-223.255.255.255 [3]  （二進製表示為: 11000000 00000000 00000000 

00000000 - 11011111 11111111 11111111 11111111）。

C類IP地址的子網掩碼為255.255.255.0，每個網路支持的最大主機數為256-2=254台

(9)B類網頁設計擴展資料：

IP協議中還有一個非常重要的內容，那就是給網際網路上的每台計算機和其它設備都規定了一個唯一

的地址，叫做「IP地址」。

IP認證（Identity Preservation Certification）是對企業為保持產品的特定身份（如轉基因身份）

而建立的保證體系，按照特定標准進行審核、發證的過程。

IP體系是為防止在食品、飼料和種子生產中潛在的轉基因成份的污染，從非轉基因作物種子的播種

到農產品的田間管理、收獲、運輸、出口、加工的整個生產供應鏈中通過嚴格的控制、檢測、可追

蹤性信息的建立等措施，確保非轉基因產品「身份」的純粹性，並提高產品價值的生產和質量保證

體系。

IP體系的特點是：

（1）可追蹤性，為產品提供整個生產供應鏈的全方位信息

（2）嚴格的隔離，杜絕一切非受控材料的意外混入

（3）策略性的代表性取樣和檢測，驗證產品的非轉基因身份

（4）完善的體系文件和程序手冊，產品質量保證的基礎

（5）嚴格的內外控制，確保IP體系有效運行