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

实验三 网站规划书撰写

一、实验目的

1、 了解网站规划的主要内容

2、 掌握网站规划的要点

3、 能够撰写专业的网站规划书

二、实验内容

网站规划是从网站开发目标到实际运用过程的全盘谋略与策划,是企业实施电子商务网站建设最重要的环节。网站规划既有战略性内容,也有战术性内容,对网站建设起到计划与指导的作用。在建立网站前应进行必要的市场分析,明确建设网站的目的,确定网站的功能、规模、投入费用等。只有详细的规划,才能避免在网站建设中出现的很多问题,使网站建设能顺利进行。

思考题:

1、 网站规划书的主要内容有哪些?

一、建设网站前的市场分析

1、相关行业的市场是怎样的,有什么样的特点,是否能够在互联网上开展公司业务。 2、市场主要竞争者分析,竞争对手上网情况及其网站规划、功能作用。 3、公司自身条件分析、公司概况、市场优势,可以利用网站提升哪些竞争力,建设网站的能力( 费用、技术、人力等)。

二、建设网站目的及功能定位 1、为什么要建网站,是为了宣传产品,进行电子商务,还是建行业性网站?是企业的需要还是市 场开拓的延伸? 2、整合公司资源,确定网站功能。根据公司的需要和计划,确定网站的功能:产品宣传型、网上 营销型、客户服务型、电子商务型等。 3、根据网站功能,确定网站应达到的目的作用。

三、网站技术解决方案 根据网站的功能确定网站技术解决方案。 1、租用虚拟主机的配置。 2、网站安全性措施,防黑、防病毒方案。 3、相关程序开发。如网页程序ASP、JSP、CGI、数据库程序等。

四、网站内容规划 1、根据网站的目的和功能规划网站内容,一般企业网站应包括:公司简介、产品介绍、服务项目 、价格信息、联系方式、网上定单等基本内容。2、电子商务类网站要提供会员注册、详细的商品服务信息、信息搜索查询、定单确认、付款、相 关帮助等。 3、如果网站栏目比较多,则考虑采用网站编程专人负责相关内容。注意:网站内容是网站吸引浏 览者最重要的因素,无内容或不实用的信息不会吸引匆匆浏览的访客。可事先对人们希望阅读的信息进 行调查,并在网站发布后调查人们对网站内容的满意度,以及时调整网站内容。

五、网页设计 1、网页设计一般要与企业整体形象一致,要符合CI规范。要注意网页色彩、图片的应用及版面规 划,保持网页的整体一致性。 2、新技术的采用要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。 3、制定网页改版计划,如半年到一年时间进行较大规模改版等。

六、网站维护 1、服务器及相关软硬件的维护,对可能出现的问题进行评估,制定响应时间。 2、数据库维护,有效地利用数据是网站维护的重要内容,因此数据库的维护要受到重视。 3、及时进行网站内容的更新、调整等。 4、制定相关网站维护的规定,将网站维护制度化、规范化。

七、网站测试 网站发布前要进行细致周密的测试,以保证正常浏览和使用。主要测试内容有: 1、服务器稳定性、安全性。 2、程序及数据库测试。 3、网页兼容性测试,如浏览器、显示器。4、根据需要进行其他测试。

八、网站发布与推广 1、网站测试后进行发布的公关,广告等活动。 2、搜索引掣登记等。

九、网站建设日程表 各项规划任务的开始完成时间,负责人等。

十、费用明细 各项事宜所需费用清单。

2、 试为“格兰仕微波炉电子商务网站”拟定设计规划书。

实验四 电子商务网站测试

一、实验目的

1. 理解网站测试的重要性

2. 掌握程序及数据库测试的内容与方法

3. 学会对具体的电子商务网站进行分析与测试

二、实验内容

1、 数据库测度

(1) 安装SQL数据库连接软件

(2) 打开SQL数据库连接软件。输入HOST IP、User、Password,单击Connect按钮即可测试

SQL数据库是否连接成功

2、 程序测试

(1)端口扫描。在客户端和服务器端进行一次商品扫描,找出那些已打开但并不需要的通信端口。各种服务,如FTP、NetBIOS、echo、gotd等使用的端口是引起安全问题的典型因素。

(2)检查用户账户。将目光转移,看看操作系统、任何数据库以及程序自身的账户,特别注意guest账户、默认账户或者简单密码账户以及不需要的用户ID

(3)检查目录许可。在关闭了无用端口并禁用了多余的账号后,仔细检查一下程序所用到的数据库和服务器目录的权限设置。很多攻击利用了配置失误的权限,这种方法经常被用来攻击Web服务器。

(4)对数据库也进行和上面同样的设置。文件系统不是唯一因权限设置不当而受到攻击的对象,大多数的数据库系统也有很多安全漏洞。它们的默认权限设置通常不正确,如打开了不必要的端口、创建了很多演示用户。加强数据库安全的措施与操作系统一样,要关闭任何不需要的端口、删除或禁用多余的用户,并只给用户完成其任务所必需的权限。

3、 浏览器测试

(1) 在Dreamweaver MX 20xx中打开目标网页,单击“窗口”|“结果”,打开“结果”面板

(2) 单击“结果”面板的“目标浏览器检查”按钮,单击左上角的按钮,在弹出的菜单中单击“设

置”按钮,打开“目标浏览器”对话框进行浏览器选择。单击“确定”按钮,在“结果”面

板中会自动列出当前的检测结果。

