电子商务网页制作01课件.ppt

1、主编：谢嵘随着电子商务的迅猛发展，越来越多的人在网上购物，越来越多的企业开展了网上业务。电子商务网站已经成为企业与企业之间，企业与客户之间交流信息、进行商务活动的平台。电子商务网站，是人们获取商业信息和资源的最为主要的途径之一，同时，网页设计师也成为电子商务从业人员中非常重要的职业。我们将从了解电子商务网站入手，介绍了电子商务网站的特点和功能，以及网页制作的相关知识。项目项目1 1 初识电子商务网站初识电子商务网站 项目导学项目导学 体验活动一：体验活动一：浏览丰富多彩的电子商务网站浏览丰富多彩的电子商务网站 活动任务：浏览电子商务网站，体会电子商务网站的特点；认识电子商务网站中不同页面的功能

2、。活动指导：电子商务网站内容丰富多彩，商品信息令人眼花缭乱。我们在浏览电子商务网站的时候，要留心感受它的特点，要仔细观察、认真思考它的各种用途，体会各种网站的功能。项目项目1 1 初识电子商务网站初识电子商务网站 体验活动一：体验活动一：浏览丰富多彩的电子商务网站浏览丰富多彩的电子商务网站 活动步骤：1.打开IE浏览器，输入网址：，进入“淘宝网”网站。2.单击主页右上方的“免费注册”按钮，填写个人信息，注册成为“淘宝网”新用户。项目项目1 1 初识电子商务网站初识电子商务网站 体验活动一：体验活动一：浏览丰富多彩的电子商务网站浏览丰富多彩的电子商务网站 活动步骤：3.注册成功后，浏览一下网站的

3、内容。主页的左侧，列出了该网站的重要频道和特色服务。4.单击“搜索”栏，在搜索栏的文本框中输入商品的关键词。项目项目1 1 初识电子商务网站初识电子商务网站 体验活动一：体验活动一：浏览丰富多彩的电子商务网站浏览丰富多彩的电子商务网站 活动步骤：5.选中商品后可以将商品放入购物车中。6.在首页的下方，有专门的区域用来提供各种类型的帮助。项目项目1 1 初识电子商务网站初识电子商务网站 活动小结活动小结电子商务网站上的元素电子商务网站上的元素元素对应的功能元素对应的功能文字表述商品、提供信息完成体验活动后，填写下表 项目项目1 1 初识电子商务网站初识电子商务网站 体验活动二：体验活动二：网页制

4、作工具：网页制作工具：Dreamweaver CS4活动任务：启动网页制作工具软件，熟悉它的工作界面，并了解它的新功能，为以后的学习打下基础。活动指导：Dreamweaver、Fireworks、Flash三个软件是一套强大的网页编辑工具，俗称“网页制作三剑客”。“网页制作三剑客”中网页制作由Dreamweaver完成，Fireworks负责矢量图形制作和图像处理，而Flash则完成动画制作。项目项目1 1 初识电子商务网站初识电子商务网站 活动步骤：1.双击桌面上的图标 ，启动Dreamweaver CS4软件，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具。项目项目1 1 初识电

5、子商务网站初识电子商务网站 体验活动二：体验活动二：网页制作工具：网页制作工具：Dreamweaver CS4 Dreamweaver CS4的最新功能：1.实时视图2.Ajax和JavaScript框架的代码提示3.相关文件和代码导航器4.InContext Editing5.CSS最佳做法6.HTML 数据集7.Adobe Photoshop智能对象8.Subversion集成9.新的用户界面 Dreamweaver CS4不再使用的功能：1.时间轴2.Web 服务3.布局模式4.“站点地图”视图5.Java Bean支持6.Flash元素（图像查看器）7.Flash文本和Flash按钮8

