电子商务网页制作教学课件ppt作者谢嵘01课件.pptVIP

主编：谢嵘 项目导学 随着电子商务的迅猛发展，越来越多的人在网上购物，越来越多的企业开展了网上业务。电子商务网站已经成为企业与企业之间，企业与客户之间交流信息、进行商务活动的平台。电子商务网站，是人们获取商业信息和资源的最为主要的途径之一，同时，网页设计师也成为电子商务从业人员中非常重要的职业。 我们将从了解电子商务网站入手，介绍了电子商务网站的特点和功能，以及网页制作的相关知识。 体验活动一：浏览丰富多彩的电子商务网站 活动任务： 浏览电子商务网站，体会电子商务网站的特点；认识电子商务网站中不同页面的功能。 活动指导： 电子商务网站内容丰富多彩，商品信息令人眼花缭乱。我们在浏览电子商务网站的时候，要留心感受它的特点，要仔细观察、认真思考它的各种用途，体会各种网站的功能。 体验活动一：浏览丰富多彩的电子商务网站 活动步骤： 打开IE浏览器，输入网址：，进入“淘宝网”网站。 单击主页右上方的“免费注册”按钮，填写个人信息，注册成为“淘宝网”新用户。 体验活动一：浏览丰富多彩的电子商务网站 活动步骤： 注册成功后，浏览一下网站的内容。主页的左侧，列出了该网站的重要频道和特色服务。 单击“搜索”栏，在搜索栏的文本框中输入商品的关键词。 体验活动一：浏览丰富多彩的电子商务网站 活动步骤： 选中商品后可以将商品放入购物车中。 在首页的下方，有专门的区域用来提供各种类型的帮助。 活动小结 完成体验活动后，填写下表 体验活动二：网页制作工具：Dreamweaver CS4 活动任务： 启动网页制作工具软件，熟悉它的工作界面，并了解它的新功能，为以后的学习打下基础。 活动指导： Dreamweaver、Fireworks、Flash三个软件是一套强大的网页编辑工具，俗称“网页制作三剑客”。“网页制作三剑客”中网页制作由Dreamweaver完成，Fireworks负责矢量图形制作和图像处理，而Flash则完成动画制作。 体验活动二：网页制作工具：Dreamweaver CS4 活动步骤： 双击桌面上的图标 ，启动Dreamweaver CS4软件，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具。 体验活动二：网页制作工具：Dreamweaver CS4 Dreamweaver CS4的最新功能： 实时视图 Ajax和JavaScript框架的代码提示 相关文件和代码导航器 InContext Editing CSS最佳做法 HTML 数据集 Adobe Photoshop智能对象 Subversion集成 新的用户界面 Dreamweaver CS4不再使用的功能： 时间轴 Web 服务 布局模式 “站点地图”视图 Java Bean支持 Flash元素（图像查看器） Flash文本和Flash按钮 ASP.NET和JSP服务器行为和记录集 体验活动二：网页制作工具：Dreamweaver CS4 相关知识： 网页和网站 网页：文字和图片是构成网页的最基本元素。文字表述了网页中的内容，而图片则构成了网页的外观框架。除此之外，网页的元素还包括动画、音乐和程序等。网页实际上是一个文件，它存放在互联网的某台计算机中。当在一台计算机的浏览器上输入了该网页的地址后，网页会被传输到这台计算机上，然后通过浏览器解释网页的内容，最后网页被显示在我们面前。 网站：网站就像一本书，它由很多（网）页组成。而这本书的封面，也就是用户看到的第一个网页就是主页。 体验活动二：网页制作工具：Dreamweaver CS4 相关知识： 静态网页和动态网页 静态网站：它是相对于动态网站而言，但并不是指网页中的元素都静止不动就叫做静态网站。静态网页是指浏览器和服务器端不发生交互的网页，也就是说，仅仅只有HTML构成的网站就是静态网站。由HTML语言编写的网页后缀名通常为.html或者是.htm。 动态网站：除了包含有静态网页中的元素以外，还包括一些其他的应用程序，这些程序可以和在互联网中的服务器之间发生交互行为。电子商务网站大部分都是动态网站。 体验活动二：网页制作工具：Dreamweaver CS4 相关知识： 电子商务网站的构成 电子商务网站和普通网站一样，由前台和后台构成。前台即我们所能看到的页面上的文字、图片、动画等用于描述商品和发布信息的元素；后台即用户个人信息、用户意见反馈等信息管理系统、网站管理系统和付款方式等电子商务业务管理系统。一个完整的电子商务网站通常包括以下几种类型的网页： 主页：用于展示电子商务企业的整体形象，是发布广告、新闻信息的主要界面。主页通常包括网站（企业）名称、标志、导航栏、搜索栏、广