(3) 单击弹出菜单中“为整个站点检测浏览器”,在“结果”面板中将列出整个站点中网页的不

兼容信息

(4) 单击“浏览报告”按钮,弹出一个关于网页中与浏览器不兼容的报表,报表详细地列出了检

测的浏览器及不兼容网页信息的位置。

4、 链接测试

(1) 在Dreamweaver MX 20xx中,单击“结果”面板的“链接检查器”按钮,单击左上角按钮,

在弹出的菜单中选择“检查当前文档中的链接”或“为整个站点检查链接”命令

(2) 在“结果”面板中查看链接情况。

实验五 网站策划

一、实验目的

1.熟悉电子商务网站系统分析与设计的方法。重点是电子商务网站的目标确定与分析、需求分析、网站内容和功能设计、信息结构设计的过程与实现方法;

2.掌握电子商务网站开发的实现步骤与过程。

3、了解企业电子商务解决方案和开发平台的功能。

二、实验内容

1、请根据网站策划书的案例,写出进行网站策划的主要内容

请从以下几点为自建网站写一份策划书

一、企业建立电子商务网站的必要性

二、企业电子商务网站的服务对象

三、企业电子商务网站的目标

四、企业电子商务网站的主要内容

五、网站整体结构

六、网站建设进度及实施过程

七、网站后期的维护管理

 

第二篇:电子商务网页设计实训报告

电子商务网页设计实训报告

网页设计或网页制作对于我们来说,多少会有点难度的,制作网页是很精力和时间的,毕竟要求比较高。要制作好一张好的网页得会熟练使用Photoshop,Flash,和用于制作网页的Dreamweaver软件。

Potoshop和Flash软件我们上个学期学了一点皮毛,或者说连皮毛也没能学好,原因或者是双向的。由于我Photoshop是我自学的,所以会好一点,处理图片相比较他人我会更擅长,但Flash却成了我的短板。一直都没花时间自学,连制作一个简单的小动画都成了问题。Dreamweaver是我们这个学期刚开的课,所以了解的也不是很多,对于网页制作我们只有过一次的经历。就是模仿乡村旅游网的首页来做一张网页。

对于这两周的实训我们做两张网页,并且要求学会分析电子商务网页模板,使用Dreamweaver和DIV+CSS的方法布局电子商务网页,掌握运用JavaScript控制电子商务网页行为的能力,这无疑对我们是个挑战。因为我对JavaScript语言根本不懂,毕竟我学的时间有限。

刚开始的时候,实训指导老师包金龙老师就让我们写好实训规划,并且要用坐标轴表示出来,每天需要做哪些东西,包括完成情况等,都得表示出来。 我的计划是:

第一天选好题目,并且做好网页规划;第二,三天用PS制作规划效果图; 第四天制作简单Flash和图片素材;第五天完成效果图制作;

第六七天完成Div布局,第七八天开始制作网页,剩余时间开始完善。 开始的规划和实际的完成情况多少是有差距的,实际操作的时候制作的速度还是比较快的,所以完成的时间大大缩短了。

但是在做的过程中,还是有许许多多的疑问和不懂在里面。尤其在制作Flash的时候遇到的麻烦很多,毕竟我不会。还有就是网页的布局,老师让CSS+Div层加样式布局,但是我到现在都不明白是怎么回事,但是只沿着步骤走下去。

还有就是常遇到网页布局错位现象,以至于多次布局好的网页都因为错位问题而不得不重做,因为我的知识还没有达到,自由修改的程度,所以我的路还很长。我的网页已经做好了两张,并且也已经成功地做好了链接,但是老师却不允

许用表格来制作网页。

还得必须从网上下载模板做,做的越像越好。我觉得为什么非得下载模板做,学生自己做的网页,那是自己智慧的产物,好歹也是自己的想法。只是初学者做的没那么专业罢了,但是你却因为这一点把别人的作品所否定。就算你的模板做的再好,这也是别人的东西,不是你的,也永远不会是你的。

有类似你这样的老师存在,中国教出的学生怎么可能会有创新的思想。现在都强调创新,但是学生有自己思想的时候,都被你们给扼杀了,思维定式的时候,却又强调创新。病态的教育。

虽说我很不愿意重新做,但你是实训的老师,做为学生还得按照你说法来做。我下载了一个新的模板,并且都有素材。沿着模板布局,插入Div标签。慢慢一步一步地做,由于我的网页大小和模板有出入,并不是和模板一样,所以我得把素材的大小用PS来完善一下。这样往网页里面插入的时候,就不会发生错位之类的事。

最终模板的样式,做好了,但是我制作了一张。内容页也就是链接的网页,我还是用自己做的网页。虽然我做的并不好,但再差也是我自己一步一步做出来的,所以我不会丢弃我自己的作品,来用模板代替。这对于我来说是不可能的。网页做好了。

由于提前做好了,所以时间充裕,这样就可以帮助他人了。还有就是网页设计大赛就要举行了,我们开始为大赛忙碌着。

 

第三篇:电子商务网站建设实验报告

电子商务网站建设

期末设计报告

班    级  3170802                 

第一作者 杨秋旋  08690238                

(姓名/学号)

第二作者 杨庆    08690204                 

(姓名/学号)

指导教师     代     宇      

20##年5月

一     网站介绍

这是一个小论坛,本论坛包含几大功能,包含发帖,回复,邮件,编辑,删除,引用,管理员用户可以删除帖子,修改帖子,加精等操作。

网站布局:

二.设计原理或方法

总体设计方案:

