本章主要介绍了常见的网站开发工具和技术、网站设计与策划、网页上传等方面的内容。考虑到移动应用在电商领域的重要性日益增加，本章还对移动设备网页的制作进行了讲解。 第 3 章 电商网站设计与开发 3.1 网站开发工具与技术 3.1. HTML和HTML5简介 HTML是age的缩写，直译就是超文本标记语言。它是一种广泛用于制作静态网页的标记语言，现在也被广泛应用于静态网页的制作。HTML作为一种标记语言，不需要经过编译，直接由浏览器执行。HTML文件是一个文本文件，其中包含一些HTML元素、标签等。HTML文档的后缀为html或htm。 第 3 章 电商网站设计与开发 HTML目前的新版本是5.0，也称为HTML5。 HTML5是下一代HTML标准，由万维网联盟（W3C）于2014年10月完成。HTML5解决了HTML4以前版本的很多问题，并增加了许多新特性，如嵌入音频、视频和图像的功能，客户端数据存储，交互式文档等，进一步增强了交互性，有效降低了开发成本。 第3章 电子商务网站设计与开发 一个网页通常包括以下三个部分： ：实现网页的交互效果，如响应用户鼠标事件。

第3章 电子商务网站设计与开发2.该公司开发了集网页制作与网站管理于一体的“所见即所得”网页编辑器，具有功能强大、动态网页制作、方便高效等优点。3.1.2 ASP与ASP.动态技术发展迅速，种类繁多，包括脚本语言、服务器端技术CGI、ASP、ASP.NET、JSP、PHP1.客户端脚本语言脚本语言（）是一种简单的描述性语言，它的语法结构与计算机上的高级语言相当相似，因此相对于其他Web技术来说，它简单易用。脚本语言的出现，较好地解决了网页的动态交互问题。第3章 电子商务网站设计与开发2. ASP技术ASP是微软公司开发的一个服务器端脚本运行环境，通过ASP，用户可以建立动态的、交互性强的、高效的Web服务器应用程序。 3. ASP.NET技术 ASP.NET是一个统一的Web应用程序平台大连网络推广公司，它提供了建立和部署企业级Web应用程序所必需的服务。ASP.NET提供了一种新的编程模型和基础结构，可以开发更安全、更具可扩展性和更稳定的应用程序，这些应用程序可以针对任何浏览器或设备。 第3章 电子商务网站设计和开发 4. ASP和ASP.NET的区别 ASP.NET和ASP的主要区别在于前者是编译型（）执行的，而后者是解释型（），前者的执行效率比后者高。

除此之外，ASP.NET还可以利用.NET平台架构的诸多优点网络营销策划，比如类型安全，并对XML、SOAP、WSDL等标准提供强大的支持。 第3章 电子商务网站设计与开发 3.1.3 ASP.NET应用实例 1.网站后台管理员登录程序login.aspx 2. ASP.NET发布消息程序 第3章 电子商务网站设计与开发 3.2 电子商务网站设计与制作 要建立一个优秀的电子商务网站，除了要求网站建设者具有较高的软件应用技能外，还需要对网站进行全面细致的分析和系统设计，只有在此基础上着手开发，才能取得成功。 3.2.1 电子商务网站内容设计的流程 在建立企业网站之前，需要对网站进行整体规划，确定网站的目标和定位等，同时还要进行电子商务网站内容的设计和制作网络营销策略，这是网站开发的重点。 第三章 电子商务网站设计与开发 1.网站内容设计的原则 （1）信息内容新颖、精炼、专业化。 （2）访问安全、快捷。 （3）页面美观、人性化。 第三章 电子商务网站设计与开发 2.网站内容设计流程 1. 1.收集与网站相关的一些关键信息。 2.设计网站信息结构。 3.选择网站运行环境。 4.设计网站信息结构。 5.制作网站。 6.测试发布网站。 第三章 电子商务网站的设计与开发 3.2.2 网站信息结构设计 一般来说，一个电子商务网站的建设和当时的经营策略、产品特点、财务预算以及网站的目的有直接的关系。

