當前位置:首頁 » 網頁前端 » web中的頁腳
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

web中的頁腳

發布時間: 2022-07-06 07:44:52

㈠ 請問這樣才能不改變web頁面的頁眉頁腳

方法一:用框架;
方法二:用小窗口;
方法三:套模板;
如果都不會用,就介紹個笨辦法四:把要變的網頁做成上下一樣但內容不同的頁面 鏈接以後感覺就跟沒變似的。
補充實例代碼:<frameset rows="×%,×%">
<frame src="×.html" name="a" scrolling="no" noresize="noresize" frameborder="0">

<frameset cols="×%,×%">
<frame src="×.html" name="b" noresize="noresize" frameborder="0">
<frame src="×.html" name="c" noresize="noresize" frameborder="0">
</frameset>
</frameset>
注意填上大小和名字 要給框架內的頁面命名

㈡ 如何將頁腳固定在頁面底部

作為一個Web的前端攻城師,在製作頁面效果時肯定有碰到下面這種現象:當一個HTML頁面中含有較少的內容時,Web頁面的「footer」部分隨著飄上來,處在頁面的半腰中間,給視覺效果帶來極大的影響,讓你的頁面看上去很不好看,特別是現在寬屏越來越多,這種現象更是常見。那麼如何將Web頁面的「footer」部分永遠固定在頁面的底部呢?
注意了這里所說的是頁腳footer永遠固定在頁面的底部,而不是永遠固定在顯示器屏幕的底部,換句話說,就是當內容只有一點點時,Web頁面顯示在瀏覽器底部,當內容高度超過瀏覽器高度時,Web頁面的footer部分在頁面的底部,總而言之Web頁面的footer部分永遠在頁面的底部,換句說,Footer部分永遠沉底。如下圖所示:

那麼今天主要和大家一起學習如何將頁腳固定在頁面的底部?

方法一:
首先我們來看第一種方法,這種方法是來自於Matthew James Taylor的《How to keep footers at the bottom of the page》。下面我們就一起來看看Matthew James Taylor介紹的方法。
HTML Markup

XHTML

<div id="container">
<div id="header">Header Section</div>
<div id="page" class="clearfix">
頁面容容部分
</div>
<div id="footer">Footer Section</div>
</div>

其實我們可以在div#page增加所需的內容結構,如下所示:

㈢ 頁腳和頁眉尾默認是指在什麼頂部和底部加入的信息 A每一頁B左邊欄C右邊欄D圖標

其實就是頭和尾巴的意思啦。個在最上面,一個在最下面
頁尾:是web中每個頁面的底部區域。和表頭一樣,也可以顯示web文件的附加信息,可以插入時間、圖形 、公司微標、文件名或作者姓名等。這些信息通常列印在web中每頁的底部。如圖上箭頭所指的「footer" 區域就是表尾。
頁腳同頁尾
頁眉:常用於顯示文檔的附加信息,可以插入時間、圖形、公司微標、 文檔標題、文件名或作者姓名等。 這些信息通常列印在文檔中每頁的頂部。

㈣ 網站頁腳怎麼設計

1、不要過於復雜

頁腳和頁頭的設計有所區別,它並不需要跟頁頭的導航欄或者BANNER圖設計那樣過多的注重交互性以及個性化,反而是簡潔有力的頁腳更加有利於用戶體驗。通常採用極少的色彩元素並和網站整體風格一致,盡量避免圖片背景形式,如需讓內容顯得豐富些,就選擇圖標和文字結合的形式來展現,且內容也不宜過多,應簡潔。

2、必要的信息不能少

在瀏覽網站時,可以發現,大多數網站的頁腳包含了企業簡單業務介紹,聯系信息,版權保護以及其它關聯網站等等,當用戶在網站上沒有發現明顯的聯系方式,他們基本上都會把網頁拉到頁腳尋找信息,能讓他們快速找到目標內容可以減少網站跳出率。

3、合理安排鏈接

