实验报告
系 别 交通运输管理学院
学生姓名 余东阳
专 业 信息管理与信息系统
学 号 2220123771
实验课程 电子商务网站设计
指导老师 贺琳
填制日期:20##年12 月25 日
实验一 网站设计
一、实验目的与要求
设计并实施一个网站。
1. 网站主题自选,但风格、色彩、布局等需要统一。
2. 要求网站至少由5个页面构成。
3. 页面遵循HTML4.01 或XHTML 1.0 strict 标准。
4. 页面的表现由CSS文件描述。
5. 页面的布局要求用CSS文件描述。
6. 页面的行为由Javascript文件完成。
二、实验内容与步骤及结果展示
2.1实验内容
2.1.1 主页
1 绘制出网页的框架
设计第一步就是页面功能结构分析,构思好了,一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来,以下是构思好的界面布局图。本次实验的基本页面构想图(图1)。
图 1
2 页面结构设计
构思页面整体布局,设计出总体框架,写出如图2.
3 写入整体层结构与CSS
接下来我们在桌面新建一个文件夹,命名为“电子商务实验课”,在文件夹下新建两个空的文档。
homepage.htm
homepage.css
用Dreamweaver打开已经建立好的站点endpage。打开“home page.html”,在<head></head>标签对中写入:
<link href="homepage.css" rel="stylesheet" type="text/css" />,
在<body></body>标签对中写入设计好的DIV的基本结构(如图二)
用浏览器打开,这时我们已经可以看到基础结构了,这个就是页面的框架了。
4、填充基本结构
<HTML>
<HEAD>
<TITLE>汽车世界</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (index.psd) -->
<SCRIPT TYPE="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
company_over = newImage("images/company-over.gif");
products_over = newImage("images/products-over.gif");
accessories_over = newImage("images/accessories-over.gif");
support_over = newImage("images/support-over.gif");
news___events_over = newImage("images/news-%26-events-over.gif");
contacts_over = newImage("images/contacts-over.gif");
preloadFlag = true;
}
}
// -->
</SCRIPT>
2.1.2其他页面
其他页面的设计方法,基本和主页相同只是形式与颜色还有部分布局的细节不同,在这里就不在赘述设计过程。
l 资料页面(以表单为主)
l 图像页面,(以浮动的DIV为主)
l 文档页面(用frame结构完成)
l 文字简介页面(以固定档案为主)
2.1.3超链接
所有页面设计完成后均有导航部分(位置与形式不同),用<a>标签进行相互连接
2.2实验内容【具体内容见页面的源代码】
1.<HTML>
<HEAD>
<TITLE>汽车世界</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (index.psd) -->
<SCRIPT TYPE="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
company_over = newImage("images/company-over.gif");
products_over = newImage("images/products-over.gif");
accessories_over = newImage("images/accessories-over.gif");
support_over = newImage("images/support-over.gif");
news___events_over = newImage("images/news-%26-events-over.gif");
contacts_over = newImage("images/contacts-over.gif");
preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->
<style type="text/css">
<!--
.style4 {font-size: 12px}
-->
</style>
</HEAD>
<link href="css/styles.css" rel="stylesheet" type="text/css">
<center>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">
<!-- ImageReady Slices (index.psd) -->
<TABLE WIDTH=775 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=12 ROWSPAN=3>
<IMG SRC="images/title.gif" WIDTH=557 HEIGHT=77 ALT=""></TD>
<TD COLSPAN=5>
<IMG SRC="images/m1.gif" WIDTH=218 HEIGHT=23 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4>
<A HREF="#"
ONMOUSEOVER="window.status='view catalog'; return true;"
ONMOUSEOUT="window.status=''; return true;">
<IMG SRC="images/view-catalog.gif" WIDTH=208 HEIGHT=24 BORDER=0 ALT="view catalog"></A></TD>
<TD>
<IMG SRC="images/m2.gif" WIDTH=10 HEIGHT=24 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/m3.gif" WIDTH=218 HEIGHT=30 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2>
<A HREF="index.html"
ONMOUSEOVER="window.status='company'; changeImages('company', 'images/company-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('company', 'images/company.gif'); return true;">
<IMG NAME="company" SRC="images/company.gif" WIDTH=121 HEIGHT=49 BORDER=0 ALT="index"></A></TD>
<TD COLSPAN=3>
<a href="pic.html"><IMG NAME="products" SRC="images/products.gif" WIDTH=101 HEIGHT=49 BORDER=0 ALT="pic"></a></TD>
<TD>
<A HREF="lishi.html"
ONMOUSEOVER="window.status='accessories'; changeImages('accessories', 'images/accessories-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('accessories', 'images/accessories.gif'); return true;">
<IMG NAME="accessories" SRC="images/accessories.gif" WIDTH=108 HEIGHT=49 BORDER=0 ALT="lishi"></A></TD>
<TD COLSPAN=3>
<IMG SRC="images/m4.gif" WIDTH=70 HEIGHT=49 ALT=""></TD>
<TD>
<A HREF="fll.html"
ONMOUSEOVER="window.status='support'; changeImages('support', 'images/support-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('support', 'images/support.gif'); return true;">
<IMG NAME="support" SRC="images/support.gif" WIDTH=88 HEIGHT=49 BORDER=0 ALT="falali"></A></TD>
<TD COLSPAN=3>
<A HREF="bc.html"
ONMOUSEOVER="window.status='news & events'; changeImages('news___events', 'images/news-%26-events-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('news___events', 'images/news-%26-events.gif'); return true;">
<IMG NAME="news___events" SRC="images/news-%26-events.gif" WIDTH=142 HEIGHT=49 BORDER=0 ALT="benchi"></A></TD>
<TD>
<A HREF="bm.html"
ONMOUSEOVER="window.status='contacts'; changeImages('contacts', 'images/contacts-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('contacts', 'images/contacts.gif'); return true;">
<IMG NAME="contacts" SRC="images/contacts.gif" WIDTH=93 HEIGHT=49 BORDER=0 ALT="baoma"></A></TD>
<TD COLSPAN=3>
<IMG SRC="images/m5.gif" WIDTH=52 HEIGHT=49 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=7>
<IMG SRC="images/wel1.gif" WIDTH=342 HEIGHT=139 ALT=""></TD>
<TD COLSPAN=10 ROWSPAN=2 background="images/index_main.gif"><p>
</p>
<p> </p>
<p>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="416" height="212">
<param name="movie" value="flash/index.swf">
<param name="quality" value="high">
<embed src="flash/index.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="416" height="212"></embed>
</object>
</p></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/wel2.gif" WIDTH=132 HEIGHT=208 ALT=""></TD>
<TD COLSPAN=4 align="left" valign="top" bgcolor="#000000" class="text2">
<p>欢迎。。。</p>
<p> </p>
<p><br>
<embed src="music/huo.mp3" quality="high" width="205" height="51" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash"></embed>
</p></TD>
</TR>
<TR>
<TD COLSPAN=4 ROWSPAN=2>
<IMG SRC="images/feat1.gif" WIDTH=158 HEIGHT=139 ALT=""></TD>
<TD COLSPAN=4>
<IMG SRC="images/feat2.gif" WIDTH=201 HEIGHT=55 ALT=""></TD>
<TD COLSPAN=3 ROWSPAN=2>
<IMG SRC="images/lat1.gif" WIDTH=157 HEIGHT=139 ALT=""></TD>
<TD COLSPAN=6>
<IMG SRC="images/lat2.gif" WIDTH=259 HEIGHT=55 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4 align="left" valign="top" background="images/b_feat.gif"><span class="style4"> 1766年英国发明家瓦特(1736--1819)<br>
改进了蒸汽机,拉开了第一次工业革<br>
命的序幕。。。。</span><a href="lishi.html" class="b">read more</a> </TD>
<TD COLSPAN=4 align="left" valign="top" background="images/b_lat.gif"><span class="style4">汽车常识<br>
汽车常识</span></TD>
<TD COLSPAN=2>
<IMG SRC="images/lat3.gif" WIDTH=25 HEIGHT=84 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/down2.gif" WIDTH=13 HEIGHT=68 ALT=""></TD>
<TD COLSPAN=16 WIDTH=762 HEIGHT=17>
<IMG SRC="images/down1.gif" WIDTH=762 HEIGHT=17 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=16 align="left" valign="top" background="images/b_links.gif" WIDTH=762 HEIGHT=51><div align="center"><span class="style4"><br>
版权所有 北京科技大学天津学院 李朝</span></div></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=13 HEIGHT=1 ALT=""></TD>
<TD><IMG SRC="images/spacer.gif" WIDTH=108 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=26 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=64 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=108 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=12 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=17 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=41 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=88 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=28 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=41 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=73 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=93 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=27 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=15 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=10 HEIGHT=1 ALT=""></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</center>
</HTML>
<span style="display:none;">Õâ¸öÄ£°æÀ´×Ôhttp://BestMoban.Com,¸ü¶àÄ£°æÇë·ÃÎÊ<a href="http://BestMoban.Com">http://BestMoban.Com</a> <a href="http://Moban.17Easy.Com">http://Moban.17Easy.Com</a> <a href="http://www.mb8.cn">http://www.mb8.cn</a></span>
2. <HTML>
<HEAD>
<TITLE>历史</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (index.psd) -->
<SCRIPT TYPE="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
company_over = newImage("images/company-over.gif");
products_over = newImage("images/products-over.gif");
accessories_over = newImage("images/accessories-over.gif");
support_over = newImage("images/support-over.gif");
news___events_over = newImage("images/news-%26-events-over.gif");
contacts_over = newImage("images/contacts-over.gif");
preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->
<style type="text/css">
<!--
.style4 {font-size: 12px}
.style5 {font-size: 10px}
.style6 {font-size: 14px}
-->
</style>
</HEAD>
<link href="css/styles.css" rel="stylesheet" type="text/css">
<center>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">
<!-- ImageReady Slices (index.psd) -->
<TABLE WIDTH=775 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<!--DWLayoutTable-->
<TR>
<TD COLSPAN=12 ROWSPAN=3>
<IMG SRC="images/title.gif" WIDTH=557 HEIGHT=77 ALT=""></TD>
<TD COLSPAN=5>
<IMG SRC="images/m1.gif" WIDTH=218 HEIGHT=23 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4>
<A HREF="#"
ONMOUSEOVER="window.status='view catalog'; return true;"
ONMOUSEOUT="window.status=''; return true;">
<IMG SRC="images/view-catalog.gif" WIDTH=208 HEIGHT=24 BORDER=0 ALT="view catalog"></A></TD>
<TD>
<IMG SRC="images/m2.gif" WIDTH=10 HEIGHT=24 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/m3.gif" WIDTH=218 HEIGHT=30 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2>
<A HREF="index.html"
ONMOUSEOVER="window.status='company'; changeImages('company', 'images/company-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('company', 'images/company.gif'); return true;">
<IMG NAME="company" SRC="images/company.gif" WIDTH=121 HEIGHT=49 BORDER=0 ALT="index"></A></TD>
<TD COLSPAN=3>
<A HREF="pic.html"
ONMOUSEOVER="window.status='products'; changeImages('products', 'images/products-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('products', 'images/products.gif'); return true;">
<IMG NAME="products" SRC="images/products.gif" WIDTH=101 HEIGHT=49 BORDER=0 ALT="pic"></A></TD>
<TD>
<A HREF="lishi.html"
ONMOUSEOVER="window.status='accessories'; changeImages('accessories', 'images/accessories-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('accessories', 'images/accessories.gif'); return true;">
<IMG NAME="accessories" SRC="images/accessories.gif" WIDTH=108 HEIGHT=49 BORDER=0 ALT="lishi"></A></TD>
<TD COLSPAN=3>
<IMG SRC="images/m4.gif" WIDTH=70 HEIGHT=49 ALT=""></TD>
<TD>
<A HREF="fll.html"
ONMOUSEOVER="window.status='support'; changeImages('support', 'images/support-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('support', 'images/support.gif'); return true;">
<IMG NAME="support" SRC="images/support.gif" WIDTH=88 HEIGHT=49 BORDER=0 ALT="falali"></A></TD>
<TD COLSPAN=3>
<A HREF="bc.html"
ONMOUSEOVER="window.status='news & events'; changeImages('news___events', 'images/news-%26-events-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('news___events', 'images/news-%26-events.gif'); return true;">
<IMG NAME="news___events" SRC="images/news-%26-events.gif" WIDTH=142 HEIGHT=49 BORDER=0 ALT="benchi"></A></TD>
<TD>
<A HREF="bm.html"
ONMOUSEOVER="window.status='contacts'; changeImages('contacts', 'images/contacts-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('contacts', 'images/contacts.gif'); return true;"> <img name="contacts" src="images/contacts.gif" width=93 height=49 border=0 alt="bmw"></A></TD>
<TD COLSPAN=3>
<IMG SRC="images/m5.gif" WIDTH=52 HEIGHT=49 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=7> <img src="images/wel1.gif" width=342 height=139 alt=""></TD>
<TD COLSPAN=10 ROWSPAN=2>
<IMG SRC="images/main.gif" WIDTH=433 HEIGHT=347 ALT=""></TD>
</TR>
<TR>
<TD height="208" COLSPAN=3>
<IMG SRC="images/wel2.gif" WIDTH=132 HEIGHT=208 ALT=""></TD>
<TD COLSPAN=4 align="left" valign="top" bgcolor="#000000" class="text2"> <table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="210" height="208" valign="top"><span class="style5"> 1766年英国发明家瓦特(1736--1819)<br>
改进了蒸汽机,拉开了第一次工业革<br>
命的序幕。1769年法国陆军工程师古<br>
诺(1725-1804)制造出第一辆蒸汽机驱<br>
动的汽车。由于试车时转向系统失灵,<br>
撞到般圣奴兵工厂的墙壁上粉身碎骨,<br>
这是世界上第一起机动车事故。1771<br>
年古诺改进了蒸汽汽车,时速可达9.5<br>
千米,牵引45吨的货物。1794年英国<br>
人斯垂特首次提出把燃料和空气混合<br>
制成混合气体以供燃烧的构想。1796<br>
年意大利科学家沃尔兹发明了世界上<br>
第一台蓄电池,这项发明为汽车的诞<br>
生和发展带来了历史性的转折。</span></td>
</tr>
</table></TD>
</TR>
<TR>
<TD COLSPAN=4 ROWSPAN=2>
<IMG SRC="images/feat1.gif" WIDTH=158 HEIGHT=139 ALT=""></TD>
<TD COLSPAN=4>
<IMG SRC="images/feat2.gif" WIDTH=201 HEIGHT=55 ALT=""></TD>
<TD COLSPAN=3 ROWSPAN=2>
<IMG SRC="images/lat1.gif" WIDTH=157 HEIGHT=139 ALT=""></TD>
<TD COLSPAN=6>
<IMG SRC="images/lat2.gif" WIDTH=259 HEIGHT=55 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4 align="left" valign="top" background="images/b_feat.gif">
<span class="style4"> 1766年英国发明家瓦特(1736--1819)<br>
改进了蒸汽机,拉开了第一次工业革<br>
命的序幕。。。。</span><a href="lishi.html" class="b">read more</a></TD>
<TD COLSPAN=4 align="left" valign="top" background="images/b_lat.gif">
<span class="text3">。。。</span><a href="#" class="b">read more</a></TD>
<TD COLSPAN=2>
<IMG SRC="images/lat3.gif" WIDTH=25 HEIGHT=84 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/down2.gif" WIDTH=13 HEIGHT=68 ALT=""></TD>
<TD COLSPAN=16 HEIGHT=17>
<IMG SRC="images/down1.gif" WIDTH=762 HEIGHT=17 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=16 align="left" valign="top" background="images/b_links.gif" HEIGHT=51><div align="center"><span class="style6"><br>
版权所有 北京科技大学天津学院 李朝 </span> </div></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=13 HEIGHT=1 ALT=""></TD>
<TD><IMG SRC="images/spacer.gif" WIDTH=108 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
<TD width="26">
<IMG SRC="images/spacer.gif" WIDTH=26 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=64 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=108 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=12 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=17 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=41 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=88 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=28 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=41 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=73 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=93 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=27 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=15 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=10 HEIGHT=1 ALT=""></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</center>
</HTML>
<span style="display:none;">Õâ¸öÄ£°æÀ´×Ôhttp://BestMoban.Com,¸ü¶àÄ£°æÇë·ÃÎÊ<a href="http://BestMoban.Com">http://BestMoban.Com</a> <a href="http://Moban.17Easy.Com">http://Moban.17Easy.Com</a> <a href="http://www.mb8.cn">http://www.mb8.cn</a></span>
3. <HTML>
<HEAD>
<TITLE>图片</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (index.psd) -->
<SCRIPT TYPE="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
company_over = newImage("images/company-over.gif");
products_over = newImage("images/products-over.gif");
accessories_over = newImage("images/accessories-over.gif");
support_over = newImage("images/support-over.gif");
news___events_over = newImage("images/news-%26-events-over.gif");
contacts_over = newImage("images/contacts-over.gif");
preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->
<style type="text/css">
<!--
.style4 {font-size: 12px}
.style5 {font-size: 14px}
-->
</style>
</HEAD>
<link href="css/styles.css" rel="stylesheet" type="text/css">
<center>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">
<!-- ImageReady Slices (index.psd) -->
<TABLE WIDTH=775 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=12 ROWSPAN=3>
<IMG SRC="images/title.gif" WIDTH=557 HEIGHT=77 ALT=""></TD>
<TD COLSPAN=5>
<IMG SRC="images/m1.gif" WIDTH=218 HEIGHT=23 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4>
<A HREF="#"
ONMOUSEOVER="window.status='view catalog'; return true;"
ONMOUSEOUT="window.status=''; return true;">
<IMG SRC="images/view-catalog.gif" WIDTH=208 HEIGHT=24 BORDER=0 ALT="view catalog"></A></TD>
<TD>
<IMG SRC="images/m2.gif" WIDTH=10 HEIGHT=24 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/m3.gif" WIDTH=218 HEIGHT=30 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2>
<A HREF="index.html"
ONMOUSEOVER="window.status='company'; changeImages('company', 'images/company-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('company', 'images/company.gif'); return true;">
<IMG NAME="company" SRC="images/company.gif" WIDTH=121 HEIGHT=49 BORDER=0 ALT="index"></A></TD>
<TD COLSPAN=3>
<a href="pic.html"><IMG NAME="products" SRC="images/products.gif" WIDTH=101 HEIGHT=49 BORDER=0 ALT="pic"></a></TD>
<TD>
<A HREF="lishi.html"
ONMOUSEOVER="window.status='accessories'; changeImages('accessories', 'images/accessories-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('accessories', 'images/accessories.gif'); return true;">
<IMG NAME="accessories" SRC="images/accessories.gif" WIDTH=108 HEIGHT=49 BORDER=0 ALT="lishi"></A></TD>
<TD COLSPAN=3>
<IMG SRC="images/m4.gif" WIDTH=70 HEIGHT=49 ALT=""></TD>
<TD>
<A HREF="fll.html"
ONMOUSEOVER="window.status='support'; changeImages('support', 'images/support-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('support', 'images/support.gif'); return true;">
<IMG NAME="support" SRC="images/support.gif" WIDTH=88 HEIGHT=49 BORDER=0 ALT="falali"></A></TD>
<TD COLSPAN=3>
<A HREF="bc.html"
ONMOUSEOVER="window.status='news & events'; changeImages('news___events', 'images/news-%26-events-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('news___events', 'images/news-%26-events.gif'); return true;">
<IMG NAME="news___events" SRC="images/news-%26-events.gif" WIDTH=142 HEIGHT=49 BORDER=0 ALT="benchi"></A></TD>
<TD>
<A HREF="bm.html"
ONMOUSEOVER="window.status='contacts'; changeImages('contacts', 'images/contacts-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('contacts', 'images/contacts.gif'); return true;">
<IMG NAME="contacts" SRC="images/contacts.gif" WIDTH=93 HEIGHT=49 BORDER=0 ALT="baoma"></A></TD>
<TD COLSPAN=3>
<IMG SRC="images/m5.gif" WIDTH=52 HEIGHT=49 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=7>
<IMG SRC="images/wel1.gif" WIDTH=342 HEIGHT=139 ALT=""></TD>
<TD COLSPAN=10 ROWSPAN=2 background="images/index_main.gif"><p><img src="images/pic.jpg" width="433" height="345"> </p>
</TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/wel2.gif" WIDTH=132 HEIGHT=208 ALT=""></TD>
<TD COLSPAN=4 align="left" valign="top" bgcolor="#000000" class="text2"><img src="images/pic2.jpg" width="181" height="173">
</TD>
</TR>
<TR>
<TD COLSPAN=4 ROWSPAN=2>
<IMG SRC="images/feat1.gif" WIDTH=158 HEIGHT=139 ALT=""></TD>
<TD COLSPAN=4>
<IMG SRC="images/feat2.gif" WIDTH=201 HEIGHT=55 ALT=""></TD>
<TD COLSPAN=3 ROWSPAN=2>
<IMG SRC="images/lat1.gif" WIDTH=157 HEIGHT=139 ALT=""></TD>
<TD COLSPAN=6>
<IMG SRC="images/lat2.gif" WIDTH=259 HEIGHT=55 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4 align="left" valign="top" background="images/b_feat.gif"><span class="style4"> 1766年英国发明家瓦特(1736--1819)<br>
改进了蒸汽机,拉开了第一次工业革<br>
命的序幕。。。。</span><a href="lishi.html" class="b">read more</a> </TD>
<TD COLSPAN=4 align="left" valign="top" background="images/b_lat.gif"><span class="style5">汽车常识 </span></TD>
<TD COLSPAN=2>
<IMG SRC="images/lat3.gif" WIDTH=25 HEIGHT=84 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/down2.gif" WIDTH=13 HEIGHT=68 ALT=""></TD>
<TD COLSPAN=16 WIDTH=762 HEIGHT=17>
<IMG SRC="images/down1.gif" WIDTH=762 HEIGHT=17 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=16 align="left" valign="top" background="images/b_links.gif" WIDTH=762 HEIGHT=51><div align="center"><span class="style5"><br>
版权所有 北京科技大学天津学院 李朝 </span> </div></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=13 HEIGHT=1 ALT=""></TD>
<TD><IMG SRC="images/spacer.gif" WIDTH=108 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=26 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=64 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=108 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=12 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=17 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=41 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=88 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=28 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=41 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=73 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=93 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=27 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=15 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=10 HEIGHT=1 ALT=""></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</center>
</HTML>
<span style="display:none;">Õâ¸öÄ£°æÀ´×Ôhttp://BestMoban.Com,¸ü¶àÄ£°æÇë·ÃÎÊ<a href="http://BestMoban.Com">http://BestMoban.Com</a> <a href="http://Moban.17Easy.Com">http://Moban.17Easy.Com</a> <a href="http://www.mb8.cn">http://www.mb8.cn</a></span>
4. <HTML>
<HEAD>
<TITLE>法拉利</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (index.psd) -->
<SCRIPT TYPE="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
company_over = newImage("images/company-over.gif");
products_over = newImage("images/products-over.gif");
accessories_over = newImage("images/accessories-over.gif");
support_over = newImage("images/support-over.gif");
news___events_over = newImage("images/news-%26-events-over.gif");
contacts_over = newImage("images/contacts-over.gif");
preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->
<style type="text/css">
<!--
.style4 {font-size: 12px}
.style5 {font-size: 14px}
-->
</style>
</HEAD>
<link href="css/styles.css" rel="stylesheet" type="text/css">
<center>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">
<!-- ImageReady Slices (index.psd) -->
<TABLE WIDTH=775 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=12 ROWSPAN=3>
<IMG SRC="images/title.gif" WIDTH=557 HEIGHT=77 ALT=""></TD>
<TD COLSPAN=5>
<IMG SRC="images/m1.gif" WIDTH=218 HEIGHT=23 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4>
<A HREF="#"
ONMOUSEOVER="window.status='view catalog'; return true;"
ONMOUSEOUT="window.status=''; return true;">
<IMG SRC="images/view-catalog.gif" WIDTH=208 HEIGHT=24 BORDER=0 ALT="view catalog"></A></TD>
<TD>
<IMG SRC="images/m2.gif" WIDTH=10 HEIGHT=24 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/m3.gif" WIDTH=218 HEIGHT=30 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2>
<A HREF="index.html"
ONMOUSEOVER="window.status='company'; changeImages('company', 'images/company-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('company', 'images/company.gif'); return true;">
<IMG NAME="company" SRC="images/company.gif" WIDTH=121 HEIGHT=49 BORDER=0 ALT="index"></A></TD>
<TD COLSPAN=3>
<a href="pic.html"><IMG NAME="products" SRC="images/products.gif" WIDTH=101 HEIGHT=49 BORDER=0 ALT="pic"></a></TD>
<TD>
<A HREF="lishi.html"
ONMOUSEOVER="window.status='accessories'; changeImages('accessories', 'images/accessories-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('accessories', 'images/accessories.gif'); return true;">
<IMG NAME="accessories" SRC="images/accessories.gif" WIDTH=108 HEIGHT=49 BORDER=0 ALT="lishi"></A></TD>
<TD COLSPAN=3>
<IMG SRC="images/m4.gif" WIDTH=70 HEIGHT=49 ALT=""></TD>
<TD>
<A HREF="fll.html"
ONMOUSEOVER="window.status='support'; changeImages('support', 'images/support-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('support', 'images/support.gif'); return true;">
<IMG NAME="support" SRC="images/support.gif" WIDTH=88 HEIGHT=49 BORDER=0 ALT="falali"></A></TD>
<TD COLSPAN=3>
<A HREF="bc.html"
ONMOUSEOVER="window.status='news & events'; changeImages('news___events', 'images/news-%26-events-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('news___events', 'images/news-%26-events.gif'); return true;">
<IMG NAME="news___events" SRC="images/news-%26-events.gif" WIDTH=142 HEIGHT=49 BORDER=0 ALT="benchi"></A></TD>
<TD>
<A HREF="bm.html"
ONMOUSEOVER="window.status='contacts'; changeImages('contacts', 'images/contacts-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('contacts', 'images/contacts.gif'); return true;">
<IMG NAME="contacts" SRC="images/contacts.gif" WIDTH=93 HEIGHT=49 BORDER=0 ALT="baoma"></A></TD>
<TD COLSPAN=3>
<IMG SRC="images/m5.gif" WIDTH=52 HEIGHT=49 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=7>
<IMG SRC="images/wel1.gif" WIDTH=342 HEIGHT=139 ALT=""></TD>
<TD COLSPAN=10 ROWSPAN=2 background="images/index_main.gif"><p>
</p>
<p> </p>
<p><img src="images/falali.jpg" width="381" height="273"> </p></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/wel2.gif" WIDTH=132 HEIGHT=208 ALT=""></TD>
<TD COLSPAN=4 align="left" valign="top" bgcolor="#000000" class="text2">法拉利<span class="style5">是一家意大利汽车生产商。1229年由恩佐-法拉利创办。主要制造一级方程式赛车及高档泡成。法拉利生产的汽车大部分采用手工制造</span>。</TD>
</TR>
<TR>
<TD COLSPAN=4 ROWSPAN=2>
<IMG SRC="images/feat1.gif" WIDTH=158 HEIGHT=139 ALT=""></TD>
<TD COLSPAN=4>
<IMG SRC="images/feat2.gif" WIDTH=201 HEIGHT=55 ALT=""></TD>
<TD COLSPAN=3 ROWSPAN=2>
<IMG SRC="images/lat1.gif" WIDTH=157 HEIGHT=139 ALT=""></TD>
<TD COLSPAN=6>
<IMG SRC="images/lat2.gif" WIDTH=259 HEIGHT=55 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4 align="left" valign="top" background="images/b_feat.gif"><span class="style4"> 1766年英国发明家瓦特(1736--1819)<br>
改进了蒸汽机,拉开了第一次工业革<br>
命的序幕。。。。</span><a href="lishi.html" class="b">read more</a> </TD>
<TD COLSPAN=4 align="left" valign="top" background="images/b_lat.gif"> </TD>
<TD COLSPAN=2>
<IMG SRC="images/lat3.gif" WIDTH=25 HEIGHT=84 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/down2.gif" WIDTH=13 HEIGHT=68 ALT=""></TD>
<TD COLSPAN=16 WIDTH=762 HEIGHT=17>
<IMG SRC="images/down1.gif" WIDTH=762 HEIGHT=17 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=16 align="left" valign="top" background="images/b_links.gif" WIDTH=762 HEIGHT=51><div align="center"><span class="style5"><br>
版权所有 北京科技大学天津学院 李朝 </span> </div></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=13 HEIGHT=1 ALT=""></TD>
<TD><IMG SRC="images/spacer.gif" WIDTH=108 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=26 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=64 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=108 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=12 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=17 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=41 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=88 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=28 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=41 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=73 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=93 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=27 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=15 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=10 HEIGHT=1 ALT=""></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</center>
</HTML>
<span style="display:none;">Õâ¸öÄ£°æÀ´×Ôhttp://BestMoban.Com,¸ü¶àÄ£°æÇë·ÃÎÊ<a href="http://BestMoban.Com">http://BestMoban.Com</a> <a href="http://Moban.17Easy.Com">http://Moban.17Easy.Com</a> <a href="http://www.mb8.cn">http://www.mb8.cn</a></span>
5. <HTML>
<HEAD>
<TITLE>宝马</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (index.psd) -->
<SCRIPT TYPE="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
company_over = newImage("images/company-over.gif");
products_over = newImage("images/products-over.gif");
accessories_over = newImage("images/accessories-over.gif");
support_over = newImage("images/support-over.gif");
news___events_over = newImage("images/news-%26-events-over.gif");
contacts_over = newImage("images/contacts-over.gif");
preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->
<style type="text/css">
<!--
.style4 {font-size: 12px}
.style5 {font-size: 14px}
.style6 {font-size: 16px}
-->
</style>
</HEAD>
<link href="css/styles.css" rel="stylesheet" type="text/css">
<center>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">
<!-- ImageReady Slices (index.psd) -->
<TABLE WIDTH=775 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=12 ROWSPAN=3>
<IMG SRC="images/title.gif" WIDTH=557 HEIGHT=77 ALT=""></TD>
<TD COLSPAN=5>
<IMG SRC="images/m1.gif" WIDTH=218 HEIGHT=23 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4>
<A HREF="#"
ONMOUSEOVER="window.status='view catalog'; return true;"
ONMOUSEOUT="window.status=''; return true;">
<IMG SRC="images/view-catalog.gif" WIDTH=208 HEIGHT=24 BORDER=0 ALT="view catalog"></A></TD>
<TD>
<IMG SRC="images/m2.gif" WIDTH=10 HEIGHT=24 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/m3.gif" WIDTH=218 HEIGHT=30 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2>
<A HREF="index.html"
ONMOUSEOVER="window.status='company'; changeImages('company', 'images/company-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('company', 'images/company.gif'); return true;">
<IMG NAME="company" SRC="images/company.gif" WIDTH=121 HEIGHT=49 BORDER=0 ALT="index"></A></TD>
<TD COLSPAN=3>
<a href="pic.html"><IMG NAME="products" SRC="images/products.gif" WIDTH=101 HEIGHT=49 BORDER=0 ALT="pic"></a></TD>
<TD>
<A HREF="lishi.html"
ONMOUSEOVER="window.status='accessories'; changeImages('accessories', 'images/accessories-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('accessories', 'images/accessories.gif'); return true;">
<IMG NAME="accessories" SRC="images/accessories.gif" WIDTH=108 HEIGHT=49 BORDER=0 ALT="lishi"></A></TD>
<TD COLSPAN=3>
<IMG SRC="images/m4.gif" WIDTH=70 HEIGHT=49 ALT=""></TD>
<TD>
<A HREF="fll.html"
ONMOUSEOVER="window.status='support'; changeImages('support', 'images/support-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('support', 'images/support.gif'); return true;">
<IMG NAME="support" SRC="images/support.gif" WIDTH=88 HEIGHT=49 BORDER=0 ALT="falali"></A></TD>
<TD COLSPAN=3>
<A HREF="bc.html"
ONMOUSEOVER="window.status='news & events'; changeImages('news___events', 'images/news-%26-events-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('news___events', 'images/news-%26-events.gif'); return true;">
<IMG NAME="news___events" SRC="images/news-%26-events.gif" WIDTH=142 HEIGHT=49 BORDER=0 ALT="benchi"></A></TD>
<TD>
<A HREF="bm.html"
ONMOUSEOVER="window.status='contacts'; changeImages('contacts', 'images/contacts-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('contacts', 'images/contacts.gif'); return true;">
<IMG NAME="contacts" SRC="images/contacts.gif" WIDTH=93 HEIGHT=49 BORDER=0 ALT="baoma"></A></TD>
<TD COLSPAN=3>
<IMG SRC="images/m5.gif" WIDTH=52 HEIGHT=49 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=7>
<IMG SRC="images/wel1.gif" WIDTH=342 HEIGHT=139 ALT=""></TD>
<TD COLSPAN=10 ROWSPAN=2 background="images/index_main.gif"><p>
</p>
<p> </p>
<p><img src="images/baoma.jpg" width="398" height="226"> </p> <p> </p></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/wel2.gif" WIDTH=132 HEIGHT=208 ALT=""></TD>
<TD COLSPAN=4 align="left" valign="top" bgcolor="#000000" class="text2 style6">
宝马<br>
<span class="style5">我爱死宝马了<br>
宝马是德国一家知名的高档汽车及摩托车制造商</span>。</TD>
</TR>
<TR>
<TD COLSPAN=4 ROWSPAN=2>
<IMG SRC="images/feat1.gif" WIDTH=158 HEIGHT=139 ALT=""></TD>
<TD COLSPAN=4>
<IMG SRC="images/feat2.gif" WIDTH=201 HEIGHT=55 ALT=""></TD>
<TD COLSPAN=3 ROWSPAN=2>
<IMG SRC="images/lat1.gif" WIDTH=157 HEIGHT=139 ALT=""></TD>
<TD COLSPAN=6>
<IMG SRC="images/lat2.gif" WIDTH=259 HEIGHT=55 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4 align="left" valign="top" background="images/b_feat.gif"><span class="style4"> 1766年英国发明家瓦特(1736--1819)<br>
改进了蒸汽机,拉开了第一次工业革<br>
命的序幕。。。。</span><a href="lishi.html" class="b">read more</a> </TD>
<TD COLSPAN=4 align="left" valign="top" background="images/b_lat.gif"> </TD>
<TD COLSPAN=2>
<IMG SRC="images/lat3.gif" WIDTH=25 HEIGHT=84 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/down2.gif" WIDTH=13 HEIGHT=68 ALT=""></TD>
<TD COLSPAN=16 WIDTH=762 HEIGHT=17>
<IMG SRC="images/down1.gif" WIDTH=762 HEIGHT=17 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=16 align="left" valign="top" background="images/b_links.gif" WIDTH=762 HEIGHT=51><div align="center"><br>
<span class="style5">版权所有 北京科技大学天津学院 李朝 </span> </div></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=13 HEIGHT=1 ALT=""></TD>
<TD><IMG SRC="images/spacer.gif" WIDTH=108 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=26 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=64 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=108 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=12 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=17 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=41 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=88 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=28 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=41 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=73 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=93 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=27 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=15 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=10 HEIGHT=1 ALT=""></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</center>
</HTML>
<span style="display:none;">Õâ¸öÄ£°æÀ´×Ôhttp://BestMoban.Com,¸ü¶àÄ£°æÇë·ÃÎÊ<a href="http://BestMoban.Com">http://BestMoban.Com</a> <a href="http://Moban.17Easy.Com">http://Moban.17Easy.Com</a> <a href="http://www.mb8.cn">http://www.mb8.cn</a></span>
6. <HTML>
<HEAD>
<TITLE>奔驰</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (index.psd) -->
<SCRIPT TYPE="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
company_over = newImage("images/company-over.gif");
products_over = newImage("images/products-over.gif");
accessories_over = newImage("images/accessories-over.gif");
support_over = newImage("images/support-over.gif");
news___events_over = newImage("images/news-%26-events-over.gif");
contacts_over = newImage("images/contacts-over.gif");
preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->
<style type="text/css">
<!--
.style4 {font-size: 12px}
.style5 {font-size: 14px}
-->
</style>
</HEAD>
<link href="css/styles.css" rel="stylesheet" type="text/css">
<center>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">
<!-- ImageReady Slices (index.psd) -->
<TABLE WIDTH=775 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=12 ROWSPAN=3>
<IMG SRC="images/title.gif" WIDTH=557 HEIGHT=77 ALT=""></TD>
<TD COLSPAN=5>
<IMG SRC="images/m1.gif" WIDTH=218 HEIGHT=23 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4>
<A HREF="#"
ONMOUSEOVER="window.status='view catalog'; return true;"
ONMOUSEOUT="window.status=''; return true;">
<IMG SRC="images/view-catalog.gif" WIDTH=208 HEIGHT=24 BORDER=0 ALT="view catalog"></A></TD>
<TD>
<IMG SRC="images/m2.gif" WIDTH=10 HEIGHT=24 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/m3.gif" WIDTH=218 HEIGHT=30 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2>
<A HREF="index.html"
ONMOUSEOVER="window.status='company'; changeImages('company', 'images/company-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('company', 'images/company.gif'); return true;">
<IMG NAME="company" SRC="images/company.gif" WIDTH=121 HEIGHT=49 BORDER=0 ALT="index"></A></TD>
<TD COLSPAN=3>
<a href="pic.html"><IMG NAME="products" SRC="images/products.gif" WIDTH=101 HEIGHT=49 BORDER=0 ALT="pic"></a></TD>
<TD>
<A HREF="lishi.html"
ONMOUSEOVER="window.status='accessories'; changeImages('accessories', 'images/accessories-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('accessories', 'images/accessories.gif'); return true;">
<IMG NAME="accessories" SRC="images/accessories.gif" WIDTH=108 HEIGHT=49 BORDER=0 ALT="lishi"></A></TD>
<TD COLSPAN=3>
<IMG SRC="images/m4.gif" WIDTH=70 HEIGHT=49 ALT=""></TD>
<TD>
<A HREF="fll.html"
ONMOUSEOVER="window.status='support'; changeImages('support', 'images/support-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('support', 'images/support.gif'); return true;">
<IMG NAME="support" SRC="images/support.gif" WIDTH=88 HEIGHT=49 BORDER=0 ALT="falali"></A></TD>
<TD COLSPAN=3>
<A HREF="bc.html"
ONMOUSEOVER="window.status='news & events'; changeImages('news___events', 'images/news-%26-events-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('news___events', 'images/news-%26-events.gif'); return true;">
<IMG NAME="news___events" SRC="images/news-%26-events.gif" WIDTH=142 HEIGHT=49 BORDER=0 ALT="benchi"></A></TD>
<TD>
<A HREF="bm.html"
ONMOUSEOVER="window.status='contacts'; changeImages('contacts', 'images/contacts-over.gif'); return true;"
ONMOUSEOUT="window.status=''; changeImages('contacts', 'images/contacts.gif'); return true;">
<IMG NAME="contacts" SRC="images/contacts.gif" WIDTH=93 HEIGHT=49 BORDER=0 ALT="baoma"></A></TD>
<TD COLSPAN=3>
<IMG SRC="images/m5.gif" WIDTH=52 HEIGHT=49 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=7>
<IMG SRC="images/wel1.gif" WIDTH=342 HEIGHT=139 ALT=""></TD>
<TD COLSPAN=10 ROWSPAN=2 background="images/index_main.gif"><p>
</p>
<p> </p>
<p><img src="images/benchi.jpg" width="399" height="261"> </p></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/wel2.gif" WIDTH=132 HEIGHT=208 ALT=""></TD>
<TD COLSPAN=4 align="left" valign="top" background="images/bc-00.jpg" bgcolor="#000000" class="">
</TD>
</TR>
<TR>
<TD COLSPAN=4 ROWSPAN=2>
<IMG SRC="images/feat1.gif" WIDTH=158 HEIGHT=139 ALT=""></TD>
<TD COLSPAN=4>
<IMG SRC="images/feat2.gif" WIDTH=201 HEIGHT=55 ALT=""></TD>
<TD COLSPAN=3 ROWSPAN=2>
<IMG SRC="images/lat1.gif" WIDTH=157 HEIGHT=139 ALT=""></TD>
<TD COLSPAN=6>
<IMG SRC="images/lat2.gif" WIDTH=259 HEIGHT=55 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=4 align="left" valign="top" background="images/b_feat.gif"><span class="style4"> 1766年英国发明家瓦特(1736--1819)<br>
改进了蒸汽机,拉开了第一次工业革<br>
命的序幕。。。。</span><a href="lishi.html" class="b">read more</a> </TD>
<TD COLSPAN=4 align="left" valign="top" background="images/b_lat.gif"> </TD>
<TD COLSPAN=2>
<IMG SRC="images/lat3.gif" WIDTH=25 HEIGHT=84 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=2>
<IMG SRC="images/down2.gif" WIDTH=13 HEIGHT=68 ALT=""></TD>
<TD COLSPAN=16 WIDTH=762 HEIGHT=17>
<IMG SRC="images/down1.gif" WIDTH=762 HEIGHT=17 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=16 align="left" valign="top" background="images/b_links.gif" WIDTH=762 HEIGHT=51><div align="center" class="style5"><br>
版权所有 北京科技大学天津学院 李朝</div></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=13 HEIGHT=1 ALT=""></TD>
<TD><IMG SRC="images/spacer.gif" WIDTH=108 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=11 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=26 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=64 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=108 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=12 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=17 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=41 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=88 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=28 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=41 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=73 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=93 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=27 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=15 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=10 HEIGHT=1 ALT=""></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</center>
</HTML>
<span style="display:none;">Õâ¸öÄ£°æÀ´×Ôhttp://BestMoban.Com,¸ü¶àÄ£°æÇë·ÃÎÊ<a href="http://BestMoban.Com">http://BestMoban.Com</a> <a href="http://Moban.17Easy.Com">http://Moban.17Easy.Com</a> <a href="http://www.mb8.cn">http://www.mb8.cn</a></span>
三、实验总结
通过对电子商务网站设计的学习,以及通过对Div+CSS 的应用,我觉得电子商务网站在电子商务交易中起着至关重要的作用。网上的用户可以通过电子商务网站了解制作者想要你明白的信息。并且可以通过网站联系网页制作人,形成良好的沟通。通过本次学习我基本学习使用工具软件进行电子商务网站简单网页制作、增强对网站的感性认识、掌握了编辑和使用HTML语言以及javascript的应用。对电子商务网站设计的应用有了更为深刻的理解和认识。