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

1、电子商务网站设计实验报告大 连 海 事 大 学 电子商务网站设计 实验报告 分数： 分专业班号 电子商务2011级 姓名 周慧敏（2220113494） 试验日期 2012/7/03 指导教师 张偲 第 实验 实验名称 电子商务网站设计 一、 实验目的与要求目的：熟练掌握超文本标记语言HTML，用HTML建立内容。合理设计文档的结构以及格式化文本。要求：设计并实施一个网站，至少包括5个网页，涵盖第二部分所规定的实验内容。要求网站风格、色彩、布局统一；页面遵循HTML4.01或XHTML1.0标准；页面的表现和布局用CSS文件实现。二、 实验内容网页设计时至少包含如下内容 1、指定文档标题 2、

2、设置背景图象、背景颜色 3、向搜索引擎提供信息 4、设置默认路径 5、自动刷新和重定向 6、样式的定义 7、设置分行 8、设置分区 9、块引用 10、预先格式化文本 11、表单、表格、列表、贞 12、浮动和定位三、 实验步骤与结果 网站整体布局图：（导入页，主页，链接，帧集） 导入页 个人主页学校兴趣爱好个人档家乡（帧集）自然风光美食名人1、 指定文档标题操作：（代码及结果）我的个人网站 我的个人主页 我的兴趣爱好 自然风光 名人 风味美食 个人档案2、 设置背景图象、背景颜色 操作：（代码及结果）body background-color: #FFFFCC;设置背景色为浅黄色body bac

3、kground-color: #FF0000; 设置背景色为大红色body background-color: #000000; 设置背景色为黑色本网站主调色为大红色，浅黄色及黑色。3、 向搜索引擎提供信息操作：向搜索引擎提供关键字：我的个人主页。4、 设置默认路径 操作：base href=5、 自动刷新和重定向 操作：（代码及结果）结果：刷新前: 五秒钟之后刷新重定向到 刷新后： 6、 样式的定义body,td,th font-size: 36px;-设置字体大小36像素 color: #000000;-设置字体颜色为黑色 font-weight: bold;-设置字体为粗体 font-f

4、amily: 楷体;-设置字体为楷体 text-align: center;-设置文本居中body background-color: #FFFFCC;-设置背景色为浅黄色 text-align: center;-设置文本居中 结果如下： 7、 设置分行 操作：高中及以下本科研究生及以上结果如下： 8、设置分区 操作： “水煮鱼(fish filets in hot chili oil）”，又称“江水煮江鱼”，系重 庆渝北风味。看似原始的做法，实际做工考究-选新鲜生猛活鱼，又充分发挥辣椒御寒、益气养血功效，烹调出来的肉质一点也不会变韧，口感滑嫩，油而不腻。既去除了鱼的腥味，又保持了鱼的鲜嫩。满

5、目的辣椒红亮养眼，辣而不燥，麻而不苦。“麻上头，辣过瘾”，让水煮鱼在全国流行得一塌糊涂。 结果如下： 9、块引用操作： 个人档结果如下：10、预先格式化文本操作： 江西历史悠久，山川秀丽，人文荟萃，名胜古迹众多。现拥有庐山、井冈山、龙虎山、三清山4个国家级风景名胜区，其中庐山作为“世界文化景观”列入“世界遗产名录”；有南昌、景德镇、赣州 3座国家级历史文化名城；还有中国第一大淡水湖 鄱阳湖及鄱阳湖国家级候鸟自然保护区；9座国家级森林公园 ；5个国家重点保护寺观；17处国家重点文物保护单位， 全省各类风景名胜区（点）多达2400余处 操作结果如下： 11、表单、表格、列表、贞 操作:1:表单 &

6、nbsp; 姓名性别男女年龄星座职业家庭地址学历高中及以下本科研究生及以上每周能运动几小时1-3h5-10h大于10h         操作结果如下：2：表格 我的兴趣爱好广泛. 看电影   美食   看书   听音乐   羽毛球 操作结果如下：3：帧操作：首先做第一个网页，将页面分成横向的两部分我的家乡 结果如下：然后再做top与content部分的网页，以下列举列举top部分网页的制作过程：无标题文档 自然风光 名人 风味美食 结果如下：12、浮动和定位操作：浮动：使用代码“ulfloat:right;widt

7、h:100%;padding:0;margin:0;list-style-type:none;afloat:right;width:7em;text-decoration:none;color:red;background-color:pink;padding:0.2em 0.6em;border-right:1px solid white;a:hover background-color:#ff3300li display:inline学校兴趣爱好家乡我的档案”结果如下：四、实验总结网页制作真的是一个细心活，它不但需要你缜密的思维，细密的心思并且还要有十足的耐心！在此次实验中我通过以前学的一些制作网页的技巧和方法，再辅之以dreamweaver网页制作软件学会了如何将一个网站做的生动活泼，内容丰富。实验过程中遇到了不少问题，但都通过查找资料，翻阅有关书籍等方法一一解决了。在以后的生活中，我会不断的应用和丰富这些网站设计的知识，不断的做出更多丰富多彩的网站。