电子商务网站建设案例教程教学课件ppt作者梁露第4章课件.ppt

机械工业出版社 第4章 设计网站的静态网页 建设一个完善的电子商务网站，网络平台硬、软件的 搭建为将来网站的建设、测试和运行提供了环境，而域名 的注册则是为网站的发布作准备，之后需要根据市场需求 和调研结果，进行电子商务网站的规划和设计，并利用网 页的相关技术和开发工具制作网页，实现网站的功能模块， 经测试后，上传到Web服务器进行发布，用户就可以在 Internet上通过域名访问这个电子商务网站。 第4章 设计网站的静态网页 4.1 Web技术简介 4.2 信息流程设计 4.3 首页设计 4.4 其他页面的设计 4.5 页面的更新 4.6 花店网站首页的制作 4.1 Web技术简介 4.1.1 静态网页相关技术 4.1.2 网页动态效果相关技术 4.1.3 交互式网页相关技术 4.1.1 静态网页相关技术 HTML语言 FrontPage 2002 Dreamweaver MX/2004 1. HTML语言 HTML是Hyper Text Markup Language的缩写，称为超文本标记语言，是一种用于编写超文本文件的语言。用HTML编写的超文本文件，通常以 .htm或 .html为文件的扩展名。 HTML是标记的集合，这些标记由“”括起来，并且标记一般成对出现，例如head是一个开始标记，/head就构成一个结束标记，在开始标记和结束标记之间的就是页面的内容。 HTML文件的基本结构如下： html head !-HTML文件头-! /head body !-HTML文件正文-! /body /html HTML文件本身是纯文本文件，可以用Windows自 带的“记事本”直接编写，以下是一个HTML编写的例子： Example.htm Example.htm运行后显示效果 2.FrontPage 2002 直接使用HTML语言编写网页，代码量太大，而且调试困难，所以出现了功能强大的网页编辑制作工具FrontPage、Dreamweaver、HomeSite等。这些网页编辑工具的出现，使网页制作变得简单。 FrontPage 2002是Microsoft公司继FrontPage 2000之后推出的一个全新的网页设计工具，可以通过“所见即所得”的方式设计和制作网页，从而使网页制作变得简单易行。所以即使你不懂HTML语言，使用FrontPage 2002就可以创建一个看起来很不错的网站。 FrontPage 2002的功能主要包括以下几个方面： 站点管理 编辑HTML 发布网页 数据库集成 FrontPage的“普通”视图模式 FrontPage的“HTML”视图模式 3.Dreamweaver MX/2004 Dreamweaver MX与FrontPage 2002相似，也是一个可以实现“所见即所得”的网页设计工具，它是Macromedia公司开发的集网页制作和网站管理于一身的网页编辑器，是专门为网页设计师量身定制的网页开发工具。 由网页设计工具Dreamweaver、矢量动画制作工具Flash和处理网页图像工具Fireworks，共同组成的网页开发工具包，被Macromedia公司称为Dream Team(梦之队)，也就是网站设计者通常所说的“网页设计三剑客”。 Dreamweaver MX的功能主要包括以下几个方面： 站点管理 与其他网页开发工具高效率的配合 代码提示功能 Coldfusion MX支持 支持必威体育精装版的网页标准 4.1.2 网页动态效果相关技术 Java Applet JavaScript和VBScript CSS Flash 1.Java Applet Java的程序分为两种类型：Java Application和Java Applet，其中Java Applet应用于网页中，但它不是可以独立运行的程序，它编译后生成的字节码文件必须嵌入到用HTML语言编写的网页文件中，并由客户端的Web浏览器内部所包含的Java解释器来解释运行。 Java Applet作为一种网页开发语言，由于具有跨平台和安全等特性，曾一度被认为是Internet上最适合的开发语言，但事实上，由于Java程序的编译运行速度慢，资源消耗大等缺陷，使Java的应用在Internet上并未真正流行起来。 2.JavaScript和VBScript JavaScript是Netscape公司的Live Script语言和Sun公司的Java语言相结合的产物，但JavaScript不是Java语言，两者最主要的区别是JavaScript是一种脚本语言，可以由浏览器直接解释执行，而Java需要先编译成字节码文件，再由Web浏览器包含的Ja