文档介绍：助理电子商务师教程
国家职业资格三级
第一章:网页制作
第一节:HTML语言第二节动态网页制作
第二章:网络商务信息收集与交换
第一节网络商务信息采集第二节网络商务信息处理
第三章:网络营销
第一节网上市场调研第二节网络广告与促销
第四章:电子交易
第二节电子合同签订
第五章:物流信息管理
第一节物流信息收集与分析第二节物流信息的应用
第六章:网络采购
第一节采购业务流程编制第二节供应商管理
第七章:电子商务安全管理
第一节文件加密第二节交易安全管理第三节安全工具使用
第一章网页制作
第一节 HTML语言
一、页面布局
二、文字与表格
第二节动态网页制作
一、编辑图像
二、视频与音频
第一节 HTML语言
一、页面布局
学习目标:
(1)了解HTML超文本标记语言的结构、语法。
(2)掌握HTML文件的建立及浏览、常用格式化标记符的设置。
(3)掌握链接标记的设置。
工作程序及内容:
(一)建立HTML文件
操作步骤如下:
(1)单击“开始”按钮,选择“程序”→“附件”→“记事本”,并打开“记事本”窗口。
(2)在记事本中,输入如图所示的HTML语句。
(3)执行“文件”→“保存”命令,将文件保存为1-。
(4)在浏览器中打开所建立的HTML文件。
说明:除了记事本之外,还可以使用写字板来编辑html.
(二)常用的HTML标记设置
操作步骤如下:
(1)在文本文件编辑器中编写HTML文件(可参考下面的示例编写)。
(2)保存HTML文件。
(3)在浏览器中预览所编辑的HTML文件效果。
1.<Hi>标题标记
[示例1]标题标记,在记事本中输入以下HTML语句,保存后浏
览效果,如图所示。
<html>
<head>
<title>我的花店</title>
</head>
<body>
<h1>欢迎你访问我的花店!</h1>
<h2>欢迎你访问我的花店!</h2>
<h3>欢迎你访问我的花店!</h3>
<h4>欢迎你访问我的花店!</h4>
<h5>欢迎你访问我的花店!</h5>
<h6>欢迎你访问我的花店!</h6>
<h7>欢迎你访问我的花店!</h7>
</body>
</html>
说明: <hi>标记符用于定义段落标题的大小级数。最大的标题级数是<h1>,最小的标题级数是<h6>。使用<hi>标记符的align属性可控制文字的对齐方式,属性值可以是left(左对齐),center(居中对齐),或者right(右对齐)。
2. <P>段落标记符
[示例2]段落标记符,输入HTML语句如下,保存后的浏览效果
如图所示。
<html>
<head>
<title>我的花店</title>
</head>
<body bgcolor="#FFFF99">
<h1 align="center">我的花店!</h1>
<p align="center">欢迎您访问我的花店</p>
<p align=“center”>花可以传情,可表达思念之情,亲情,感恩的心情,衷
心的祝福!</p>
<p align="center">祝愿进入我的花店的朋友天天有好心情!</p>
</body>
</html>
说明: <P>标记符用于划分段落,控制文本的位置。<P>是成对标记符,用于定义内容从新的一行开始,并与上段之间的一个空行,其align属性定义新开始的一行内容在页面中的对齐位置,属性值可以是left(左对齐),center(居中对齐),或者right(右对齐)。
3. <br>换行标记
[示例3]换行标记,将示例2中相应段落中的段落标记<P>替换为换行标记<br>,HTML语句如下,保存后的浏览效果如图所示。注意段落标记<P>和换行标记<br>预览效果的不同。
<html>
<head>
<title>我的花店</title>
</head>
<body bgcolor="#FFFF99">
<h1 align="center">我的花店!</h1>
<hr align="center" width="100%" size="4" color="3333FF">
<p align="center">欢迎您访问我的花店</p>
花可以传情,可表达思念之情,亲情,感恩的心情,衷心的祝福!<br>
祝愿进入我的花店的朋友天天有好心情!<br>
<hr align="center" width="100%" size="4" color="3333FF">
</body>
</html>
说明:<br>标记符用于定义从新的一行显示,它不产生一个空行,但连续多个<br>标记可以产生多个空行的效果。<br>标记符是非成对标记符。

[示例4]项目