内容页前

电子商务技术基础

发稿作者：发布时间：2014-11-27查看74次

黄冈师范学院

《电子商务技术基础》

实

验

授

课

教

案

实验一创建HTML的文档

【实验项目编号】4163300620001

【实验项目名称】创建HTML的文档

【实验目的】通过本实验的操作，了解HTML的文档结构及常用标签。

【实验设备】

1.微型计算机；

2.Windows2000操作系统；

【实验步骤及内容】

1、文件结构命令

<html>

<head>

</head>

</html>

2、段格式命令

l 标题标记<Hn>… </Hn>

l 换行标记：<BR>

l 段落标记：<P>… </P>

l 背景色彩和文字色彩<body bgcolor=”#” text=”#” link=”#” alink=”#” vlink=”#”>

l 背景图象 <body background="image-URL">

l 页面空白(Margin)

l 位置控制

3、平线线<HR width=”#” size=”#” color=”#” align=”#” noshade>

4、字体设置<font face=”#” size=”#”color=”#”>受影响字体</font>

l 字体大小

l 文字字体

l 文字样式

l 字体颜色

5、字符实体

> >

" "

实验二 HTML的元素与标签

【实验项目编号】4163300620002

【实验项目名称】HTML的元素与标签表单、表格和框架

【实验目的】通过本实验的操作，掌握HTML常用的元素与标签的使用方法。

【实验设备】

1.微型计算机；

2.Windows2000操作系统；

【实验步骤及内容】

文字格式标记

定义字体大小： <font size=#> ... </font>

其中：#=1, 2, 3, 4, 5, 6, 7 or +#, -#

2、位置控制

通过ALIGN属性可以选择文字或图片的对齐方式。

1、列表标记

（1）无序号列表

（2）序号列表

（3）定义性列表

3、多媒体效果

n 插入图象

n 背景图象 <body background="image-URL">

n 播放音乐

n •

n 播放视频

5、背景色彩和文字色彩

6、文件之间的链接：

超文本中的链接是其最重要的特性之一，使用者可以从一个页面直接跳转到其他的页面、图象或者服务器。

<A HREF=“资源地址”>超链接的文本</A>

7、目录链接（书签）：

直接指到某文件上部、下部或是中央部分

1、首先把把某段落设置为链接位置，

格式是：<A NAME="链接位置名称">名称</A>

2、在调用此链接位置名称，定义链接：

实验三表单、表格和框架表单、表格和框架

【实验项目编号】4163300620003

【实验项目名称】表单、表格和框架表单、表格和框架

【实验目的】通过本实验的操作，了解和掌握表单、表格和框架的制作方法。

【实验设备】

1.微型计算机；

2.Windows2000操作系统；

【实验步骤及内容】

1、表单(FORM)：

表单由FORM标签定义，其中可以含有各种输入元素

<form action=“数据送往的地址” method=GET或POST>
输入元素

</form>

1>INPUT标签：文本框、复选框、单选按钮等

2>size和 maxlength属性

3>复选框(Checkbox) 和单选框(Radio)

4 >列表框(Selectable Menu)

5>文本区域（滚动文本框）

多视窗口FRAMES(框架)

使用Frames结构设计的HTML文件，能够将整个窗口分成几个独立的小窗口，每一个窗口可分别载入不同的文件，令人高兴的是，每个窗口是可以相互沟通的。

2、Frames结构的基本格式

示例

定义上行与下行,并且它们各占页面的50%:

<frameset rows=“50%, 50%”> 内容 </frameset> 上下各占50%的框架示例　　定义水平的前,中,后列,中列为250px象素,前列与后列分别占剩余的25%与75%:<frameset cols="1*,250,3*"> 内容 </frameset>

各窗口间相互操作(Frame Target)

Frames结构的HTML文件中，Frames文件的整体结构为：

实验四利用HTML制作网页

【实验项目编号】4163300620004

【实验项目名称】利用HTML制作网页表单、表格和框架

【实验项目编号】416330062000

【实验项目名称】表单、表格和框架表单、表格和框架

【实验目的】通过本实验的操作，利用HTML制作网页。

【实验设备】

1.微型计算机；

2.Windows2000操作系统；

【实验步骤及内容】

实验内容:

有如下HTML代码，请在答题纸上模拟画出浏览器(IE)窗口的空白位置，并填上与这段代码对应的实际浏览效果。

<html>

<head>

<title>电器商品价格表</title>

<style>

a:link {text-decoration:none}

</style>

</head>

<tr>

</tr>

<tr>

</tr>

<tr>

<td width="25%">PDA二台</td>

</tr>

<tr>

</tr>

<tr>

</td>

</tr>

</table>

</div>

</body>

