HOME 首頁(yè)
SERVICE 服務(wù)產(chǎn)品
XINMEITI 新媒體代運(yùn)營(yíng)
CASE 服務(wù)案例
NEWS 熱點(diǎn)資訊
ABOUT 關(guān)于我們
CONTACT 聯(lián)系我們
創(chuàng)意嶺
讓品牌有溫度、有情感
專注品牌策劃15年

    學(xué)生網(wǎng)頁(yè)制作成品

    發(fā)布時(shí)間:2023-03-29 22:27:18     稿源: 創(chuàng)意嶺    閱讀: 382        當(dāng)前文章關(guān)鍵詞排名出租

    大家好!今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于學(xué)生網(wǎng)頁(yè)制作成品的問(wèn)題,以下是小編對(duì)此問(wèn)題的歸納整理,讓我們一起來(lái)看看吧。

    創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀企業(yè),服務(wù)客戶遍布全國(guó),相關(guān)業(yè)務(wù)請(qǐng)撥打175-8598-2043,或微信:1454722008

    本文目錄:

    學(xué)生網(wǎng)頁(yè)制作成品

    一、跪求,網(wǎng)頁(yè)制作成品,用HTML和CSS制作的,要有源代碼,只為交作業(yè),十萬(wàn)火急?。?!

    <!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="#">首頁(yè)</a></li>

    <li><a href="#">新疆簡(jiǎn)介</a></li>

    <li><a href="#">風(fēng)土人情</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="#">雁過(guò)留聲</a></li>

    </ul>

    <br>

    </div>

    <div id="left">

    <div id="weather">

    <h4><span>天氣查詢</span></h4>

    <ul>

    <li>烏魯木齊   雷陣雨 20℃-31℃</li>

    <li>吐魯番   多云轉(zhuǎn)陰 20℃-28℃</li>

    <li>喀什   陣雨轉(zhuǎn)多云 25℃-32℃</li>

    <li>庫(kù)爾勒   陣雨轉(zhuǎn)陰 21℃-28℃</li>

    <li>克拉馬依   雷陣雨 26℃-30℃</li>

    </ul>

    <br>

    </div>

    <div id="today">

    <h4><span>今日推薦</span></h4>

    <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">

    <h4><span>美景尋蹤</span></h4>

    <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">

    <h4><span>線路精選</span></h4>

    <ul>

    <li><a href="#">吐魯番——庫(kù)爾勒——庫(kù)車——塔中——和田——喀什</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">

    <h4><span>新疆風(fēng)光</span></h4>

    <p><a href="#" title="點(diǎn)擊看大圖"><img src="map1.jpg"></a></p>

    <p><a href="#" title="點(diǎn)擊看大圖"><img src="map2.jpg"></a></p>

    </div>

    <div id="food">

    <h4><span>小吃推薦</span></h4>

    <ul>

    <li><a href="#">17號(hào)抓飯</a></li>

    <li><a href="#">大盤雞</a></li>

    <li><a href="#">五一夜市</a></li>

    <li><a href="#">水果</a></li>

    </ul>

    <br>

    </div>

    <div id="life">

    <h4><span>賓館酒店</span></h4>

    <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>艾薩克 ©版權(quán)所有 <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 h4{

    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 h4{

    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 h4{

    margin:0px; padding:0px;

    height:41px;

    }

    #middle h4 span{

    display:none; /* 文字去掉,換成圖片 */

    }

    #beauty{

    margin:15px 0px 0px 0px;

    padding:0px;

    }

    #beauty h4{

    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 h4{

    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 h4{

    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;

    }

    二、急 100分求一網(wǎng)頁(yè)制作成品 dreamweaver 只刻到光盤交選修作業(yè),今晚要 謝謝,郵箱xl544447818@163.com

    我有以前做的dreamweaver的網(wǎng)頁(yè)作業(yè)。 為了方便大家下載參考。

    我把網(wǎng)頁(yè)作業(yè)源文件打包上傳到我的百度網(wǎng)盤。

    網(wǎng)頁(yè)作業(yè)下載地址公布于本人的百度空間的文章中。

    找不到的可以私信我

    三、求 網(wǎng)頁(yè)制作作業(yè)成品

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

    這是單個(gè)的導(dǎo)航條。。。

    <!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>

    這是簡(jiǎn)單網(wǎng)頁(yè)。。。

    <!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>

    四、求一個(gè)Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)成品,作品,這個(gè)是網(wǎng)頁(yè)設(shè)計(jì)與制作的期末作業(yè)

    1、 首頁(yè)動(dòng)靜結(jié)合,版塊劃分緊湊合理,不能過(guò)于簡(jiǎn)單;導(dǎo)航欄至少6—7個(gè)鏈接;

    2、 整個(gè)網(wǎng)站要注意具有統(tǒng)一的網(wǎng)站風(fēng)格,最好使用模板;

    3、 切忌每個(gè)頁(yè)面用大量的文字和圖片簡(jiǎn)單組合;

    4、 整個(gè)設(shè)計(jì)要主題突出,版塊鮮明,層次清晰;

    5、 整個(gè)站點(diǎn)要有一個(gè)主色調(diào),顏色不能過(guò)于混亂。

    6、 合理規(guī)劃整個(gè)站點(diǎn)中的內(nèi)容,最好將網(wǎng)站中用到的素材圖片、flash等內(nèi)容放入指定的文件夾中,用于鏈接的頁(yè)面也放入指定的文件夾中,切忌不要所有東西放入一個(gè)文件夾中,呈現(xiàn)混亂狀態(tài),戰(zhàn)點(diǎn)的根目錄下面只有index.html。

    以上就是關(guān)于學(xué)生網(wǎng)頁(yè)制作成品相關(guān)問(wèn)題的回答。希望能幫到你,如有更多相關(guān)問(wèn)題,您也可以聯(lián)系我們的客服進(jìn)行咨詢,客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。


    推薦閱讀:

    學(xué)生沒(méi)錢怎么開網(wǎng)店

    杭州多校學(xué)生確診(杭州小學(xué)生疑似病例)

    學(xué)生網(wǎng)頁(yè)設(shè)計(jì)模板

    微信里的小程序怎么開店

    蘋果8p拍照抖動(dòng)是什么原因(蘋果8p拍照抖動(dòng)是什么原因呢)