电子商务网站设计实验报告.docx

电子商务网站设计实验报告.docx

《电子商务网站设计实验报告.docx》由会员分享，可在线阅读，更多相关《电子商务网站设计实验报告.docx（15页珍藏版）》请在冰豆网上搜索。

电子商务网站设计实验报告

大连海事大学

电子商务网站设计实验报告分数：

分

专业班号电子商务2011级姓名周慧敏（2220113494）

试验日期2012/7/03指导教师张偲

第实验实验名称电子商务网站设计

一、实验目的与要求

目的：

熟练掌握超文本标记语言HTML，用HTML建立内容。

合理设计文档的结构以及格式化文本。

要求：

设计并实施一个网站，至少包括5个网页，涵盖第二部分所规定的实验内容。

要求网站风格、色彩、布局统一；页面遵循HTML4.01或XHTML1.0标准；页面的表现和布局用CSS文件实现。

二、实验内容

网页设计时至少包含如下内容1、指定文档标题2、设置背景图象、背景颜色3、向搜索引擎提供信息4、设置默认路径5、自动刷新和重定向6、样式的定义7、设置分行8、设置分区9、块引用10、预先格式化文本11、表单、表格、列表、贞12、浮动和定位

三、实验步骤与结果

网站整体布局图：

（导入页，主页，链接，帧集）

导入页

个人主页

学校

兴趣爱好

个人档

家乡（帧集）

自然风光

美食

名人

1、指定文档标题

操作：

（代码及结果）

2、设置背景图象、背景颜色

操作：

（代码及结果）

body{background-color:

#FFFFCC;}设置背景色为浅黄色

body{background-color:

#FF0000;}设置背景色为大红色

body{background-color:

#000000;}设置背景色为黑色

本网站主调色为大红色，浅黄色及黑色。

3、向搜索引擎提供信息

操作：

向搜索引擎提供关键字：

我的个人主页。

4、设置默认路径

操作：

5、自动刷新和重定向

操作：

（代码及结果）

结果：

刷新前:

五秒钟之后

刷新重定向到

刷新后：

6、样式的定义

body,td,th{

font-size:

36px;--------设置字体大小36像素

color:

#000000;---------设置字体颜色为黑色

font-weight:

bold;---------设置字体为粗体

font-family:

楷体;---------设置字体为楷体

text-align:

center;---------设置文本居中

}

body{

background-color:

#FFFFCC;--------设置背景色为浅黄色

text-align:

center;---------设置文本居中

}

结果如下：

7、设置分行

操作：

高中及以下

本科

研究生及以上

结果如下：

8、设置分区

操作：

“水煮鱼（fishfiletsinhotchilioil）”，又
称“江水煮江鱼”，系重庆渝北风味。
看似原始的做法，实际
做工考究--选新鲜生猛活鱼，又充分发挥辣椒御寒、益气养血
功效，烹调出来的肉质一点也不会变韧，口感滑嫩，油而不腻。
既去除了鱼的腥味，又保持了鱼的鲜嫩。
满目的辣椒红亮养眼，
辣而不燥，麻而不苦。
“麻上头，辣过瘾”，让水煮鱼在全国流
行得一塌糊涂。