網站主頁和欄目頁放哪些元素

1. 網頁的基本構成元素都有哪些

導航欄、欄目、及正文內容這三大要素組成。

1、導航欄

導航欄是構成網頁的重要元素之一，是網站頻道入口的集合區域，相當於網站的菜單。

2、欄目

欄目是指網頁中存放相同性質內容的區域。在對頁面內容進行布局時，把性質相同的內容安排在網頁的相同區域，可以幫助用戶快速獲取所需信息，對網站內容起到非常好的導航作用。

3、正文內容

正文內容是指頁面中的主體內容。例如一個文章類頁面，正文內容就是文章本身；而對於展示產品的網站，正文內容就是產品信息。

網頁設計的要點：

1、整體風格

網站的整體風格及其創意設計是最難以學習的，難就難在沒有一個固定的模式可以參照和模仿。給你一個主題，任何兩人都不可能設計出完全一樣的網站。

風格是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個「整體形象」包括站點的CI（標志、色彩、字體、標語）、版面布局、瀏覽方式、交互性、文字、語氣、內容價值、存在意義、站點榮譽等等諸多因素。

2、色彩搭配

無論是平面設計，還是網頁設計，色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候，我們看到的不是優美的版式或者是美麗的圖片，而是網頁的色彩。

用一種色彩。這里是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感。用兩種色彩。先選定一種色彩，然後選擇它的對比色。用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。

在網頁配色中，還要切記一些誤區：不要將所有顏色都用到，盡量控制在三至五種色彩以內。背景和前文的對比盡量要大（絕對不要用花紋繁復的圖案作背景），以便突出主要文字內容。

2. 怎麼設計（排版）網站首頁，怎麼設計（排版）網站的欄目頁，怎麼設計（排版）網站的內容頁

1、先用Photeshop類制圖軟體，設計出版面和風格。
2、按照設計的放個裁切出使用的圖片元素。
3、用dreamweaver網頁編輯軟體進行html頁面生成。主要使用DIV+CSS設計。
首頁最為主要，欄目頁 和內容也一般保留首頁的頂部和底部。側面導航和相關信息也基本統一形式。
如果是學習，多參考其他網站的切圖和CSS樣式的設計。

3. 怎麼設計（排版）網站首頁，怎麼設計（排版）網站的欄目頁，怎麼設計

1、先用Photeshop類制斗嘩圖軟體，設計出版面和風格。2、按照設計的放個裁切出使用的圖片元素。3、用dreamweaver網頁編輯軟體進行html頁面生成。主要使用DIV+CSS設計。首頁最為主要，欄目頁和內容也一般保留首頁的頂部和底部。側空臘行面導航和相關信息也基本統一形式。如果是學習，多參考局辯其他網站的切圖和CSS樣式的設計。

4. 思考網站主要由哪些頁面組成，找出網頁的基本元素並列舉

基礎型網站，起碼要有三種頁面組成：主頁，列表頁，詳情頁，主頁是網站的門面，可以是所有頁面的簡單綜合，可以是好看的圖片，根據不同時期的流行元素略有不同；列表頁分新聞列表頁和圖片列表頁，列表下面有頁序，比如新聞中心，資訊動態，技術支持等等；詳情頁就是內容頁，比如公司簡介、留言板等。
店商型網站，除了包含有基礎型網站的三種頁面型式，還有二級產品列表和三級產品列表，可以根據網站規模大小來定。
除此之外，現在多了一種頁面，是主題頁，是以節日活動宣傳為目的來做的產品頁，形式上結合了主頁和產品列表頁的優勢，布局合理圖片美觀，用於宣傳當期主打產品。
簡而言之，差不多就這樣，多看看其他網站，應該還有一些其他的頁面類型，但都相差不太多。

5. 主頁中一般包含的基本元素有什麼

文字、圖形團譽圖像和超鏈接網頁中的基本元素 在網際網路上瀏覽時，看到的每一個。頁面，稱為網頁，很多網頁組成一個網站。一個網站的第一個網頁稱為塌陵段主頁。主頁是所有網頁的索引頁，通過單擊主頁上的超鏈接，可以打開其他的網頁。正是由於主頁在網站中的特殊作用，人們也常常用主頁指代所有的網頁，將個人網站稱為「個人主頁」，將建立個人網站、製作汪遲專題網站稱為「網頁製作」。 網頁中的基本元素包括，文字、圖片、音頻、動畫、視頻。 文字，符合排版要求。圖片、音頻、動畫、視頻，符合網路傳輸及專題需要，需要精選。

6. 網站建設的首頁應該有哪些元素

