做一个静态主页面,三个分页面,各页面间要求能相互链接。 这个要怎么做?

来自:    更新日期:早些时候
初级网页制作:做一个网页,可以链接到另外三个页面,每个页面必须要有图片或者一句话,详细过程或者作品~

网页中包含外部页面的四种方法

一.应用框架技术
要在宿主页面中嵌入外部页面的方法是,在宿主页面中包含外部页面的位置插入“”语句即可(注意: 标签中的各种属性含义请查阅相关技术手册)。

如果想在嵌入的外部页面过长时不出现滚动条,在外部文件标签中加入“scroll=no”或者在宿主页面标签中加入“scrolling=no”即可。

但这样做会出现一个问题,就是宿主页面和外部页面背景色不同,这样会给人造成页面不是一个整体的感觉。这时,只要在引入的外部文件中使用和宿主页面相同的背景色就可以解决这一问题。注意,如果您使用的是IE 5.5或以上版本的话,直接在标签内设置属性allowTransparency="true"(即框架背景透明)即可。

第一个页面:



function go(num){
if(num==1){
location.href="1.html";
}else if(num==2){
location.href="2.html";
}else{
location.href="3.html";
}
}






当前是页面1的内容:



第二个:



function go(num){
if(num==1){
location.href="1.html";
}else if(num==2){
location.href="2.html";
}else{
location.href="3.html";
}
}






当前是页面2的内容:



第三个:



function go(num){
if(num==1){
location.href="1.html";
}else if(num==2){
location.href="2.html";
}else{
location.href="3.html";
}
}






当前是页面1的内容:


网页中包含外部页面的四种方法

一.应用框架技术
要在宿主页面中嵌入外部页面的方法是,在宿主页面中包含外部页面的位置插入“<IFRAME name="XXX" width=X height=X frameborder=0 src="XXX.htm"></IFRAME>”语句即可(注意: <IFRAME>标签中的各种属性含义请查阅相关技术手册)。

如果想在嵌入的外部页面过长时不出现滚动条,在外部文件<body>标签中加入“scroll=no”或者在宿主页面<IFRAME>标签中加入“scrolling=no”即可。

但这样做会出现一个问题,就是宿主页面和外部页面背景色不同,这样会给人造成页面不是一个整体的感觉。这时,只要在引入的外部文件中使用和宿主页面相同的背景色就可以解决这一问题。注意,如果您使用的是IE 5.5或以上版本的话,直接在标签<IFRAME>内设置属性allowTransparency="true"(即框架背景透明)即可。

在应用框架技术时,为什么不使用框架页面(即<FRAMESET>)呢?现在有很多网站是通过使用框架页面来分割版面的,并达到了统一网站整体风格的目的,但笔者的体会是框架页面的操作灵活性较差,不像内建框架(即<IFRAME>)这样可以在宿主页面中的任何位置插入。

二.使用Scriptlets组件技术

应用这种技术的方法是在宿主页面中包含外部页面的位置插入“<OBJECT style="border: 0px" type="text/x-scriptlet" data="XXX.htm" width=X Height=X></OBJECT>”语句即可(注意: <OBJECT>标签中的各种属性含义请查阅相关技术手册)。

在IE 5.0及以后版本中,scriptlets和Html组件(HTCs)被重新命名为Windows脚本编程组件(WSC),其特点类似于上文所讲的框架技术。它有自己的不透明方形区域,并覆盖在宿主页面上,因此不能很平滑地用于具有纹理背景的宿主页面中,其工作方式类似于ActiveX控件,具有自己独立的事件、方法和属性。

三.使用脚本文件技术

我们知道document.write方法可以在宿主页面中输出内容,这样就可以通过在宿主页面中引入外部脚本文件来达到嵌入外部页面的目的。方法是在宿主页面中包含外部页面的位置插入“<SCRIPT language="javascript" src="import.js"></SCRIPT>”,然后对外部页面进行改造,将每一行内容写入document.write中,并另外保存在扩展名为js的新文件中。

这种方法的特点是外部页面不具有自己的方形区域,和宿主页面浑然一体,但由于外部页面内容全部写在脚本中,无法做到所见即所得,必须等到脚本运行时才能看到实际效果,这样就为修改调试增加了困难。

四.使用内置行为技术

在IE 5.0及以后版本,引入了一项被称为“DHTML行为”的新功能,并在其中内置了许多默认行为。当将一种行为应用于宿主页面上的标准HTML元素时,它可以增强该元素的默认功能,并提供该行为中定义的任何新方法、属性或事件。其实大家对行为技术并不陌生,微电脑世界2001年18期的《主页加入收藏设置面面观》一文就提到了利用IE中内置的homepage行为技术进行主页设置的方法。我们同样可以利用IE 5.0内置的download行为,来达到在宿主页面中嵌入外部页面的目的,其代码如下。

<span id="outHTML"></span>
<IE:Download ID="ieDownload" STYLE="behavior:url(#default#download)"/>
<script>
function onDownloadDone(downDate){
outHTML.innerHTML=downDate
}
ieDownload.startDownload('../static/article.htm',onDownloadDone)
</script>

其原理就是使用download行为提供的startDownload方法下载一个外部文本文件,并将文件中的文本内容作为参数传递给onDownloadDone函数,然后再由该函数对文本内容进行处理,在本例中是作为showImport对象的内容显示出来。如果在函数中对文本内容做相应的处理,并与相关技术结合,如XML,就可以实现更为复杂的功能。

