1、網頁分為幾個版面?
網頁分為很多類型的,不同的網頁版面不一樣。
網頁組成元素
從頁面結構的角度上看,網頁主要由導航欄、欄目、及正文內容這三大要素組成。網頁結構的創建、網頁內容布局的規劃實際也是圍繞這三大組成要素展開的。
(1)導航欄
導航欄是構成網頁的重要元素之一,是網站頻道入口的集合區域,相當於網站的菜單。
(2)欄目
欄目是指網頁中存放相同性質內容的區域。在對也米昂內容進行布局時,把性質相同的內容安排在網頁的相同區域,可以幫助用戶快速獲取所需信息,對網站內容起到非常好的導航作用。
(3)正文內容
正文內容是指頁面中的主體內容。例如一個文章類頁面,振文內容就是文章本身;而對於展示產品的網站,正文內容就是產品信息。
網頁布局
從用戶體驗角度出發,普通用戶在瀏覽網頁的時候是自下而上、自左而右進行的。因此頁面中各個區域的重要性關系是:左上>右上>左>右>左下>右下。
網頁結構類型
創建網頁結構實際就是對導航欄、欄目、及正文內容這三大頁面基本組成元素進行組織布局。根據頁面內容側重點的不同,我們可以把網頁分為導航型、內容型及導航內容結合型三種。
2、幾種常見網頁布局設計
網站是有網頁構成,這點相信很多的從事網站建設或者是接觸過網站開發的站長應該都清楚,但是你現在的問題是,雖然很多的企業都想要建設網站,但是對於網站的布局了解的並不清楚,下面就跟著我們沃然一起來了解一下網站建設中幾種常見的布局吧。
1、區塊型
2、國字型
3、門戶型
4、Flash型
5、左右框架型
6、拐角型
7、封面型
8、標題正文型
9、上下框架型
10、綜合框架型
3、網頁的設計有幾種方法
第一、靠前、無邊框設計。無邊框設計在近幾年比較流行,在設計頁面的時候,將頁面中的風格線、邊框刪掉,用間距來代替的一種設計方法。無邊框設計一般是以大圖為主,圖片本來就是一種分割元素。而內容基本是有規律的,留白間距之間的內容一定要相對一致、重復、緊密,這樣用戶在瀏覽的時候才會認為這些內容是一體的。一般來說,小眾垂直的產品更適合使用無邊框設計。
第二、卡片設計。卡片的設計打破了傳統上固定的排版布局方式,提升了版面的使用率,可以給網站建設增加更多的驚喜。那麼卡片設計有哪些優勢呢?1、可以提高頁面的使用率。卡片就好像是一個容器,將類型不一樣的內容設置在不一樣的卡片中,這樣就可以很好地區分內容,還能夠統一頁面的風格。比如傳統列表,內容一般是縱向滾動的方式,能夠展示的內容比較有限,卡片式的設計採用的滑動方式,就可以有效地解決空間問題。2、區分卡片上的內容。卡片就好像是一個容器,將不同的內容放置在不同的卡片,更好地區分內容的類型。卡片的維度是不一樣的,而且相對獨立、有互相有聯系,所以通過卡片歸納網站的內容,整個網站就顯得更有秩序。3、卡片式設計可以提升可控性、提升體驗度。卡片式設計的使用范圍比較廣泛,可以覆蓋、滑動、堆疊,有良好的擴展性和可操作性。
第三、分割線的設計。這也是常見的一種頁面布局設計方式,可以更好地幫助用戶快速熟悉頁面的布局,有良好的內容組織性。分割線可以貫穿整個頁面,將不同的內容進行分割,成為獨立的信息。
網站建設中的頁面布局,有不同的設計方式,而且設計的趨勢不斷在變化,在設計頁面布局之前,就要考慮好合適的樣式,不能一味地追求潮流,根據產品的實際需求,選擇合適的設計方式。而分割線的設計,想要做得出色,就要處理好線的間距、粗細、顏色等等
4、網站建設中網頁內頁設計要注意什麼
一、對外公布信息一致性
一些各頁面共有的信息,如版權信息、聯系方式、實際的物理位置等在各個頁面內要保持一致。最好的辦法是設計一個網頁,包含這些共有信息,然後將其作為各個網頁的包含網頁,當需要更新時,只需要更新最原始的網頁,其他頁面將會隨之更新,而且所有應用了此網頁內容的頁面將全部一致。盡量為訪問者和在線購物者提供方便,例如亞馬遜投資幾百萬美元開發新技術,僅僅為了顧客下單時可以節省幾秒鍾時間。
二、網站頁面風格整體性
可以使用模板和風格表來確保網站整體形象的統一。除了首頁外的其他頁面要具有結構的一致性、色彩的一致性、導航的統一、背景的統一,這里的統一並不完全一模一樣,比如在導航方面,導航內容、順序一樣,但色彩可以採用同一系列的不同色彩等。
三、網站頁面關聯性
在各個頁面進行設計時,一定要設置「返回首頁」的鏈接,並且放在比較醒目的位置。如果頁面超過一屏以上,最好設置「返回首頁」的鏈接按鈕。除此之外還可以根據自己網站的特點設置一些按鈕,如在線購物,可以設置購物車,加入購物車、交款等方便用戶使用的鏈接按鈕。
四、網站UI元素的原有性
在深圳網站設計中,個別具有特色的元素(如標准、象徵圖形、局部設計等)重復出現,這些特別元素要保持一致性。需要注意的是網站頁面的設計與開發一定要與企業cls系統中的vi相一致。
網頁布局大致可分為「國」字型、拐角型、「T」字型、「L」字型、綜合框架型、Flash型、變化型,在這里就不做一一論述了。其實在我們做設計的時候並沒有過多的去考慮什麼形式,最重要的是抓住客戶的需求,把握網站的定位做出合理的框架布局。
5、請問在設計網頁中怎樣建立一級頁面和二級頁面連接
你在dreamweaver里做好一個頁面後,如果想給頁面的上某個文字做上超鏈接,那麼就需要再做個頁面,第二個頁面里的內容就是二級頁面,同時你選中第一個頁面里的文字後,看最下面的屬性里,有個"鏈接"這個欄,你在裡面輸入你要鏈接的頁面的名字,當然這個名字就是你剛才建的第二個頁面的名字,同時也要寫全這個二級頁面所在的文件夾的正確路徑.舉個例子:比如你建了第一個頁面,起名:index.html,再建第二個頁面起名:web.html,並且這兩個頁面都是在你的同一個文件夾web下,那麼這個時侯做超鏈接的時候寫路徑時就直接寫web.html就行了.
6、什麼叫次級頁面,三級頁面?
網站的層次是指主頁面(首頁或一級頁面)和二級頁面、三級頁面之間的結構關系。大部分網站製作的初學者不重視這種層次規劃,以致於網頁風格不統一,在網頁導航上也出現了很多問題。按照專業網頁設計流程,製作網頁前應先設計好導航條,即需要事先規劃好網頁的層次結構。
無論是復雜的商業網站,還是簡單的個人網站,在網頁的層次結構上都存在著一些共同點,即任何一個網站均可以用三級結構實現,也就是「首頁--欄目頁--文章頁」或「一級頁名--二級頁面--三級頁面」結構。製作好這三級結構,就能製作好其他類型的結構,因為任何網站都是以這三級結構為基準的,而且各級結構各有特點。
目前,互聯網上製作首頁大多採用大主題圖形配以少量文字介紹的方法,除了大型的公眾網站外,其他的站點都不必採用製作大量超級鏈接的做法。對於目前的商業網站和個人網站來說,這條原則都是適用的。因此,主頁的製作將主要是主題圖形的製作以及頁面構圖。
二級頁面是每個欄目起始頁,該頁面應有該欄目的對應的主題圖形,相對於整個網站的主題圖形來說,標志要小但必須醒目。當用戶進入該頁面後、需要設置通向其他欄目的鏈接夢及返回首頁上應有明確指示。
三級頁面是文章頁,位於最底層,當瀏覽者進入欄目後見到的超級鏈接,就是通向大篇幅文本的。由於文章頁本身包含大量文字,圖片不宜安放過多。必要時,可以為文章設計一些文章主題圖形,但這將使伺服器的負荷過重,一般情況下個人網站應避免這樣做,如果個人網站把文章標題做成各種各樣的美術字、特效字結果將是得不償失。文字可以直接用文本表現,只要色彩、字體搭配得當,就可以製作出美麗的頁面。應把有限的頁面空間留給那些無法用文本表現的裝飾圖片。
在上述的三級結構中,二級頁面之間、三級頁面之間應保持風格一致。也就是基本布局一致。首頁與二、三級頁面之間的風格也有需要一致之處,但這種要求不十分嚴格,自由度稍大。
整個目錄層的關系都可以用圖2-12所示的「目錄樹」 結構來表示。微軟公司在其主頁上使用Javascript編成的「目錄樹」,正是因為它和網站結構有著最直接的對應關系
7、網頁設計dreamver中如何實現下一頁
你說的是分頁功能,這個用到資料庫,真正的實現方式是由資料庫調取指定范圍的數據返回給頁面,然後看上去就像是翻了頁一樣,其實是同一個頁面,只是數據不同而已,所以這個是跟php(我用的是php)和資料庫有關的