电子商务网站设计报告样本.doc

网站设计汇报
一、设计目标：
经过电子商务网站设计学习，学会用dreamweaver等软件来对一个网站进行系统设计，从理论知识掌握，转向操作技能提升，进而提升个人总体计算机网络水平提升。

二、理论知识准备：
1.为了满足爷面制作目标，应该注意哪些问题？
　　A网页结构  网页结构要清楚，易于导航，思绪和脉络要符合访问者想法。可采取方法有：采取框架结构表现专题，索影和正文；网页大小通常控制在50KB以内；在网页尾部放上联络方法，如E-MAIL，以方便访问者能建立联络，反馈必需信息              
B页面内容 通常情况下，网页全部要以内容为主，无须过分追求复杂表现形式，但必需写好介绍，要有特色，避免太空，泛泛而谈。页面本身要简单，结构复杂网页不仅要花费很多精力，而且因为超连接复杂，让浏览者阅读时也感觉困难
　　C文字 在以内容为主前提下，应该尽可能把形式和内容结合起来。既不要把页面弄花哨，也不呀只讲内容完全不讲究文字和图片安排，要轻易阅读。要注意：网页标题要简练，明确，能反应整个文档内容；在文本叙述部分使用水平线分割不一样部分；对关键文章和段落要使用强调字体表示
　　D图形 设计好图形并合理使用能给网页增色。网页中插入图形尽可能要小，网页中图形要附加文字说明，使人在图形出来之前了解相关内容；不要为图形加太长交互文本，也不要把全部超连接放在图上；控制页面中图数量，不要滥用图象GIF
2. 网站设计过程中，最中要一个标准是什么？为何？
　　网站最关键标准是创意。即使网站关键目标是传送给大家它信息，但在传输信息同时还把她文化传输给获取信息这些人。软件掌握是短期就能速成，而且新软件成出不穷，功效越来越强大，不过使用这些软件必需要有良好网站设计概念才能发明优异网站，这是网站制作关键。网站制作是按一定步骤进行，不一样网站设计着对网站有不一样见解和见解，不过有个共同见解：仅会输入文本，制作超级连接，排列图片不是真正意义上网页制作，因为网页制作最关键一个标准是创意。
3.动态网页工作原理
动态网页是和静态网页相对应，也就是说，网页 URL后缀是.htm、.html、.shtml、.xml等静态网页常见形动态网页制作教授式，而是以.aspx.asp、.jsp、.php、.perl、.cgi等形式为后缀，而且在动态网页网址中有一个标志性符号——“?”。动态网页工作原理和静态网页比较类似，不过在服务器端有很大差异。服务器端接到用户端发出请求后，首先会找到所要浏览动态网页文件，然后解释实施其中程序代码，将含有程序代码动态网页转化为标准静态网页，然后将静态网页发送给用户端。
三、软硬件需求准备
（1）计算机一台
（2）Dreamweaver开发工具和运行环境
（3）此网页用360安全浏览器进行预览
（4）图形处理工具，如photoshop。
四、网站总体分析和设计
1.网站介绍
1.1网站专题：柔软时光小店 暖手宝
1.2网站风格：粉色温暖
1.3网站页面结构和相关功效介绍
本网页提供者消费者相比同类网站品种较多暖手宝选择。消费者能在我们网站上查看新品，热卖和超值特卖等多种为消费者量身打造宝贝。
本网站设计结构包含导航栏、Globallink模块、left模块、main模块、tips模块等。
具体设计：导航栏模块展示我们店名
Globallink模块：关键是为了消费者能在各类商品之间进行切换
Left模块：提供者消费者一个登录界面和多种不一样用途、风格、价位宝贝选择
Main模块：依据具体需要设计不一样界面

2.网站大约设计纲要：
1.首页
2.店铺介绍

给消费者部分我们店铺基础介绍

3.新品上市
把新品全部展示出来供消费者选择
4热卖商品
展示热卖中商品
5超值特卖
给消费者提供部分性价比高产品
6.买家评价
展示给消费者全部其它买家对我们评价，更含有真实性，另外提供一个供消费者和我们沟通和提出意见平台。
关键代码有
7.联络我们
提供给消费者我们联络方法，方便于愈加好沟通和提供用户更优质服务。
代码设计：
<div id="lianxi">
<p>亲,你能够二十四小时联络我们客服哦，我们会随时为您解答您想知道我们店铺和产品相关问题哦。。<br />
我们客服电话是：<br />
您还能够访问我们网站留言<a href="">店长空间</a><br />
回复很简单问题就能访问哦。。
</div>

<div id="main">
<img src="phone.jpg"><br />
<img src="QQ.jpg">

</div>