頁腳內容對排布和分類要求較高,畢竟所佔據的網站板塊區域較小,因此要遵循以簡潔明了的形式展示最直接和全面的內容,無論是網站基本內容的目錄,還是聯系方式,有或者是友情鏈接,最好進行組織分類,通常情況下,這些內容都是以概括的形式展示,更多詳細內容以鏈接跳轉的形式,對此要合理安排好鏈接,保證好用戶體驗,以防出現死鏈或者空鏈。

4、避免頭重腳輕

有些網站在建設的過程中並沒有明確的頁腳概念,往往把頁頭做得很耀眼,但是整站往下拉,卻沒有頁腳的蹤影,又或者是將頁腳看作最次要的一部分,所使用的字體小,內容粗略,且沒有將文字與背景對比度考慮在內等等,無形中就造成了用戶不愉快的閱讀體驗,按照用戶的瀏覽習慣,從網站頁頭瀏覽下來,體驗效果都還不錯,但一到頁腳就一頭霧水,這種頭重腳輕的現象就造成了用戶不好的印象。

5、去掉冗餘的裝飾

有些網站建設認為頁腳的信息內容過於簡單則需要強調重點,但是往往這些「強調」會成為頁腳設計中的累贅,譬如給鏈接加上下劃線,字體採用特殊效果等等,事實上更多的是造成網站頁面的雜亂,因此這些冗餘的裝飾最好統統去掉,干凈整潔反而是一種美。

6、充分利用空間的同時注意留白

網站頁腳的設計是在有限的空間內展示最精闢的內容,對於這部分的空間要充分利用起來,對要使用的圖標,文字,圖片等內容進行排版設計,但在安排這些元素的同時要懂得留白,避免出現密密麻麻的內容扎堆情況,否則影響網站美觀的同時也產生了用戶閱讀困擾。

頁腳作為網站建設中重要的一部分,也是建站中不容忽視的一大內容板塊,它能為網站傳達很多的信息內容,掌握對它的設計技巧還能幫助網站提升用戶體驗度,因此別忘了它存在的作用和價值。

㈤ 如何為ASP網頁設置頁腳

你所說的這個是JAVASCRIPT的方面,ASP不涉汲到列印控制,
還有JAVASCRIPT的列印是可控的.比如控制紙張大小,邊距,頁眉頁腳等都可以
以下代碼是列印控制
1、控制"縱打"、 橫打」和「頁面的邊距。
(1)<script defer>
function SetPrintSettings() {
// -- advanced features
factory.printing.SetMarginMeasure(2) // measure margins in inches
factory.SetPageRange(false, 1, 3) // need pages from 1 to 3
factory.printing.printer = "HP DeskJet 870C"
factory.printing.copies = 2
factory.printing.collate = true
factory.printing.paperSize = "A4"
factory.printing.paperSource = "Manual feed"

// -- basic features
factory.printing.header = "This is MeadCo"
factory.printing.footer = "Advanced Printing by ScriptX"
factory.printing.portrait = false
factory.printing.leftMargin = 1.0
factory.printing.topMargin = 1.0
factory.printing.rightMargin = 1.0
factory.printing.bottomMargin = 1.0
}
</script>

(2)
<script language="javascript">
function printsetup(){
// 列印頁面設置
wb.execwb(8,1);
}
function printpreview(){
// 列印頁面預覽

wb.execwb(7,1);

}

function printit()
{
if (confirm('確定列印嗎?')) {
wb.execwb(6,6)
}
}
</script>
</head>
<body>
<OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"

height=0 id=wb name=wb width=0></OBJECT>
<input type=button name=button_print value="列印"

onclick="javascript:printit()">
<input type=button name=button_setup value="列印頁面設置"

onclick="javascript:printsetup();">
<input type=button name=button_show value="列印預覽"

onclick="javascript:printpreview();">
<input type=button name=button_fh value="關閉"

onclick="javascript:window.close();">