1网页布局设计: 采用JSP,然后通过改HTML代码实现各个板块论坛的更能

2网站推广与管理,包括测试、维护、发布与推广及后台管理

具体:设计工具Dreamweaver,MyEclipse 6.5,Apache Tomcat 6.0,MySQL

具体实验步骤:关于一些实验所用的代码:

一、HTML各种命令的代码:

1、文本标签(命令)

<pre></pre>         创建预格式化文本

<h1></h1>          创建最大的标题

<h6></h6>          创建最小的标题

<b></b>           创建黑体字

<i></i>           创建斜体字

<tt></tt>          创建打字机风格的字体

<cite></cite>        创建一个引用,通常是斜体

<em></em>          加重一个单词(通常是斜体加黑体)

<strong></strong>      加重一个单词(通常是斜体加黑体)

<font size=?></font>     设置字体大小,从 1 到 7

<font color=?></font>    设置字体的颜色,使用名字或十六进制值

2、图形(命令)

<img src="name">       添加一个图像

<img src="name" align=?>   排列对齐一个图像:左中右或上中下

<img src="name" border=?>  设置围绕一个图像的边框的大小

<hr>             加入一条水平线

<hr size=?>         设置水平线的大小(高度)

<hr width=?>         设置水平线的宽度(百分比或绝对像素点)

<hr noshade>         创建一个没有阴影的水平线

3、链接(命令)

<a href="URL"></a>      创建一个超链接

<a href="mailto:EMAIL"></a> 创建一个自动发送电子邮件的链接

<a name="NAME"></a>     创建一个位于文档内部的靶位

<a href="#NAME"></a>     创建一个指向位于文档内部靶位的链接

4、格式排版(命令)

<p>             创建一个新的段落

<p align=?>         将段落按左、 中、 右对齐

<br>             插入一个回车换行符

<blockquote></blockquote>  从两边缩进文本

<dl></dl>          创建一个定义列表

<dt>             放在每个定义术语词之前

<dd>             放在每个定义之前

<ol></ol>          创建一个标有数字的列表

<li>             放在每个数字列表项之前,并加上一个数字

<ul></ul>          创建一个标有圆点的列表

<li>             放在每个圆点列表项之前,并加上一个圆点

<div align=?>        一个用来排版大块HTML 段落的标签,也用于格式化表

二、HTML基本语法

文件格式<html></html>(文件的开头与结尾)

主题<title></title>(放在文件的开头)

文头区段<head></head>(描述文件的信息)

内文区段<body></body>(放此文件的内容)

标题<h?></h>(?=1~6,改变标题字的大小)

标题对齐<h align=right,left,center></h>

字加大<big></big>

字变小<small></small>

粗体字<b></b>

斜体字<i></i>

底线字<u></u>

上标字<sup></sup>

下标字<sub></sub>

居中<center></center>

居左<left> </left>

居右<right> </right>

基本字体大小<basefont size>(取值范围从1到7,默认值为3)

改变字体大小<font size=?></font>(?=1~7)

字体颜色<font color=#rrggbb></font>(RGB色码)

指定字型<font face=?></font>(?=宋体,楷体等)

网址链结<a href="URL"></a>

设定锚点<a name="?"></a>(?以容易记为原则)

链结到锚点<a href="#?"></a>(同一份文件)

<a href="URL#?"></A>(锚点不同文件)

显示图形<img src="URL"></a>

图形位置<img src="URL" align=top,bottom,middle,left,right>(分别为上、下、中、左、右的位置)

图形取代文字<img src="URL"alt=?>(无法显示图形时用)

图形尺寸<img src="URL" width=? height=?>(?以像素为单位)

连结图形边线<img src="URL"border=?>(?以像素为单位)

图形四周留白<img src="URL"hspace=? vspace=?>(?以像素为单位)

段落<p></p>

断行<br></br>

横线<hr>

横线厚度<hr size=?>(?以像素为单位)

横线长度<hr width=?>(?以像素为单位)

横线长度<hr width=?%>(?与页宽相比较)

实横线<hr noshade>(无立体效果)

背景图案<body background=图形文件名>(图形文件格式为gif和jpg)

背景颜色<body bgcolor=#rrggbb>(RGB色码)

背景文字颜色<body text=#rrggbb>(RGB色码)

未链结点颜色<body link=#rrggbb>(RGB色码)

已链结点颜色<body vlink=#rrggbb>(RGB色码)

正在链结点颜色<body alink=#rrggbb(RGB色码)

三.数据库设计

数据库存放注册用户,管理员等的数据。

MySQL是一个小型关系型数据库管理系统,目前MySQL被广泛地应用在Internet上的中小型网站中。

MySQL特性:

SQL,即结构化查询语言,是关系数据库的标准语言,SQL是一个通用的、功能性极强的关系数据库语言。其优点有:

1.综合统一

2.高度非过程化

3.面向集合的操作方式

4.以一种语法结构提供多种使用方式

5.语言简洁,易学易用

四.主要功能及实现介绍

以下为网站截图

1

该页面是通过index.html页面来实现的。改页面只是一个普通的HTML网页,包含三个论坛,可查看帖子的数量,回复时间等信息

2

进入分论坛之后也可查看文章,回复时间等信息。

3 进入论坛之后可浏览帖子,发帖,回复等功能。

4后台管理页面,可以修改论坛的公告,帖子内容等信息。

五:部分代码

1主论坛代码:

<html><script language="JavaScript"></script></html>

<html>

<head>

<link rel='stylesheet' type='text/css' href='inc/FORUM.CSS'>