8.网站CSS部分设计：
本站CSS部分设计关键作用：利用对应代码来组织各模块之间布局。提供一个整体上比较美观网页设计。省去主页中药用代码写入才能改变复杂工作。
关键代码：（1）margin关键用于控制模块之间间距
（2）padding关键用于模块内部元素漂移
（3）background用来控制模块背景
（4）border关键控制块边缘和图片等边框
（5）font-family控制字体
（6）#关键用于CSS中，用来找到网页模块位置，从而进行控制
9. . Microsoft Access数据库建立。
9.1依次选择菜单命令【开始】—【程序】—【Microsoft Access】就能够开启Access,点击“文件”在下拉菜单中选择“新建”，选择“空数据库”，指定后保留路径后出现以下所表示对话框：
9.2【实用设计器创建表】选项，出现下图所表示对话框：
说明:
（1）字段名称能够用汉字，也能够用字母、数字和下划线，命名规则和变量类似，考虑系统兼容问题，提议不要用汉字。
（2）至于数据类型，常见有“文本”、“备注”、“数字”、“日期/时间”、“是/否”和“自动编号”等。其中“文本”用于比较短字符串（最长255个字符）；“备注”用于比较长字符串，最长能够容纳65535个而字符；“是/否”用于布尔类型，只有True（真）或False（假）；“自动编号”是个特殊类型，它能够自动递增或随机产生一个数字，常常见它产生一个唯一编号。
9.3正确输入全部字段后，单击Access主窗口【保留】按钮，就会弹出下图所表示【另存为】对话框，在其中输入表名称，然后单击【确定】按钮即可。
9.4保留表
9.5双击【表1】能够在表中输入数据，当你建表完成后，认为数据不合理，想修改数据也能够双击【表1】进行修改，假如想修改表字段，就右击【表1】，选择“设计视图”，就能够进行修改
10.存取数据库。
存取数据库是开发网络程序中最关键也最常见部分，.NET框架提供了，利用它就能够方便存取数据库。
正确说，是由很多类组成一类库。这些类库提供了很多对象，分别用来完成和数据库连接、查询统计、插入统计、更新统计和删除统计等操作。其中关键包含以下5个对象。
（1）Connection对象：用来连接到数据库。
（2）Command对象：用来对数据库实施SQL命令。
（3）DataReader对象：用来从数据库返回只读数据。
（4）DataAdapter对象：用来从数据库返回数据，并送到DataSet对象中，还要负责确保DataSet对象中数据和数据库中数据保持一致。
（5）DataSet对象：它能够看做是内存中数据库。
实用OLEDB数据库，需要在页面中导入相关名称空间：
<%@ Import Namespace="" %>
<%@ Import Namespace=".OleDb" %>
存取数据库：
（1）首先利用Connection对象建立和数据库连接。
语法为：“Provider=OLEDB       驱动程序；Data Source=数据库文件物理路径”
（2）然后建立Command对象，实施SQL语句命令。
（3）利用Command对象ExecuteReader方法建立DataReader对象，从数据库获取数据。
（4）DataReader对象返回数据在统计集移动指针就可依次显示全部统计。
（5）利用Command对象Executenonquery()方法可插入统计和更新统计。

（6）和数据库相连登陆程序，当登陆成功时则直接跳转到网站主页，其关键代码以下：
<%@ Import Namespace="" %>
<%@ Import Namespace=".OleDb" %>
        Dim conn As New OleDbConnection("Provider=.4.0; Data Source=" + (""))
         Dim strSql As String
        strSql = "Select * From link Where username='" & & "' And mypassword='" & & "'"
         Dim cmd As New OleDbCommand(strSql, conn)
        ()
         Dim dr As OleDbDataReader = ()
         If ()=True Then                         
              ()           
            ("主页.aspx")
         Else
              ()          
            = "您必需输入有效用户名和密码，还没注册？"
         End If
    当点击注册按钮时，跳转到注册页面，关键程序代码以下：
    Protected Sub Button1_Click(ByVal sender As Object, ByVal e As )
        ("注册.aspx")
    End Sub
注册界面在数据库中插入新注册用户信息关键代码以下：
     Dim strSql As String
        strSql = "Insert Into link(username,mypassword,age,email,submit_date) Values('" & user_ & "','" & & "','" & & "','" & & "',#" & Now() & "#)"
    当注册成功时，则跳回登陆界面，关键代码以下：
     Dim cmd As New OleDbCommand(strSql,conn)
        Dim Exp As Exception
        Try
            ()
            ()          
            ()
            ("登陆.aspx")
        Catch Exp
            = "<p align='center'>发生错误，可能是用户名已经被人使用。"
        End Try

五、网站运行和实现
安装Dreamweaver后，打开软件，新建一个网站，将制作好文件（后缀为html）包含建设好css和需要添加图片，全部复制放到一个文件夹中，用360安全浏览器进行预览。

六、网站建设心得体会
即使之前有上过类似课程 不过用dreamweaver制作还是第一次，可能刚开始会感觉很困难，不过其实只要多去琢磨一段时间，把书本上知识和老师讲知识结合起来，并进行数次实际操作，就能比很好利用这门知识。经过对这个网页设计，了解到本身还存在很多不足，期望能在以后学习和生活中好好提升。在设计过程中，我了解到网页设计部分布局，连接，还有部分图形处理技术，了解到网页设计部分基础规则，另外利用DW这个软件确实能提升很多工作效率，比以往单纯用html来做方便多。不过还是因为时间、条件和个人能力有限，网页还存在不太完善地方。最终，还是感谢老师能给我们一个机会让我们实践这一门知识，不管学到多少东西，不过最少我们能很好对自己有一个认识，对这门课，这门知识有一个认识，而这些知识是能够对我们以后工作和生活带来很多益处。
姓名：杨涛
专业：08电商
学号：1903