</html>

实验注意事项：

（1）各个链接要正确。

（2）合理插入图片，注意文本的编排和字体的设置，界面要求美观。

（3）整个版面设成一个表格里的话，整个页面会显得更加整齐。

实验五创建XML文档

【实验项目编号】4163300620005

【实验项目名称】创建XML文档表单、表格和框架

【实验目的】通过本实验的操作，了解XML的语法结构。

【实验设备】

1.微型计算机；

2.Windows2000操作系统；

【实验步骤及内容】

<?xml version="1.0" encoding="GB2312"?>

<?xml-stylesheet type="text/css" href="a.css"?>

<book>

<title>Computer Networks and Internets

</title>

<author>Douglas E.Comer</author>

<preface>This text answers the question " how do computer network and Internets operate?" in the broadest sense.

</preface>

<one>Introduction</one>

<two>Transmisssion Media</two>

<three>Local Asynchronous</three>

<four>Long-Distance Communication</four>

</chapter>

</contents>

</book>

<book>

<title>C++编程思想

</title>

<author>美Bruce Eckel</author>

<preface>与任何人类语言一样,C++提供了一种表达思想的方法......

</preface>

<one>对象的演化</one>

<four>初始化与清除</four>

</chapter>

</contents>

</book>

</bookshell>

1、常用的字符实体

&#; #=字符实体名称或者 ascii 值

HTML2.0 的字符集

> >

" "

2、CDATA

语法：<![CDATA[

文本内容

]]>

实例：<例子>

<！[CDATA[

<书>

<书名>XML实用教程</书名>

<作者>张三</作者>

<价格>46元</价格>

</书>

]]>

</例子>

实验六文档类型定义DTD

【实验项目编号】4163300620006

【实验项目名称】文档类型定义DTD表单、表格和框架

【实验目的】通过本实验的操作，了解在XML中如何引用内部DTD及外部DTD。学会编写DTD文件.

【实验设备】

1.微型计算机；

2.Windows2000操作系统；

【实验步骤及内容】

1、引用内部DTD的格式为：

2、引用外部DTD的格式为：

3、编写DTD文档用其验证XML文档是否有效。

<!DOCTYPE booksheel[

<!ELEMENT book(title,author,content,preface,chapter)>

<!ELEMENT title(footnote)>

<!ELEMENT title(#PCDATA)>

<!ELEMENT footnote(#PCDATA)>

<!ELEMENT author(#PCDATA))>

<!ELEMENT content(preface,chapter)>

<!ELEMENT preface(#PCDATA)>

<!ELEMENT chapter(one,two,three,four)>

<!ELEMENT one(#PCDATA)>

<!ELEMENT two(#PCDATA)>

<!ELEMENT three(#PCDATA)>

<!ELEMENT four(#PCDATA)>

实验七 CSS 编写及应用

【实验项目编号】4163300620008

【实验项目名称】CSS 编写及应用

【实验目的】通过本实验的操作，了解撑握CSS的属性和属性值等语法，学会编写CSS 文件。

【实验设备】

1.微型计算机；

2.Windows2000操作系统；

【实验步骤及内容】

bookshell{display:block}

book{display:block;background-image:url(11.gif);background-repeat:on-repeat;

background-position:center center}

title{display:block;text-transform:uppercase;border-bottom:2px solid blue}

author{display:block;font-family:"Arial Black",Time,serif;font-variant:small-caps;

text-decoration:underline;text-align:center}

footnote{display:inline;vwrtical-align:super;font-size:80%}

contents{display: block;margin-top:0.2cm;border:3pt solid red}

preface{display: block;white-space:normal;text-indent:0.5in;line-height:150%;margin:0.5cm;

padding:1em;border-style:solid;border-width:10px 2px}

chapter{display: block;padding-left:1cm}

one{display:block}

two{display:block}

three{display:block}

four{display:block}

实验八 XML的综合应用

【实验项目编号】4163300620009

【实验项目名称】XML的综合应用

【实验目的】通过本实验的操作，了解XML的综合使用方法及XML在电子商务中的应用。

【实验设备】

1.微型计算机；

2.Windows2000操作系统；

【实验步骤及内容】让实验四中的XML显示出如果效果，请编写相应的CSS文件。

<?xml version="1.0" encoding="UTF-8"?>

<?xml-stylesheet type="text/css" href="a.css"?>

<book>

<title>Computer Networks and Internets</title>

<preface>This text answers the question " how do computer network and Internets operate?" in the broadest sense

</preface>

<one>Introduction</one>

<two>Transmisssion Media</two>

<three>Local Asynchronous</three>

<four>Long-Distance Communication</four>

</chapter>

</contents>

</book>

内容页后