<META NAME="keywords" CONTENT="喜洋洋 论坛 xyworker@163.com java forum jsp forum">

<META NAME="description" CONTENT="喜洋洋 论坛 xyworker@163.com java forum jsp forum">

<script language="JavaScript">

function Popup(url, window_name, window_width, window_height)

{ settings=

"toolbar=no,location=no,directories=no,"+

"status=no,menubar=no,scrollbars=yes,"+

"resizable=yes,width="+window_width+",height="+window_height;

NewWindow=window.open(url,window_name,settings); }

function icon(theicon) {

document.input.message.value += " "+theicon;

document.input.message.focus();

}

</script>

<title>喜洋洋论坛</title>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

</head>

<body>

<table cellspacing="0" cellpadding="0" border="0" width="99%" align="center">

  <tr><td bgcolor="#009ACE">

      <table border="0" cellspacing="1" cellpadding="6" width="752" height="30">

        <tr>

<form method="POST" name="form9" action="pass.jsp"> 

          <td  width="722"   colspan="7" bgcolor="#0064A0" height="1">

<table border="0" width="100%" cellpadding="0" cellspacing="0"><tr>

  <td width="68%"><font color="#B6F1FD">     

        <p>

       name1 欢迎您

现在时间

              22:47 06月07日 星期一

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;【<a href='manager.html'><font color='yellow'>管理</font></a>】

</font>

  

       </td>

    <td width="32%">

     <p align="right"><font color="#B6F1FD">

<a href="search.html"><font color="#B6F1FD">搜索</font></a>

| <a href='modifyinfo.html'><font color='#B6F1FD'>修改资料</font></a>

| <a href="chatroom.html"><font color="#B6F1FD">聊天室</font></a> | <a href="../forum2/index.html"><font color="#B6F1FD">首页</font></a>

| <a href='logout.html'><font color='#B6F1FD'>退出</font></a>

</font></td>

  </tr>

</table></td>

 </form>

 </tr>

<html><script language="JavaScript"></script></html>

       <tr>

          <td width="734" class="tablerow" colspan="7" bgcolor="#FFFFFF" height="16">

            <table border="0" cellspacing="0" width="100%" cellpadding="0">

              <tr>

                <td width="12%"><font color="#333399"><b><img src="image/gb.gif" width="21" height="14">论坛公告:</b></font></td>

                <td width="88%"> <marquee width="648" height="12" direction="left">

      

<B>公告一:</B><font color=black>这是第一个公告。。。</font><font color=gray>&nbsp;20##-5-31 15:21</font>&nbsp;&nbsp;&nbsp;<B>公告二:</B><font color=black>大家注意一下!!!公告二,(*^__^*) 嘻嘻……,不要告诉别人是我张三写的。一定不要告诉哦。哈哈哈。</font><font color=gray>&nbsp;20##-5-31 19:15</font>&nbsp;&nbsp;&nbsp;

 </marquee> </td>

              </tr>

            </table>

          </td>

        </tr>

        <tr bgcolor="#9CCFFF">

          <td width="15" height="14">&nbsp;</td>

          <td width="247" height="14" bgcolor="#9CCFFF">论坛列表</td>

          <td width="28" align="center" height="14">新窗</td>

          <td width="58" align="center" height="14">主题数量</td>

          <td width="57" align="center" height="14">贴子数量 </td>

          <td width="170" align="center" height="14">最后回复</td>

          <td width="63" align="center" height="14">版主</td>

        </tr>

 <tr bgcolor="#F7FBFF">

          <td align="center"  height="26" width="15"><img src="image/folder.gif" width="13" height="16"></td>

          <td height="26" width="247" bgcolor="#F7FBFF"><a href="board.html?fid=2"> 论坛一 </a>

            <br />

          </td>

          <td align="center" height="26" width="28">&nbsp;<a href="board.html?fid=2" target="_blank"><img border="0" src="image/newwin.gif" width="14" height="11"></a></td>

          <td align="center" height="26" width="58">null</td>

          <td align="center" height="26" width="57">null</td>

          <td height="26" width="170">时间:20##-6-1 13:40<br>

            作者:<a href='member.html?member=name6'>name6</a></a></td>

          <td align="center" height="26" width="63"><a href=member.html?member=name2>name2</a></td>

        </tr>

<tr bgcolor="#F7FBFF">

          <td align="center"  height="26" width="15"><img src="image/folder.gif" width="13" height="16"></td>

          <td height="26" width="247" bgcolor="#F7FBFF"><a href="board.html?fid=3"> 论坛二 </a>

            <br />

          </td>

          <td align="center" height="26" width="28">&nbsp;<a href="board.html?fid=3" target="_blank"><img border="0" src="image/newwin.gif" width="14" height="11"></a></td>

          <td align="center" height="26" width="58">null</td>

        <td align="center" height="26" width="57">null</td>

          <td height="26" width="170">时间:20##-5-31 21:33<br>

            作者:<a href='member.html?member=name2'>name2</a></a></td>

          <td align="center" height="26" width="63"><a href=member.html?member=name4>name4</a></td>

        </tr>

