本文作者:qiaoqingyi

学生个人网页制作成品代码(学生个人网页制作源代码)

qiaoqingyi 2023-02-13 747

今天给各位分享学生个人网页制作成品代码的知识,其中也会对学生个人网页制作源代码进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

求一个html网页设计的代码

关于这个网页代码的要求,只能够是自己编写、并进行调试。别的任何人没有那么多的时间和精力,帮助你进行编程。

学生个人网页制作成品代码(学生个人网页制作源代码)

跪求,网页制作成品,用HTML和CSS制作的,要有源代码,只为交作业,十万火急!!!

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html

head

title新疆行知书/title

link href="20.css" rel="stylesheet" type="text/css"

/head

body

div id="container"

div id="banner"img src="banner.jpg"/div

div id="globallink"

ul

lia href="#"首页/a/li

lia href="#"新疆简介/a/li

lia href="#"风土人情/a/li

lia href="#"吃在新疆/a/li

lia href="#"路线选择/a/li

lia href="#"自助行/a/li

lia href="#"摄影摄像/a/li

lia href="#"游记精选/a/li

lia href="#"资源下载/a/li

lia href="#"雁过留声/a/li

/ul

br

/div

div id="left"

div id="weather"

h3span天气查询/span/h3

ul

li乌鲁木齐   雷阵雨 20℃-31℃/li

li吐鲁番   多云转阴 20℃-28℃/li

li喀什   阵雨转多云 25℃-32℃/li

li库尔勒   阵雨转阴 21℃-28℃/li

li克拉马依   雷阵雨 26℃-30℃/li

/ul

br

/div

div id="today"

h3span今日推荐/span/h3

ul

lia href="#"img src="tuijian1.jpg"/a/li

lia href="#"喀纳斯河/a/li

lia href="#"img src="tuijian2.jpg"/a/li

lia href="#"布尔津/a/li

lia href="#"img src="tuijian3.jpg"/a/li

lia href="#"天山之路/a/li

/ul

br

/div

/div

div id="middle"

div id="ghost"a href="#" title="魔鬼城探秘"img src="ghost.jpg" border="0"/a/div

div id="beauty"

h3span美景寻踪/span/h3

ul

lia href="#"img src="beauty1.jpg"/a/li

lia href="#"img src="beauty2.jpg"/a/li

lia href="#"img src="beauty3.jpg"/a/li

lia href="#"img src="beauty4.jpg"/a/li

/ul

br

/div

div id="route"

h3span线路精选/span/h3

ul

lia href="#"吐鲁番——库尔勒——库车——塔中——和田——喀什/a/li

lia href="#"乌鲁木齐——天池——克拉马依——乌伦古湖——喀纳斯/a/li

lia href="#"乌鲁木齐——奎屯——乔尔玛——那拉提——巴音布鲁克/a/li

lia href="#"乌鲁木齐——五彩城——将军隔壁——吉木萨尔/a/li

/ul

br

/div

/div

div id="right"

div id="map"

h3span新疆风光/span/h3

pa href="#" title="点击看大图"img src="map1.jpg"/a/p

pa href="#" title="点击看大图"img src="map2.jpg"/a/p

/div

div id="food"

h3span小吃推荐/span/h3

ul

lia href="#"17号抓饭/a/li

lia href="#"大盘鸡/a/li

lia href="#"五一夜市/a/li

lia href="#"水果/a/li

/ul

br

/div

div id="life"

h3span宾馆酒店/span/h3

ul

lia href="#"美丽华大饭店/a/li

lia href="#"海德大饭店/a/li

lia href="#"银都大饭店/a/li

lia href="#"鸿福大饭店/a/li

lia href="#"友好大酒店/a/li

lia href="#"棉麻宾馆/a/li

lia href="#"电信宾馆/a/li

/ul

br

/div

/div

div id="footer"

p艾萨克 ©版权所有 a href="mailto:demo@demo.com"demo@demo.com/a/p

/div

/div

/body

/html

css为:

body{

background-color:#2286c6;

margin: 0px;

padding:0px;

text-align:center;

font-size:12px;

font-family:Arial, Helvetica, sans-serif;

}

#container{

position:relative;

margin:0px auto 0px auto;

width:780px;

text-align:left;

}

div br{

display:none;

}

#globallink{

margin:0px; padding:0px;

}

#globallink ul{

list-style:none;

padding:0px; margin:0px;

}

#globallink li{

float:left;

text-align:center;

width:78px;

}

#globallink a{

display:block;

padding:9px 6px 11px 6px;

background:url(button1.jpg) no-repeat;

margin:0px;

}

#globallink a:link, #globallink a:visited{

color:#004a87;

text-decoration:underline;

}

#globallink a:hover{

color:#FFFFFF;

text-decoration:underline;

background:url(button1_bg.jpg) no-repeat;

}

#left{

float:left;

width:200px;

background-color:#FFFFFF;

margin:0px;

padding:0px 0px 5px 0px;

color:#d8ecff;

}

#left div{

background-color:#5ea6eb;

margin:0px 5px 0px 5px;

}

#weather{

background:url(weather.jpg) no-repeat -5px 0px;

margin:0px 5px 0px 5px;

background-color:#5ea6eb;

}

div#left #weather h3{

font-size:12px;

padding:24px 0px 0px 74px;

color:#FFFFFF;

background:none;

margin:0px;

}

div#weather ul{

margin:8px 5px 0px 5px;

padding:10px 0px 8px 5px;

list-style:none;

}

#weather ul li{

background:url(icon1.gif) no-repeat 0px 6px;

padding:1px 0px 0px 10px;

}

#left div h3{

font-size:12px;

padding:4px 0px 2px 15px;

color:#003973;

margin:0px 0px 5px 0px;

background:#bbddff url(icon2.gif) no-repeat 5px 7px;

}

#today{

padding:0px 0px 10px 0px;

}

#today ul{

list-style:none;

margin:-5px 0px 0px 0px;

padding:0px;

}

#today ul li{

text-align:center;

}

#today ul li img{

border:1px solid #FFFFFF;

margin:8px 0px 0px 0px;

}

#today ul li a:link, #today ul li a:visited{

color:#d8ecff;

text-decoration:none;

}

#today ul li a:hover{

color:#FFFF00;

text-decoration:underline;

}

#middle{

background-color:#FFFFFF;

margin:0px 0px 0px 2px;

padding:5px 0px 0px 0px;

width:400px; float:left;

}

#middle div{

margin-left:5px;

margin-right:5px;

position:relative;

}

#middle h3{

margin:0px; padding:0px;

height:41px;

}

#middle h3 span{

display:none; /* 文字去掉,换成图片 */

}

#beauty{

margin:15px 0px 0px 0px;

padding:0px;

}

#beauty h3{

background:url(picture_h1.gif) no-repeat;

}

#beauty ul, #route ul{

list-style:none;

margin:8px 1px 0px 1px;

padding:0px;

}

#beauty ul li{

float:left;

width:97px;

text-align:center;

}

#beauty ul li img{

border:1px solid #4ab0ff;

}

#route{

clear:both; margin:0px;

padding:5px 0px 15px 0px;

}

#route h3{

background:url(route_h1.gif) no-repeat;

}

#route ul li{

padding:3px 0px 0px 30px;

background:url(icon1.gif) no-repeat 20px 7px;

}

#route ul li a:link, #route ul li a:visited{

color:#004e8a;

text-decoration:none;

}

#route ul li a:hover{

color:#000000;

text-decoration:underline;

}

#right{

float:left;

margin:0px 0px 1px 2px;

width:176px;

background-color:#FFFFFF;

color:#d8ecff;

}

#right div{

position:relative;

margin-left:5px;

margin-right:5px;

background-color:#5ea6eb;

}

#right div h3{

font-size:12px;

padding:4px 0px 2px 15px;

color:#003973;

margin:0px 0px 5px 0px;

background:#bbddff url(icon2.gif) no-repeat 5px 7px;

}

#map{

