《网页设计与制作第一章.ppt

《《网页设计与制作第一章.ppt》由会员分享，可在线阅读，更多相关《《网页设计与制作第一章.ppt（55页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、电子商务学时：学时：60学时学时第一章 电子商务网站基础知识了解：电子商务的基本概念和电子商务网站的作用熟练掌握：熟悉网站设计与制作的相关软件和语言；掌握电子商务网站的构成，特点以及分类；掌握电子商务网站的规划与设计；掌握电子商务网站的制作流程。掌握：掌握电子商务网站的构成，特点以及分类；掌握电子商务网站的规划与设计；掌握电子商务网站的制作流程。第一节第一节 电子商务网站概述电子商务网站概述一、什么是电子商务一、什么是电子商务电子商务贸易源于英文electronic commerce，简写为EC。顾名思义，其内容包含两个方面，一是电子方式，二是商贸活动。一、什么是电子商务电子方式 电子商务可以

2、通过多种电子通讯方式来完成。简单的，比如通过打电话或发传真的方式来与客户进行商贸活动，似乎也可以称作为电子商务；但是，现在人们所探讨的电子商务主要是以EDI（电子数据交换）和Internet来完成的。尤其是随着Internet技术的日益成熟，电子商务真正的发展将是建立在Internet技术上的。所以也有人把电子商务简称为IC（Internet commerce）。一、什么是电子商务商贸活动电子商务可以在多个环节实现，由此也可以将电子商务为两个层次，较低层次的电子商务如电子商情、电子贸易、电子合同等；最完整的也是最高级的电子商务应该是利用Internet网络能够进行全部的贸易活动，即在网上将信息

3、流、商流、资金流和部分的物流完整地实现。二、电子商务网站的定义及功能二、电子商务网站的定义及功能二、电子商务网站的定义及功能（一）电子商务网站的定义电子商务网站是指一个企业、公司或机构为宣传企业形象，发布产品信息、宣传经济法规、提供商务服务等在互联网上建立的网站。二、电子商务网站的定义及功能（二）电子商务网站的功能（二）电子商务网站的功能1.企业形象宣传2.新闻发布、供求信息发布3.产品和服务项目展示4.商品和服务订购5.转账与支付、物流应用6.信息搜索与查询7.客户信息管理8.销售业务信息管理三、电子商务网站的构成、特点和分类三、电子商务网站的构成、特点和分类三、电子商务网站的构成、特点和分

4、类（一）电子商务网站的构成1.网站域名2.网站物理地点3.网页4.货款结算5.客户资料管理6.商品数据库管理三、电子商务网站的构成、特点和分类（二）电子商务网站的特点1.商务性2.服务性3.集成性4.可扩展性5.安全性6.协调性三、电子商务网站的构成、特点和分类（三）电子商务网站的分类1.按照构建网站的主体分类（1）行业电子商务网站（2）企业电子商务网站（3）政府部门电子商务网站（4）服务机构电子商务网站 2.按照商务目的和业务功能分类（1）基本型商务网站（2）宣传型商务网站（3）客户服务型商务网站。（4）完全电子商务运作型网站 3.按照电子商务模式分类（1）B2B商务网站（2）B2C商务网站

5、（3）C2C商务网站（4）C2G商务网站第二第二节节 电电子商子商务务网站的网站的规规划与划与设计设计一、电子商务网站的设计原则一、电子商务网站的设计原则一、电子商务网站的设计原则一、电子商务网站的设计原则1.系统的安全性2.系统的经济性3.系统的开放性4.系统的先进性5.系统的易用性二、电子商务网站的规划二、电子商务网站的规划二、电子商务网站的规划二、电子商务网站的规划1.网站建站目标和企业开展业务分析一个电子商务网站的目标要解决以下问题：l企业组织的任务或目标是什么？l电子商务门户网站的近期目标和远期目标是什么？l谁是电子商务门户网站确定的访问者？l电子商务门户网站的服务领域和服务对象是什

6、么？l电子商务门户网站的赢利模式或商业模式是什么？l人们为什么会来到企业的电子商务门户网站？二、电子商务网站的规划二、电子商务网站的规划2.竞争对手及其电子商务应用分析“知己知彼，百战不殆。”竞争对手调查与分析的目的是了解竞争对手是否已建立网站，洞察网上已经开展了业务的竞争对手情况，分析现有和潜在的竞争对手的优势和劣势，借鉴竞争对手网站运行和电子商务运作的效果，以便制订自己的发展战略、网站设计方案和战胜竞争对手的方法。二、电子商务网站的规划二、电子商务网站的规划3.电子商务市场定位分析不同地区的销售商机与潜在市场不同，通过对销售的区域性与潜在性进行分析，确定网站产品在特定地区开拓市场的可能性及

7、有利条件，以及可以挖掘的新市场。二、电子商务网站的规划二、电子商务网站的规划4.网站目标用户需求分析根据电子商务网站的定位不同，网站目标用户有所不同。在进行网站目标用户分析的同时，还需进行访问者心理分析。网站访问者的心理分析，大致的结论如下：l访问者总是匆匆忙忙。l访问者总希望可以得到“免费”的东西。l访问者不容易相信网站的信息或产品。l访问者喜欢点击，会索取、订阅任何免费的、有兴趣的东西。二、电子商务网站的规划二、电子商务网站的规划5.网站建设可行性分析电子商务网站建设可行性分析包括技术、经济以及组织人员等方面的可行性分析。二、电子商务网站的规划二、电子商务网站的规划6.网站总体规划方案电子

