网页小学期与制作课程设计

《网页设计与制作课程设实验报告院系名称：管理学院 专业班级：电子商务12级4班 学 功能（JS序501040100201406后，通过使用CSS+DIV制作一个简单的，进一步熟悉和领悟HTML语言、CSS样式表和JAVASCRIPT语言的语法结构，通过实验页制作的步骤与方法，任务是设计一个简单的。1、确定2、搜集材料（、文字3、规划（结构、布局4、制作网页（CSS+DIVJAVASCRIPT5三、设计思1、明确的定位和服务对象23、考虑的大小与颜色搭配，选择适当的，使页面协调，明了4、合理的添加文字和超四、的代 rel="stylesheet"/><linktype="text/css"href="http rel="stylesheet"id="templateFrame" <style#module316{border:none;}#module316{padding:0px;}#module316.formMiddle316{border:none;}#module316.formMiddle316{padding:0px;}#module316.formMiddle316.formMiddleCenter316{border:none;}#module316.formMiddle316.formMiddleCenter316{padding:0px;}#module316.formTop316{display:none;}#module316.formBottom316{display:none;}#module316.formMiddle316.formMiddleLeft316{display:none;}#module316.formMiddle316MiddleRight316{display:none;}#module316.formBanner316{display:none;}#module316.for {background:none;}#module316.formMiddle316.formMiddleCenter316{background:none;}#module316.formMiddleContent316{background:none;}#module313.formBanner313{display:none;}#module312.formBanner312{display:none;}#module311#module317{border:none;}#module317{padding:0px;}#module317.formMiddle317{border:none;}#module317.formMiddle317{padding:0px;}#module317.formMiddle317.formMiddleCenter317{border:none;}#module317.formMiddle317.formMiddleCenter317{padding:0px;}#module317.formTop317{display:none;}#module317.formBottom317{display:none;}#module317.formMiddle317.formMiddleLeft317{display:none;}#module317.formMiddle317.formMiddleRight317{display:none;}#module317.formBanner317{display:none;}#module317.for {background:none;}#module317.formMiddle317.formMiddleCenter317{background:none;}#module317.formMiddleContent317{background:none;}#module315.formBanner315{display:none;}#module314#module323{border:none;}#module323{padding:0px;}#module323.formMiddle323{border:none;}#module323.formMiddle323{padding:0px;}#module323.formMiddle323.formMiddleCenter323{border:none;}#module323.formMiddle323.formMiddleCenter323{padding:0px;}#module323.formTop323{display:none;}#module323.formBottom323{display:none;}#module323.formMiddle323.formMiddleLeft323{display:none;}#module323.formMiddle323.formground:none;}#module323.formMiddle323{background:none;}#module323.formMiddle323.formMiddleCenter323{background:none;}#module323.formMiddleContent323{background:n<styleid='styleHeaderTop'<styleid='stylenav'<styleid='stylefooter'<styleid='styleBannerBg'<styleid='styleWebSite'<bodyclass="g_bodyg_locale2052"<divid="g_main"class='g_maing_col2'style='0'<divid="web"class="g_web<tableclass="webTopTable"cellpadding="0"<tr><td<divid="webTop"<tableclass="absTopTable"cellpadding="0"<tr><td<divid="absTopForms"class="formssideForms<divstyle="position:absolute;"></div><!--forie6--<divid='module323'_indexClass='formIndex1'class='formformIndex1formStyle62'title=''_autoHeight='1'_global='true'_independent='false'<tableclass='formTopformTop323'cellpadding='0'cellspacing='0'><tr><tdclass='left'></td><tdclass='center'></td><tdclass='right'></td></tr></table><tableclass='formMiddleformMiddle323'cellpadding='0'<tdclass='formMiddleLeft<tdclass='formMiddleCenterformMiddleCenter323'<divclass='formMiddleContent100'/><aclass='g_btnsearchBoxBtn'href='javascript:;'onclick='Site.searchInSite(323);'><span><tdclass='formMiddleRight<tableclass='formBottomformBottom323'cellpadding='0'cellspacing='0'><tr><tdclass='leftleft323'></td><tdclass='centercenter323'></td><tdclass='rightright323'></td></tr></table><divclass='clearfloat<tableclass="webHeaderTable"cellpadding="0"cellspacing="0"<tr><tdalign="center"<divid="webHeader"<tableclass='headerTable'cellpadding='0'<tr><td<tdclass='headerCusMiddle'align='center'<div<td<tableclass="webBannerTable"cellpadding="0"<tr><td<divid="webBanner"<tableclass="bannerTable"cellpadding="0"<tr><td<tdclass="bannerCenter"align='center'<div<divid='nav'class='navnav2navStyle<divclass='navMainContent'><tableclass='navTop'cellpadding='0'cellspacing='0'><tr><td<tableclass='navContent'cellpadding='0'<tr><td<tdclass='navCenterContent'valign='top'<divid='navCenter'class='navCenter'<div<div<tableclass='itemitemCol2itemIndex1'cellpadding='0'cellspacing='0'colId='2'id='nav2' _jump='.location.href="/"'><tr><td false;'><spanclass='itemName0'>首页</span></a></td><td _jump='.location.href="/pl.jsp"'<tr><td<tdclass='itemCenter'><ahidefocus='true'style='outline:none;'href='/pl.jsp'onclick='returnfalse;'><spanclass='itemName0'>产品展示</span></a></td><td _jump='.location.href="/nl.jsp"'<tr><td<tdclass='itemCenter'><ahidefocus='true'style='outline:none;'href='/nl.jsp'onclick='returnfalse;'><spanclass='itemName0'>时尚潮流</span></a></td><td_jump='.location.href="/msgBoard.jsp"'<tr><td onclick='returnfalse;'><spanclass='itemName0'>关于我们</span></a></td><td .location.href="/mcart.jsp"'<tr><td<tdclass='itemCenter'><ahidefocus='truestyle='outline:nonehref='/mcart.jsp'onclick='returnfalse;'><spanclass='itemName0'>礼品推荐</span></a></td><td onclick='_jump='.location.href="/signup.jsp"'<tr><td<tdclass='itemCenter'><ahidefocus='true'style='outline:none;'href='/signup.jsp'onclick='returnfalse;'><spanclass='itemName0'>会员</span></a></td><td_jump='.location.href="/login.jsp"'<tr><td<tdclass='itemCenter'><ahidefocus='true'style='outline:none;'href='/login.jsp'onclick='returnfalse;'><spanclass='itemName0'>会员登录</span></a></td><td<div<td<td<tableclass="absMiddleTable"cellpadding="0"<tr><td<divid="absForms"class="formssideForms<tableclass="webContainerTable"cellpadding="0"<tr><td<divid="webContainer"<divid="container"<tableclass="containerTop"cellpadding='0'<tr<td<td<td<tableclass="containerMiddle"cellpadding='0'<tr<tdid="containerMiddleLeft"<td<divid="containerMiddleCenterTop"<divid="containerForms"<divid="topForms"class="columnformsmainFormstopForms"<tableclass="containerFormsMiddle"cellpadding='0'<tdvalign="top"id="containerFormsLeft"class="containerFormsLeft"<div<divid="leftForms"class="columnformssideForms<div<tdvalign="top"id="containerFormsCenter"<divid="centerTopForms"class="columnformsmainFormscenterTopForms"<divid='module316'_indexClass='formIndex1'class='formform316formIndex1formStyle35 _global='false'_independent='false'<tableclass='formTopformTop316'cellpadding='0'cellspacing='0'><tr><tdclass='left'></td><tdclass='center'></td><tdclass='right'></td></tr></table><tableclass='formMiddleformMiddle316'cellpadding='0'<tdclass='formMiddleLeft<tdclass='formMiddleCenterformMiddleCenter316'<divclass='formMiddleContent<divclass='mulMColContent'id='mulMColContent316'><tablewidth="100%"border="0"class="mulColLayoutmulColPadding"style="width:310px;"><divid="mulMCol316_cid_1"class="mulMColList"><divid='module311'_indexClass=''class='formform311formStyle1formInMulMCol'title=''style=''_side='0'_inTab='0'_inMulMCol='316'_global='false'_independent='false'class='center'></td><tdclass='right'></td></tr></table><tableclass='formMiddleformMiddle311'cellpadding='0'<tdclass='formMiddleLeft<tdclass='formMiddleCenterformMiddleCenter311'<divclass='formMiddleContent height="308"/alt=""></p></div></div></td><tdclass='formMiddleRight<tableclass='formBottomformBottom311'cellpadding='0'cellspacing='0'><tr><tdclass='leftleft311'></td><tdclass='centercenter311'></td><tdclass='rightright311'></td></tr></table><divclass='clearfloat</div><divclass="mulModuleColStyleLine"style=""></div></td><tdclass="mulColLayoutclass="mulMColList"><divid='module312'_indexClass=''class='formform312formStyle1formInMulMCol'title=''style=''_side='0'_inTab='0'_inMulMCol='316'_global='false'_independent='false'<tableclass='formTopformTop312'cellpadding='0'cellspacing='0'><tr><tdclass='left'></td><tdclass='center'></td><tdclass='right'></td></tr></table><tableclass='formMiddleformMiddle312'cellpadding='0'<tdclass='formMiddleLeft<tdclass='formMiddleCenterformMiddleCenter312'<divclass='formMiddleContent /4/ABUIABAEGAAg2fGenQUogMDzlQYwjgI4tQI.png"width="270"height="309"/alt=""></p></div></div></td><tdclass='formMiddleRight<tableclass='formBottomformBottom312'cellpadding='0'cellspacing='0'><tr><tdclass='leftleft312'></td><tdclass='centercenter312'></td><tdclass='rightright312'></td></tr></table><divclass='clearfloat</div><divclass="mulModuleColStyleLine"style=""></div></td><tdclass="mulColLayout" _indexClass=''class='formform313formStyle1formInMulMCol'title=''style=''_inTab='0'_inMulMCol='316'_autoHeight='1'_global='false'_independent='false' class='left'></td><tdclass='center'></td><tdclass='right'></td></tr></table><tableclass='formMiddleformMiddle313'cellpadding='0'<tdclass='formMiddleLeft<tdclass='formMiddleCenterformMiddleCenter313'<divclass='formMiddleContent gcwmwI4uAI.jpg"width="283"height="312"/alt=""></p></div></div></td><tdclass='formMiddleRight<tableclass='formBottomformBottom313'cellpadding='0'cellspacing='0'><tr><tdclass='leftleft313'></td><tdclass='centercenter313'></td><tdclass='rightright313'></td></tr></table><divclass='clearfloat<tdclass='formMiddleRight<tableclass='formBottomformBottom316'cellpadding='0'cellspacing='0'><tr><tdclass='leftleft316'></td><tdclass='centercenter316'></td><tdclass='rightright316'></td></tr></table><divclass='clearfloat<divid='module317'_indexClass='formIndex2'class='formform317formIndex2formStyle35 _global='false'_independent='false'<tableclass='formTopformTop317'cellpadding='0'cellspacing='0'><tr><tdclass='left'></td><tdclass='center'></td><tdclass='right'></td></tr></table><tableclass='formMiddleformMiddle317'cellpadding='0'<tdclass='formMiddleLeft<tdclass='formMiddleCenterformMiddleCenter317'<divclass='formMiddleContent<divclass='mulMColContent'id='mulMColContent317'><tablewidth="100%"border="0"class="mulColLayoutmulColPadding"style="width:470px;"><divid="mulMCol317_cid_1"class="mulMColList"><divid='module314'_indexClass=''class='formform314formStyle1formInMulMCol'title=''style=''_side='0'_inTab='0'_inMulMCol='317'_global='false'_independent='false'<tableclass='formTopformTop314'cellpadding='0'cellspacing='0'><tr><tdclass='left'></td><tdclass='center'></td><tdclass='right'></td></tr></table><tableclass='formMiddleformMiddle314'cellpadding='0'<tdclass='formMiddleLeft<tdclass='formMiddleCenterformMiddleCenter314'<divclass='formMiddleContent /2/ABUIABACGAAguO2enQUortLljgQwzQM4zAE.jpg"width="461"height="204"/alt=""></p></div></div></td><tdclass='formMiddleRight<tableclass='formBottomformBottom314'cellpadding='0'cellspacing='0'><tr><tdclass='leftleft314'></td><tdclass='centercenter314'></td><tdclass='rightright314'></td></tr></table><divclass='clearfloat</div><divclass="mulModuleColStyleLine"style=""></div></td><tdclass="mulColLayout" _indexClass=''class='formform315formStyle1formInMulMCol'title=''style=''_inTab='0'_inMulMCol='317'_autoHeight='1'_global='false'_independent='false' class='left'></td><tdclass='center'></td><tdclass='right'></td></tr></table><tableclass='formMiddleformMiddle315'cellpadding='0'<tdclass='formMiddleLeft<tdclass='formMiddleCenterformMiddleCenter315'<divclass='formMiddleContent<divclass='richContentrichContent0'><p>&;&;&;<img /2/ABUIABACGAAgq9yenQUon8y0oAIwrgM40gE.jpg"width="430"height="210"alt=""/></p></div></div></td><tdclass='formMiddleRight<tableclass='formBottomformBottom315'cellpadding='0'cellspacing='0'><tr><tdclass='leftleft315'></td><tdclass='centercenter315'></td><tdclass='rightright315'></td></tr></table><divclass='clearfloat<tdclass='formMiddleRight<tableclass='formBottomformBottom317'cellpadding='0'cellspacing='0'><tr><tdclass='leftleft317'></td><tdclass='centercenter317'></td><tdclass='rightright317'></td></tr></table><divclass='clearfloat<div <tdvalign="top"id="containerFormsRight"class="containerFormsRight"<div<divid="rightForms"class="columnformssideForms<div<divid="containerPlaceholder"class="containerPlaceholder"<divid="containerMiddleCenterBottom"<tdid="containerMiddleRight"<tableclass="containerBottom"cellpadding='0'<tr<td<td<td<tableclass="absBottomTable"cellpadding="0"<tr><td<divid="absBottomForms"class="formssideForms<div<tableid="webFooterTable"class="webFo