导航:首页 > 万维百科 > 网页设计成品欣赏

网页设计成品欣赏

发布时间:2021-03-19 16:34:28

1、求网页设计html成品

不知道你们为什么有这个作业,但肯定是跟你专业有关,其实很简单。自己做一遍对你以后有好处!你太懒了,所以我不想发给你。

还有一个方法,去网上下一个模板,然后自己改下里面的文字即可。这里就有很多http://sc.68design.net/mb

修改方法:用FrontPage dreamwavear 记事本都可以。

2、求一份HTML网页设计的成品!

你可以去素材网站下载模板,有源文件的。百度里面搜索,网站模板素材。

3、网页制作成品

给你俩吧!!!如果还想要其他的资料,给我留言。

这是单个的导航条。。。
<!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="#">procts</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">ecators</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, Proct, 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>
希望对你能有所帮助。

4、网页设计求成品~~!!!!!!!

?

5、求个平面设计作品赏析的网站(网站风格版式好看的)

推荐花瓣网,个人觉得也是不错的。其实学设计的多看一些类似的网站,益大于弊

6、网页设计成品

你可以直接把你们老师的要求发出来,根据你们老师的要求来做。可以自己提供素材。

与网页设计成品欣赏相关的知识