电子商务网站建设课程设计网站设计大作业 37 万聪.docx

1、电子商务网站建设课程设计网站设计大作业 37 万聪 武汉理工大学华夏学院电子商务网站建设课程设计 宠物狗网站分析与设计报告 专业班级： 电商1111 2013年5月28日 1、 网站建设的主题 .2、 所建网站的访问者需求及其特点.3、 网站功能设计.4、网站内容与风格设计.5、网站的服务器，开发技术和域名如何选择.6、网站的推广.7、网站的首页设计.8、网站的数据库设计.9、网站其他页面设计.1、 网站建设的主题：（1）网站的主题以及建设原因：本网站是关于宠物狗的一个网站，主要是为对宠物无比喜爱的人士倾心打造的宠物网站。“宠物狗网”以丰富的专业知识、轻松愉悦的氛围和独具特色的内容为特色， 以

2、制造欢乐为己任，每天让你快乐不断的爱狗娱乐，从分享你我的养宠心情到爱宠人之间的经验交流，同时也可以实现在线医疗，宠物生活中涉及的方方面面，宠物狗网都在不断努力将它们做到最好。在这里，每一个热爱宠物的人，不但能找到他们想要的，而且能得到比他们想要的更多。未来爱狗网将继续坚持服务为本、打造快乐的养宠生活为宗旨，以热诚的服务、先进的研发设计、规范化的管理。 （2）其他网站：关于宠物狗的网站有爱狗网、狗族网等，狗族网主要是学习养狗知识方面的内容，爱狗网主要是实现一些交流的功能，两个网站各有各的优点，不足之处是没有很好的把关于宠物狗类的知识、交流、交易等很好的结合在一起。而本网站致力于将“爱狗狗 爱生活

3、”，落实到网站发展的每一个环节之中，更快更好地为推进中国宠物行业的发展网聚力量！希望吸引了大量爱宠人士前来驻足停留、安家落户，同时也希望网站以惊人的速度发展壮大，成为宠物网站中的佼者。聚集网络人气话题，朝着打造出全国人气最旺的爱狗论坛之一努力着，竭诚为爱宠人士设计的“私人领地”的爱狗家园，达到一个领先国内水平的宠物电子商务的爱狗平台2、所建网站的访问者需求及其特点： （1）来访者的特点：因为国内电子商务的发展，越来越多的来会选择在网上购物，这样不仅节省时间，还比较方便，在网上购物也比在实体店里买的物品便宜，网上购物的人群主要以年轻的人为主，来宠物狗网的人必定是喜欢宠物狗才来访问此网站的。希望可

4、以通过此网站了解到宠物狗的相关的信息，以及能够实现双方的互利。（2）需要的功能：网站介绍 宠物狗介绍 查看留言 在线服务 售后服务 联系方式3.网站功能设计： 说明 说明网站功能设计 说明 说明4、网站内容与风格设计：（1）网站信息：本网站主要的介绍了有关宠物狗方面的一些知识，方便更多不熟悉宠物狗的朋友们了解宠物狗以及怎么做到与宠物狗交朋友，同时也设计了留言的页面，以便获得更多广大的宝贵意见来进一步完善网页。本网站争取落实到网站发展的每一个环节之中，更快更好地为推进中国宠物行业的发展网聚力量！ （2）网站模块：宠物狗网站的主要的模块有网站介绍、宠物狗介绍、宠物狗中心、宠物狗的种类、宠物狗的价格

5、、宠物狗进食、相关宠物狗的新闻、查看留言、在线服务、售后服务、联系方式等模块，每个模块都有其特定的功能，让浏览者更好的了解本网站，实现互利。（3）网站的风格定位：本网站的主题是宠物狗，为了符合主题，本网站的色调以浅绿色为主，清晰柔和，比较符合可爱宠物狗这个主题，网站的设计以左右结构为主，布局虽然比较的简单，但内容还算比较的丰富，合理化颜色适中，网页中图片量也比较的适中，这样不会给浏览者造成华而不实的感觉。5、网站的服务器，开发技术和域名如何选择（1）网站服务器：设计该网站时主要是运用asp代码实现的，asp是在服务器端运行的，服务器要有固定的IP地址，在测试网页之前，要先安装IIS，还要关掉3

6、60防火墙和迅雷，并添加80端口。这样即使用户的浏览器不支持Jscript或VBScript，还是可以网页的动态效果（2）开发技术：在Dreamweaver中创建站点，并输入相关的信息，选择适当的根目录文件，在服务器的模型处选择“Asp.VBSScript”，以便看到网页的动态效果（3）域名选择：本网站的域名是：,选择此域名的原因是cwg是“宠物狗”的拼音字母的缩写，比较的简洁和方便记住。6、网站的推广（1）利用搜索引擎进行推广，搜索引擎使浏览者可以方便地在互联网中找到自己所需的信息，也给信息提供者提供了一种受众广、针对性强且效率高的发布途径，越来越多的企业和个人都通过搜索引擎来发现新客户，利