------------------------------------------------
關於這個組件還有其他的用法,列舉如下:
WebBrowser.ExecWB(1,1) 打開
Web.ExecWB(2,1) 關閉現在所有的IE窗口,並打開一個新窗口
Web.ExecWB(4,1) 保存網頁
Web.ExecWB(6,1) 列印
Web.ExecWB(7,1) 列印預覽
Web.ExecWB(8,1) 列印頁面設置
Web.ExecWB(10,1) 查看頁面屬性
Web.ExecWB(15,1) 好像是撤銷,有待確認
Web.ExecWB(17,1) 全選
Web.ExecWB(22,1) 刷新
Web.ExecWB(45,1) 關閉窗體無提示

2、分頁列印
<HTML>
<HEAD>
<STYLE>
P {page-break-after: always}
</STYLE>
</HEAD>
<BODY>
<%while not rs.eof%>
<P><%=rs(0)%></P>
<%rs.movenext%>
<%wend%>
</BODY>
</HTML>

3、ASP頁面列印時如何去掉頁面底部的路徑和頂端的頁碼編號
(1)ie的文件-〉頁面設置-〉講裡面的頁眉和頁腳裡面的東西都去掉,列印就不出來了。
(2)<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="YC">
<script language="VBScript">
dim hkey_root,hkey_path,hkey_key
hkey_root="HKEY_CURRENT_USER"
hkey_path="\Software\Microsoft\Internet Explorer\PageSetup"
'//設置網頁列印的頁眉頁腳為空
function pagesetup_null()
on error resume next
Set RegWsh = CreateObject("WScript.Shell")
hkey_key="\header"
RegWsh.RegWrite hkey_root+hkey_path+hkey_key,""
hkey_key="\footer"
RegWsh.RegWrite hkey_root+hkey_path+hkey_key,""
end function
'//設置網頁列印的頁眉頁腳為默認值
function pagesetup_default()
on error resume next
Set RegWsh = CreateObject("WScript.Shell")
hkey_key="\header"
RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"&w&b頁碼,&p/&P"
hkey_key="\footer"
RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"&u&b&d"
end function
</script>
</HEAD>

<BODY>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/><p align=center>
<input type="button" value="清空頁碼" onclick=pagesetup_null()> <input type="button" value="恢復頁嗎" onclick=pagesetup_default()><br/>

</p>
</BODY>
</HTML>
4、浮動幀列印
<SCRIPT LANGUAGE=javascript>
function button1_onclick() {
var odoc=window.iframe1.document;
var r=odoc.body.createTextRange();
var stxt=r.htmlText;
alert(stxt)
var pwin=window.open("","print");
pwin.document.write(stxt);
pwin.print();
}
</SCRIPT>
4、用FileSystem組件實現WEB應用中的本地特定列印
<script Language=VBScript>
function print_onclick //列印函數
dim label
label=document.printinfo.label.value //獲得HTML頁面的數據
set objfs=CreateObject("Scripting.FileSystemObject") //創建FileSystem組件對象的實例
set objprinter=objfs.CreateTextFile ("LPT1:",true) //建立與列印機的連接
objprinter.Writeline("__________________________________") //輸出列印的內容
objprinter.Writeline("| |")
objprinter.Writeline("| 您列印的數據是:"&label& " |」)
objprinter.Writeline("| |")
objprinter.Writeline("|_________________________________|")
objprinter.close //斷開與列印機的連接
set objprinter=nothing
set objfs=nothing // 關閉FileSystem組件對象
end function
</script>
伺服器端腳本
<%………
set conn=server.CreateObject ("adodb.connection")
conn.Open "DSN=name;UID=XXXX;PWD=XXXX;"
set rs=server.CreateObject("adodb.recordset")
rs.Open(「select ……」),conn,1,1
……….%> //與資料庫進行交互
HTML頁面編碼:
<HTML>
………
<FORM ID=printinfo NAME="printinfo" >
<INPUT type="button" value="列印>>" id=print name=print > //調用列印函數
<INPUT type=hidden id=text1 name=label value=<%=………%>> //保存伺服器端傳來的數據
………
</HTML>

㈥ 在WORD文檔中什麼叫頁尾頁腳頁眉啊

其實就是頭和尾巴的意思啦。個在最上面,一個在最下面

頁尾:是web中每個頁面的底部區域。和表頭一樣,也可以顯示web文件的附加信息,可以插入時間、圖形 、公司微標、文件名或作者姓名等。這些信息通常列印在web中每頁的底部。如圖上箭頭所指的「footer" 區域就是表尾。

頁腳同頁尾

頁眉:常用於顯示文檔的附加信息,可以插入時間、圖形、公司微標、 文檔標題、文件名或作者姓名等。 這些信息通常列印在文檔中每頁的頂部。

㈦ c#web窗體設計,如何定義頁眉和頁腳

頁眉頁腳是word裡面的吧

㈧ Web列印,如何去掉頁眉頁腳,和實現列印預覽功能,我的代碼如下

1.直接在IE中進行設置

點擊菜單->文件->頁面設置,在彈出的窗口中把頁眉頁腳清空

2.注冊表設置

在注冊表中,進入 HKEY_CURRENT_USER\\Software\\Microsoft\\Internet Explorer\\PageSetup,把Header和footer兩項的值清空

3.使用客戶端JavaScript腳本實現

腳本代碼如下:

<script language="javascript">

var hkey_root,hkey_path,hkey_key;
hkey_root="HKEY_CURRENT_USER";
hkey_path="\\Software\\Microsoft\\Internet Explorer\\PageSetup\\" ;
//設置網頁列印的頁眉頁腳為空
function pagesetup_null(){

try{
var RegWsh = new ActiveXObject("WScript.Shell");
hkey_key="header" ;
RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"") ;
hkey_key="footer" ;
RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"") ;
}catch(e){}
}
//設置網頁列印的頁眉頁腳為默認值
function pagesetup_default(){
try{
var RegWsh = new ActiveXObject("WScript.Shell");
hkey_key="header";
RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"&w&b頁碼,&p/&P") ;
hkey_key="footer" ;
RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"&u&b&d") ;
}catch(e){}
}
</script>