<tr bgcolor="#F7FBFF">

          <td align="center"  height="26" width="15"><img src="image/folder.gif" width="13" height="16"></td>

          <td height="26" width="247" bgcolor="#F7FBFF"><a href="board.html?fid=4"> 论坛三 </a>

            <br />

          </td>

          <td align="center" height="26" width="28">&nbsp;<a href="board.html?fid=4" target="_blank"><img border="0" src="image/newwin.gif" width="14" height="11"></a></td>

          <td align="center" height="26" width="58">null</td>

          <td align="center" height="26" width="57">null</td>

          <td height="26" width="170">时间:20##-5-31 19:57<br>

            作者:无</a></td>

          <td align="center" height="26" width="63"><a href=member.html?member=name5>name5</a></td>

        </tr>

<tr bgcolor="#9CCFFF">

          <td colspan="7" height="14" width="734"><b><font color="#333399">在线人员

            - 目前有 0 位游客和 1 位会员在线 </font></b></td>

        </tr>

        <tr bgcolor="#F7FBFF">

          <td align="center" height="16" width="15"><img src="image/pmlogin.gif" width="14" height="15"></td>

          <td colspan="6" height="16" width="703"><a href=member.html?member=name1>name1</a>&nbsp;&nbsp</td>

    </tr>

      </table>

</td></tr></table>

<table width="97%" align="center" height="96">

  <tr>

<td class="tablerow"> </td>

<td class="tablerow">

<form method="post" action="board.html">

<table cellspacing="0" cellpadding="0" border="0" width="97%" align="center">

<tr><td align="right"><img src="image/move.gif">&nbsp;

<select name="fid"><option value=4>论坛三</option>

<option value=3>论坛二</option>

<option value=2>论坛一</option>

</select>&nbsp;<input type="submit" value="确认">

</td></tr></table></form>

</td>

</tr>

<tr>

    <td class="tablerow" height="62"> </td>

    <td height="62">

      <div align="center">

        <p>喜洋洋 论坛 版权所有<br>

          程序作者:小秋 E_Mail:<a href="mailto:22222@163.com">xyworker@163.com</a><br>

          QQ:xxxxxxxxx</p>

      </div>

    </tr></table>

<html><script language="JavaScript"></script></html>

</body></html><html><script language="JavaScript"></script></html>

2 帖子代码:

<html>

<head>

<link rel='stylesheet' type='text/css' href='inc/FORUM.CSS'>

<META NAME="keywords" CONTENT="喜洋洋 喜洋洋论坛 xyworker@163.com java forum html forum">

<META NAME="description" CONTENT="喜洋洋 喜洋洋论坛 xyworker@163.com java forum html forum">

<script language="JavaScript">

function Popup(url, window_name, window_width, window_height)

{ settings=

"toolbar=no,location=no,directories=no,"+

"status=no,menubar=no,scrollbars=yes,"+

"resizable=yes,width="+window_width+",height="+window_height;

NewWindow=window.open(url,window_name,settings); }

function icon(theicon) {

document.input.message.value += " "+theicon;

document.input.message.focus();

}

</script>

<title>同升论谈</title>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

</head>

<body text="#0000ff" >

      <table border="0" cellspacing="1" cellpadding="6" width="752" height="30">

        <tr>

<form method="POST" name="form9" action="pass.html"> 

          <td  width="722"   colspan="7" bgcolor="#0064A0" height="1">

<table border="0" width="100%" cellpadding="0" cellspacing="0">

  <tr>

  

    <td width="68%"><font color="#B6F1FD">     

        <p>

      

       name1 欢迎您

       现在时间

              22:48 06月07日 星期一

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;【<a href='manager.html'><font color='yellow'>管理</font></a>】

</font>

   

       </td>

    <td width="32%">

      <p align="right"><font color="#B6F1FD">

<a href="search.html"><font color="#B6F1FD">搜索</font></a>

 | <a href='modifyinfo.html'><font color='#B6F1FD'>修改资料</font></a>

| <a href="chatroom.html"><font color="#B6F1FD">聊天室</font></a> | <a href="../forum2/index.html"><font color="#B6F1FD">首页</font></a>

| <a href='logout.html'><font color='#B6F1FD'>退出</font></a>

</font></td>

  </tr>

</table>

</td>

 </form>

 </tr>

<html><script language="JavaScript"></script></html>

<table width="760" cellspacing="0" cellpadding="0" align="center">

<tr>

    <td width="62%"> <a href="../default1.html">首页</a>&gt;&gt;<a href="index.html">喜洋洋论坛</a>&gt;&gt;<a href=board.html?fid=2>论坛一</a>&gt;&gt;浏览贴子

    </td>

    <td class="post" align="right" width="38%"> <a href="post.html?fid=2"><img src="IMAGES/TOPIC.GIF" border="0"></a>&nbsp;<a href="post.html?fid=2&Returnid=1"><img src="IMAGES/REPLY.GIF"  border="0" ></a>&nbsp;<a href='javascript:print()'><img src="IMAGES/PRINT.GIF"  border="0" ></a></td>

  </tr></table>

<table cellspacing="0" cellpadding="0" border="0" width="754" align="center">

