導航:首頁 > 萬維百科 > 網頁設計製作成品

網頁設計製作成品

發布時間:2020-08-10 19:59:09

1、求一個簡單的網頁製作成品(HTML的)

一下就搞定啦,下個DW

2、求一個成品網頁製作

這個我教你吧
先去找一個現在網上有的網頁 簡單點的
然後 直接在瀏覽器 文件-保存網頁 保存 就是一個頁面了
如果圖片顯示或樣式顯示有問題 就改一下這些文件的路徑
再把這個保存網頁的圖片呀什麼的全部替換下 就是你自己的作品了
這個我們稱之為仿站
也可以去下載網站模板 但是這樣被你們老師發現的幾率就要大得多了
實在做不來可以去一些威客網站上付費讓被人幫你做
其實要求挺簡單的 自己弄一下也能交差的吧

3、求一網頁製作成品html只為交作業

夠嗆,自己素材網上搜索吧

4、最簡單的網頁製作成品

已經發送3份。。。。(希望對你有所幫助。。。同時記得採納我的回答哦。。

如有網頁方面的問題,歡迎去我們團或群--專業網站製作
140391953(網站、網頁製作QQ群

5、dw簡單網頁製作成品 學生作業 靜態網頁

dw很好操作的,第一次入手時可能會生疏點。
不過仔細點,做個簡單的靜態網頁還是很容易的。。。
給你個找了個基礎的教怎麼使用dw的文章,看下吧。。。

6、求簡單的網頁製作成品

呵呵....親這是拿來主義啊,這樣不好!你可以去百度搜一下,很多的!等著別人給你發郵件不怎麼靠譜,遇到這種拿來主義我一般直說兩個字,呵呵!

7、網頁製作成品

給你倆吧!!!如果還想要其他的資料,給我留言。

這是單個的導航條。。。
<!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>
希望對你能有所幫助。

8、跪求,網頁製作成品,用HTML和CSS製作的,要有源代碼,只為交作業,十萬火急!!!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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>
<li><a href="#">首頁</a></li>
<li><a href="#">新疆簡介</a></li>
<li><a href="#">風土人情</a></li>
<li><a href="#">吃在新疆</a></li>
<li><a href="#">路線選擇</a></li>
<li><a href="#">自助行</a></li>
<li><a href="#">攝影攝像</a></li>
<li><a href="#">游記精選</a></li>
<li><a href="#">資源下載</a></li>
<li><a href="#">雁過留聲</a></li>
</ul>
<br>
</div>
<div id="left">
<div id="weather">
<h3><span>天氣查詢</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">
<h3><span>今日推薦</span></h3>
<ul>
<li><a href="#"><img src="tuijian1.jpg"></a></li>
<li><a href="#">喀納斯河</a></li>
<li><a href="#"><img src="tuijian2.jpg"></a></li>
<li><a href="#">布爾津</a></li>
<li><a href="#"><img src="tuijian3.jpg"></a></li>
<li><a 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">
<h3><span>美景尋蹤</span></h3>
<ul>
<li><a href="#"><img src="beauty1.jpg"></a></li>
<li><a href="#"><img src="beauty2.jpg"></a></li>
<li><a href="#"><img src="beauty3.jpg"></a></li>
<li><a href="#"><img src="beauty4.jpg"></a></li>
</ul>
<br>
</div>
<div id="route">
<h3><span>線路精選</span></h3>
<ul>
<li><a href="#">吐魯番——庫爾勒——庫車——塔中——和田——喀什</a></li>
<li><a href="#">烏魯木齊——天池——克拉馬依——烏倫古湖——喀納斯</a></li>
<li><a href="#">烏魯木齊——奎屯——喬爾瑪——那拉提——巴音布魯克</a></li>
<li><a href="#">烏魯木齊——五彩城——將軍隔壁——吉木薩爾</a></li>
</ul>
<br>
</div>
</div>
<div id="right">
<div id="map">
<h3><span>新疆風光</span></h3>
<p><a href="#" title="點擊看大圖"><img src="map1.jpg"></a></p>
<p><a href="#" title="點擊看大圖"><img src="map2.jpg"></a></p>
</div>
<div id="food">
<h3><span>小吃推薦</span></h3>
<ul>
<li><a href="#">17號抓飯</a></li>
<li><a href="#">大盤雞</a></li>
<li><a href="#">五一夜市</a></li>
<li><a href="#">水果</a></li>
</ul>
<br>
</div>
<div id="life">
<h3><span>賓館酒店</span></h3>
<ul>
<li><a href="#">美麗華大飯店</a></li>
<li><a href="#">海德大飯店</a></li>
<li><a href="#">銀都大飯店</a></li>
<li><a href="#">鴻福大飯店</a></li>
<li><a href="#">友好大酒店</a></li>
<li><a href="#">棉麻賓館</a></li>
<li><a href="#">電信賓館</a></li>
</ul>
<br>
</div>
</div>
<div id="footer">
<p>艾薩克 ©版權所有 <a href="mailto:[email protected]">[email protected]</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;
}

與網頁設計製作成品相關的知識