这种方法使得外部页面不再具有自己的方形区域,和宿主页面浑然一体; 提供了更大的灵活性,通过使用对象的innerHtml属性可以真正做到在宿主页面的任何位置插入外部文件内容; 修改简单,只须用可视网页编辑软件(如FrontPage 2000)将外部页面修改即可轻松改变网站整体风格。可以说这是在宿主页面中嵌入外部页面的最好方法 (注: 以上代码在Windows 98 SE/IE 5.0中测试通过)。

就是再开一个新的页面,只是做了一个超级连接到你相关的二级页面,其实都是一样的

主页只是一个大概,主页上相关点击进入下一级的一般都是用超级链接做的连接到相关页面去的。

用超链接啊,选择文字-右键-超链接-选择你想要连接到的页面. (前提要把页面做好哦)


做一个静态主页面,三个分页面,各页面间要求能相互链接。 这个要怎么做?视频

相关评论:
  • 17868184686静态网页设计制作中的布局模式
    孔谢梦三、自适应布局(AdaptiveLayout)自适应布局的特点是分别为不同的屏幕分辨率定义布局,即创建多个静态布局,每个静态布局对应一个屏幕分辨率范围。改变屏幕分辨率可以切换不同的静态局部(页面元素位置发生改变),但在每个静态布局中,页面元素不随窗口大小的调整发生变化。可以把自适应布局看作是静态布局的一...

  • 17868184686网站建设动态好还是静态好?怎么去看到网站建设的动态或者静态呢
    孔谢梦一、静态网站的优势劣势 做静态网站设计所采用的技术原理是一对一的形式,也就是说这样的网站上面,一个内容对应的就是一个页面,无论网站访问者如何操作都只是让服务器把固有的数据传送给请求者,没有脚本计算和后台数据库读取过程,大大降低了部分安全隐患。静态网站设计除了拥有上述的速度快,安全性高...

  • 17868184686自己做了一个静态网页,有个注册页面,注册成功后会存储到js里的数组...
    孔谢梦肯定呀,你又没有保存数据,js只是动态的处理,你得把它存下来,浏览器也有db的,你看下别个的cookie是怎么存的,还不是要set,

  • 17868184686动态网页和静态网页的最大区别是什么
    孔谢梦动态网页和静态网页的最大区别是:1.静态页面是不能随时改动的,静态是一次性写好放在服务器上进行浏览的,如果想改动,必须在页面上修改,然后再上传服务器覆盖原来的页面,这样才能更新信息,比较麻烦,使用者不能随时修改。2.动态页面是可以随时改变内容的,有前后台之分,管理员可以在后台随时更新网站...

  • 17868184686如何用html写一个四页的静态网页
    孔谢梦呀,做静态网页用Dreamweaver可以说和Word差不多呀,插入表格布局,可以插入背景、图片、flash。输入内容,改变样式。就这些了!你可能说插入什么图片呀??怎么好看呀??我告诉你你到网上搜:“中国网站模板”之类的关键字仔细找一找就行了!!最后注意一定要插入标题、关键字。挺重要的哦!!!试试吧...

  • 17868184686求教专业的网页设计师们,你们做一个页面的布局,比如网站的首页布局,写...
    孔谢梦当今程序分两种:其一是用开源的后台(别人制作好的,下载下来用)直接与静态页面链接,就完工,这个时间非常短,一般半天就能把所有制作好的页面全部搞定,更甚者几个小时。这种本不算是程序,但无奈,这种人太多,别人也就冠上了程序的标签。还有一种就是开发人员,这种由于是自己编写,耗时长,一般一...

  • 17868184686什么是一级页面?
    孔谢梦网站主页的链接的页面属于一级页面,在一级页面上的链接就是二级页面,如果是网站就分两级,也叫次级页面。问题五:什么是一个网站或站点的第一个网页 一般静态页面的是 index 或者 index 其他程序的各有不同 asp 的一般为 index.asp,php的为 index.php 等等。可以确定的是首页名称都为 index 问题...

  • 17868184686大家看看这个vps配置,做个纯静态网站页面50k左右,支持多少人同时访问...
    孔谢梦你在服务器上装个apache 自己跑一下ab.exe 一个简单的例子 在这个例子的一开始,我执行了这样一个命令 ab -n 50000 -c 200 http:\/\/www.google.com\/。这个命令的意思是启动 ab ,向 www.google.com 发送50000个请求(-n 50000) ,并每次发送200个请求也就是200个并发(-c 200)然后你看成功率...

  • 17868184686做一个普通的页面需要多久?
    孔谢梦普通的程序员制作一个普通页面需要30分钟,大神级别的制作页面只需要3-5分钟的。

  • 17868184686自己怎么做一个网页
    孔谢梦自己怎么做一个网页?现在炫彩的网页很多,那都是怎么做出来的呢?为了帮助小白能快速学会一些基础知识,小鱼就不用代码而就直接用网页软件制作了。1首先得有这个软件,名字是Adobe Dreamweaver CS3,这个在网络上就能下到,提倡正版。2打开界面就是这样,想要做一个简单的网页就点击这个。3然后就进入这么...

  • 相关主题精彩

    版权声明:本网站为非赢利性站点,内容来自于网络投稿和网络,若有相关事宜,请联系管理员

    Copyright © 喜物网