<tr>

  <td bgcolor="#009ACE">

      <table border="0" cellspacing="1" cellpadding="6" width="100%">

       

        <tr>

          <td width="22%" bgcolor="#9CCFFF">作者 </td>

          <td bgcolor="#9CCFFF">文章标题 <span class="postauthor">文章一</span></td>

      </tr>

        <tr>

          <td rowspan="3" valign="top" bgcolor="#F7FBFF"> <span class="postauthor">name4</span><br />

           <br /><div><center>

                <span class="postauthor"><img src="./PIC/Image23.gif"></span><br />

                <br />

                斑竹<br />

                               

                                <br /><br /></center><br />

              贴子数量 :<span class="postauthor">1</span> <br />

              注册日期 :<span class="postauthor">20##-5-31 </span></div>

          </td>

          <td valign="top" bgcolor="#F7FBFF"><img src="PIC/Image23.gif"  />

            &nbsp; 发表于: <span class="postauthor">20##-5-31 16:12</span></td>

        </tr>

      <tr>

              <td height="120" valign="top" bgcolor="#F7FBFF">&nbsp;&nbsp;这是文章一的内容 <img src=IMAGES/SMILE.GIF border=0>,我给改了一下,哦,不是我改的,是李四改的。嘿嘿,这样就没有人知道是我改的了

            <hr size=1 color=#000000 noshade>签名<br>&nbsp;&nbsp;这是name4的个性签名。。。

          </td>

        </tr>

<tr>

          <td valign="top" bgcolor="#F7FBFF">

            <table border="0" cellspacing="0" cellpadding="0" align="left" width="378" height="20">

              <tr>

                <td><a href="member.html?member=name4"><img src="IMAGES/PROFILE.GIF" border="0" alt="查看此人的个人资料" width="45" height="18"></a>

                  <a href="mailto:xxx@xxx.com"><img src="IMAGES/EMAIL.GIF" border="0" alt="发送E-Mail给此人" width="45" height="18" /></a>

                  <a href="post.html?fid=2&noteid=1&returnid=1"><img src="IMAGES/QUOTE.GIF" border="0" alt="引用回复" width="45" height="18" /></a>

                  <a href="article.html?member=name4"><img src="IMAGES/FIND.GIF" border="0" alt="搜索此人的所有贴子" width="45" height="18"></a>&nbsp;

   

                  <a href="edit.html?fid=2&noteid=1&editid=1"><img src="IMAGES/EDIT.GIF" border="0" alt="编辑贴子" width="47" height="18" /></a>

                  <a href="querymodify.html?fid=2&deleteid=1"><img src="IMAGES/DELETE.GIF" onClick="{if(confirm('确定删除选定的纪录吗?')){return true;}return false;}" width="45" height="18" alt="删除贴子" border="0"></a>&nbsp;

                 

                </td>

</tr>

</table>

          </td>

</tr>

        <tr>

          <td width="22%" bgcolor="#9CCFFF">作者 </td>

          <td bgcolor="#9CCFFF">文章标题 <span class="postauthor">回复:文章一</span></td>

      </tr>

        <tr>

          <td rowspan="3" valign="top" bgcolor="#F7FBFF"> <span class="postauthor">name1</span><br />

           <br /><div><center>

                <span class="postauthor"><img src="./PIC/Image1.gif"></span><br />

                <br />

                系统管理员<br />

                                &nbsp;<IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF>

                                <br /><br /></center><br />

              贴子数量 :<span class="postauthor">18</span> <br />

              注册日期 :<span class="postauthor">20##-5-31 </span></div>

          </td>

          <td valign="top" bgcolor="#F7FBFF"><img src="PIC/Image1.gif"  />

            &nbsp; 发表于: <span class="postauthor">20##-5-31 18:16</span></td>

        </tr>

      <tr>

              <td height="120" valign="top" bgcolor="#F7FBFF">&nbsp;&nbsp;这是回复文章一的内容(*)*_)_)9

            <hr size=1 color=#000000 noshade>签名<br>&nbsp;&nbsp;这是我的个人签名

          </td>

        </tr>

<tr>

          <td valign="top" bgcolor="#F7FBFF">

            <table border="0" cellspacing="0" cellpadding="0" align="left" width="378" height="20">

              <tr>

                <td><a href="member.html?member=name1"><img src="IMAGES/PROFILE.GIF" border="0" alt="查看此人的个人资料" width="45" height="18"></a>

                  <a href="mailto:xxx@xxx.com"><img src="IMAGES/EMAIL.GIF" border="0" alt="发送E-Mail给此人" width="45" height="18" /></a>

                  <a href="post.html?fid=2&noteid=3&returnid=1"><img src="IMAGES/QUOTE.GIF" border="0" alt="引用回复" width="45" height="18" /></a>

                  <a href="article.html?member=name1"><img src="IMAGES/FIND.GIF" border="0" alt="搜索此人的所有贴子" width="45" height="18"></a>&nbsp;

   

                  <a href="edit.html?fid=2&noteid=1&editid=3"><img src="IMAGES/EDIT.GIF" border="0" alt="编辑贴子" width="47" height="18" /></a>

                  <a href="querymodify.html?fid=2&deleteid=3"><img src="IMAGES/DELETE.GIF" onClick="{if(confirm('确定删除选定的纪录吗?')){return true;}return false;}" width="45" height="18" alt="删除贴子" border="0"></a>&nbsp;

                 

                </td>

</tr>

</table>

          </td>

</tr>

        <tr>

          <td width="22%" bgcolor="#9CCFFF">作者 </td>

          <td bgcolor="#9CCFFF">文章标题 <span class="postauthor">回复:文章一</span></td>

      </tr>

        <tr>

          <td rowspan="3" valign="top" bgcolor="#F7FBFF"> <span class="postauthor">name1</span><br />

           <br /><div><center>

                <span class="postauthor"><img src="./PIC/Image1.gif"></span><br />

                <br />

                系统管理员<br />

                                &nbsp;<IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF>

                                <br /><br /></center><br />

              贴子数量 :<span class="postauthor">18</span> <br />

              注册日期 :<span class="postauthor">20##-5-31 </span></div>

          </td>

          <td valign="top" bgcolor="#F7FBFF"><img src="PIC/Image1.gif"  />

            &nbsp; 发表于: <span class="postauthor">20##-5-31 18:31</span></td>

        </tr>

      <tr>

              <td height="120" valign="top" bgcolor="#F7FBFF">&nbsp;&nbsp;再回复一个,再回复一个,再回复,回复,回复!(*^__^*) 嘻嘻……

           

          </td>

        </tr>

