第 1 讲网站设计基础

第1讲网站设计基础 1

内容提要 • 介绍网站设计的基本概念 • 介绍建立网站的基本步骤，网站规划和网站规划书的编写 • 介绍网站架构设计，常用的网站开发工具：Web服务器、数据库服务器和集成开发环境； • 介绍如何安装和配置ASP.NET开发环境，ASP.NET运行平台的测试。

建立网站的目的 • 一般企业建站的目的主要有： • 发布企业产品、服务信息 • 介绍企业历史、辉煌成就 • 收集客户反馈意见 • 网上市场调查 • 开展网络营销 • 网上客户服务 • 逐渐实施电子商务等

网站建设方法 • 域名注册 • 虚拟主机 • 网页设计（程序开发）

网站规划书的编写 • 一、建设网站前的市场分析，主要包括： • 1、相关行业的市场是怎样的，市场有什么样的特点，是否能够在互联网上开展公司业务； • 2、市场主要竞争者分析。主要是指竞争对手上网情况及其网站规划、功能和作用； • 3、公司自身条件分析。包括公司概况、市场优势，以及可以利用网站提升哪些竞争力，建设网站的能力（费用、技术、人力等）。

网站规划书的编写 • 二、建设网站目的及功能定位 • 1、为什么要建立网站，是为了宣传产品，进行电子商务，还是建立行业性网站？是企业的需要还是市场开拓的延伸？ • 2、整合公司资源，确定网站功能。根据公司的需要和计划，确定网站的功能：产品宣传型、网上营销型、客户服务型、电子商务型等； • 3、根据网站功能，确定网站应达到的目的； • 4、企业内部网（Intranet)的建设情况和网站的可扩展性。

网站规划书的编写 • 三、网站技术解决方案 • 根据网站的功能确定网站技术解决方案： • 1、采用自建服务器，还是租用虚拟主机； • 2、选择操作系统，用UNIX，Linux还是Window2003/2000。分析投入成本、功能、开发、稳定性和安全性等； • 3、采用系统性的解决方案，如IBM，HP等公司提供的企业上网方案、电子商务解决方案？还是自己开发； • 4、网站安全性措施，防黑、防病毒方案； • 5、相关程序开发。如网页程序ASP、JSP、CGI和数据库程序等。

网站规划书的编写 • 四、网站内容规划 • 1、根据网站的目的和功能规划网站内容，一般企业网站应包括：公司简介、产品介绍、服务内容、价格信息、联系方式、网上定单等基本内容； • 2、电子商务类网站要提供会员注册、详细的商品服务信息、信息搜索查询、定单确认、付款、个人信息保密措施、相关帮助等； • 3、如果网站栏目比较多，则考虑采用网站编程专人负责相关内容。

网站规划书的编写 • 五、网页设计 • 1、网页美术设计要求，网页美术设计一般要与企业整体形象一致，要符合CI规范。要注意网页色彩、图片的应用及版面规划，保持网页的整体一致性； • 2、在新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等； • 3、制定网页改版计划，如半年到一年时间进行较大规模改版等。

网站规划书的编写 • 六、网站维护 • 1、服务器及相关软硬件的维护。。对可能出现的问题进行评估，制定响应时间； • 2、数据库维护。有效地利用数据是网站维护的重要内容，因此数据库的维护要受到重视； • 3、内容的更新、调整等； • 4、制定相关网站维护的规定，将网站维护制度化、规范化。

网站规划书的编写 • 七、网站测试 • 网站发布前要进行细致周密的测试，以保证正常浏览和使用。主要测试内容： • 1、服务器的稳定性、安全性； • 2、程序及数据库测试； • 3、网页兼容性测试，如浏览器、显示器； • 4、根据需要的其他测试。

网站规划书的编写 • 八、网站发布与推广 • 1、网站测试后进行发布的公关，广告活动； • 2、搜索引掣登记等； • 九、网站建设日程表 • 网站建设日程表用于规划各项任务的开始完成时间，负责人等。 • 十、费用明细 • 费用明细明确列出各项事宜所需费用清单。

网站架构设计 • 在构建企业级应用的时候，通常需要大量的代码，而且这些代码一般分布在不同的计算机上，划分代码在不同计算机上运行的理论就是多层设计理论。 • 企业级应用系统通常分成两层、三层或者N层架构。

两层架构 • 传统的两层应用包括用户接口和后台程序，后台程序通常是一个数据库，用户接口直接同数据库进行对话。实现上，通常使用ASP、ASP.NET、JSP或者VB等技术编写这类软件，结构如图所示。

