还剩10页未读,继续阅读
本资源只提供10页预览,全部文档请下载后查看!喜欢就下载吧,查找使用更方便
文本内容:
网站设计报告
一、设计目标:通过电子商务网站设计的学习,学会用dreamweaver等软件来对一个网站进行系统的设计,从理论知识的掌握,转向操作技能的提高,进而提高个人总体计算机网络水平的提高
二、理论知识的准备
1.为了满足爷面制作的目标,应该注意哪些问题?A网页结构网页结构要清晰,易于导航,思路和脉络要符合访问者的想法可采取的措施有采用框架结构表现主题,索影和正文;网页的大小一般控制在50KB以内;在网页的尾部放上联系方式,如E-MAIL,以方便访问者能建立联系,反馈必要的信息B页面内容一般情况下,网页都要以内容为主,不必过分的追求复杂的表现形式,但必须写好简介,要有特色,避免太空,泛泛而谈页面本身要简单,结构复杂的网页不仅要花费很多的精力,而且由于超连接复杂,让浏览者阅读时也感觉困难C文字在以内容为主的前提下,应当尽量把形式与内容结合起来既不要把页面弄的花哨,也不呀只讲内容完全不讲究文字和图片的安排,要容易阅读要注意网页的标题要简洁,明确,能反映整个文档的内容;在文本叙述部分使用水平线分割不同的部分;对重点的文章和段落要使用强调字体表达Dim cmdAs NewOleDbCommandstrSql,connDim ExpAs ExceptionTry00“登陆.aspx”Catch Exp=vp align=center>发生错误,可能是用户名已经被人使用“End Try
五、网站的运行与实现安装Dreamweaver后,打开软件,新建一个网站,将制作好的文件(后缀为html)包括建设好的css和需要添加的图片,全部复制放到一个文件夹中,用360安全浏览器进行预览
六、网站建设心得体会虽然之前有上过类似课程但是用dreamweaver制作还是第一次,可能刚开始会感觉很困难,但是其实只要多去琢磨一段时间,把课本上的知识和老师讲的知识结合起来,并进行多次实际操作,就能比较好的运用这门知识通过对这个网页的设计,了解到自身还存在很多不足,希望能在今后的学习和生活中好好提高在设计过程中,我了解到网页设计的一些布局,连接,还有一些图形处理的技术,了解到网页设计的一些基本规则,另外利用DW这个软件确实能提高许多工作效率,比以往单纯的用html来做方便的多不过还是因为时间、条件和个人能力有限,网页还存在不太完善的地方最后,还是感谢老师能给我们一个机会让我们实践这一门知识,不管学到多少东西,但是至少我们能很好的对自己有一个认识,对这门课,这门知识有一个认识,而这些知识是可以对我们今后的工作和生活带来很多益处的姓名杨涛专业08电商学号20081903D图形设计好图形并合理使用能给网页增色网页中插入的图形尽量要小,网页中图形要附加文字说明,使人在图形出来之前了解相关内容;不要为图形加太长的交互文本,也不要把所有的超连接放在图上;控制页面中的图的数量,不要滥用图象GIF
2.网站设计的过程中,最中要的一个原则是什么?为什么?网站最重要的原则是创意虽然网站的主要目的是传送给人们它的信息,但在传递信息的同时还把他的文化传递给获取信息的这些人软件的掌握是短期就能速成的,而且新的软件成出不穷,功能越来越强大,但是使用这些软件必须要有良好的网站设计概念才能创造优秀的网站,这是网站制作的核心网站的制作是按一定的步骤进行的,不同的网站设计着对网站有不同的见解和看法,但是有个共同观点仅会输入文本,制作超级连接,排列图片不是真正意义上的网页制作,因为网页制作最重要的一个原则是创意
3.动态网页的工作原理动态网页是与静态网页相对应的,也就是说,网页URL的后缀是.htm、.html、.shtml、.xml等静态网页的常见形动态网页制作专家式,而是以.aspx.asp、.jsp、.php、.perl、.cgi等形式为后缀,并且在动态网页网址中有一个标志性的符号一一动态网页的工作原理与静态网页比较类似,但是在服务器端有很大差别服务器端接到客户端发出的请求后,首先会找到所要浏览的动态网页文件,然后解释执行其中的程序代码,将含有程序代码的动态网页转化为标准的静态网页,然后将静态网页发送给客户端
三、软硬件需求准备1计算机一台2Dreamweave「开发工具和运行环境3此网页用360安全浏览器进行预览4图形处理工具,如photoshop
四、网站总体分析与设计L网站介绍L1网站主题柔软时光小店暖手宝
2.2网站风格粉色温暖
2.3网站页面结构以及相关功能简介本网页提供者消费者相比同类网站品种较多的暖手宝选择消费者能在我们网站上查看新品,热卖和超值特卖等各种为消费者量身打造的宝贝本网站的设计结构包括导航栏、Globallink模块、left模块、main模块、tips模块等具体设计导航栏模块展示我们的店名Globallink模块主要是为了消费者能在各类商品之间进行切换Left模块提供者消费者一个登录界面和各种不同用途、风格、价位的宝贝的选择Main模块根据具体需要设计不同的界面
2.网站大概设计纲要:
1.首页
2.店铺介绍情侣礼品诬用匚防碍曝本店只出售真品,保证正品.店主十分理解初次涉足隧各购物的同学们忐忑不安的冬季睨、爵心理和心情请让我(门用更多的时间和精力来回答大家的专业问麟如果您天生是强烈[物一亲爵缺乏安全感的个性,那请您远离网络,选搽可以让您安心且有安全感的购物方式胪~每天下午四点前完成付款的均当天发货,四点之后付款的一般隔天发货哦,如等您购买多件商品请全部拍下后让客服小姐为您修改邮费,请勿拍一件付一件款,这椅您不仅多付了邮费而且由于客服同发货是两个部门,会把您的先付款的东西发出了,卡通汗,这两个月已经发生多起“千里寻包事件了~宣舌方见代•日…Y=经W典请您了解本店铺的商品均为实价销售,不再接受任何形式的议价以及包邮要求,三件商品(个别除外)江浙沪包快递,其他地区包平邮或者加五元包,照1,买1口女品保健品都是为了美丽,花0寸间在讨价还价上没有什么意义,多出的0寸间您可以享受更好的美容咨询服务,何乐而不为呢?希望每位进入本店铺的XDJMS无论买或不买都能感至层至如归,感谢您的的关注*人广吃2元函须芫-采用业界最大电池容量.可重复充电500次以上充饱电可擦卖使用4-5小fl寸,独冢电m脱东用陶帽发熟技术,,恒温可达到52七,帮助你冬天保暖,生理捌户理,热敷理疗D40-50TU电母蛋使用充电电池亦可直接与电脑及笔记本USB直接充电性价比价,经济实惠选择!本店商品均属正品,假一罚十信誉保证欢迎广大顾客前来放心选购,我(门将竭诚为您服务!我们的宗旨是亲们的利益是我(门的一起!店铺及产品介绍给消费者一些我们店铺的基本介绍
3.新品上市把新品全部展示出来供消费者选择4热卖商品展示热卖中的商品5超值特卖给消费者提供一些性价比高的产品6•买家评价展示给消费者所有其他买家对我们的评价,更具有真实性,另外提供一个供消费者与我们沟通和提出意见的平台主要代码有
7.联系我们提供给消费者我们的联系方式,以便于更好的沟通和提供客户更优质的服务代码设计div id=lianxivp亲,你可以24小时联系我们的客服哦,我们会随时为您解答您想知道的我们店铺和产品相关的问题哦br/我们的客服电话是您还可以访问我们的网站留言ahref=http://
303678500.qzone.qq.comJ5-fe$fR|/abr/回答很简单的问题就能访问哦O/divdiv id=mainimg src=phone.jpgxbr/img src=QQ.jpg,/div
8.网站CSS部分设计本站CSS部分的设计主要作用利用相应代码来组织各模块之间的布局提供一个整体上比较美观的网页设计省去主页中药用代码写入才能改变的复杂工作主要代码1margin主要用于控制模块之间的间距2padding主要用于模块内部元素的漂移3background用来控制模块的背景4border主要控制块的边缘和图片等的边框5font-family控制字体6#主要用于CSS中,用来找到网页模块的位置,从而进行控制
9..Microsoft Access数据库的建立
9.1依次选择菜单命令【开始】—【程序】一【Microsoft Access】就可以启动Access2003,点击文件在下拉菜单中选择新建,选择空数据库〃,指定后保存路径后出现如下所示对话框
9.2【实用设计器创建表】选项,出现下图所示对话框说明1字段名称可以用中文,也可以用字母、数字和下划线,命名规则和变量类似,考虑系统的兼容的问题,建议不要用中文2至于数据类型,常用的有、文本“、、、备注〃、、数字〃、、、日期/时间〃、”是/否〃和自动编号〃等其中文本用于比较短的字符串最长255个字符;备注用于比较长的字符串,最长可以容纳65535个而字符;,是/否用于布尔类型,只有True真或False假;自动编号〃是个特殊的类型,它可以自动的递增或随机产生一个数字,经常用它产生一个唯一的编号
9.3正确输入所有字段后,单击Access主窗口的【保存】按钮,就会弹出下图所示的【另存为】对话框,在其中输入表的名称,然后单击【确定】按钮即可
9.4保存表
9.5双击【表1】可以在表中输入数据,当你建表完毕后,觉得数据不合理,想修改数据也可以双击【表1】进行修改,如果想修改表的字段,就右击【表1】,选择设计视图〃,就可以进行修改
10.存取数据库存取数据库是开发网络程序中最重要也最常用的部分,,NET框架提供了,利用它就可以方便的存取数据库准确的说,是由很多类组成的一类库这些类库提供了很多对象,分别用来完成和数据库的连接、查询记录、插入记录、更新记录和删除记录等操作其中主要包括如下5个对象1Connection对如用来连接到数据库2Command对象用来对数据库执行SQL命令3DataReader对象用来从数据库返回只读数据4DatdAdapter对象用来从数据库返回数据,并送到DataSet对象中,还要负责保证DataSet对象中的数据和数据库中的数据保持一致5DataSet对象它可以看做是内存中的数据库实用OLEDB的数据库,需要在页面中导入相关的名称空间%@Import Namespace二“%%@Import Namespace=H.OIeDb%存取数据库1首先利用Connection对象建立和数据库的连接语法为Provider=OLEDB驱动程序;Data Source=数据库文件物理路径”2然后建立Command对象,执行SQL语句命令3利用Command对象的ExecuteReader方法建立DataReader对象,从数据库获取数据4DataReader对象返回的数据在记录集移动指针就可依次显示所有记录5利用Command对象的Executenonquery方法可插入记录和更新记录6与数据库相连登陆程序,当登陆成功时则直接跳转到网站的主页,其主要代码如下%@Import Namespace=n%%@Import Namespace=,,.OIeDbn%Dim connAs NewOleDbConnectionProvider=.
4.0;Data Source=+Dim strSqlAs StringstrSql=Select*From linkWhere username=,And mypassword=Dim cmdAs NewOleDbCommandstrSql,conn0Dim drAs OleDbDataReader=If=True Then0“主页.aspx”Else0=您必须输入有效的用户名和密码,还没注册?End If当点击注册按钮时,跳转到注册页面,主要程序代码如下Protected SubButtonl_ClickByVal senderAs Object,ByVai eAs注册,aspx”End Sub注册界面在数据库中插入新注册用户信息主要代码如下Dim strSqlAs StringstrSql=Insert Intolinkusernamemypassword ageemail,submit_datez zzValuesuser_7,,Nowz#当注册成功时,则跳回登陆界面,主要代码如下:。