7、用搜索引擎广告或者通过搜索引擎优化，使自己网站在搜索引擎中的排名靠前，以增加客户发现并访问网站的可能性Google、XX等知名专业搜索引擎属于自动收录加关键词广告模式，每天有。能够被其自动收录，并在搜索相关关键词的时候具有较好的搜索引擎自然排名，这将极大的促进网站的营销推广和自我增值。（2）博客，其实就是网络日志，但博客早已经超越了简单的日志的内涵了，越来越多的博主通过写博客来实现销售产品的功能（3）利用网络实名来进行推广，网络实名是在浏览器地址栏直接输入网站名或关键词进行网站搜索和访问的一种方式，主要分企业实名、行业实名和网络排名等方式。每天有3000万人在使用网络实名访问网站，*网站可根据

8、网站自身特点，选择适合自己的网络实名，能够有效促进网站访问量提升和的主动传播，并且网民访问的针对性强，访问质量能够得到保证。（4）利用论坛进行手工推广，普及推动了论坛的迅猛发展，几乎每个门户网站都设有论坛，中国互联网论坛的总数超过130万个，位居全球第一。论坛强调的是互动，有共同爱好、共同需求的网友们可以在各类不同的论坛里就自己感兴趣的主题进行交流，坦诚相见、互通有无，相对于商业媒体而言，论坛可以说是网民心中的一处“净土”。（5）利用网络广告进行推广，网络广告是指在互联网上发布的所有以广告宣传为目的的信息，如图像式网络广告、网络联盟广告、邮件广告等，随着互联网的迅猛发展，网络广告已经成为网络推

9、广的一种主要形式。（6）利用网络新闻和网络事件进行推广，网络新闻已成为越来越多网民获取新闻的一种重要形式，利用网络新闻可以实现良好的推广（7）网站合作推广，策划开展网站合作活动是有效的网站推广手段，且能提高访客忠诚度，持续深入的传播网站和。广泛征求友情链接，扩大网站外部链接活力，能增加网站的搜索引擎曝光率，获得理想的排名效果。与网上网下媒体展开充分合作，撰写公关文稿，关注网站发展动态，并定期在各媒体发布同其他网站进行各种合作是效果明显的网站推广方式，可以借合作伙伴的力量，促使网站的系列活动有效开展；（8）利用软件进行推广，常见的推广的软件有邮件群发软件、QQ群发软件、论坛群发软件、搜索引擎登录

10、软件等，通过大量发贴，让更多的浏览者知道自己网站或产品的相关信息，但注意不要滥发未经许可的垃圾邮件，一定要提供给接收人有用的信息。7、网站的首页设计：创建一个页面作为首页，并为页面添加相应的样式，以便达到良好的视觉效果，如图是整个人页面的首页，本网页共有六大块div组成，(1)首先是顶部top div，(2)再是导航nav div，(3)紧接着是连接数据库news的div，其中有包含两块div，即关于数据库的div，还有一个是登录即denglu div,(4)此div定义为content div，其中又有两块div组成，即图片和文字各设置为一个div，（5）专门用三个图片组成的一个div，为了

11、很好的实现图片所需的效果，又将图片各设置为一个div，（6）最后是footer div即网页的最后组成部分。8.创建数据库，将其命名为mysite，然后创建表格，将其命名为news，在news表格中，填入相关的数据信息，如下图所示：9.在创建与数据库中mysite中的news数据库进行连接,点击预览图片，网页中所对应的效果图如下所示：10在数据库中知道news表中的内容给出的相应的网址，当鼠标移动到网页中的“宠物种类”中，在网页的下方会出现和数据库中一样的网址 11、然后点击“宠物种类”，会跳转到XX的网址，如下图：12类似点击另外两个内容，也会出现相应的网址，在数据库mysite中创建表lo

12、gin，然后填入相关的数据，如下表所示：13、在default.asp中输入相应的代码来与数据库mysite中的login表进行链接,点击预览网页，在登录框中输入用户“万聪”，密码“wancong”，再点击“登录”按钮，14、点击“登录”按钮后，系统会自动弹出如下的窗口： 15、然后点击“确定”按钮，在原有的网页中的登录方块中，自动的显示为“欢迎光临万聪退出”的页面，16、点击“退出”，系统自动跳转到原页面，将已经做好的注册页面拷贝到网站中，点击登录框中的“注册”按钮，系统自动跳转到如下的页面：17、注册表中的信息如下：18、在注册网页中添加相关的信息：19、点击提交按钮，会出现：20、查看注

13、册表中的信息，可以看到相关的数据已经显示到表中：21、输入用户“678以及其密码进行登录，会显示登录成功22、进行留言页面的设置，为其添加相应的样式，在liuyan表中添加相关的信息，23、将留言页面lyb.asp与首页页面default.asp进行链接，先登录用户“万聪”，登录成功后，点击首页中的查看留言，会显示如下的效果：24、再将lyb.asp与自己重新制作的网页addliuyan.asp进行链接，点击“添加留言”，并输入相应的用户名和所要添加的留言信息25、点击“提交”按钮，会自动弹出，26、点击数据库中的liuyan表，所添加的留言信息会显示在表中：27、同时将留言添加后系统会自动跳转到如下的页面28、在点击查看留言时，会出现如下的效果：29、再点击“添加留言”可以进一步的留言实验结果分析（可加页）（1）在制作网页的过程中会因为一点小的代码的错误而无法实现自己要想的效果图；（2）在制作网页与网页之间的链接的过程中要理清楚各个代码代表的什么意思，以便更好的实现网页制作的效果；（3）各网页链接数据库成功以后，在网页中添加相关的数据后，并加以保存，对应的在数据库中也能看到所添加的数据。