1.网站信息内容及其功能模块 公司简介、员工信息、产品目录、产品价目表、产品搜索、公司动态、销售网络、售后服务、技术支持信息、联系方式等。 第3章 电子商务网站设计与开发 2.网站链接结构的设计 网站开发人员在设计网站信息结构的同时，应规划设计出重点明确、结构清晰的网站链接结构，使浏览者一眼就能了解网站内容。 （1）树状链接结构（一对一）。 （2）网状链接结构（一对多）。 第3章 电子商务网站设计与开发 3.网站整体风格的设计 网站风格是抽象的，是指网站给浏览者一个综合感受的整体形象。这个“整体形象”包括网站的CI（标志、色彩、字体、标语）、布局、浏览方式、互动性、文字、语气、内容价值、网站荣誉等诸多因素。 有设计风格的网站能给人以更深层次的感性认识，如感觉网站有品位、有亲和力、像老师、像朋友等。 第3章 电子商务网站设计与开发 3、网站整体风格的设计 （1）尽量使公司的标志出现在每一个页面上。 （2）突出网站的标准色。 （3）突出网站的标准字体。 （4）设计朗朗上口的口号。 （5）使用统一的图像处理效果。 （6）创建公司网站独有的符号或图标。 第3章 电子商务网站设计与开发 3.2.3 网页视觉设计 1.网页设计应遵循的原则 网页名称要简洁，页面导航要好，网页要易于阅读，视觉设计要合理，图片要添加文字说明，不宜使用过多的动画和静态图，页面长度要适中，少用Java程序上海网络营销推广公司，整个页面的风格要一致，尽量使用相对超链接。

第三章 电子商务网站设计与开发 （1）网页布局步骤：制定初步方案、初步设计网页布局、最终确定方案。 （2）常见布局形式 “T”型结构布局。 “口”型布局 “三”型布局。 对称对比布局 POP布局 “T”型结构布局 “口”型布局 POP布局 第三章 电子商务网站设计与开发 3、网页色彩设计 在网页设计中，应根据和谐、平衡、强调的原则，将不同的色彩进行组合搭配网络营销推广，形成美观的页面。 （1）网页配色原则。 （2）网页配色技巧。 第三章 电子商务网站设计与开发 4、网页中图片与文字的设计 （1）善加利用图片。图片可以弥补文字的不足，但不能完全代替文字。 （2）网站字体设计技巧。字体不要超过3种，不要使用过大或过小的字体。 第 3 章 电子商务网站设计与开发 3.2.4 主页设计 主页设计对于任何一个网站来说都是至关重要的，网页设计师一定要对主页的设计和制作给予足够的重视。 1.主页的功能模块 通常，电子商务网站的主页应该列出网站的基本内容。 第 3 章 电子商务网站设计与开发 2.主页的视觉设计 在图形主页中，通常使用图片和标题作为兴趣点。由于图片通常比文字更能吸引人的注意力，所以图片上的兴趣点就是主页的兴趣点。为了吸引浏览者的注意力，很多主页将文字标题融入图片中，使两个兴趣点合二为一。

第三章 电子商务网站设计与开发 3.2.5 其他页面的设计 1.新闻页面设计 2.产品页面制作 3.员工页面 4.其他页面的设计 第三章 电子商务网站设计与开发 3.2.6 网页的制作 1.电子商务网站中的Web资源 一般来说，电子商务网站中的Web资源总是包括静态网页和动态网页两种类型。通常公司介绍、员工信息、销售网络、售后服务信息、联系方式等是比较固定的信息，变化频率不高无锡网络推广，可以采用静态网页的形式制作。但产品信息、网上销售信息（产品价格、产品目录、购物车、订单、产品搜索等）和其他服务（如技术支持、公司新闻、论坛系统），特别是网站的管理系统，一般都采用动态网页的形式。 第三章 电商网站设计与开发 2.静态网页制作 选择使用 制作静态网页。 第三章 电商网站设计与开发 2.静态网页制作 创建网站的操作步骤： 创建本地网站。 制作网站logo及动画。 使用布局视图或表格功能设置首页布局。 使用 完成网页制作。 制作二级网页。 第三章 电商网站设计与开发 3.动态网页制作 动态网页的制作有两种：网页呈现的动态制作和网页数据内容的动态制作。