margin-top:5px;

}

#map p{

text-align:center;

margin:0px;

padding:2px 0px 5px 0px;

}

#map p img{

border:1px solid #FFFFFF;

}

#food{

padding-top:10px;

}

#food ul, #life ul{

list-style:none;

padding:0px 0px 10px 0px;

margin:10px 10px 0px 10px;

}

#food ul li, #life ul li{

background:url(icon1.gif) no-repeat 3px 9px;

padding:3px 0px 3px 12px;

border-bottom:1px dashed #EEEEEE;

}

#food ul li a:link, #food ul li a:visited, #life ul li a:link, #life ul li a:visited{

color:#d8ecff;

text-decoration:none;

}

#food ul li a:hover, #life ul li a:hover{

color:#000000;

text-decoration:none;

}

#life{

padding-top:10px;

padding-bottom:5px;

margin-bottom:5px;

}

#footer{

background-color:#FFFFFF;

margin:1px 0px 0px 0px;

clear:both;

position:relative;

padding:1px 0px 1px 0px;

}

#footer p{

text-align:center;

padding:0px;

margin:4px 5px 4px 5px;

background-color:#5ea6eb;

}

#footer p a{

color:#FFFFFF;

text-decoration:none;

}

跪求,网页设计成品,用html和css制作,要有代码,只为交作业,十万火急!

你自己把一个网站首页另存为,然后把里面的文件调用改成本地的,再把调用的文件从网上拖下来就行了。在本地了用替换法把图片文字之类的换掉你总该会吧。

习惯用火狐,上面的开发者工具栏能很容易找到背景图片之类的。

几分钟搞定一个,用不着求别人给你做的。

急求一个成品html网页代码、简单的就好、选修作业

可以找个网页,`右键另存为`,即可得到对应的成品html网页,除了背景图和字体可能会有一些问题,一搬都会比较正常

比如,某度首页就是相当简单的,可以试试

网页设计15个个人简历页面的代码是什么

网页设计15个个人简历页面的代码是15。根据查询相关资料信息,网页设计是根据当天的数据进行累计基数,在同一个ip下,从1开始,做了15个个人简历,页面的代码会累计成15。

dw简单网页制作成品 学生作业 静态网页

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

title发表评论/title

script type="text/javascript"

var fireworks = function(){

this.size = 20;

this.rise();

}

fireworks.prototype = {

color:function(){

var c = ['0','3','6','9','c','f'];

var t = [c[Math.floor(Math.random()*100)%6],'0','f'];

t.sort(function(){return Math.random()0.5?-1:1;});

return '#'+t.join('');

},

aheight:function(){

var h = document.documentElement.clientHeight-250;

return Math.abs(Math.floor(Math.random()*h-200))+201;

},

firecracker:function(){

var b = document.createElement('div');

var w = document.documentElement.clientWidth;

b.style.position = 'absolute';

b.style.color = this.color();

b.style.bottom = 0;

b.style.left = Math.floor(Math.random()*w)+1+'px';

document.body.appendChild(b);

return b;

},

rise:function(){

var o = this.firecracker();

var n = this.aheight();

var c = this.color;

var e = this.expl;

var s = this.size;

var k = n;

var m = function(){

o.style.bottom = parseFloat(o.style.bottom)+k*0.1+'px';

k-=k*0.1;

if(k2){

clearInterval(clear);

e(o,n,s,c);

}

}

o.innerHTML = '.';

if(parseInt(o.style.bottom)n){

var clear = setInterval(m,20);

}

},

expl:function(o,n,s,c){

var R=n/3,Ri=n/6,Rii=n/9;

var r=0,ri=0,rii=0;

for(var i=0;is;i++){

var span = document.createElement('span');

var p = document.createElement('i');

var a = document.createElement('a');

span.style.position = 'absolute';

span.style.fontSize = n/10+'px';

span.style.left = 0;

span.style.top = 0;

span.innerHTML = '*';

p.style.position = 'absolute';

p.style.left = 0;

p.style.top = 0;

p.innerHTML = '*';

a.style.position = 'absolute';

a.style.left = 0;

a.style.top = 0;

a.innerHTML = '*';

o.appendChild(span);

o.appendChild(p);

o.appendChild(a);

}

function spr(){

r += R*0.1;

ri+= Ri*0.06;

rii+= Rii*0.06;

sp = o.getElementsByTagName('span');

p = o.getElementsByTagName('i');

a = o.getElementsByTagName('a');

for(var i=0; isp.length;i++){

sp[i].style.color = c();

p[i].style.color = c();

a[i].style.color = c();

sp[i].style.left=r*Math.cos(360/s*i)+'px';

sp[i].style.top=r*Math.sin(360/s*i)+'px';

sp[i].style.fontSize=parseFloat(sp[i].style.fontSize)*0.96+'px';

p[i].style.left=ri*Math.cos(360/s*i)+'px';

p[i].style.top=ri*Math.sin(360/s*i)+'px';

p[i].style.fontSize=parseFloat(sp[i].style.fontSize)*0.96+'px';

a[i].style.left=rii*Math.cos(360/s*i)+'px';

a[i].style.top=rii*Math.sin(360/s*i)+'px';

a[i].style.fontSize=parseFloat(sp[i].style.fontSize)*0.96+'px';

}

R-=R*0.1;

if(R2){

o.innerHTML = '';

o.parentNode.removeChild(o);

clearInterval(clearI);

}

}

var clearI = setInterval(spr,20);

}

}