三层架构 • 在两层应用中，应用程序直接同数据库进行对话。三层结构在用户接口代码和数据库中间加入了一个附加的逻辑层，通常这个层叫做“商务逻辑层”，如图所示。

N层架构 • 如果某个应用超过三个独立的代码层，那么这个应用叫做N应用，就不再叫四层或者五层等名称，而是统称为N层。如图所示

网站开发工具 • Web服务器 • 目前主要使用.NET和J2EE设计网站，Web服务器很多 • 在实际的企业应用中，最常用的4种Web服务器是WebLogic、WebSphere、Tomcat和IIS（Internet Information Server），其中前三种是J2EE的Web服务器，IIS是.NET的Web服务器。

数据库服务器 • 在相关的开发领域中，常用的是4种数据库是： • Oracle、DB2、MySQL和SQL Server。

集成开发环境 • Web服务器和数据库服务器构成了发布平台，需要选择合适的开发工具以提高编码的效率，目前有两种常用的企业级集成开发环境，JBuilder和WebSphere Studio。 • .NET开发环境，简单的有ASP.NET Web Matrix • 最常用的编程环境使用Visual Studio.NET，这是一个集成开发环境，将Visual Basic.NET、Visual C#.NET和Visual C++.NET都集成在一起

配置网站运行环境 • ASP.NET是Web应用程序，运行必须依赖于Web服务器。ASP.NET正版对操作系统要求如下： • Windows 2000 Professional，Windows 2000 Server ，Windows 2000 Advanced Server • 浏览器：IE 5.5 • 建议的配置环境为：Windows 2000 Server SP2 + IE6.0+SQL Server 2000企业版，也是这本书程序的开发环境。

网上购物系统需求调研 • 实验目标： • 了解：常见的网上购物的流程。 • 熟悉：国内外常见的购物网站。 • 掌握：购物系统的功能组成。

实验要求： • 1、实验学时：2学时 • 2、硬件配置：Intel 450 CPU或以上级别的CPU，推荐Intel PIII 600以上；大于128M的内存，推荐256M以上的内存。 • 3、软件要求：Windows 2000/XP/2003操作系统，Visual Studio.NET开发环境。 • 4、写出实验报告

实验内容： • 1、访问主要的网上书店系统 • 2、熟悉网上购物系统的结构 • 3、了解网上书店层次结构

访问主要网上书店系统 • 访问当当网（http://www.dangdang.com），首页如图所示。

访问主要网上书店系统 • 访问卓越网（http://www.joyo.com），首页如图所示

访问主要网上书店系统 • 访问Amazon网站（http://www. Amazon.com），首页如图所示。

访问主要网上书店系统 • 访问ebay网站（http://www.dbay.com），首页如图所示

熟悉网上书店的功能和工作流程 • （1）书籍分类的增加、查询和修改功能 • （2）各个分类中书籍的增加、修改功能。 • （3）图书评论管理功能。 • （4）图书展示功能 • （5）购物车功能。 • （6）订单的生成、查找功能。 • （7）订单处理功能

习题 • 填空题 • 1、可以说是企业的“网上商标”，所选择上要与注册商标相符合，以便容易记忆。 • 2、_______ 是网页的存放空间，其优劣和稳定性直接影响网站访问速度。 • 3、目前主要使用_______和J2EE设计网站。 • 4、如果某个应用超过三个独立的代码层，那么这个应用叫做_______。 • 5、目前商业数据库服务器市场三足鼎立：Oracle、DB2和_______。 • 域名虚拟主机 .NET N应用微软公司的SQL Server

选择题 • 1、如下的Web服务器，哪个可以作为.NET应用服务器（） • A WebLogic B WebSphere • C Tomcat D IIS • 2、对于三层架构和两层架构，下面说法正确的是（）（多项选择） • A 三层架构基本解决了两层架构的缺点，将显示部分和逻辑流程控制分开 • B 利用服务器应用程序实现显示部分，利用商务逻辑层实现程序的流程控制 • C 分层使维护变的方便一些，而且执行效率也会有所提高，但是相对部署起来就比较困难一些。 • D 根据实际的需要，会进一步细化每一层，或者添加一些层，就形成了N层架构，和三层架构一样，组件化的设计使维护相对容易，但是部署相对困难。 • D ABCD

本章总结 • 本章需要理解网站的基本概念：建立网站的目的、制定网站建设计划以及网站规划书的编写。 • 理解三层架构、两层架构和N层架构的组成以及区别。 • 了解常用的Web服务器、数据库服务器以及集成开发环境。 • 掌握网站开发环境的安装和配置方法。

第 1 讲 网站设计基础