网页制作成品
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了网页制作成品相关的知识，希望对你有一定的参考价值。
最近需要一个制作完成的网页作品 不过很忙实在抽不出时间 望吧里的大神帮个忙！！
主题随便 就找一下把手头能发来的网页制作成品发来 万分感谢！！
邮箱510763390@qq.com
这是单个的导航条。。。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>nav01</title>
<style type="text/css">
*
margin:0;
padding:0;
body
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background:#666;
#nav
margin:100px;
list-style:none;
#nav li
float:left;
#nav li a
padding:10px 20px;
background: url(images/nav.gif) repeat-x;
color:#fff;
text-decoration:none;
text-transform:capitalize;
display:block;
#nav li a:hover
color:#000;
background:#ccc;
border:0px solid #000;
#nav li a:active
background: #333333;
</style>
</head>
<body>
<ul id="nav">
<li><a href="#">home</a></li>
<li><a href="#">about</a></li>
<li><a href="#">news</a></li>
<li><a href="#">products</a></li>
<li><a href="#">services</a></li>
<li><a href="#">cloents</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">link</a></li>
</ul>
</body>
</html>
这是简单网页。。。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>Home Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="mm_health_nutr.css" type="text/css" />
<script language="javascript" type="text/javascript">
//--------------- LOCALIZEABLE GLOBALS ---------------
var d=new Date();
var monthname=new Array("January","February","March","April","May","June","July","August","September","October","November","December");
//Ensure correct for language. English is "January 1, 2004"
var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();
//--------------- END LOCALIZEABLE ---------------
</script>
</head>
<body bgcolor="#F4FFE4">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#D5EDB3">
<td width="382" colspan="3" rowspan="2"><img src="mm_health_photo.jpg" alt="Header image" width="382" height="101" border="0" /></td>
<td width="378" height="50" colspan="3" id="logo" valign="bottom" align="center" nowrap="nowrap">insert website name</td>
<td width="100%"> </td>
</tr>
<tr bgcolor="#D5EDB3">
<td height="51" colspan="3" id="tagline" valign="top" align="center">OPTIONAL TAGLINE HERE</td>
<td width="100%"> </td>
</tr>
<tr>
<td colspan="7" bgcolor="#5C743D"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
</tr>
<tr>
<td colspan="7" bgcolor="#99CC66" background="mm_dashed_line.gif"><img src="mm_dashed_line.gif" alt="line decor" width="4" height="3" border="0" /></td>
</tr>
<tr bgcolor="#99CC66">
<td colspan="7" id="dateformat" height="20"> <script language="JavaScript" type="text/javascript">
document.write(TODAY); </script> </td>
</tr>
<tr>
<td colspan="7" bgcolor="#99CC66" background="mm_dashed_line.gif"><img src="mm_dashed_line.gif" alt="line decor" width="4" height="3" border="0" /></td>
</tr>
<tr>
<td colspan="7" bgcolor="#5C743D"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
</tr>
<tr>
<td width="165" valign="top" bgcolor="#5C743D">
<table border="0" cellspacing="0" cellpadding="0" width="165" id="navigation">
<tr>
<td width="165"> <br />
<br /></td>
</tr>
<tr>
<td width="165"><a href="javascript:;" class="navText">topics</a></td>
</tr>
<tr>
<td width="165"><a href="javascript:;" class="navText">guidelines</a></td>
</tr>
<tr>
<td width="165"><a href="javascript:;" class="navText">educators</a></td>
</tr>
<tr>
<td width="165"><a href="javascript:;" class="navText">special needs</a></td>
</tr>
<tr>
<td width="165"><a href="javascript:;" class="navText">food science</a></td>
</tr>
</table>
<br />
<br />
<br />
<br /> </td>
<td width="50"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
<td width="305" colspan="2" valign="top"><img src="mm_spacer.gif" alt="" width="305" height="1" border="0" /><br />
<br />
<br />
<table border="0" cellspacing="0" cellpadding="0" width="305">
<tr>
<td class="pageName">WELCOME MESSAGE</td>
</tr>
<tr>
<td class="bodyText"><p>This Home Page layout makes a great starting point for your website. Virtually all of the content is customizable, including the images, the text, and the links. You can decide whether to keep the existing graphics or swap them out for pictures of your own.</p>
<p>The text on this page is intended to help you jumpstart your design by suggesting the sort of content you may want to include, but don't let it limit you. The same is also true for the link text - feel free to change the names of the links to better suit your particular needs. The Home Page layout can be used for multiple pages on your site, or you can choose from the Text, Catalogue, Product, or Calendar layouts as well. Don't be afraid to get creative and combine different page layouts to make your site as engaging as possible. If you have any questions about using Contribute to edit these pages, refer to the Read Me file included with the download or to the Contribute Help System. Have fun and make a great website!</p> </td>
</tr>
</table>
<br />
<br /> </td>
<td width="50"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
<td width="190" valign="top"><br />
<br />
<table border="0" cellspacing="0" cellpadding="0" width="190" id="leftcol">
<tr>
<td width="10"><img src="mm_spacer.gif" alt="" width="10" height="1" border="0" /></td>
<td width="170" class="smallText"><br />
<p><span class="subHeader">TITLE HERE</span><br />
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam. </p>
<p><span class="subHeader">TITLE HERE</span><br />
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam. </p>
<p><span class="subHeader">TITLE HERE</span><br />
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam. </p>
<br />
<br /> </td>
<td width="10"> </td>
</tr>
</table> </td>
<td width="100%"> </td>
</tr>
<tr>
<td width="165"> </td>
<td width="50"> </td>
<td width="167"> </td>
<td width="138"> </td>
<td width="50"> </td>
<td width="190"> </td>
<td width="100%"> </td>
</tr>
</table>
</body>
</html> 参考技术A 给你俩吧！！！如果还想要其他的资料，给我留言。
这是单个的导航条。。。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>nav01</title>
<style type="text/css">
*
margin:0;
padding:0;
body
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background:#666;
#nav
margin:100px;
list-style:none;
#nav li
float:left;
#nav li a
padding:10px 20px;
background: url(images/nav.gif) repeat-x;
color:#fff;
text-decoration:none;
text-transform:capitalize;
display:block;
#nav li a:hover
color:#000;
background:#ccc;
border:0px solid #000;
#nav li a:active
background: #333333;
</style>
</head>
<body>
<ul id="nav">
<li><a href="#">home</a></li>
<li><a href="#">about</a></li>
<li><a href="#">news</a></li>
<li><a href="#">products</a></li>
<li><a href="#">services</a></li>
<li><a href="#">cloents</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">link</a></li>
</ul>
</body>
</html>
这是简单网页。。。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>Home Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="mm_health_nutr.css" type="text/css" />
<script language="JavaScript" type="text/javascript">
//--------------- LOCALIZEABLE GLOBALS ---------------
var d=new Date();
var monthname=new Array("January","February","March","April","May","June","July","August","September","October","November","December");
//Ensure correct for language. English is "January 1, 2004"
var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();
//--------------- END LOCALIZEABLE ---------------
</script>
</head>
<body bgcolor="#F4FFE4">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#D5EDB3">
<td width="382" colspan="3" rowspan="2"><img src="mm_health_photo.jpg" alt="Header image" width="382" height="101" border="0" /></td>
<td width="378" height="50" colspan="3" id="logo" valign="bottom" align="center" nowrap="nowrap">insert website name</td>
<td width="100%"> </td>
</tr>
<tr bgcolor="#D5EDB3">
<td height="51" colspan="3" id="tagline" valign="top" align="center">OPTIONAL TAGLINE HERE</td>
<td width="100%"> </td>
</tr>
<tr>
<td colspan="7" bgcolor="#5C743D"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
</tr>
<tr>
<td colspan="7" bgcolor="#99CC66" background="mm_dashed_line.gif"><img src="mm_dashed_line.gif" alt="line decor" width="4" height="3" border="0" /></td>
</tr>
<tr bgcolor="#99CC66">
<td colspan="7" id="dateformat" height="20"> <script language="JavaScript" type="text/javascript">
document.write(TODAY); </script> </td>
</tr>
<tr>
<td colspan="7" bgcolor="#99CC66" background="mm_dashed_line.gif"><img src="mm_dashed_line.gif" alt="line decor" width="4" height="3" border="0" /></td>
</tr>
<tr>
<td colspan="7" bgcolor="#5C743D"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
</tr>
<tr>
<td width="165" valign="top" bgcolor="#5C743D">
<table border="0" cellspacing="0" cellpadding="0" width="165" id="navigation">
<tr>
<td width="165"> <br />
<br /></td>
</tr>
<tr>
<td width="165"><a href="javascript:;" class="navText">topics</a></td>
</tr>
<tr>
<td width="165"><a href="javascript:;" class="navText">guidelines</a></td>
</tr>
<tr>
<td width="165"><a href="javascript:;" class="navText">educators</a></td>
</tr>
<tr>
<td width="165"><a href="javascript:;" class="navText">special needs</a></td>
</tr>
<tr>
<td width="165"><a href="javascript:;" class="navText">food science</a></td>
</tr>
</table>
<br />
<br />
<br />
<br /> </td>
<td width="50"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
<td width="305" colspan="2" valign="top"><img src="mm_spacer.gif" alt="" width="305" height="1" border="0" /><br />
<br />
<br />
<table border="0" cellspacing="0" cellpadding="0" width="305">
<tr>
<td class="pageName">WELCOME MESSAGE</td>
</tr>
<tr>
<td class="bodyText"><p>This Home Page layout makes a great starting point for your website. Virtually all of the content is customizable, including the images, the text, and the links. You can decide whether to keep the existing graphics or swap them out for pictures of your own.</p>
<p>The text on this page is intended to help you jumpstart your design by suggesting the sort of content you may want to include, but don't let it limit you. The same is also true for the link text - feel free to change the names of the links to better suit your particular needs. The Home Page layout can be used for multiple pages on your site, or you can choose from the Text, Catalogue, Product, or Calendar layouts as well. Don't be afraid to get creative and combine different page layouts to make your site as engaging as possible. If you have any questions about using Contribute to edit these pages, refer to the Read Me file included with the download or to the Contribute Help System. Have fun and make a great website!</p> </td>
</tr>
</table>
<br />
<br /> </td>
<td width="50"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
<td width="190" valign="top"><br />
<br />
<table border="0" cellspacing="0" cellpadding="0" width="190" id="leftcol">
<tr>
<td width="10"><img src="mm_spacer.gif" alt="" width="10" height="1" border="0" /></td>
<td width="170" class="smallText"><br />
<p><span class="subHeader">TITLE HERE</span><br />
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam. </p>
<p><span class="subHeader">TITLE HERE</span><br />
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam. </p>
<p><span class="subHeader">TITLE HERE</span><br />
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam. </p>
<br />
<br /> </td>
<td width="10"> </td>
</tr>
</table> </td>
<td width="100%"> </td>
</tr>
<tr>
<td width="165"> </td>
<td width="50"> </td>
<td width="167"> </td>
<td width="138"> </td>
<td width="50"> </td>
<td width="190"> </td>
<td width="100%"> </td>
</tr>
</table>
</body>
</html>
打字不易，如满意，望采纳。 参考技术B 给你俩吧！！！如果还想要其他的资料，给我留言。
这是单个的导航条。。。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>nav01</title>
<style type="text/css">
*
margin:0;
padding:0;
body
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background:#666;
#nav
margin:100px;
list-style:none;
#nav li
float:left;
#nav li a
padding:10px 20px;
background: url(images/nav.gif) repeat-x;
color:#fff;
text-decoration:none;
text-transform:capitalize;
display:block;
#nav li a:hover
color:#000;
background:#ccc;
border:0px solid #000;
#nav li a:active
background: #333333;
</style>
</head>
<body>
<ul id="nav">
<li><a href="#">home</a></li>
<li><a href="#">about</a></li>
<li><a href="#">news</a></li>
<li><a href="#">products</a></li>
<li><a href="#">services</a></li>
<li><a href="#">cloents</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">link</a></li>
</ul>
</body>
</html>
这是简单网页。。。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>Home Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="mm_health_nutr.css" type="text/css" />
<script language="JavaScript" type="text/javascript">
//--------------- LOCALIZEABLE GLOBALS ---------------
var d=new Date();
var monthname=new Array("January","February","March","April","May","June","July","August","September","October","November","December");
//Ensure correct for language. English is "January 1, 2004"
var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();
//--------------- END LOCALIZEABLE ---------------
</script>
</head>
<body bgcolor="#F4FFE4">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#D5EDB3">
<td width="382" colspan="3" rowspan="2"><img src="mm_health_photo.jpg" alt="Header image" width="382" height="101" border="0" /></td>
<td width="378" height="50" colspan="3" id="logo" valign="bottom" align="center" nowrap="nowrap">insert website name</td>
<td width="100%"> </td>
</tr>
<tr bgcolor="#D5EDB3">
<td height="51" colspan="3" id="tagline" valign="top" align="center">OPTIONAL TAGLINE HERE</td>
<td width="100%"> </td>
</tr>
<tr>
<td colspan="7" bgcolor="#5C743D"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
</tr>
<tr>
<td colspan="7" bgcolor="#99CC66" background="mm_dashed_line.gif"><img src="mm_dashed_line.gif" alt="line decor" width="4" height="3" border="0" /></td>
</tr>
<tr bgcolor="#99CC66">
<td colspan="7" id="dateformat" height="20"> <script language="JavaScript" type="text/javascript">
document.write(TODAY); </script> </td>
</tr>
<tr>
<td colspan="7" bgcolor="#99CC66" background="mm_dashed_line.gif"><img src="mm_dashed_line.gif" alt="line decor" width="4" height="3" border="0" /></td>
</tr>
<tr>
<td colspan="7" bgcolor="#5C743D"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
</tr>
<tr>
<td width="165" valign="top" bgcolor="#5C743D">
<table border="0" cellspacing="0" cellpadding="0" width="165" id="navigation">
<tr>
<td width="165"> <br />
<br /></td>
</tr>
<tr>
<td width="165"><a href="javascript:;" class="navText">topics</a></td>
</tr>
<tr>
<td width="165"><a href="javascript:;" class="navText">guidelines</a></td>
</tr>
<tr>
<td width="165"><a href="javascript:;" class="navText">educators</a></td>
</tr>
<tr>
<td width="165"><a href="javascript:;" class="navText">special needs</a></td>
</tr>
<tr>
<td width="165"><a href="javascript:;" class="navText">food science</a></td>
</tr>
</table>
<br />
<br />
<br />
<br /> </td>
<td width="50"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
<td width="305" colspan="2" valign="top"><img src="mm_spacer.gif" alt="" width="305" height="1" border="0" /><br />
<br />
<br />
<table border="0" cellspacing="0" cellpadding="0" width="305">
<tr>
<td class="pageName">WELCOME MESSAGE</td>
</tr>
<tr>
<td class="bodyText"><p>This Home Page layout makes a great starting point for your website. Virtually all of the content is customizable, including the images, the text, and the links. You can decide whether to keep the existing graphics or swap them out for pictures of your own.</p>
<p>The text on this page is intended to help you jumpstart your design by suggesting the sort of content you may want to include, but don't let it limit you. The same is also true for the link text - feel free to change the names of the links to better suit your particular needs. The Home Page layout can be used for multiple pages on your site, or you can choose from the Text, Catalogue, Product, or Calendar layouts as well. Don't be afraid to get creative and combine different page layouts to make your site as engaging as possible. If you have any questions about using Contribute to edit these pages, refer to the Read Me file included with the download or to the Contribute Help System. Have fun and make a great website!</p> </td>
</tr>
</table>
<br />
<br /> </td>
<td width="50"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
<td width="190" valign="top"><br />
<br />
<table border="0" cellspacing="0" cellpadding="0" width="190" id="leftcol">
<tr>
<td width="10"><img src="mm_spacer.gif" alt="" width="10" height="1" border="0" /></td>
<td width="170" class="smallText"><br />
<p><span class="subHeader">TITLE HERE</span><br />
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam. </p>
<p><span class="subHeader">TITLE HERE</span><br />
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam. </p>
<p><span class="subHeader">TITLE HERE</span><br />
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam. </p>
<br />
<br /> </td>
<td width="10"> </td>
</tr>
</table> </td>
<td width="100%"> </td>
</tr>
<tr>
<td width="165"> </td>
<td width="50"> </td>
<td width="167"> </td>
<td width="138"> </td>
<td width="50"> </td>
<td width="190"> </td>
<td width="100%"> </td>
</tr>
</table>
</body>
</html>
html5教师资格网页设计作业成品
html5教师资格网页设计作业成品：html5教师资格网页设计作业成品下载价格40元，使用了html5+css3的技术参数，一共制作4个页面，带竖向导航链接，留言表单，HTML5等网页设计元素,网站布局合理，色彩搭配丰富，采用图文并用，生动形象，便于浏览者访问，适用于学生网页测试与使用。
技术参数：html5+css3
页面个数：4个
主题：教师资格网页设计作业
网页元素：竖向导航链接，留言表单，HTML5
以上是关于网页制作成品的主要内容，如果未能解决你的问题，请参考以下文章
抗疫逆行者HTML网页作业 感动人物网页代码成品 最美逆行者网页模板 致敬疫情感动人物网页设计制作