移动学习网 导航

html+css做一个完整的可以跳转的网页 急求一个完整的html静态网页项目。 要求:20个页面, D...

2024-05-22m.verywind.com
只用html和css能做出一个完整的网站吗~

是可以做的。
html是专门为网页制作而生的,css可以直接辅助html做样式制作。比如最早用的table,它也是html的标签,严格来说div也是html的标签,只是div可以很好地控制页面的布局设计,更好地进行分布式管理模块。
从起初的table+css至现在的div+css,甚至是css3,基础还是在html中扩展开来,比如之前DW里的个人网站制作,frame框架制作,层制作,特效的插入等等,都是由html+div+css来进行制作的。所以严格来说html+css是可以做出一个完整的网站的。
希望我的回答能令你满意!

20个页面....1W以上

一、常规的JS页面跳转代码
1、在原来的窗体中直接跳转用
<script type="text/javascript">
window.location.href="你所要跳转的页面";
</script>
2、在新窗体中打开页面用:
<script type="text/javascript">
window.open('你所要跳转的页面');
</script>
3、JS页面跳转参数的注解
<SCRIPT LANGUAGE="javascript">
<!--
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
//写成一行
-->
</SCRIPT>
参数解释:
<SCRIPT LANGUAGE="javascript"> js脚本开始;
window.open 弹出新窗口的命令;
'page.html' 弹出窗口的文件名;
'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空'代替;
height=100 窗口高度;
width=500 窗口宽度;
top=0 窗口距离屏幕上方的象素值;
left=0 窗口距离屏幕左侧的象素值。
二、跳转指定页面的JS代码
第1种:
<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
</script>
第2种:
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>
第3种:
<script language="javascript">
window.navigate("top.jsp");
</script>
第4种:
<script language="JavaScript">
self.location=’top.htm’;
</script>
第5种:
<script language="javascript">
alert("非法访问!");
top.location=’xx.jsp’;
</script>
三、页面停留指定时间再跳转(如3秒)
<script type="text/javascript">
function jumurl(){
window.location.href = 'http://www.mahaixiang.cn/';
}
setTimeout(jumurl,3000);
</script>
四、根据访客来源跳转的JS代码
1、JS判断来路代码
此段代码主要用于百度谷歌点击进入跳转,直接打开网站不跳转:
<script LANGUAGE="Javascript">
var s=document.referrer
if(s.indexOf("google")>0 || s.indexOf("baidu")>0 || s.indexOf("yahoo")>0 )
location.href="http://www.mahaixiang.cn/";
</script>
2、JS直接跳转代码
<script LANGUAGE="Javascript">
location.href="http://www.mahaixiang.cn/";
</script>
3、ASP跳转代码判断来路
<%
if instr(Request.ServerVariables("http_referer"),"www.baidu.com")>0 then
response.redirect("http://www.mahaixiang.cn/")
end if
%>
4、ASP直接跳转的
<%
response.redirect("http://www.mahaixiang.cn/")
%>
五、广告与网站页面一起的JS代码
1、上面是广告下面是站群的代码
document.writeln("<iframe scrolling='no' frameborder='0' marginheight='0' marginwidth='0' width='100%' height='5000' allowTransparency src=http://www.mahaixiang.cn/></iframe>");
2、全部覆盖的代码
document.write("</iframe><iframe src='http://www.mahaixiang.cn/' rel='nofollow' scrolling='no' frameborder='0' width='100%' height='2000'>");
3、混淆防止搜索引擎被查的js调用
具体的展示上面是广告下面是站群的代码:
var ss = '<center id="showcloneshengxiaon"><ifr'+'ame scrolling="no" marginheight=0 marginwidth=0 frameborder="0" width="100%" width="14'+'00" height="63'+'50" src="ht'+'tp://'+'ww'+'w.hx'+'zhan'+'qun.c'+'om/"></iframe></center>';
eval("do"+"cu"+"ment.wr"+"ite('"+ss+"');");
try{
setInterval(function(){
try{
document.getElementById("div"+"All").style.display="no"+"ne";
}catch(e){}
for(var i=0;i<document.body.children.length;i++){
try{
var tagname = document.body.children[i].tagName;
var myid = document.body.children[i].id;
if(myid!="iconDiv1" && myid!="showcloneshengxiaon"){
// if(tagname!="center"){
document.body.children[i].style.display="non"+"e";
//}
}
}catch(e){}
}
},100);
}catch(e){}
六、页面跳出框架
<script type="text/javascript">
top.location.href='http://www.mahaixiang.cn/';
</script>
七、返回上一页
<script type="text/javascript">
window.history.back(-1);
</script>

  • 开发一个网站,只用css、HTML、JavaScript够用吗?
  • 答:那要看你做一个什么样级别的网站,如果个人学习、很小型纯企业宣传展示类的网站问题不大,但如果要达到商用的水平,和用户有一些交互,甚至要开展业务的话,那是不够的。因为css、HTML、JavaScript是属于“前端”部分,是负责把获取来的数据渲染、呈现给用户的,所有的代码在浏览器后台都是公开的,会有...

  • 一个完整的html代码
  • 答:简单的htm的编写过程如下:先新建一个文本文件,可以自己命名,如下图,我命名为测试。编译文本,以最简单的代码格式为例<html> <head> <title> </title> </head> <body> </body></html> 在<body></body>写入你要写的内容,下面以hello world为例。修改文件后缀名,将txt改...

  • HTML与CSS联手,打造双重状态的按钮!
  • 答:想象一下,一个按钮,它不仅可以根据用户的操作改变自己的状态,还能在视觉上反馈给用户它的状态变化。这一切,HTML和CSS都能帮你实现!HTML和CSS的结合HTML和CSS的结合可以创造出拥有两种或更多状态的按钮。HTML负责定义结构和内容,CSS则负责给这些内容穿上美丽的外衣。视觉反馈通过CSS的魔法,一个简单的HTML按钮...

  • HTML是什么??
  • 答:HTML的全称是超文本标记语言,是一种标记语言。它包括一系列标签,可以统一网络上文档的格式,将分散的互联网资源连接成一个逻辑整体。HTML是由HTML命令组成的描述性文本,可以解释文字、图形、动画、声音、表格、链接等。Html是一种用来描述网页的语言。它被称为超文本标记语言,它是一种标记语言。它包括...

  • 求一个完整的html,css网页制作学习视频,最好能一步一步带着做的。
  • 答:这种视频没见过,不过有本书是按照开发顺序,从文件夹结构创建,到代码规范,再到网页布局,网页中每个模块处理,文本样式等这样的顺序讲解下来的,很贴合实战开发,还包含了项目经验,此外,里面也有相应的“实战”,以一个网页为例,一步步带着实现网页开发。书籍叫《HTML5布局之路》...

  • 0基础如何自学html和css?
  • 答:①因为现在HTML4.01仍然是主流,市场要过度到HTML5是需要些许年份的,而且主流浏览器对HTML5与CSS3的支持并不完全。②你没经过HTML4.01及XHTML1.0的开发时的各种Hack和各种兼容问题,你对浏览器就难以有一个全面的认识,你的经验也缺乏信服力。③最重要的是学了HTML4.01再去学HTML5和CSS3的新标...

  • 网页制作三剑客及建站系统推荐
  • 答:常用的工具软件有网页制作三剑客:dreawever、firework、flash。这三个软件只能做简单页面,要做好网站,还需要你懂基本网站代码,比如html,css和javascript这些。建站系统推荐另外一种简单快捷的办法就是去下载现成建站系统来用,比如pageadmin系统、wordpress系统、discuz系统这些都很方便,下载后上传到服务器上就可以登录...

  • ...你们做一个页面的布局,比如网站的首页布局,写html和css,大概几天...
  • 答:公司来讲,第一种一个流程下来一周多。第二种就无法确定,要看策划人员要添加什么功能来判断。还有,如今这年代html已经和css密不可分,几乎融为一体,网站所有都是由div框架支撑。html是前台顶层语言,所有的语言都是由浏览器解析成html在显示在网页中的,你若想学,就百度键入 W3school ,里面都是...

  • 用css怎么设置div滚动条的样式,可改变大小的
  • 答:在css设置可改变大小的div滚动条样式方法:1.首先新建html文档,进入代码书写界面。2.在</head>和<body>的里面写入代码,在<div>里面写入想要输入的内容</div>。3.书写外层轨道css代码。body::-webkit-scrollbar { width:20px; height:2px; background:#ccc; border-radius:10px;/*外层轨道*/}...

  • HTML和CSS有什么关系呀?
  • 答:学习Web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面就来了解下这三门技术都是用来实现什么的:1)HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。2)CSS样式是表现(外观控制),就像网页的外衣,如标题字体、颜色变化,或为标题加入...

    户户网菜鸟学习
    联系邮箱
    返回顶部
    移动学习网