动态网站课程设计.docVIP

动态网站课程设计报告 课程题目：Another Me服装品牌网站建设 学 院：信息科学技术学院 专 业：电子商务 姓 名：琚 霑 学 号：201124040127 指导老师：宋 春 晖 一、课程设计目的 1.通过对网站的实施操作，加深对所学知识的理解，查漏补缺，发现问题并解决问题； 2.通过课程设计加深对网页制作技巧的熟悉程度； 3.通过对动态网站的建设掌握制作动态部分的技巧，如数据库的连接等。 二、课程设计任务? 本次课程设计的主要任务是建设一个服装品牌的动态网站，网站主要分为首页、新品、服饰、精选搭配、品牌专享及品牌故事六个部分，每个部分下又分为不同子页，如服饰下分为上装系列、下装系列和裙装专区三个部分。本网站动态部分主要体现在留言区、在线客服、会员注册、“您的感受”和Another Me聊天区中。 小组成员及分工如下表： 成 员 主 要 任 务 组 长 赵 维 1.前期网站需求分析问卷调查设计 2.网站页面架构设置，确定网站设计目标，网站设计分工安排 3.网站内容填充以及为网站填充各种链接 4.图片轮放设计 5.动态效果设计 组 员 琚 霑 前期网站需求分析问卷调查设计 网站页面架构设置，确定网站设计目标 网站内容填充 图片文字资料的搜集，色彩的搭配 下拉菜单设计 6.数据库的建立，E-R图的绘制 三、Another Me服装网站的设计? 本次课程设计的选题主要来源于我们考虑到大学城学生购物的不便性。身处在桂林洋大学城这个偏僻的农村，我们深感到购物的不便。如果选择去市区购物，路途遥远且不说，只坐车这一个问题就能把我们折磨得够呛——由于车辆少而造成坐车拥挤且劳累，所以大部分学生选择网上购物。然而，网上购物也会出现一大堆问题，最主要的问题就是物流太慢，配送时间长，一般都需要四五天以上。因此，我们决定创建自己的服装品牌网站Another Me，其主要目的是为了解决大学城学生的购物困难，品牌主要针对桂林洋大学城18-25岁之间的女学生。在大学城建立这样一个服装网站，其最大的优势就是大大缩短了产品配送时间，最迟两天物件就可送到顾客手中。 由于品牌的主要风格是清新甜美高雅，所以网站设计的主色调尽量选择清新甜美的颜色，我们选择了粉红色作为网站的主打色。网站的建设主要有六个部分构成，分别是首页、新品、服饰、精选搭配、品牌专享及品牌故事，并且这六个标题构成了网站导航条的内容，每个部分下有不同的子页，每个子页中包含了动态部分。网站建设的主要技术有photoshop、flash、下拉菜单、图片轮换操作、层、数据库等技术的运用。此次课程设计的目的主要是掌握动态操作的方法，所以我们在每个页面中多处设计了动态部分，如在线客服、留言区、页面跳转等操作。 网站大致框架如下图所示： 四、Another Me服装网站的实现? 网站的构建主要运用了Photoshop、Flash和Dreamweaver等软件。主要的技术有图片轮换、下拉菜单、图片轮换操作、层、数据库连接等。下面就对每一张页面的实现做详细介绍。 首先是首页的制作。首页从上至下大致可以分为5个部分，其中最上面和最下面的部分是固定的，在每个页面中都会以固定的位置出现。第一部分是做导航条及其以上部分的内容，正如图中我们所看到的，在页面的眉头我们放置了搜索、会员登陆等界面，在其下方就是我们的品牌logo及日期，再下面就是导航条。 具体实现这些操作的代码如下： table width=1024 height=45 border=0 tr td width=507form id=form1 name=form1 method=post action= input type=text name=textfield / input type=submit name=Submit value=搜索 / /form/td td width=507table width=511 border=0 tr td width=134 height=26font color=#000000a href=会员注册系统/user_login.asp会员登陆/a/font/td td width=111font color=#000000我的账户/font/td td width=117font color=#00