第4章 电子商务网站的开发技术与工具
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
标签和属性的名称都不区分大小写。例如<font size="3">可以 写成<Font sIze="3">，其两者的显示效果是一样的。 属性的取值可以用双引号括起来，也可以用单引号括起来，也 可以不括。例如<font size="3">，可以写成<font size='3'>，也 可以写成<font size=3>。它们的显示效果也都是一样的。
4.1.1 HTML
HTML文件结构
HTML包含许多HTML标签，并且大部分是 成对出现的，具有<标签名>内容</标签名> 的形式。HTML就是用这些标签来规定元素 的属性和它在文件中的位置。HTML超文本 文档分文档头和文档体两部分，在文档头里， 对这个文档进行了一些必要的定义，文档体 中才是要显示的各种文档信息。一个简单的 HTML文档一般包含且必须包含下列标签：
4.1.1 HTML
HTML（HyperText Markup Language）即超文 本标记语言或超文本链接标示语言，是目前网络 上应用最为广泛的语言，也是构成网页文档的主 要语言。它是在文本文件的基础上加上一系列标 记，用以描述其颜色、字体、文字大小、格式， 再加上声音、图像、动画甚至视频等形成精彩的 页面。严格来说，HTML并不是一种语言，只是 一些能让浏览器看懂的标记。当用户浏览WWW 上包含HTML标签的网页时，浏览器会“翻译” 由这些标签提供的网页结构、外观和内容的信息， 并按照一定的格式在屏幕上显示出来。正如上边 所说的，HTML是在客户端被执行的。
★4.1.2 XML
为了解决以上问题，专家们使用SGML精简制作，并依照HTML的发展经 验，产生出一套使用上规则严谨，但是简单的描述数据语言：XML。
XML 为了说明XML，让我们先看看下边一个简单的HTML实例： 例4-2：
4.1.1 HTML
表格。表格是为了行和列的排列整齐，表格也 可以嵌套。具体看下面的例子：
例4-1： <h4>一行三列的表格</h4> <table border="1"> <tr> <td>电子商务员</td> <td>电子商务师</td> <td>高级电子商务师</td> </tr> </table> 其显示的结果图4-3：
4.1.1 HTML
<title>…</title>是嵌套在< head >头部标签中 的，标签之间的文本是文档标题，它被显示在 浏览器窗口的标题栏。 <body>…</body>标记一般不省略，标签之间 的文本是正文，是在浏览器要显示的页面内容。 上面的这几对标签在文档中都是唯一的， <head>标签和<body>标签是嵌套在HTML标 签中的。
4.1.1 HTML
所有的 XHTML 元素一定要关闭。不能有没 有关闭的空的元素存在XHTML的代码中，例 如错误代码：
<p>电子商务网站建设 正确的为： <p>电子商务网站建设</p> 像一些独立的标签<br>也要写为<br />。 属性值必须要被引用和取值。错误的代码： <input type=checkbox checked/> 正确的代码： <input type="checkbox" checked="checked" />
4.1.1 HTML
分段和换行。分段标志<p>，表示开始一个新的文 本段落，段落与段落之间会空出一行距离。开始标 志是必须有的，结束表示可以省略。语法： <p>…</p> 换行表示<br>，表示开始一个新行，它没有结束标志。 语法为：<br> 水平线。水平线标志<hr>，不需要结束标志。语法 为：<hr> 列表。HTML有三种列表形式：排序列表(Ordered List)；不排序列表(Unordered List)；定义列表 (Definition List)。
★4.1.2 XML
XML的由来 XML（eXtensible Markup Language， 可扩展标识语言）是一种能够为特定文 档和领域创建标记的元标记语言。
HTML的弊端
不能解决所有解释数据的问题 - 像是影音文件或 化学公式、音乐符号等其它型态的内容。 效能问题 - 需要下载整份文件，才能开始对文件 做搜寻的动作。 扩充性、弹性、易读性均不佳。
4.1.1 HTML
标签名字及属性名一定要用小写字母。因为 XHTML文档是XML应用程序， XML 对大小写是敏 感的。象 <br> 和 <BR> 是两个不同的标记。如错 误代码： <BODY> <FONT Size= "3" >电子商务网站建设</font> </BODY> 正确格式为： <body> <font size= "3" >电子商务网站建设</font> </body>
4.1.1 HTML
XHTML XHTML是EXtensible HyperText Markup Language(可扩展超文本标记语言) 的英文 缩写。XHTML是HTML的“升级规范”产 品，其中"X"是代表可扩展的。事实上它也 属于HTML家族，对比以前各个版本的 HTML，它具有更严格的书写标准、更好 的跨平台能力。由于某些需要，XHTML将 以前版本的HTML能够实现的一些功能交 给了CSS。
电子商务网站建设
电子商务网站建设 电子商务网站建设 电子商务网站建设 电子商务网站建设
电子商务网站建设
电子商gt;电子商务网站建设</sup>
<sub>电子商务网站建设</sub>
4.1.1 HTML
字体元素。HTML中对字体元素描述的标签语 法：<font>…</font>。 例如：<font color="#0000FF" face="隶书" size="3">电子商务网站建设</font> 以上例子中color，face，size属于标签<font>的 属性。每个属性都有各自不同的取值以表示不 同的内容。其中color表示字体的颜色，face表 示文字所使用的字体，size则表示文字的大小。
4.1.1 HTML
超链接。大家上网时最熟悉的就是当鼠标光标在网页 中某一段文字或图形时，变成一只手状，则表示这是 一个链接。单击它就会转向这个新的链接。一般语法 如下： <a href="URL">文本或图像</a>，表示跳转到另一个文 档的链接，URL是链接所指向的地址，文本或图像是 链接显示的载体。 <a href="#name">文本或图像</a>，表示跳转到本页面 的一个书签处，#name是书签的名字。<a href="URL#name">文本或图像</a>，表示跳转到另 一个文档的一个书签处。若想让超链接窗口在一个新 的浏览器窗口打开，可以书写为：<a href="URL" target="_blank">文本或图像</a>。更为详细的请参阅 HTML手册。
4.1.1 HTML
HTML常用标签及其属性
标题及格式字体。章节标题可以使用不同的字号， 共6级，从<h1>到<h6>，字号逐渐减小，使用时要 成对使用，如<h1>电子商务网站建设</h1>。
名称 黑体 斜体 下画线 固定 删除线 闪烁 HTML代码 <b>电子商务网站建设</b> <i>电子商务网站建设</i> <u>电子商务网站建设</u> <tt>电子商务网站建设</tt> <del>电子商务网站建设</del> <blink>电子商务网站建设</blink> 显示效果 电子商务网站建设
第四章 电子商务网站的开发 技术与工具
学习目标
熟悉HTML文件的基本结构和基本元素 了解XML、动态网页开发技术的特点 掌握SQL关系数据库语言 了解关系型数据库的特点并能建立简单的 数据库
4.1 网页开发技术
网页开发所要使用到的技术非常的多，根据其应用的环 境可分为服务器端和客户端。从使用语言和代码上看， 目前在客户端使用比较多的有HTML，JavaScript，CSS 等，这些由客户端的浏览器解释、执行并显示出来；在 服务器端则普遍使用ASP，，JSP，PHP等。 相比较而言，ASP的最大优点是简单易学、容易使用。 PHP和JSP都具有跨平台性，Windows服务器和 UNIX/Linux服务器都可以使用PHP和JSP。但实际上 Windows服务器一般多使用ASP（或），这不 仅是因为ASP简单易学，而且是因为Microsoft公司提供 的很多服务通过ASP很容易实现，而PHP、JSP主要应 用在UNIX/Linux服务器上。 如果已经选定了服务器采用Windows操作系统，ASP （或）当然是首选。
4.1.1 HTML
用 <img> 这个标签可以在HTML里面插入图片。最 基本的语法如下： <img src="URL">
URL表示图片的路径和文件名。<img>标签没有结束标志， 其一般包含以下几个属性： src="图像文件的路径和名字"，指出图像的名字，可以 包含地址信息。 align="bottom/middle/top"，指出图像和附近文本的位 置关系。 alt="替代文字"，指出如果不能显示图像，则出现替代 文字。 width="…"，说明图像的宽度，默认单位为像素。 height="…"，说明图像的高度，默认单位为像素。
4.1.1 HTML
用id属性代替name属性。HTML 4.01 中为a， applet, frame, iframe, img 和 map定义了一个name 属性。在 XHTML 里name属性是不能被使用的，应 该用id 来替换它。如错误代码： <img src="picture.gif" name="picture1" /> 正确的代码： <img src="picture.gif" id="picture1" /> 注意：很多时候为了使旧浏览器也能正常的执行该 内容，我们也可以在标签中同时使用id和name属性。 如： <img src="picture.gif" id="picture1" name="picture1" />
4.1.1 HTML
HTML的一般规则 从上面学习知道HTML的大部分标签都遵守以下语法格式： <标签 属性1="值1" 属性2="值2" 属性3="值3"…>内容</标 签> 而有些没有结束标志的，就是大部分是以下的语法格式： <标签 属性1="值1" 属性2="值2" 属性3="值3"…> HTML的语法规则很宽松，它不像XHTML、XML等要求那 么严格，主要表现在以下几个方面：
4.1.1 HTML
<html> <head> <title>…</title> … </head> <body> … </body> </html>
4.1.1 HTML
它们的含义分别介绍如下：
<html>…</html>在文档的最外层， 文档中的所有文 本和HTML标签都包含在其中，它表示该文档是以超 文本标识语言（HTML）编写的。事实上，现在常用 的Web浏览器都可以自动识别HTML文档，并不要求 有 <html>标签，也不对该标签进行任何操作，但是为 了使HTML文档能够适应不断变化的Web浏览器，还 是应该养成不省略这对标签的良好习惯。 <head>…</head>是HTML文档的头部标签, 在浏览器 窗口中，头部信息是不被显示在正文中的,在此标签中 可以插入其它标记, 用以说明文件的标题和整个文件 的一些公公属性。若不需头部信息则可省略此标记， 良好的习惯是不省略。
4.1.1 HTML
XHTML与HTML的区别：
XHTML 元素一定要被正确的嵌套使用。在HTML里一 些元素可以不正确嵌套也能正常显示，如： <b><i>电子商务网站建设</b></i> 而在XHTML必须要正确嵌套之后才能正常使用，如： <b><i>电子商务网站建设</i></b> XHTML 文件一定要有正确的组织格式。所有的 XHTML应该正确的被嵌套在以<html>开始以</html> 结束的元素里面，其他的元素可以有子元素，并且子 元素也要被正确的嵌套在他们的父元素内。