当前位置:首页 » 网页前端 » 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>