1、網站建設如何設計網頁頁腳的建議
1、頁腳設計簡單實用化
頁腳在顏色和使用盡量選擇比較大眾化的顏色,這點很容易讓用戶接受,還有就是文字和圖片設計都需要根本網站要進行,不要做出那種虛假和不存在的樣式,而且圖片也注重簡單實用性。另外,頁腳鏈接保持正確和點擊,頁腳內容承載很多重要信息,因此,我們在設計頁腳內容過程中需要保持頁腳和網站整體內容的相關性。
2、頁腳寫什麼內容
對於企業網站和商城網站甚至國內主流網站,在頁腳都會甚至企業信息和網站信息,例如包括版權信息和聯系我們等,這些信息都是告訴網站主體人,還有就是網站和公司整體團隊信息。
3、網站頁腳的底部連接
我們在網站頁腳都會添加聯系方式、友情鏈接、服務、等信息,或者在網站頁腳添加網站導航結構和內容頁鏈接。這種分成列和行的形式很容易讓搜索引擎蜘蛛和用戶看到。
4、使用圖形化元素
我們公司就採用頁腳底部圖形化元素,添加圖形元素很容易讓用戶看到跟其他公司的合作,這種都在一定程度給用戶信賴感。
5、注意內容的可讀性
頁腳內容不如網站主題部分,頁腳內容只是容納很少一部分信息,並且這種信息不是很重要但是確實網站必須。我們在設計網站頁腳內容就需要讓內容變得具有可讀性。還有就是頁腳內容的文本元素和背景顏色都需要跟網站主題部分進行區分,這樣做的好處就是讓網站頁腳和網站主題部分形成鮮明的對比。
6、網站頁腳不是狗尾續貂
網站頁腳底部雖然進行跟主題內容區分,但是卻需要符合網站整體風格,這樣在顏色和樣式加上圖形頁腳就需要進行過過渡。保證網站整體看起來渾然一體。
7、勿使用鏈接下劃線
網站頁腳還是添加鏈接時候,千萬不用再頁腳鏈接使用下劃線的形式,我們就需要給頁腳一個干凈整潔的,包含大量鏈接的頁腳。
8、考慮做子導航
子頁腳非常適合放置一些額外的層級,增加頁腳的空間,添加網站鏈接,做成頁腳的子導航,頁腳導航的層級提供了一定的縱深,易於瀏覽和點擊。
作者:站長之家編輯
來源:站長之家
2、求頁眉頁腳的製作
1、如何設置頁眉頁腳?
「視圖」→「頁眉和頁腳」,將會打開頁眉頁腳編輯工具欄,同時切換到頁眉編輯狀態,只要在相應的地方輸入內容即可。
2、什麼是「分節符」,如何設置?
「分節符」就是把文檔從插入的分節符處分為兩節,可以對每節的頁面、格式進行單獨設置。
設置方法:「插入」→「分隔符」,選擇「分節符類型」里的「下一頁」即可在指定位置插入分節符。
3、文檔中有封面有正文,封面中不需要頁眉頁碼,而正文要設置,怎麼做?
①、在封面尾插入「分節符」將封面與正文分節:游標調至要插入分節符的地方,「插入」→「分隔符」→「分節符類型」「下一頁」;
②、進行頁眉頁碼編輯:「視圖」→「頁眉和頁腳」,輸入頁眉內容及插入頁碼,這時封面和正文都將會有頁眉和頁碼;
③、取消每節的「同上一節」設置,以便對每節進行單獨編寫:將游標調至第2節(即正文所在節)在頁眉,點擊頁眉頁腳編輯工具欄上的「同前」,這樣就是取消「同上一節」的設置,使得兩節的頁眉可以分別設置(因為默認設置為「同前」),否則無論修改哪一節,另一節都會跟著改變的,同理,頁腳也同樣處理。
④、取消封面頁眉文字:游標調至第1節的頁眉,刪除頁眉文字,此時將還有默認下劃線存在,同樣取消頁碼即可;
⑤、刪除頁眉中的下劃線:全選頁眉(注意,一定要將段落標記也選入。也可以三擊滑鼠左鍵),「格式」→「邊框和底紋」→ 「邊框」→「無」,注意對話框右下解的「應用范圍」應該是「段落」,再點擊「確定」即可取消下劃線;
⑥、在正文頁眉或頁腳設置頁碼:若直接插入頁碼,會將封面頁做為第1頁,順序下排。這時,只要選中頁碼,點擊頁眉頁腳編輯工具欄中的「設置頁碼格式」→「頁碼編排」→「起始頁碼」,輸入相應數字即可。(想從哪個頁數開始都行)
這樣設置下來,封面既無頁眉也無頁碼。當然,第①~③順序不要變,後面幾項可以顛倒順序。舉一反三,對於對章節或多封面的文檔,重復使用這些設置即可做到每章節頁眉不同,頁碼不同了。
4、帶表格的文檔,排版時總是會將編輯好的表格打亂,怎麼辦?
為防止編輯好的表格因為格式的變動而被打亂,在表格前後插入「分頁符」即可保證無論如何排版都不有打亂表格:「插入」→「分隔符」→「分隔符類型」→「分頁符」。
5、豎排頁面的文檔中,突然需要某頁進行橫排,怎麼辦?
在需要橫排的頁前頁後分別設置兩個「分節符」,然後對此頁進行「頁面設置」,選擇版面「橫向」即可。
6、「分節符」與「分頁符」的區別是什麼?
這兩種符,都可以將頁面單獨分頁,有時候看上去一樣的功能,很難區別。其實主要的一點區別就是「分節符」分開的每個節都可以進行不同的頁面、頁眉、頁腳、頁碼的設置,而分頁符則不能。
7、一個文檔有多個章節,每個章節有不同的封面,同時文檔中還有很多表格,有橫版,有豎版,卻要求每個章節頁眉內容不同、頁碼相連、每章封面不排頁碼、無論橫版豎版統一頁眉以供裝訂,需要怎麼樣操作?
①、插入「分節符」,將文檔分為若干個節:游標調至每個章節、章節封面、不同方向版面的最後一個字元後,「插入」→「分隔符」→「分節符類型」「下一頁」,重復操作;
②、取消每節的「同上一節」設置:將游標調至頁眉,點擊頁眉頁腳編輯工具欄上的「同前」,這樣就是取消「同上一節」的設置,以便對每節的頁眉頁腳進行單獨設置而不會改變其它節的內容,頁腳也同樣處理。
③、進行頁眉頁碼編輯:在相應位置輸入頁眉內容及插入頁碼;
④、取消封面頁眉文字:游標調至封面的頁眉,刪除頁眉文字,此時將還有默認下劃線存在,同樣取消頁碼即可;
⑤、刪除頁眉中的下劃線:全選要取消的頁眉(注意,一定要將段落標記也選入。也可以三擊滑鼠左鍵),「格式」→「邊框和底紋」→ 「邊框」→「無」,注意對話框右下解的「應用范圍」應該是「段落」,再點擊「確定」即可取消下劃線;
⑥、在正文頁眉或頁腳設置頁碼:若直接插入頁碼,會將封面頁也排序。這時,只要選中頁碼,點擊頁眉頁腳編輯工具欄中的「設置頁碼格式」→「頁碼編排」→「起始頁碼」,輸入相應數字即可。(想從哪個頁數開始都行)
⑦、重新編輯不同方向頁面的頁眉頁腳:豎版文檔中的橫版頁面的頁眉將默認在長邊,而豎版頁面的頁眉在短邊,這就需要進行調整。
a、取消橫版頁面的頁眉和頁腳:見④、⑤;
b、在頁眉處插入文本框:游標調至頁眉,「插入」→「文本框」→「豎排」,按滑鼠左鍵,游標變為「+」,不放,畫一個文本框,輸入文字,將文字和段落標記均選中,「格式」→「邊框和底紋」→ 「邊框」→「自定義」,選擇「線型」、「顏色」、「寬度」,在「預覽」里選擇下邊框線,「確定」;
c、調整文字方向:選中頁眉文本框中的文字,「格式」→「文字方向」,調整相應的文字方向;
d、頁碼設置:對頁碼也是如此操作即可,只是文本框中插入的是頁碼而已;
e、取消文本框的框線:將滑鼠點至文本框邊界,當游標變為十字箭頭時,雙擊滑鼠左鍵,出現「設置文本框格式」對話框,將「線條」設置為「無」,即可消除文本框的外框線了。
f、將頁眉頁碼文本框放至\相應位置:當游標高為十字箭頭時,按左鍵不放拉至相應位置即可。
3、求助:網頁設計黑色頁腳的藍色字體顏色怎麼做
沒什麼特殊效果,就是設置了黑色的背景和藍色的文字顏色,黑色代碼為:#000000,藍色代碼為:#5bb9ee
4、網頁製作按1024*768頁面設計 除去頁頭和頁腳 內容區大概還有多少像素
估計500px~600px吧,這個要看你的頭部和尾部有多高了,然後減去就是中間內容部分的高度了,至於頭部和尾部的高度可以在photoshop中用選取工具測量出來。
5、網站建設中如何設計網頁頁腳
1、不要過於復雜
頁腳和頁頭的設計有所區別,它並不需要跟頁頭的導航欄或者BANNER圖設計那樣過多的注重交互性以及個性化,反而是簡潔有力的頁腳更加有利於用戶體驗。通常採用極少的色彩元素並和網站整體風格一致,盡量避免圖片背景形式,如需讓內容顯得豐富些,就選擇圖標和文字結合的形式來展現,且內容也不宜過多,應簡潔。
2、必要的信息不能少
在瀏覽網站時,可以發現,大多數網站的頁腳包含了企業簡單業務介紹,聯系信息,版權保護以及其它關聯網站等等,當用戶在網站上沒有發現明顯的聯系方式,他們基本上都會把網頁拉到頁腳尋找信息,能讓他們快速找到目標內容可以減少網站跳出率。
3、合理安排鏈接
頁腳內容對排布和分類要求較高,畢竟所佔據的網站板塊區域較小,因此要遵循以簡潔明了的形式展示最直接和全面的內容,無論是網站基本內容的目錄,還是聯系方式,有或者是友情鏈接,最好進行組織分類,通常情況下,這些內容都是以概括的形式展示,更多詳細內容以鏈接跳轉的形式,對此要合理安排好鏈接,保證好用戶體驗,以防出現死鏈或者空鏈。
4、避免頭重腳輕
有些網站在建設的過程中並沒有明確的頁腳概念,往往把頁頭做得很耀眼,但是整站往下拉,卻沒有頁腳的蹤影,又或者是將頁腳看作最次要的一部分,所使用的字體小,內容粗略,且沒有將文字與背景對比度考慮在內等等,無形中就造成了用戶不愉快的閱讀體驗,按照用戶的瀏覽習慣,從網站頁頭瀏覽下來,體驗效果都還不錯,但一到頁腳就一頭霧水,這種頭重腳輕的現象就造成了用戶不好的印象。
5、去掉冗餘的裝飾
有些網站建設認為頁腳的信息內容過於簡單則需要強調重點,但是往往這些「強調」會成為頁腳設計中的累贅,譬如給鏈接加上下劃線,字體採用特殊效果等等,事實上更多的是造成網站頁面的雜亂,因此這些冗餘的裝飾最好統統去掉,干凈整潔反而是一種美。
6、充分利用空間的同時注意留白
網站頁腳的設計是在有限的空間內展示最精闢的內容,對於這部分的空間要充分利用起來,對要使用的圖標,文字,圖片等內容進行排版設計,但在安排這些元素的同時要懂得留白,避免出現密密麻麻的內容扎堆情況,否則影響網站美觀的同時也產生了用戶閱讀困擾。
頁腳作為網站建設中重要的一部分,也是建站中不容忽視的一大內容板塊,它能為網站傳達很多的信息內容,掌握對它的設計技巧還能幫助網站提升用戶體驗度,因此別忘了它存在的作用和價值。
6、網頁製作中*如何設置整套的頁眉和頁腳*
頭部和尾部總會出現一點點縫隙,你可以在CSS設置Body的屬性,上下間距為0就行了。
至於重復使用,可以使用模版,也可以用CSS,也可以用樓上說的調用,也可以用框架。提供思路,自己去解決吧。
7、html5 css製作一個網頁,但是頁面里內容不多不能占滿整個界面,這個時候怎麼寫讓頁腳一直在頁面最下面
最快的方式是將底部的設置定位,也是最常見方式。
例子:
<style type="text/css">
.main{
padding-bottom: x px;/*x 和底部的高度專相同*/
}
.foter{
position: fixed;
height: xpx;/*x 是你底部的高度*/
width: 100%;
left: 0px;
bottom: 0px;
}
</style>
<div class="header">頭部</div>
<div class="main">內容屬</div>
<div class="footer">底部</div>
希望能給你幫助。
8、網站頁腳怎麼設計
1、不要過於復雜
頁腳和頁頭的設計有所區別,它並不需要跟頁頭的導航欄或者BANNER圖設計那樣過多的注重交互性以及個性化,反而是簡潔有力的頁腳更加有利於用戶體驗。通常採用極少的色彩元素並和網站整體風格一致,盡量避免圖片背景形式,如需讓內容顯得豐富些,就選擇圖標和文字結合的形式來展現,且內容也不宜過多,應簡潔。
2、必要的信息不能少
在瀏覽網站時,可以發現,大多數網站的頁腳包含了企業簡單業務介紹,聯系信息,版權保護以及其它關聯網站等等,當用戶在網站上沒有發現明顯的聯系方式,他們基本上都會把網頁拉到頁腳尋找信息,能讓他們快速找到目標內容可以減少網站跳出率。
3、合理安排鏈接
頁腳內容對排布和分類要求較高,畢竟所佔據的網站板塊區域較小,因此要遵循以簡潔明了的形式展示最直接和全面的內容,無論是網站基本內容的目錄,還是聯系方式,有或者是友情鏈接,最好進行組織分類,通常情況下,這些內容都是以概括的形式展示,更多詳細內容以鏈接跳轉的形式,對此要合理安排好鏈接,保證好用戶體驗,以防出現死鏈或者空鏈。
4、避免頭重腳輕
有些網站在建設的過程中並沒有明確的頁腳概念,往往把頁頭做得很耀眼,但是整站往下拉,卻沒有頁腳的蹤影,又或者是將頁腳看作最次要的一部分,所使用的字體小,內容粗略,且沒有將文字與背景對比度考慮在內等等,無形中就造成了用戶不愉快的閱讀體驗,按照用戶的瀏覽習慣,從網站頁頭瀏覽下來,體驗效果都還不錯,但一到頁腳就一頭霧水,這種頭重腳輕的現象就造成了用戶不好的印象。
5、去掉冗餘的裝飾
有些網站建設認為頁腳的信息內容過於簡單則需要強調重點,但是往往這些「強調」會成為頁腳設計中的累贅,譬如給鏈接加上下劃線,字體採用特殊效果等等,事實上更多的是造成網站頁面的雜亂,因此這些冗餘的裝飾最好統統去掉,干凈整潔反而是一種美。
6、充分利用空間的同時注意留白
網站頁腳的設計是在有限的空間內展示最精闢的內容,對於這部分的空間要充分利用起來,對要使用的圖標,文字,圖片等內容進行排版設計,但在安排這些元素的同時要懂得留白,避免出現密密麻麻的內容扎堆情況,否則影響網站美觀的同時也產生了用戶閱讀困擾。
頁腳作為網站建設中重要的一部分,也是建站中不容忽視的一大內容板塊,它能為網站傳達很多的信息內容,掌握對它的設計技巧還能幫助網站提升用戶體驗度,因此別忘了它存在的作用和價值。
9、網站設計中的頁腳設計有什麼原則呢?
底部導航,就是欄目信息需要展示,欄目架構清晰
放置版權信息,網站統計,備案信息
放置友情鏈接,這功能對優化很重要
一句話次導航,就是底部一句話介紹網站幹嘛的
放置二維碼、聯系方式能