<tr>

          <td valign="top" bgcolor="#F7FBFF">

            <table border="0" cellspacing="0" cellpadding="0" align="left" width="378" height="20">

              <tr>

                <td><a href="member.html?member=name1"><img src="IMAGES/PROFILE.GIF" border="0" alt="查看此人的个人资料" width="45" height="18"></a>

                  <a href="mailto:xxx@xxx.com"><img src="IMAGES/EMAIL.GIF" border="0" alt="发送E-Mail给此人" width="45" height="18" /></a>

                  <a href="post.html?fid=2&noteid=5&returnid=1"><img src="IMAGES/QUOTE.GIF" border="0" alt="引用回复" width="45" height="18" /></a>

                  <a href="article.html?member=name1"><img src="IMAGES/FIND.GIF" border="0" alt="搜索此人的所有贴子" width="45" height="18"></a>&nbsp;

   

                  <a href="edit.html?fid=2&noteid=1&editid=5"><img src="IMAGES/EDIT.GIF" border="0" alt="编辑贴子" width="47" height="18" /></a>

                  <a href="querymodify.html?fid=2&deleteid=5"><img src="IMAGES/DELETE.GIF" onClick="{if(confirm('确定删除选定的纪录吗?')){return true;}return false;}" width="45" height="18" alt="删除贴子" border="0"></a>&nbsp;

                 

                </td>

</tr>

</table>

          </td>

</tr>

        <tr>

          <td width="22%" bgcolor="#9CCFFF">作者 </td>

          <td bgcolor="#9CCFFF">文章标题 <span class="postauthor">回复:文章一</span></td>

      </tr>

        <tr>

          <td rowspan="3" valign="top" bgcolor="#F7FBFF"> <span class="postauthor">name1</span><br />

           <br /><div><center>

                <span class="postauthor"><img src="./PIC/Image1.gif"></span><br />

                <br />

                系统管理员<br />

                                &nbsp;<IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF>

                                <br /><br /></center><br />

              贴子数量 :<span class="postauthor">18</span> <br />

              注册日期 :<span class="postauthor">20##-5-31 </span></div>

          </td>

          <td valign="top" bgcolor="#F7FBFF"><img src="PIC/Image1.gif"  />

            &nbsp; 发表于: <span class="postauthor">20##-5-31 18:43</span></td>

        </tr>

      <tr>

              <td height="120" valign="top" bgcolor="#F7FBFF">&nbsp;&nbsp;怎么没有人了呢,接着回复啊,

<BR>?????

<BR>{/ o  o /} 

<BR> ( (oo) )  

<BR>  ? ??

            <hr size=1 color=#000000 noshade>签名<br>&nbsp;&nbsp;这是我的个人签名

          </td>

        </tr>

<tr>

          <td valign="top" bgcolor="#F7FBFF">

            <table border="0" cellspacing="0" cellpadding="0" align="left" width="378" height="20">

              <tr>

                <td><a href="member.html?member=name1"><img src="IMAGES/PROFILE.GIF" border="0" alt="查看此人的个人资料" width="45" height="18"></a>

                  <a href="mailto:xxx@xxx.com"><img src="IMAGES/EMAIL.GIF" border="0" alt="发送E-Mail给此人" width="45" height="18" /></a>

                  <a href="post.html?fid=2&noteid=6&returnid=1"><img src="IMAGES/QUOTE.GIF" border="0" alt="引用回复" width="45" height="18" /></a>

                  <a href="article.html?member=name1"><img src="IMAGES/FIND.GIF" border="0" alt="搜索此人的所有贴子" width="45" height="18"></a>&nbsp;

   

                  <a href="edit.html?fid=2&noteid=1&editid=6"><img src="IMAGES/EDIT.GIF" border="0" alt="编辑贴子" width="47" height="18" /></a>

                  <a href="querymodify.html?fid=2&deleteid=6"><img src="IMAGES/DELETE.GIF" onClick="{if(confirm('确定删除选定的纪录吗?')){return true;}return false;}" width="45" height="18" alt="删除贴子" border="0"></a>&nbsp;

                 

                </td>

</tr>

</table>

          </td>

</tr>

        <tr>

          <td width="22%" bgcolor="#9CCFFF">作者 </td>

          <td bgcolor="#9CCFFF">文章标题 <span class="postauthor">回复:文章一</span></td>

      </tr>

        <tr>

          <td rowspan="3" valign="top" bgcolor="#F7FBFF"> <span class="postauthor">name1</span><br />

           <br /><div><center>

                <span class="postauthor"><img src="./PIC/Image1.gif"></span><br />

                <br />

                系统管理员<br />

                                &nbsp;<IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF><IMG SRC=IMAGES/STAR.GIF>

                                <br /><br /></center><br />

              贴子数量 :<span class="postauthor">18</span> <br />

              注册日期 :<span class="postauthor">20##-5-31 </span></div>

          </td>

          <td valign="top" bgcolor="#F7FBFF"><img src="PIC/Image1.gif"  />

            &nbsp; 发表于: <span class="postauthor">20##-5-31 18:16</span></td>

        </tr>

      <tr>

              <td height="120" valign="top" bgcolor="#F7FBFF">&nbsp;&nbsp;发个废帖子,签名都不用

           

          </td>

        </tr>

