网页设计与网站建设课程设计

《网页设计与网站建设》

课程设计

学生姓名：陈海燕

学号：071003102

专业班级：电子商务

指导教师：吴海东

二○一二年六月十九日

目录

1.课程设计目的………………………………………………页码

2.课程设计题目描述和要求……………………………………页码

3.课程设计报告内容……………………………………………

4.课程设计心得与体会…………………………………………….

网页设计课程设计报告

一、课程设计目的

经过一个学期的32课时的网页设计理论课程和短短一个星期的课程设计实践课，我更深一步的了解了网站的建设的基本流程和一些简单代码的使用，特别是本学期的数据库相关课程的开设，给予我对于网络数据库的更好地理解。这次的课程设计内容涉及整个站点的发布和管理，之前我们只是使用到老师统一管理的一个服务器，我们只参与到网页的设计和站点与服务器的互联内容，但是当中也存在着许多问题有待解决。课程设计让我们自己来管理自己的站点，一方面，增加了我们对于整个站点发布的流程的认识；另一方面，也提高我们对于网站建设过程中常见问题的解决途径的积累和对于发现问题的敏感度。这次的课程放在期末，课程作业量比较大让我们压力很大，也正是因为这样我们被迫提高了时间的使用效率，当然也有利于知识的消化和吸收。

课程设计的目的不仅仅在于学习到相关网页的制作和站点的发布，更重要的是提高我们在网站建设上整体的把握，以及给予我们对于网络资源合理使用和对相关信息进行有效地搜索提供了一些方法和途径，让我们对于网络的认识发生了一定的改观，同时，一些新颖和有创意的开发和制作的工具和技术也会激发我们网页设计的兴趣和进一步地学习动力。

2.课程设计题目描述和要求

2.1课程设计题目描述

加强企业与客户的信息交互，高度跟踪顾客的更新动态以及反馈信息，不仅有利于企业进行动态掌握顾客的全面信息，为顾客提供合时、合适、优质的产品和服务，提高企业运营的效率和收益，提高顾客的满意度，有效地保留了老客户，减少了顾客的流失率，扩大潜在客户群，占领更多的市场份额，争取更有利的资源。

2.2课程设计要求

1、实验环境的搭建。每人一台虚拟服务器，重新分配IP，实现网络连通；

2、添加IIS服务器组件并测试；

3、网站主题的选择、规划、设计（要求用Project软件编制项目进程图，用Visio 绘制网站结构图）；

4、利用DW或其他工具，利用HTML和CSS、div等技术实现主题网站的基本架构；

5、利用HTML 5、CSS 3、JavaScript、Photoshop、Flash、Firework等工具进行站点优化（包括站点访问人数统计、来源统计、站点外观优化、内容形式优化等）；

6、利用ASP技术实现动态交互；

3.课程设计报告内容

3.1网站规划的思想

随着网络技术的发展和网络使用普及率的进一步提高，人们的生活越来越离不开网络，可以说只要是懂得如何操作和使用计算机的人都对网络有着深深地依赖，不仅是我们个人，企业对于信息化管理的需求也不断地提高，特别是对顾客的资料和动态进行信息化的管理和动态发布显得尤为重要。经济学里说到的资源的有限性对于信息化特征越来越明显的今天显得尤为突出，只有那些真正抓住了顾客潜在和未满足的需求的企业才能真正长期实现顾客的高满意度、利益最大化和资源的有效利用。同时，企业实现外部资源内部化的，减少供应链的成本也是通过有效地客户管理来实现。因此，客户关系管理网站的设计的思路就是实现企业内部人员对于客户群基本信息的了解和掌握，提高企业对于客户需求的动态分析和掌握的程度，实现企业和顾客信息的交互性，让顾客的需求变化和反馈信息及时反馈到企业的决策部门和相关职能部门，及时更改和优化相应的策略，进一步促进企业的业务流程重组的完善。另外，在信息迅速膨胀的知识爆炸的今天，对于有效和有价值信息的了解和掌握对于我们有着越来越深刻的影响。这一现象反映了人们对于网络数据挖掘能力掌握和提高的需要。

经过思考和联系所学相关的知识，我认为对于企业来说，无论是虚拟企业还是实体企业，客户都是企业不可不重视的一种资源，对于这种资源，它是特殊的，因为人具有主观和客观的两面性，人的特征和需求是动态的，那么对于这种资源的管理和维护要实现低成本运作才有可能使企业实现较为高效的运转。那么，客户信息的及时更新和掌控对于企业短期和长期的战略规划具有重要的参考价值。但是，对于顾客的实时动态和需求的掌握，通过人员调查是不切实可行的，只有通过相关网络技术和软件来实施自动化的搜索和管理，才能更加实时和及时地对客户的相关活动进行追踪。

综上所述，我认为网站的风格和设计应该简洁、有条理，同时内容更加丰富和具有客户亲和力，让客户对其产生好感和自然而然的信任。