6、.ASP.NET和JSP服务器行为和记录集 项目项目1 1 初识电子商务网站初识电子商务网站 体验活动二：体验活动二：网页制作工具：网页制作工具：Dreamweaver CS4体验活动二：体验活动二：网页制作工具：网页制作工具：Dreamweaver CS4相关知识：1.网页：网页：文字和图片是构成网页的最基本元素。文字表述了网页中的内容，而图片则构成了网页的外观框架。除此之外，网页的元素还包括动画、音乐和程序等。网页实际上是一个文件，它存放在互联网的某台计算机中。当在一台计算机的浏览器上输入了该网页的地址后，网页会被传输到这台计算机上，然后通过浏览器解释网页的内容，最后网页被显示在我们面前。

7、2.网站：网站：网站就像一本书，它由很多（网）页组成。而这本书的封面，也就是用户看到的第一个网页就是主页。项目项目1 1 初识电子商务网站初识电子商务网站 体验活动二：体验活动二：网页制作工具：网页制作工具：Dreamweaver CS4相关知识：1.静态网站：静态网站：它是相对于动态网站而言，但并不是指网页中的元素都静止不动就叫做静态网站。静态网页是指浏览器和服务器端不发生交互的网页，也就是说，仅仅只有HTML构成的网站就是静态网站。由HTML语言编写的网页后缀名通常为.html或者是.htm。2.动态网站：动态网站：除了包含有静态网页中的元素以外，还包括一些其他的应用程序，这些程序可以和在

8、互联网中的服务器之间发生交互行为。电子商务网站大部分都是动态网站。项目项目1 1 初识电子商务网站初识电子商务网站 体验活动二：体验活动二：网页制作工具：网页制作工具：Dreamweaver CS4相关知识：电子商务网站和普通网站一样，由前台和后台构成。前台即我们所能看到的页面上的文字、图片、动画等用于描述商品和发布信息的元素；后台即用户个人信息、用户意见反馈等信息管理系统、网站管理系统和付款方式等电子商务业务管理系统。一个完整的电子商务网站通常包括以下几种类型的网页：主页：主页：用于展示电子商务企业的整体形象，是发布广告、新闻信息的主要界面。主页通常包括网站（企业）名称、标志、导航栏、搜索栏

9、、广告、重要新闻和帮助信息等。项目项目1 1 初识电子商务网站初识电子商务网站 体验活动二：体验活动二：网页制作工具：网页制作工具：Dreamweaver CS4相关知识：产品展示页面：产品展示页面：用于展示各种产品的详细信息，包括产品价格、样式、尺寸、重量、颜色、技术参数等各项指标。企业信息页面：企业信息页面：用于展示企业的运营情况，包括企业历史、企业文化、发展状况等，这些信息都是用来提高企业的可信度，从而影响用户的购买决策。用户反馈页面：用户反馈页面：用于反馈用户对产品和服务的意见，还可以作为市场调查的有效途径。项目项目1 1 初识电子商务网站初识电子商务网站 体验活动二：体验活动二：网页

10、制作工具：网页制作工具：Dreamweaver CS4相关知识：广告页面：广告页面：广告可穿插于各页面中，也可以制作专门的广告频道用于宣传企业和产品，同时还可以创造出一定的广告收入。项目项目1 1 初识电子商务网站初识电子商务网站 活动小结活动小结本项目介绍了电子商务网站的基础知识。通过体验活动了解了常用的网页元素，学习了网站和网页的基础知识、动态和静态网页的区别、电子商务网站的构成。同时还认识了网页制作工具Dreamweaver CS4，为后期的学习打下了基础。项目项目1 1 初识电子商务网站初识电子商务网站 项目实训：项目实训：网页制作工具：网页制作工具：Dreamweaver CS4浏览著名电子商务网站，完成表：浏览国内外著名电子商务网站，进一步理解网页和网站之间的关系，体会各电子商务网站的特点和各个页面的用途。当当网当当网卓越网卓越网主页（布局、色彩、信息等）功能（搜索、帮助、服务等）产品（描述是否准确、详细）更新（更新速度快慢）项目项目1 1 初识电子商务网站初识电子商务网站