4-第四章电子商务网站建设.pptVIP

第四章 电子商务网站建设 第四章 电子商务网站建设 4.1 网页与HTML 4.2 “所见即所得”型网页制作工具 4.3 页面动态效果 4.4 网 站 的 发 布 4.5 数据库与动态网页设计 4.6 电子商务站点需求 4.1 网页与HTML 4.1.1 第一个网页的制作 【例4-1】 用HTML制作一个网页。 第一个网页，我们使用记事本来制作。记事本是Windows系列自带的一个用来创建简单文档的文本编辑器，主要用来处理扩展名为.txt的文本文件。 具体制作过程如下： 用鼠标单击开始→程序→附件→记事本，就可以打开记事本。在记事本的编辑区，请大家写入下列文本(注意、要使用英文标点)，在记事本中显示如图4-1所示。 html head title大家好！/title /head body 大家好！这是我们制做的第一个网页。br 点击超级链接进入a href=新浪/a /body /html 在D盘的根目录下，建立一个MyWeb文件夹，将刚才编辑好的文本文件保存到该文件夹里此目录下，需要注意的是保存的文件名要取名为index.htm，如图4-2所示。点击保存按钮后，在MyWeb文件夹下，可以发现多了一个带e图标的文件，显然，这就是我们刚才编辑并保存的文件。双击该文件图标，就可以在浏览器中看到效果了，这是一个简单的网页，如图4-3所示。 4.1.2 超文本与HTML 网页文件的本质是文本文件，称为超文本文件。这里的“超”主要是指超级链接和超媒体，即在一个网页上可以通过事先嵌入的超级链接跳转到其他位置的网页以及加入多媒体内容。 网页“超文本”文件的扩展名为“.htm”或者“.html”，这和普通扩展名为“.txt”的文本文件是有区别的。 超文本文件如果使用“记事本”打开，则表现为文本形式；如果使用浏览器打开，则表现为网页形式。 在上面编辑的超文本文件中，我们输入的代码是用一种页面描述语言编写的，这种语言称为HTML(HyperText Markup Language，超文本标记语言)。 “超文本”文件是由标记和文本组成的。标记在使用的时候，不需要区分大小写。 HTML标记有单边标记和双边标记两类。凡是成对出现的标记，就是双边标记。显然，既然是成对出现，必然是有头有尾了。双边标记的开始标记和结束标记的区别，就是结束标记在小于号“”的后面要加上斜杠字符“/”，中间的标记名和后面的大于号“”是完全一样的。 例如，超级链接的标记a/a就是双边标记。如果只有开始标记而没有结束标记，就是单边标记。例如，换行标记br就是单边标记。 一个HTML文件应该具有下面的基本结构： html HTML文件开始 head 文件头部开始 文件头部内容 /head 文件头部结束 body 文件体开始 文件体部内容 /body 文件体结束 /html HTML文件结束 4.1.3 超媒体 超文本文件还有一个含义即超媒体。超文本与多媒体的融合产生了超媒体，事实上，超媒体的原文Hypermedia就是超文本HyperText和多媒体Multimedia的结合词。简单地讲，允许超文本的信息结点存储多媒体信息(图形、图像、音频、视频、动画和程序)，并使用与超文本类似的机制进行组织和管理，就构成了超媒体。 【例4-2】 超文本文件在浏览时显示图片。 在前面建好的MyWeb文件夹下，建立一个images子文件夹，在images文件夹下，存入一幅图片，要求图片的扩展名为.jpg或.gif，并且图片名称不能含有中文字符(否则浏览器不能正确显示图片)。例如，在下面的例子中，我们在images文件夹下存入文件名为logo.jpg的图片。然后，将例4-1中的HTML代码按如下文本稍加修改。 html head title大家好！/title /head body img src=images\logo.jpg br img src=images\logo.gif br 大家好！这是我们制做的第一个网页。br 点击超级链接进入a href=新浪/a /body /html 保存该文件后，在浏览器中浏览的效果如图4-4所示，可以看到，图片已经被加入了网页中。在网页文件的HTML代码中，img src=images\logo.jpg就是加入图片的标记。该标记的作用就是在浏览器显示网页时，告诉浏览器这里应该放