可以使用onload,onchange等來激發腳本代碼

但要注意,要設置IE許可權,使之可以更改注冊表設置

頁面有兩個按鈕:列印預覽按鈕和導出excel文件按鈕

㈨ web列印時怎麼去掉頂部的頁面名和頁數及頁腳的路徑

操作步驟如下: 1、打開Firefox,打開要列印的網頁; 2、點擊文件菜單列印預覽命令; 3、彈出對話框點擊頁面設置; 4、設置頁眉和頁腳為空白,點擊確定; 5、點擊列印按鈕即可。

㈩ web怎麼固定頁腳,把頁面腳注固定到底部,代碼如下

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登陸</title>
<link href="jquery-mobile/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css"/>
<script src="jquery-mobile/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="jquery-mobile/jquery.mobile-1.0.min.js" type="text/javascript"></script>
<style type="text/css">
.footer{
position:fixed;
bottom:0;
z-index:9999
}
</style>
</head>
<body>
<div data-role="page" id="page">
<div data-role="header">
<h1>第 1 頁</h1>
</div>
<div data-role="content">
<ul data-role="listview">
<li><a href="#page2">第 2 頁</a></li>
<li><a href="#page3">第 3 頁</a></li>
<li><a href="#page4">第 4 頁</a></li>
</ul>
</div>
<div data-role="footer">
<h4>頁面腳注</h4>
</div>
</div>

<div data-role="content">
<div data-role="header">
<h1>第 2 頁</h1>
</div>
<div data-role="page" id="page2">
內容
</div>
<div data-role="footer">
<h4>頁面腳注</h4>
</div>
</div>
<div data-role="page" id="page3">
<div data-role="header">
<h1>第 3 頁</h1>
</div>
<div data-role="content">
內容
</div>
<div data-role="footer">
<h4>頁面腳注</h4>
</div>
</div>
<div data-role="page" id="page4">
<div data-role="header">
<h1>第 4 頁</h1>
</div>
<div data-role="content">
內容
</div>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p>4234</p>
<p>42342</p>
<p>34234</p>
<p></p>
<p>42342</p>
<p></p>
<p>4234</p>
<div data-role="footer" class="footer">
<h4>頁面腳注</h4>
</div>
</div>
</body>
</html>