Chap4.电子商务与网页设计技术讲稿.ppt

Chap4 电子商务与网页设计技术 4.1 结构化文档与标记语言 网页上的信息可以看作是传统信息的电子版 传统信息 内容：文字、图片、表格 结构：各种类型文档的组成形式：教科书、合同等 表现形式：不同介质的表达方式和格式：颜色、大小、显示位置 网页上的文档遵从了连个原则 结构化：非线性结构——超链接 标准化：约定好的标记—— 4.2 超文本标识语言（HTML） 什么是HTML？ HTML(Hyper Text Markup Language，超文本标记语言)是一种用于网页制作的排版语言，是Web最基本的构成元素。 HTML是基于标准通用标记语言（SGML）的HTML变种 HTML的特点 标记：HTML是 一系列标准的标记的集合 超文本：HTML文档可以描述各种媒体表达的文档 HTML是网页设计者和WEB浏览器之间的桥梁 1、HTML的常用标记 字体样式 黑体：B … /B 斜体：I … /I 下划线：U … U/ 字号大小 FONT size=“n” n=1~7 Hn n=1~6 段落的编排 换行：BR 分段：P 水平线：HR 列表结构 列表项：li … /li 无序列表：ul … /ul 有序列表：ol … /ol 超链接 A href=“URL” … /A 表格 标题：Caption … /Caption 表格属性：table Border=1 width=80% 行:TR … /TR 表头:TH … /TH 单元格:TD … /TD 图形 图形显示：img src=# 图形文字提示：img alt=“” 图形和文档的对齐方式:img align=#(#=top middle bottom) HTML的几个重要元素 html元素：出现在HTML文档开头，通知用户该文档为HTML文档。成对出现（/html出现在HTML文档结尾）。 head元素：出现在文档的起始部分，标明文档的标题或者其他相关介绍。成对出现 title元素：每一对head标签内通常包含一对title标签，用以标明显示在浏览器标题栏上的页面名称 body元素：所有在浏览器页面内显示的内容均放在body标签中显示 HTML注释：以”!”开头到””结束的一段文字，用以添加注释信息，注释不会在页面中显示出来，仅作为解读代码的帮助和解释 HTML文档的基本结构 HTML （表示HTML文档的开始） HEAD （文档头开始标记） TITLE （标题开始标记） 标题内容 /TITLE （标题结束标记） /HEAD （文档头结束标记） BODY （页面主体开始标记） 网页正文内容 /BODY （页面主体结束标记） /HTML （HTML文档结束标记） HTML文档实例 P95 示例 html head title 网页设计 /title /head body 我的第一个网页！ !2012年4月4日。测试 /body /html HTML的主要编辑环境 任何文本编辑器都可用来制作网页，包括记事本、写字板、Word、WPS等编辑程序。不过在保存时，一定要用纯文本方式存盘。 若要看到用户自己设计的网页效果，就需要安装一个浏览器，如 Internet Explorer，Netscape Navigator等 HTML的不足 标记数量少、不灵活、无法实现更多功能 HTML是一种“显示描述”，仅仅描述了页面上的文字、图像、按钮的编排，而没有对内容本身进行描述 HTML对数据表现的描述能力不够，如：不支持矢量图形、科学符号等（这些内容还只能转换为图片） HTML的显示和内容是嵌套在一起的，在设计内容的同时要考虑显示，无法动态进行内容风格变化 缺乏对数据结构的描述，对应用程序理解文档内容，抽取语义信息有诸多不便 XML可扩充的标识语言 可扩充标识语言（XML）是SGML的一个优化子集。 随着Internet使用的广泛，以及标记语言的良好可读性，使得标记语言的应用范围逐渐从Internet扩展到各个行业领域，而原本用于表示WEB页面信息的HTML语言中的标记明显不够用，但是增加HTML标记会使得HTML语言庞大，不利于使用。 故而，XML弥补了这一缺陷，XML允许用户自定义标记。其可扩展性就在此。 4.3 Web应用编程基础 Web应用是使用web技术的一种应用软件。 一个web应用最基本需要包含三个对象：web浏览器、web服务器、Internet协议。除此以外，通常典型web应用还需要数据库和事务系统的支持 Web编程技术涉及两个方面 服务器端的编