第2章 电子商务网站的规划与设计

网站开发技术第2章电子商务网站的规划与设计河北科技大学经济管理学院袁再健网站开发技术2020/3/112通过本章的学习，主要掌握以下知识点：•电子商务网站的规划与构建•电子商务网站的总体设计与策划•Web服务器工作原理•Web服务器软件•站点的发布网站开发技术2020/3/1132.1电子商务网站的规划与构建电子商务网站的建站流程1．注册域名和申请IP地址2．确定网站的技术解决方案3．规划网站的内容并制作网页4．网站的发布和推广5．网站的更新维护网站开发技术2020/3/114一个好的域名必须遵循以下原则：简短，切题，易记，与企业密切相关。有许多网站受理“域名”注册业务，如域名频道网站（）。网站开发技术2020/3/115(1)查询选择域名；(2)用户资料确认；(3)购物订单确认；(4)域名注册成功；(5)缴纳一定的域名注册费用后，即可开通网站。域名注册一般有如下步骤:网站开发技术2020/3/116网站开发技术2020/3/117网站开发技术2020/3/118网站开发技术2020/3/119网站开发技术2020/3/1110网站开发技术2020/3/1111网站开发技术2020/3/1112在建站时要考虑确定的技术因素:（1）根据网站不同的规模，选择不同的主机方案，搭建不同的网站建设平台。（2）根据网站不同的规模，选择网络操作系统、Web服务器和数据库系统。（3）决定电子商务管理系统的解决方案，是选购还是自己开发电子商务的管理系统。（4）选定确定相关的开发系统，如网页编辑软件、ASP、JSP、数据库软件等。（5）确定网站的安全措施，如防黑客、病毒、商业欺诈等方案。网站开发技术2020/3/1113规划网站的内容并制作网页网页是电子商务网站的对外表现形式，建立电子商务网站重要的环节之一就是制作网站的主页。在制作主页前要考虑到网站的风格和主要实现的功能，要根据自己企业的特点作充分的准备，使网站的基调符合客户的需要，使网站的功能方便客户的使用，然后将要发布的信息制做成Web页面。网站开发技术2020/3/1114（1）在各大搜索引擎上注册，让客户可以通过搜索引擎找到网站。（2）在传统的广告媒体中对网站的内容、网站的地址、产品的性能以及可以提供的便捷服务进行宣传，扩大网站的影响。（3）在访问量较大的BBS(电子公告板)上发布广告信息或开展与企业相关问题的讨论，进一步扩大网站的影响。（4）通过电子邮件将网站的信息发送给客户和消费者。（5）通过与其他类似网站合作，建立友情链接，获得双赢。网站的推广一般有以下方式:网站开发技术2020/3/1115网站的更新维护网站建成之后，在运营过程中需要定期不断更新网站的信息，及时总结经验与教训，逐步完善网站的功能。在网站的日常维护工作中，网站的安全是至关重要的。网站开发技术2020/3/11162.2电子商务网站的总体设计与策划2.2.1网站创建的基本原则关键是一个好的定位;从一开始就明确站点的目标，规划站点的主要构成部分及各部分的功能和风格，建站前要对市场进行调研。网站开发技术2020/3/11172.2.2网站的内容策划1．网站包含一定的信息（1）网站的名称（2）网页的标题（3）网站的脊梁－结构（4）内容（5）指向网页的连接或指向网站其他网页的链接（6）网站的联络方法（7）网站的建立或更新日期（8）版权说明2.网页的长度要合适3．建立经营内容明确的电子商务网站网站开发技术2020/3/11182.2.3网页的版面设计可以依据以下几个原则来设计：1．尽量简洁2．选择合适的主色调3．利用表格网站开发技术2020/3/1119几种常用的配色方案暖色调即红色、成色、花色、褐色等色彩的搭配。这种色彩的运用，可使主页呈现温馨、和煦、热情的氛围。冷色调即青色、绿色、紫色等色彩的搭配。这种色调的运用，可使主页呈现宁静、清凉、高雅的氛围。对比色调即把色性完全相反的色彩搭配在同一个空间里。网站开发技术2020/3/1120网站开发技术2020/3/11212.2.4网站的风格版面设计要一致网页中的有代表的东西要一致，如网站的名称、网站的徽标、有代表性的图形和动画等均要一致。导航条的风格要一致网站开发技术2020/3/1122（1）页的长度不要过长（2）使用的图像宜小而精（3）图片的尺寸（长度和宽度）（4）正确选择图片格式（5）降低颜色数目（6）使用图片简图（7）慎用动画（8）慎用JAVA程序（9）使用缓存网页的优化网站开发技术2020/3/11231.确定网站主题与名称；2.确定网站性质的内容主题及定位浏览人群；3.策划栏目功能与层次结构4.清晰、丰富的内容组织；5.网站的发布形式；6.页面设计要求；2.2.5撰写网站计划书网站开发技术2020/3/11242.2.6电子商务网站系统设计1．自顶向下的设计方法2．自底向上的设计方法3．不断增补的设计方法网站开发技术2020/3/11252.3站点的发布2.3.1本地发布方法1．将所有站点的文件夹全部放在Inetpub\文件夹中，并且首页命名为default.htm或default.asp(index.html或index.htm，此时需要设置发布文档)。则可以在IE的地址栏中直接输入：http://计算机名字/或就可以浏览了；2．在计算机任意盘中建立一个文件夹，将文件夹发布，首页命名为index.html或index.htm，在IE地址栏中直接输入：http://计算机名字/文件夹名或文件夹名即可。建议用后一种方法。网站开发技术2020/3/11263．从本地计算机向Internet上发布，按照上述设置发布后，再将本地计算机用电话线、专线等连接到Internet上即可，此时任意一台计算机输入本机的IP地址和发布的文件夹即可浏览。4．申请一个免费或付费的ISP公司的空间(虚拟服务器)利用他们的所有基础实施，而自己仅仅需要制作网站内容，上传到指定的ISP服务器中即可。通常，付费方式的可以得到一个空域名，利用域名进行访问。网站开发技术2020/3/11272.3.3在Windows2000专业版中安装IIS5.0（1）单击“开始”，单击“控制面板”，双击“添加或删除程序”启动“添加或删除程序”应用程序。如下图。（2）在“添加或删除程序”对话框左侧的列中，单击“添加/删除Windows组件”。如下图。（3）出现“Windows组件向导”后，单击“下一步”。（4）在“Windows组件”列表中选中“Internet信息服务”。如下图。（5）单击“下一步”，然后根据指导进行操作。网站开发技术2020/3/1128添加/删除程序网站开发技术2020/3/1129添加/删除Windows组件网站开发技术2020/3/1130Internet信息服务网站开发技术2020/3/11312.3.4测试IIS安装(2000)1．在本机上测试（1）打开Web浏览器。（2）在地址栏中键入服务器主目录的URL。格式：。或键入。如下图。2．在Intranet上测试（1）打开Web浏览器。（2）在地址栏中键入服务器主目录的URL。格式：。3．在Internet上测试网站网站开发技术2020/3/1132测试结果网站开发技术2020/3/1133测试IIS（XP）网站开发技术2020/3/1134网站开发技术2020/3/1135网站开发技术2020/3/11362.3.5使用Internet信息服务管理单元（1）从“开始”菜单，选择“设置”，然后选择“控制面板”；（2）打开“管理工具”；如下图。（3）打开“Internet服务管理器”；如下图。网站开发技术2020/3/1137管理工具网站开发技术2020/3/1138Internet服务管理器网站开发技术2020/3/1139网站开发技术2020/3/1140网站开发技术2020/3/1141创建虚拟目录（1）在Internet信息服务管理单元中，选择要添加目录的网站或FTP站点；（2）单击“操作”菜单，指向“新建”，然后单击“虚拟目录”，将打开“虚拟目录创建向导”；（3）单击“下一步”，在“别名”文本框中输入该虚拟目录的名称；（4）单击“下一步”，通过“浏览”获取该虚拟目录指向的物理目录路径；（5）单击“下一步”，设置该虚拟目录的访问权限；（6）单击“下一步”，然后单击“完成”。网站开发技术2020/3/1142建立虚拟目录网站开发技术2020/3/1143起别名网站开发技术2020/3/1144设置物理路经网站开发技术2020/3/1145设置访问权限网站开发技术2020/3/1146设置完成网站开发技术2020/3/1147更改主目录（1）在Internet信息服务管理单元中，选择某个网站或FTP站点，并打开其属性页。（2）单击“主目录”选项卡，然后指定主目录的位置。可以选择：①此计算机上的目录，②另一台计算机上的共享，③重定向到URL。（3）在文本框中，指定目录的路径名、共享名或URL。如下图。网站开发技术2020/3/1148更改主目录网站开发技术2020/3/1149其基本技术是：用Windows2000(Advance)Server+DNS服务+多IP地址设置+虚拟服务等几项技术实现的。必须满足如下3个条件。条件1：必须是Windows(Advance)Server，或Linux系统条件2：必须安装DNS服务、服务器(IIS)条件3：一网卡配多IP地址2.3.6虚拟．虚拟IP配置方法如下：（1）右击“网上邻居/属性”。（2）双击窗口中的代表的网卡的图标(通常为“本地连接)/属性”。如下图。（3）双击“Internet协议(TCP/IP)”或选中后单击“属性/高级”。如下图。（4）在IP设置选项卡中单击“添加”，增加一个C类地址，地址为：192.168.111.学号，例如学号为99，则此IP地址为：192.168.111.99，子网掩码为：255.255.255.0，其他不变。网站开发技术2020/3/1151本地连接属性网站开发技术2020/3/1152属性设置网站开发技术2020/3/1153添加地址网站开发技术2020/3/11542．设置客户端DNS（1）在上述位置，单击DNS选项卡，单击“添加”，将刚才的IP地址添加进去，其他不变；（2）完成后单击“确定”退出高级设置，再单击“确定”完成IP设置；（3）完成上述设置后，可以在CMD命令窗口，用Ipconfig/all命令检查一下看设置的IP地址实现否。Windows2000下不需要重新启动计算机。网站开发技术2020/3/11553．安装DNS（1）打开“控制面板”，单击“添加删除程序”；（2）单击“添加/删除Windows组件”；（3）在弹出的Windows组件对话框中选择“Internet信息服务”、“网络服务”，这两项服务均有多个选项，箭头为必选。（4）可以在选中状态下单击“详细信息”观察。网站开发技术2020/3/1156服务选择网站开发技术2020/3/1157详细信息网站开发技术2020/3/11586．配置IIS（1）单击“开始/程序/管理工具/Internet服务管理器”；（2）右击“计算机图标/新建/web站点/下一步/说明中”，输入对网站的简要说明，例如：我的网站；（3）单击“输入Web站点使用的IP地址的下拉箭头”，选择刚才所建的IP地址；（4）路径单击浏览查找“实验说明创建的目录”[例如：d:\020543199_赵五]允许匿名访问此Web站点，打勾；（5）在“读取，运行脚本，浏览”前复选框打勾；（6）“完成”即可。网站开发技术2020/3/1159习题1．简述商务网