第一、從首頁的引導作用來看，在網站建設的前期，最重視的就應該是網站欄目的設置，因為這是對網站內容導航的。而首頁中的導航只是一級導航，後面還要進行欄目的二次劃分三次劃分等等。所以在網站的首頁中，一定要放置導航和二次導航。
第二、從首頁的突出主題來說，網站的首頁就應該將網站的功能體現出來。這就要根據網站的性質來決定了，因為行業類型不一樣，設置的內容也是不一樣的，所以在網站首頁中應該要留一個區域防止這部分內容。
說了首頁需要放置的元素，接下來就來說一下這些元素要怎樣放置。
第一、要重視首頁的重點區域。主要是指頁面中重要元素的重心。如果首頁中的元素放置的位置不協調，那麼首頁的重點也體現不出來。整個首頁給用戶的感覺就是混亂的，毫無結構可言。所以在元素設置的時候，要將這些元素合理地安排好，做好頁面重心的設置，吸引用戶的眼球，使得首頁有一個結構上的感受，給用戶的體驗也會更好。
第二、頁面的層次設計。用戶訪問網站究竟有什麼樣的目的呢？需要什麼樣的信息內容呢？那麼，在網站首頁中，就要按照內容的先後順序，合理地將這些內容展示在用戶的面前。
第三、首頁信息類型的欄目的設計。信息類型主要指的是網站的公告、企業動態和企業新聞等等一些相關的信息。信息欄目雖然所佔的位置不多，但是信息作為一個網站的載體，是展示給用戶瀏覽的，是首頁的必備元素。網站的信息對搜索引擎的優化有很大的幫助，因為搜索引擎爬行的就是這些易懂的信息。
一個網站首頁的元素，就是兩個方面：功能以及內容。具體一點就是網站的導航以及網站的主題表現形式。而這些元素在設置上也要注意的，合理的布局可以給用戶一種舒適的體驗感。而且可以為網站帶來更高的轉化率。

7. 網站結構設計六大要素有哪些

1、站內風格

網站結構設計的站內風格要簡單便捷，保證網站內容充足但是有價值，既可以提高網站載入速度，也方便用戶快速找到所需信息。

2、關鍵詞結構

網站關鍵詞頁面布局一定要合理。網站頁面布局的標題一定要出現相關關鍵詞，首頁要出現主關鍵詞詞，欄目頁要出現跟欄目相關核心產品詞，文章頁出現長尾詞。以此來為網站帶來更多的流量。

3、導航結構

網站導航結構設計是引導用戶快速找到信息，指引用戶達到目標頁面。而合理的麵包屑導航、頻道頁導航是影響用戶體驗的重要點之一，不管是列表頁、內容頁最好都設置成統一的麵包屑導航;麵包屑導航能夠隨時讓用戶知道所處位置，更方便用戶查找網頁和返回上級，同時能吸引用戶對網站進行更深層次的訪問，非常符合用戶行為習慣。

4、URL結構

合理的網站URL結構設計方便用戶記憶且會適當考慮對於搜索引擎排名的影響。而URL目錄層次數量要少、避免URL中有太多參數、也要使URL越短越好，這樣利於搜索引擎抓取，利於用戶體驗。

5、頁面聚合度

網站頁面聚合布局時要考慮頁面相關關鍵詞、相關文章、相關推薦、相關頻道頁的結構設計，這樣可以提供更多蜘蛛爬取通道，提高收錄，並更加滿足用戶需求，讓網站整體結構設計及結構優化更趨於合理。

6、頁面中必備元素

(1)動態更新板塊：網站首頁布局動態更新板塊，比如最新資訊板塊，友情鏈接板塊等;這樣的話蜘蛛才能在網站首頁每天都有新鮮內容進行抓取;

(2)nofollow：網站頁面不需要蜘蛛索引的鏈接加上nofollow標簽是告訴搜索引擎不要跟蹤這些內容，也不向這些內容傳遞權重。比如注冊、登錄、聯系方式、外部鏈接、“更多”等鏈接。總之，設置nofollow標簽不會影響目標頁面的內容索引和排名。

(3)專題頁：網站專題頁屬於單頁面，利用一個點、一件事、一個主題來策劃一個頁面或者一個活動的流程頁面，該頁面會包括網站相應模塊和頻道所涉及到的功能與該主題事件的內容展示。

關於網站結構設計六大要素有哪些，環球青藤小編就和您分享到這里了。如果您對網站設計、頁面排版、圖像處理方面比較感興趣，希望分享的這篇文章能夠對您有所幫助。如若您還想了解更多關於平面設計的素材及技巧等內容，可以點擊本站的其他文章進行學習。

8. 網站三要素與網頁三要素分別是什麼

網站建設三要素
1、域名（WWW）
2、空間 （存放源程序的地方）
3、源程序（網站里的圖片、視頻、新聞等）
對於新手來講最難的不是買域名買空間，而是源程序，因為沒有代碼基礎，不會做網站，現在做出了一款智能建站平台，無需花錢買空間、無需源程序，新手也能輕松上手，一小時做出三合一響應式網站！
以後的時代網站的三要素會改單純的一要素了！

9. 網站的主頁有哪些基本要素

網頁可以說是網站構成的基本元素。當我們輕點滑鼠，在網海中遨遊，一幅幅精彩的網頁會呈現在我們面前，那麼，網頁的精彩與否的因素是什麼呢？色彩的搭配、文字的變化、圖片的處理等，這些當然是不可忽略的因素，除了這些，還有一個非常重要的因素——網頁的布局。下面，我們就有關網頁布局談論一下。

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

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

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

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

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

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

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

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

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

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

10. 主頁中一般包含的基本元素有

主頁必須的基本元素：標題，描述，關鍵詞，欄目頁入口，部分欄目信息摘要，版權說明