（1）动态制作网页呈现方式。动态制作网页呈现方式就是在静态网页中加入活动内容，附加一些用其他语言编写的小程序，使原来内容固定的HTML文件更加美观。 第3章 电商网站设计与开发 3.动态网页的制作 （2）动态制作网页数据内容。动态制作网页数据内容是动态网页的重要应用，也是电商网站资源建设的重要组成部分。交互式动态网页的制作主要包括数据库设计和动态应用程序制作两个步骤。 数据库设计阶段。 程序设计阶段。 第3章 电商网站设计与开发 3.动态网页的制作 （3）设计动态网页（动态网站）的基本步骤 设计页面。 创建动态内容源。 为网页添加动态内容。 为页面添加服务器行为。 测试和调试页面。 第3章 电商网站设计与开发 3.2.7 使用CS6制作动态网页 2、配置服务器端环境 动态网页的测试离不开服务器端环境。 您必须配置并安装一个网页服务器（如IIS、）、一个数据库平台（如MySQL、）以及服务器端语言环境（如ASP、ASP.NET、PHP）。 第3章 电子商务网站设计与开发 3.2.7 使用CS6创建动态网页 3.配置测试服务器 配置好测试服务器后，您就可以放心的测试所有的动态代码，而不会对正式发布的网站造成任何损害。

第 3 章 电子商务网站设计和开发 3.2.7 使用 CS6 创建动态网页 4. 在 CS6 中启用 ASP.NET 支持 CS6 不再支持通过 ASP.NET C# 和 ASP.NET VB 中的服务器行为和记录集自动生成代码。 为了使其支持 ASP.NET 动态网页开发，需要完成以下准备工作。 （1）安装 ASP.NET 扩展。 （2）将支持文件部署到测试服务器。 第 3 章 电子商务网站设计和开发 3.2.7 使用 CS6 创建动态网页 5. 创建动态内容源 （1）创建数据库。 （2）建立数据库连接。 ASP.NET 动态网页必须通过 OLE DB 提供程序连接到数据库。 （3）创建数据集和数据绑定。 使用户更容易连接到数据库并创建从中提取动态内容的记录集。 记录集是数据库查询的结果。 它提取所请求的特定信息并允许在指定的页面内显示该信息。 记录集是根据数据库中包含的信息和要显示的内容来定义的。 第3章 电子商务网站设计和开发 3.2.7 使用CS6创建动态网页 6.向网页添加动态内容 定义数据集或其他数据源并将其添加到绑定面板后，可以将数据集所代表的动态内容插入到页面中。

7、为网页添加服务器行为 “服务器行为”是预先定义的服务器端代码片段，它可以为网页添加应用逻辑，从而提供更强的交互性能和功能性。 第3章 电子商务网站设计与开发 3.3 网页发布 3.3.1 选择web服务器 网站发布服务器可以是单位内部服务器，也可以是服务商提供的web服务器。选择服务商提供的web服务器应考虑以下因素： （1）磁盘空间。 （2）可靠性。 （3）客户服务。 （4）价格因素。 第3章 电子商务网站设计与开发 3.3 网页发布 3.3.2 测试站点 测试站点的目的是及时发现站点存在的问题，改进站点的内容。在将文件上传到远程站点并发布到外界之前，必须先对本地站点进行测试。

文章原创于金源网络科技有限公司：http://haimianbeibei.com/