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