<tr>

          <td valign="top" bgcolor="#F7FBFF">

            <table border="0" cellspacing="0" cellpadding="0" align="left" width="378" height="20">

              <tr>

                <td><a href="member.html?member=name1"><img src="IMAGES/PROFILE.GIF" border="0" alt="查看此人的个人资料" width="45" height="18"></a>

                  <a href="mailto:xxx@xxx.com"><img src="IMAGES/EMAIL.GIF" border="0" alt="发送E-Mail给此人" width="45" height="18" /></a>

                  <a href="post.html?fid=2&noteid=7&returnid=1"><img src="IMAGES/QUOTE.GIF" border="0" alt="引用回复" width="45" height="18" /></a>

                  <a href="article.html?member=name1"><img src="IMAGES/FIND.GIF" border="0" alt="搜索此人的所有贴子" width="45" height="18"></a>&nbsp;

   

                  <a href="edit.html?fid=2&noteid=1&editid=7"><img src="IMAGES/EDIT.GIF" border="0" alt="编辑贴子" width="47" height="18" /></a>

                  <a href="querymodify.html?fid=2&deleteid=7"><img src="IMAGES/DELETE.GIF" onClick="{if(confirm('确定删除选定的纪录吗?')){return true;}return false;}" width="45" height="18" alt="删除贴子" border="0"></a>&nbsp;

                 

                </td>

</tr>

</table>

          </td>

</tr>

        <tr>

          <td width="22%" bgcolor="#9CCFFF">作者 </td>

   

                  <a href="querymodify.html?fid=2&deleteid=14"><img src="IMAGES/DELETE.GIF" onClick="{if(confirm('确定删除选定的纪录吗?')){return true;}return false;}" width="45" height="18" alt="删除贴子" border="0"></a>&nbsp;

                 

                </td>

</tr>

</table>

          </td>

</tr>

</table>

</td></tr>

</table>

<table width="733" cellspacing="0" cellpadding="0" align="center" height="20">

<tr bgcolor="#ffffff">

    <td class="post" valign="top" width="547" height="6"> &nbsp;<a href='javascript:print()'><img src="IMAGES/PRINT.GIF"  border="0" ></a>&nbsp;<a href="post.html?fid=2&Returnid=1"><img src="IMAGES/REPLY.GIF"  border="0" ></a>&nbsp;<a href="post.html?fid=2"><img src="IMAGES/TOPIC.GIF" border="0"></a></td>

<td align="right" width="182" height="6">

<form method="POST" action="shownote.html">

  <p><input type="hidden" name="fid" size="20" value='2'></p>

  <p><input type="hidden" name="noteid" size="20" value='1'></p>

  <p><input type="hidden" name="boardname" size="20" value='论坛一'></p>

  <p>现在是第 <font color=black >1</font> 页 转到<select size="1" name="page">

 <option value=1>1页</option>

 <option value=2>2页</option>

<input type="submit" value="go" name="B1"></p>

</form>

</td></tr>

<table width="97%" align="center" height="96">

  <tr>

<td class="tablerow"> </td>

<td class="tablerow">

<form method="post" action="board.html">

<table cellspacing="0" cellpadding="0" border="0" width="97%" align="center">

<tr><td align="right"><img src="image/move.gif">&nbsp;

<select name="fid">

<option value=4>论坛三</option>

<option value=3>论坛二</option>

<option value=2>论坛一</option>

</select>&nbsp;<input type="submit" value="确认">

</td></tr></table></form>

</td>

</tr>

<tr>

    <td class="tablerow" height="62"> </td>

    <td height="62">

      <div align="center">

        <p>喜洋洋 论坛 版权所有<br>

          程序作者:喜洋洋 E_Mail:<a href="mailto:xyworker@163.com">xyworker@163.com</a><br>

          QQ:14516449 </p>

      </div>

    </tr>

</table>

<html><script language="JavaScript"></script></html>

</body></html>

</table>

</body></html>

<html><script language="JavaScript"></script></html>

五.总结

通过个人设计网站,让我们了解到网站建设是一项浩瀚的工程。不仅涉及到美学,心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到html,javascript,css,asp,php等编程语言技术方面的知识。只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的web页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能。以前这方面的知识是一片空白,所以在建网站的过程中遇到很多困难。在同学和网络资源的帮助下基本解决了问题,最终我们对网站雏形还是基本满意。在这个过程中,我学到了新的美化网页的方法,运用了更多以前未运用的技巧,并且为我自己在制作网页这方面积累了一些经验,这些将是我人生中的一次重要的经历。我也更加深刻理解了把平时所学知识运用到实践中做到真正的学以致用而不只是纸上谈兵。网站设计远比我想象的复杂,在主页中体现自己的个性、网站齐全的功能和一大段的代码就让我头疼。在以后的学习中还应注意个人技术、创意方面的提升。我认为网页设计的最大特点就是色彩淡雅,布局协调。观之,给人以清丽,纯朴的感觉。不同的网站应针对不同的浏览人群,网页的配色尽量控制在3种色彩以内,已避免给人杂乱无章的感觉,同时用户浏览信息时不会觉得眼睛疲劳。

最后,我感受最深的是,技术方面的学习,最重要的是自己实践做出东西,只通过自己的亲身实践,才能学会、学懂、学通技术。

相关推荐