8、商务网站总体规划方案，是电子商务网站规划与设计的结果，一般包括：l电子商务网站规划分析l网站建设可行性论证l电子商务网站的总体框架l前台商户平台和后台管理系统的具体功能设计要求三、网站风格与色彩三、网站风格与色彩三、网站风格与色彩三、网站风格与色彩（一）网站的风格简单来说，网站风格可以从以下几个方向来探讨，而每一项都是有关联的。l色彩：网站的主色、辅色、文字颜色、图片颜色等。l排版：表格、框架的应用，文本的缩排、段落等。l窗口：窗口的效果，如全屏幕显示，特效窗口等。l程序：网页互动的程序，如ASP、PHP、XML、CGI等。l特效：让网页看起来生动活泼的各种应用，如Flash、JavaScri

9、pt、DHTML等。l架构：网站目录的规划、结构层次的设计、表单的应用等。l内容：网站的主题、整体实用性、文件关联性等。三、网站风格与色彩三、网站风格与色彩（二）网站的色彩1.色彩的基本概念自然界的颜色可以分为非彩色和彩色两大类，非彩色指的是黑、白以及各种深浅不一的灰色，其他颜色属于彩色。彩色具有3个属性：色相、饱和度、明度。2.网页安全色颜色在不同的显示介质中，显示出不同的颜色效果。三、网站风格与色彩三、网站风格与色彩（三）网页的基本元素与网页布局1.网页的基本元素网站是由网页组成的，同样网页也是由构成该网页的基本元素组成，其中包括了网页的标题、网站的LOGO、页眉、页脚、主体内容、导航区、

10、功能区、超级链接、广告区。三、网站风格与色彩三、网站风格与色彩（三）网页的基本元素与网页布局2.网页的布局国字型国字型拐角型拐角型三、网站风格与色彩三、网站风格与色彩（三）网页的基本元素与网页布局2.网页的布局标题正文型标题正文型Flash型型第三节第三节 电子商务网站制作流程电子商务网站制作流程 一、确定网站主题一、确定网站主题一、确定网站主题一、确定网站主题一个网站最重要的就是在最开始建站初期网站的中心思想要明确，这中心思想就包括网站的定位和网站的主题。二、收集和整理资料二、收集和整理资料二、收集和整理资料二、收集和整理资料“巧妇难为无米之炊”要想让自己的网站有血有肉，能够吸引住用户，你就

11、要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。三、规划和创建站点三、规划和创建站点三、规划和创建站点三、规划和创建站点一个网站设计得成功与否，很大程度上决定于设计者的规划水平第三节第三节 电子商务网站制作流程电子商务网站制作流程 四、制作网页四、制作网页按照先大后小、先简单后复杂来进行制作。四、制作网页四、制作网页五、站点测试五、站点测试五、站点测试五、站点测试网站上传以前，我们需要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传。第四节 网页制作的工具 一、Dreamweaver一、Dreamweaver使用Dreamweaver是创建专业网站的最佳途

12、径，同时也是构建强大Internet应用程序的最简便的途径。支持ASP、PHP、JSP等各种网站开发语言。二、Flash二、FlashFlash是由Adobe公司开发的一款二维矢量动画软件，其动画制作方便，交互功能强大，占用空间小，所以非常适合网络传播。三、Fireworks三、FireworksFireworks不仅是一个图像处理工具，它还是一个全功能的网页设计工具。利用Fireworks，不仅可生成静态的图像，还可以生成包含HTML和JavaScript代码的动态图像，甚至可以编辑整个网页。一、HTML简介一、HTML简介超文本标记语言（Hyper Text Markup Language

13、，HTML）是一种用来制作超文本文档的简单标记语言。HTML语言是通过利用各种标记（tags）来标识文档的结构以及标识超链接（Hyperlink）的信息。如表示段落，表示表格等。二、CSS简介二、CSS简介CSS是Cascading Style Sheets（层叠样式表单）的简称。CSS就是一种叫做样式表（stylesheet）的技术。也有的人称之为“层叠样式表”（Cascading Stylesheet）。在网页制作时采用CSS技术，可以有效地对全站页面有共同性质属性的布局、字体、颜色、背景和其他效果属性实现更加精确的控制。三、JavaScript简介三、JavaScript简介JavaSc

14、ript是一种基于对象和事件驱动并具有安全性能的功能强大的语言。JavaScript具有如下优点。（1）简单性（2）动态性（3）跨平台性（4）节省CGI的交互时间四、VBScript简介四、VBScript简介VBScript是在HTML文件中使用的一种VB脚本语言，它是VB的一个子集，可以实现部分VB的功能，从而使HTML语言得到大大的扩展。五、服务器端语言五、服务器端语言五、服务器端语言五、服务器端语言所谓服务器端语言，指的就是我们通常说的网站后台语言，其主要作用就是真正实现了人机交互。通过人机交互，我们可以完成很多的工作。如用户注册、留言、在线购物等功能。主要流行的有以下几种，ASP、PHP和JSP。THE END