3.2网站内容和结构

整个网站主要分成6个页面。包括：主页面（客户信息）、添加客户界面、客户信息搜索界面、客户详细信息参看界面、客户信息的更新和删除界面等。

3.3网站结构图

3.4数据库E-R图：

3.5网站建设的主要过程

3.5.1、实验环境的搭建。每人一台虚拟服务器，重新分配IP，实现网络连通

首先，创建虚拟磁盘向导，定义虚拟磁盘的名称（*.Vhd）,在选择磁盘选项时要

选择差分硬盘选项。如图所示：

在选择源硬盘时要选择https://www.360docs.net/doc/0715343577.html,.VHD.创建好虚拟磁盘后，紧接着再新建虚拟机。选择新建虚拟机向导，定义好虚拟机的名称（*.vhc）。在选择虚拟硬盘时选择刚刚差分好的虚拟硬盘。如图所示：

虚拟机创建成功后，选择启动。启动后需要对NEWSID进行更改计算机名，否则会出现重名现象，对以后的操作带来不必要的麻烦。如图所示：

使用NEWID后系统会自动重启。接下来分配IP地址：

3.5.2添加IIS服务器组件并测试

3.5.3在IIS建立网站以及DW中创建站点图一：

图二：

3.5.4在虚拟机上安装数据库（用载入ISO镜像的方式）

3.5.5实现数据库和网页的关联

新建excel表格，将网站需要用的数据填入，制作表格；

设计好后将其保存为*mdb格式的文件，把其拖曳到虚拟机的d盘中。接下来关联数据库。

新建一个网页作为网站主页，保存在根目录下。

连接字符处需填写如下代码：

“driver={Microsoft access driver （*.mdb）};dbq=D:\mywebsite\customer.mdb”

服务器上的connection文件夹里的asp文件用记事本打开，修改路径中dbq后面的写法》修改如下：

Dbq=”+server.mappath(“customer.mdb”)

若是将mdb文件导入数据库后，则需要将连接字符串改为：

“pro vider=sqloledb;data source=172.16.102.1;initial catalog=customer;user id=sa;password=123;”

3.5.6建立各个页面

主要步骤截图如下：

在表格中需要导入数据库中的数据，所以在此之前要先绑定记录集。记录集绑定好了以后，将记录集中的对应数据拖曳到表格中的相应位置，如上图所示，接下来设置重复区域，选中要重复的行，选择“插入”—“应用程序对象”—“重复区域“，设置每页重复的记录条数。

其中首页、上一页、下一页及末页的设置类似的如下：

主页面呈现的效果如下：

添加客户信息页面设计截图如下：

查看用户详细信息的设计：

新建网页，绑定记录集，此时选择URL参数。如下图所示：

更新页面的设计：

新建页面，再新建一个表单，选择插入应用程序中对象中的更新记录向导，选择要更新的表格，设置好标签，如图所示：

回到主页面：选中“更新“，选择插入中应用程序对象的转到详细页，勾选URL 参数。再次选中“更新”，从应用程序中点击服务器行为，选择其中的记录分页的移至特定记录。

3.5.7站点的优化

1、添加一些经Photoshop处理的图片，设置为页面的背景图案

2、使用CSS进行简单的导航页设置，代码如下：

单击移动双击放下

首页 网站简介 搜索 注册

4、课程设计心得体会

为期一周的课程设计课程转眼间就结束了，这短短的五天可以说是这学期以来过得最紧张最有压力的几天，当然收获也最多。这个课程设计实践周给予我们很多的关于网站建设的经验和团队合作的重要性。

这一次的课程设计要求和作业，有个人的部分也有小组的部分，个人的部分考察我们对网页基础知识的掌握和熟悉程度，同时这对于我们在网站建设不同阶段的操作习惯的养成有比较深刻的影响。在网页设计和制作阶段，考察我们对于网页设计相关软件特别是网页三剑客的熟悉使用程度，以及这些软件的综合使用能力，最终实现网页的一步步的优化。的在这一次的课程设计过程中，我深刻认识到了网页设计和制作过程的学科知识综合性和理论转化为实践的能力的重要性。还有一点很重要的是，其中会因为细节问题或者出现一些故障需要我们去耐心的寻找和解决，这些问题大多数情况是由于我们对于网站建设中的细节不够注意和忽略造成的，这在一定程度上会打击我们的自信心和削弱我们的耐心，但是经过这一次的课程设计，让我很好的体会到了这一过程。

另外，这一次的小组设计在一定程度上培养了我们的团队合作精神，小组作品虽然还比较粗糙，但是综合使用到了一些课堂知识和课外知识。在最后的小组作品的展示过程中，我们看到不同小组的作品以及其他小组对于整个网站建设过程的流程和相关技术的使用，比较之下，让我们认识到可以进一步改进的地方。