window.onload = function(){

function happyNewYear(){

new fireworks();

}

setInterval(happyNewYear,1000);

}

/script

style type="text/css"

.STYLE2 {font-size: 24px; color: #FFFFFF; }

/style

script language="javascript"

function mbcheck()

{

if(document.form1.text.value=="")

{

alert("请输入留言内容");

document.form1.text.focus();

return false;

}

return true;

}

/script

style type="text/css"

!--

body {

background-color: #CCFFFF;

}

--

/style

/head

body

table width="1099" height="120" border="0" align="center"

tr

td width="120" height="120" align="left" valign="top"img src="picture/未命名-1.png" width="1100" height="120" //td

/tr

/table

table align="center"

tr align="center"

td width="122" height="40" bgcolor="#6666FF" class="STYLE10"a href="index.asp"首页/a/td

td width="148" bgcolor="#6666FF"span class="STYLE14"言情小说/span/td

td width="145" bgcolor="#6666FF"玄幻小说/td

td width="127" bgcolor="#6666FF"都市言情/td

td width="118" bgcolor="#6666FF"历史武侠/td

td width="96" bgcolor="#6666FF"恐怖小说/td

td width="147" bgcolor="#6666FF"网络小说/td

td width="148" bgcolor="#6666FF"论坛/td

/tr

/table

/p

form id="form1" name="form1" method="post" action="tiezi-save.asp" onsubmit="return mbcheck();"

       

table width="600" height="250" border="1" align="center" bordercolor="#171717"

tr

td colspan="2" bgcolor="#8E8E8E"div align="center"span class="STYLE2"发帖/span/div/td

/tr

tr

td width="178" bgcolor="#BEBEBE"span class="STYLE3"/span用户名/td

td width="406" bgcolor="#BEBEBE"span class="STYLE3"

label

input name="name" type="text" id="name" /

/label

/span/td

/tr

tr

td bgcolor="#BEBEBE"span class="STYLE4"请问你想说/span/td

td bgcolor="#BEBEBE"span class="STYLE3"

label

textarea name="message" id="message"/textarea

/label

/span/td

/tr

tr

td colspan="2" bgcolor="#BEBEBE"span class="STYLE3"/spanspan class="STYLE3"

label                         

div align="center"

input type="submit" name="Submit" value="提交" /

          

input type="reset" name="Submit2" value="重置" /

                                          /div

/label

label/label

/span/td

/tr

/table

/form

p class="STYLE2" /p

/body

/html

关于学生个人网页制作成品代码和学生个人网页制作源代码的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

阅读
分享