助理电子商务师教程(186页)讲课教案.ppt

《助理电子商务师教程(186页)讲课教案.ppt》由会员分享，可在线阅读，更多相关《助理电子商务师教程(186页)讲课教案.ppt（187页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、助理电子商务师教程助理电子商务师教程(186(186页页)w第一章：网页制作w第一节：HTML语言第二节动态网页制作w第二章：网络商务信息收集与交换w第一节网络商务信息采集第二节网络商务信息处理w第三章：网络营销w第一节网上市场调研第二节网络广告与促销w第四章：电子交易w第二节电子合同签订w第五章：物流信息管理w第一节物流信息收集与分析第二节物流信息的应用w第六章：网络采购w第一节采购业务流程编制第二节供应商管理w第七章：电子商务安全管理w第一节文件加密第二节交易安全管理第三节安全工具使用第一章网页制作第一节HTML语言一、页面布局二、文字与表格第二节动态网页制作一、编辑图像二、视频与音频第一

2、节HTML语言一、页面布局学习目标：（1）了解HTML超文本标记语言的结构、语法。（2）掌握HTML文件的建立及浏览、常用格式化标记符的设置。（3）掌握链接标记的设置。工作程序及内容：（一）建立HTML文件操作步骤如下：（1）单击“开始”按钮，选择“程序”“附件”“记事本”，并打开“记事本”窗口。（2）在记事本中，输入如图所示的HTML语句。（3）执行“文件”“保存”命令，将文件保存为1-1.htm。（4）在浏览器中打开所建立的HTML文件。说明：除了记事本之外，还可以使用写字板来编辑html.（二）常用的HTML标记设置操作步骤如下：（1）在文本文件编辑器中编写HTML文件（可参考下面的示例

3、编写）。（2）保存HTML文件。（3）在浏览器中预览所编辑的HTML文件效果。1.标题标记示例1标题标记，在记事本中输入以下HTML语句，保存后浏览效果，如图所示。我的花店欢迎你访问我的花店!欢迎你访问我的花店!欢迎你访问我的花店!欢迎你访问我的花店!欢迎你访问我的花店!欢迎你访问我的花店!欢迎你访问我的花店!说明：标记符用于定义段落标题的大小级数。最大的标题级数是，最小的标题级数是。使用标记符的align属性可控制文字的对齐方式，属性值可以是left(左对齐)，center(居中对齐)，或者right(右对齐)。2.段落标记符示例2段落标记符，输入HTML语句如下，保存后的浏览效果如图所示。

4、我的花店我的花店!欢迎您访问我的花店花可以传情,可表达思念之情,亲情,感恩的心情,衷心的祝福!祝愿进入我的花店的朋友天天有好心情!说明：标记符用于划分段落，控制文本的位置。是成对标记符，用于定义内容从新的一行开始，并与上段之间的一个空行，其align属性定义新开始的一行内容在页面中的对齐位置，属性值可以是left(左对齐)，center(居中对齐)，或者right(右对齐)。3.换行标记示例3换行标记，将示例2中相应段落中的段落标记替换为换行标记，HTML语句如下，保存后的浏览效果如图所示。注意段落标记和换行标记预览效果的不同。我的花店我的花店!欢迎您访问我的花店花可以传情,可表达思念之情,亲

5、情,感恩的心情,衷心的祝福!祝愿进入我的花店的朋友天天有好心情!说明：标记符用于定义从新的一行显示，它不产生一个空行，但连续多个标记可以产生多个空行的效果。标记符是非成对标记符。4.列表标记示例4项目列表标记，HTML语句如下，保存后的浏览效果如图。www花语www花语w各种花所代表的含义如下：ww玫瑰：纯洁的爱w剑兰：用心坚固w百合：百年好和w满天星：爱怜w菊花：吉祥w康及馨：亲情思念w郁金香：爱的表白w紫罗兰：永恒之美w勿忘我：爱到永远www列表标记包括“项目列表”标记、“编号列表”标记。和标记都是成对标记。在标记之间还可以使用标记来设定项目内容，其type属性可以显示不同形状的项目符号。

6、（三）链接标记的设置示例5链接标记，输入如下所示的HTML语句，保存后的浏览效果如图所示。wwwwbodybgcolor=#FFFF99w花语w花节w友情链接w与我联系wwwHTML是通过标记符来实际超链接的，它是成对标记符，主要属性有：（1）href。链接文件的地址。（2）target。链接目标的位置。1.指向电子邮件的链接与我联系2.指向站点内文件的链接花节3.指向其他网站文件的链接友情链接相关知识（一）HTML文件的概念HTML（HyperTextMarkupLanguafe），即超文本标记语言，它通过多种标准化的标记符号（Tag）对网页内容进行标注，对页面内容进行标注，对页面超媒体内容

7、的输出格式以及各内容部分之间逻辑上的组织关系等进行描述和指定。（二）HTML文件的特点HTML是Web页面的基础。使用HTML描述的网页文件称之为HTML页面或者HTML文件，这种文件以“.html”或者“.htm”为扩展名，它是一种纯文本文件，可以使用记事本、写字板等文本编辑器来进行编辑，也可以使用FrontPage、DreamWeaver等网页制作工具来快速创建HTML文件。（三）HTML文件的结构HTML文件均以标记符开始，以标记符结束。和标记符之间的内容用于描述页面的头部信息，例如页面标题、关键词等信息。在和标记符之间的内容即为页面的主体内容。HTML文件的整体结构如图所示。（四）绝对

8、地址和相对地址文件的引用既可以使用绝对地址，也可以使用相对地址。1.绝对地址直接定出所链接的文件位于哪个服务器中的网站内，主要用来链接其他网站的网页，例如：友情链接2.相对地址用所链接的文件相对于目前网页所在位置来表示，通常用来链接当前网站中的其他网页，例如：花节注意事项在使用记事本等编辑器建立HTML文件时，一定要以.htm.或html为扩展名保存文件否则在浏览器中无法正确显示预览效果。二、文字与表格学习目标（1）进一步了解HTML超文本标记语言的结构、语法。（2）掌握字体标记符、表格标记符的设置。工作程序和内容（一）建立HTML文件操作步骤如下：（1）单击“开始”按钮，选择“程序”“附件”

9、“记事本”，打开“记事本”窗口。（2）在记事本中输入HTML语句。（3）执行“文件”“保存”命令，将文件保存为htm或html格式。（4）在浏览器中预览所建立的HTML文件（二）标记的设置示例6字体标记，设置示例2中相应段落的字体，HTML语句如下，保存后浏览效果，如图所示。ww我的花店www我的花店!花店ww欢迎您访问我的花店w花可以传情,可表达思念之情,亲情,感恩的心情,衷心的祝福!w祝愿进入我的花店的朋友天天有好心情!www标记用来定义文字的字体、大小和颜色，是成对标记符。主要属性有：（1）face属性：定义文字所使用的字体，如face=“隶书”。（2）size属性：定义文字的大小，属性

10、值为17，也可以使用相对大小来设置，如size=“+5”、size=“-5”。（3）color属性。定义文字的颜色，可以使用颜色的英文名称来表示颜色，如：color=“red”；也可使用16进制的RGB代码来表示颜色，color=“#FF0000”，在使用16进制的RGB代码来表示颜色时，需在颜色代码前加“#”。此外，字体标记符还包括粗体标记符、斜体标记符等。（三）表格标记的设置：示例7表格标记，在记事本中输入以下HTML语句，保存后在浏览器中浏览，效果如图所示。www我的花店wwwwwwww节日w名称www5月w1日w国际劳动节ww4日中国青年节12日护士节6月1日儿童节此单元格跨列cols

11、pan=“2”此单元跨行rowspan=“3”在和之间放置表格内容，标记是成对标记。在表格中，行是用标记来定义的，一行使用一个标记，每行中的列是用标记定义的；一列使用一个标记。、标记都有相应的属性，用来定义表格中内容的显示方式。表格标记的主要属性有：（1）rowspan。定义该单元格所跨行数。（2）colspan。定义该单元格所跨列数。相关知识（一）HTML标记的格式HTML文件的所有控制语句称为标记，标记在一对尖括号之间，格式如下：HTML语言元素（1）标记符分为成对标记符和非成对标记符，、等属于成对标记符，、等属于非成对标记符。标记符忽略大小写。HTML源文件为文本文件，多个标记符可定成一

12、行，甚至整个文件可定成一行；一个标记符的内容可以定成多行。（2）可使用标记符的属性来讲进一步限定标记符，一个标记可以有多个属性项，各属性项的次序不限定，各属性项间用空格进行分隔。（3）HTML中使用的注释语句为,注释内容可插入文本中任何位置，注释内容将不显示。（二）HTML的作用（1）利用标题、文本、表格、列表和图像发布在线信息。（2）应用超连接获得世界各地的在线信息。（3）应用表单与远程服务通信，实现信息查询及各种商贸活动。（4）把样式、视频、音频和应用程序嵌入到HTML文档。注意事项表格是用标记符来一行一行定义的，每行中用列标记符来定义各列。第二节动态网页制作一、编辑图像学习目标（1）了解

13、动态网页、图像处理的有关知识。（2）掌握使用Photoshop编辑和处理图像的方法。（3）掌握DHTML的应用。工作程序及内容（一）编辑图像示例8在FrontPage中利用横幅广告管理器组件插入横幅广告。横幅广告中的图片尺寸应尽量一致，为此需要利用图像编辑处理软件对图像进行适当的处理。我们以Photoshop工具为例进行介绍，对图片进行适当的处理，图片大小设置为200100像素，操作步骤如下：（1）单击“开始”按钮，选择“程序”“AdobePhotoshop7.0”，打开Photoshop工作窗口。（2）在Photoshop工作窗口中执行“文件”“打开”命令，打开图像文件，然后执行“图像”“图

14、像大小”命令，在弹出的“图像大小”对话框中将图像的宽度设置为200像素，高度设置为100像素，如图所示，单击“好”按钮。（3）对图像应用滤镜效果。执行“滤镜”“风格化”“风”命令，在弹出的“风”对话框中进行参数设置，单击“好”按钮。（4）保存图像。执行“文件”“存储为”命令，在弹出的“存储为”对话框中设置保存路径、文件名称及文件的类型。单击“保存”按钮，会弹出如图所示的“JPEG”选项对话框，进行品质等设置后单击“好”按钮，完成文件的保存操作。（5）按照上述方法，再打开两幅图像文件，调整图像大小为200100像素，并分别应用“水波”、“动感模糊”效果，参数设置，最后保存图像文件。（二）在Fro

15、ntPage中插入横幅广告操作步骤如下：（1）单击“开始”按钮，选择“程序”“MicrosoftFrontPage”，“MicrosoftFrontPage”窗口，执行“文件”“保存文件”命令，将新建文件保存为guanggao.htm。（2）在FrontPage中执行“插入”“组件”“横幅广告管理器”命令，打开“横幅广告管理器属性”对话框，设置宽度为200，高度为100，过滤效果为“分解”，每幅图片显示3秒，单击“添加”按钮，将所需要的图片添加到“显示图片”列表框中，单击“上移”、“下移”按钮调整横幅广告图像变换的次序，单击“确定”按钮。（3）保存后在浏览器中进行预览，每隔3秒钟变换一幅图片。

16、（三）在FrontPage中应用动态HTML效果示例9在FrontPage中应用动态HTML效果，操作步骤如下：（1）单击“开始”按钮，选择“程序”“MicrosoftFrontPage”。打开“MicrosoftFrontPage”窗口，执行“文件”“保存文件”命令，将新建文件保存为dtsg.htm。（2）在FrontPage窗口中输入文本“助理电子商务师”，然后选中文本执行“格式”“动态HTML效果”命令，在出现的“HTML效果”工具栏中进行设置。（3）保存后在浏览器中进行预览。（四）建立及应用CSS样式文件示例10使用FrontPage建立名为mystyle.css的外部CSS样式文件，

17、并在其他页面文件中应用此样式文件。1.创建CSS样式文件操作步骤如下：（1）单击“开始”按钮，选择“程序”“MicrosoftFrontPage”，打开“MicrosoftFrontPage”窗口。（2）在FrontPage窗口中，选择“文件”“新建”“网页”，在“新建”对话框中单击“样式表”选择卡，选择要创建的样式类型，然后单击“确定”按钮。（3）单击样式工具栏中的样式按钮，弹出“样式”对话框。（4）单击“样式”对话框中的“新建”按钮，弹出“新样式”对话框，在“名称（选择器）”中输入样式名称，单击“格式”按钮进行字体、段落、边框等设置，新建样式的设置。（5）单击“确定”按钮后，会在“样式”对

18、话框的样式栏中显示用户自定义的样式。再单击“确定”按钮，完成样式文件的创建。（6）执行“文件”“保存文件”命令，保存文件。2.应用外部CSS样式操作步骤如下：（1）新建页面文件并进行保存操作，输入文字内容“这是样式的应用”。（2）执行“格式”“样式表链接”命令，在打开的“链接样式表”对话框中进行设置，选择“所选的网页”选项，单击“添加”按钮选择所要链接的样式表文件，单击“确定”按钮。（3）选中文字，切换到HTML视图下，将区中的“这是样式的应用”HTML语句修改为“这是样式的应用”，保存文件后浏览效果。大多数时候可以不为具体的HTML标记符定义格式，而是定义一些开放的格式，在内容需要的时候才引

19、用这些格式。相关知识（一）DHTML1、DHTML的定义：又称动态网页，它将内容对象化，应用编程语言来操作页面上的对象，不必通过服务器就可以与用户交互信息，更新页面的内容。动态见面技术包括javascript、vbscript、css、layer等。、DHTML的基本结构DHTML的基本结构包括HTML、CSS、脚本程序、浏览器对象和网页对象等。DHTML是基于HTML语言，通过CSS技术扩展了HTML的样式定义语法和语义，用脚本程序或控制浏览器对象和网页对象，从而使页面具有动态效果和交互功能。（二）CSS层叠样式表是一种用于定义网页内容显示样式的技术。通过样式可以设定许多属性，如字号，颜色，

20、页边距等。样式表的建立要符合CSS规则，它们一般被定义成以下形式的句法：HTML标志标志属性:属性值；标志属性:属性值；标志属性:属性值；标志属性:属性值；.（三）脚本语言1.脚本语言(JavaScript,VBscript等)介于HTML和C,C+,Java,C#等编程语言之间。HTML通常用于格式化和链结文本。而编程语言通常用于向机器发出一系列复杂的指令。2.脚本语言与编程语言也有很多相似地方，其函数与编程语言比较相象一些,其也涉及到变量。与编程语言之间最大的区别是编程语言的语法和规则更为严格和复杂一些。3.与程序代码的关系:脚本也是一种语言，其同样由程序代码组成。注：脚本语言一般都有相应

21、的脚本引擎来解释执行。4.脚本语言是一种解释性的语言,例如vbscript,javascript,installshieldscript等等,它不象cc+等可以编译成二进制代码,以可执行文件的形式存在。脚本语言一般都是以文本形式存在,类似于一种命令。第二章网络商务信息收集与交换第一节网络商务信息采集一、下载工具的使用二、FTP的使用三、点对点通信四、网络商务信息采集流程第二节网络商务信息处理一、商务信息的分类存储二、制定网络商务信息发布计划第一节网络商务信息采集一、下载工具的使用学习目标（1）了解断点续传的相关知识（2）掌握常用下载工具的使用方法工作程序及内容以网络蚂蚁下载工具不例进行介绍（一

22、）网络蚂蚁下载工具的参数设置操作步骤如下：（1）启动网络蚂蚁下载工具，进入工作界面。执行“选项”“参数设置”操作或单击快捷工具栏中的参数设置图标，打开“NetAnts设置”对话框。（2）在“NetAnts设置”对话框中选择“连接”选项卡，如图所示，进行“最大下载任务数目”的设置。“最大下载任务数目”的作用是限制同时下载文件时的最大数目。一般设置为5个，则它会把5个以后添加的任务暂停，直到前5个文件中有已经完成的，再开始下载后面的文件。（3）在“NetAnts设置”对话框中选择“默认设置”选项卡，如图所示，进行下载文件存放目录的设置，选择D:download；“蚂蚁数目”最多为5个，即可以将文件

23、分为5份同时下载。（二）使用网络蚂蚁下载软件操作步骤如下：（1）启动InternetExplore浏览器，浏览到需要下载的软件链接。（2）使用网络蚂蚁下载软件，方法有多种：1）在链接上右击鼠标，选择“DownloadbyNetAnts”操作，表示下载该链接。如果选择“DownloadbyNetAnts”操作，表示下载该页面上的所有链接。2）使用鼠标左键点击链接,将其拖动到NetAnts工作界面的下载文件列表区域中再松开。3）在“NetAnts设置”对话框的“自动操作”选项卡中设置“浏览器点击整合”项，只要点击下载链接，蚂蚁会自动下载。4）在NetAnts工作界面中点击“编辑”“添加添加任务”，

24、在出现的“添加任务”对话框中手动输入下载地址即可。（3）无论采用哪种方法，均会弹出“添加任务”对话框，如图所示。单击“确定”即可开始下载。（4）在NetAnts的工作界面中，可以查看蚂蚁们工作的情况。在下载文件列表区域中，红蓝两色的弧形箭头图标表示正常下载；灰色箭头图标表示下载站点不支持蚂蚁的断点续传。在NetAnts工作界面右下角的区域中有4个选项。“区块”选项中的小圆点表示要下载的软件，其中灰色圆点是还没有下载的部分，蓝色圆点是已经下载完的部分，红色圆点则是正在下载的部分，如图所示。当这些小圆点都变成蓝色时表示下载完毕。“日志”选项记录着每个文件的整个下载过程，如果下载有问题，可在此了解问

25、题的原因。（5）下载完成后会弹出如图所示的“NetAnts通知”界面，单击“确定”按钮即可。相关知识（一）下载工具简介目前常用的下载工具有FlashGet、NetAnts等。1.网络蚂蚁NetAnts因NetAnts下载软件用蚂蚁搬家来象征它从网络上下载数据，因此称为网络蚂蚁。网络蚂蚁是国人开发的下载工具软件，它利用了一切可以利用的技术手段，如多点连接、断点续传、计划下载等，大大地加快了下载的速度。2.网际快车FlashGet（JetCar）网际快车通过把一个文件分成几个部分同时下载，可以成倍地提高下载速度，下载速度可以提高100%500%。网际快车可以创建不限数目的类别，每个类别指定单独的文

26、件目录，不同的类别保存到不同的目录中去，强大的管理功能包括支持拖拽、更名、添加描述、查找、文件名重复时可自动重命名等，而且下载前后均可轻松自如地管理文件。支持MMS协议和RTSP协议。（二）断点续传1.断点续传的概念断点续传是许多下载工具所具有的一项很受欢迎的功能，是指信号中断后（掉线或关机等），下次还能够从上次中断的地方接着传送（一般指下载或上传），面不用从头再来。2.断点续传下载软件的特点断点续传支持从文件上次中断的地方开始传送数据，面普通传送是从文件开头传送。断点续传下载软件具有以下特点：（1）断点续传功能。既可节约时间又可节约金钱。（2）定时下载功能。可以为将要下载的软件制定一个任务列

27、表，让下载软件在规定的时间自动拨号上网并下载软件，下载完毕后再自动挂起Modem，断开与Internet的连接，甚至自动关闭计算机。（3）多文件同时下载。（4）支持拖放式操作。可将下载文件的URL超链接用鼠标拖放到下载软件的窗口上，即可激活下载软件，同时开始文件的下载。（5）自动捕捉剪贴板上的URL并激活下载软件。可以捕捉到剪贴板中的URL，甚至在浏览器中单击下载文件超链接，即可激活程序实现文件的下载。（6）致命错误发生时的关闭机制。（7）预防病毒侵害的安全机制。文件下载完毕，即可自动将其发送到指定的病毒检测软件进行病毒扫描。断点续传下载软件包括NetAnts、FlashGet、NetVamp

28、ire、DownloadManager、GetRight、Go!Zilla、WinDownload等。注意事项使用NetAnts下载软件时，注意一般将NetAnts的“最大下载任务数目”设置为5，如果同时下载的文件多于5个，则它会把5个以后添加的任务暂停，直到前5个文件中有已经完成的，再开始下载后面的文件。二、FTP的使用学习目标（1）了解有关FTP、远程登录、Gopher的知识。（2）掌握使用Windows中自带的ftp.exe程序进行上传下载文件、正确登录和退出FTP状态、正确显示远程服务器上文件的方法。（3）掌握CuteFTP传输软件的使用。工作程序及内容（一）Windows中带的ftp

29、.exe程序FTP文件传输协议，它是通过客户端和服务器端的FTP应用程序在Internet上实现文件远程传输，共享Internet上的资源。客户机现服务器的连接称为“登录”；将文件上传到服务器上称为“上传”，反之称为“下载”。Windows中自带的ftp.exe程序是字符界面FTP软件，具有简单、实用的特点。1.登录主机操作步骤如下：（1）接入Internet。（2）在MSDOS状态下或执行“开始”“运行”，输入如下命令格式登录主机：ftp远程主机名既可以采用域名形式，也可以采用IP地址形式。本例为登录到下列地址：（3）按照提示输入用户及密码。如果显示如图所示的信息，表示登录主机成功。用户登录

30、主机时，可以采用匿名方式，用户名输入anonymous，不需要密码。但如果FTP主机设置不接受匿名方式，则匿名用户无法登录。2.显示远程和机目录中信息可使用ls命令显示远程主机目录中的信息，操作格式如下：ls如果省略，则显示当前目录中的文件信息。操作步骤如下：（1）成功登录主机。（2）输入如图所示的命令，按回车键。此命令的作用是显示远程主机中gzk目录里的文件信息，只有一个文件index.html。3.下载文件FTP服务器上具有丰富的信息资源，将这些资源从远程服务器下载到本地计算机上可用get命令，其格式如下：ftpget如果省略，则将源文件以同名文件下载到本地计算机的当前目录中。操作步骤如下

31、：（1）成功登录主机。（2）输入如图所示的命令，按回车键。此命令的作用是将远程主机中gzk文件夹里的index.html文件下载到本地计算机d:/download文件夹中，并命令为index,html。4.上传文件使用FTP中的put命令可将文件上传到远程服务器，其命令格式如下：ftpput如果省略，则将源文件以同名文件上传到远程服务器的当前目录中。操作步骤如下：（1）成功登录主机。（2）输入如图所示的命令，按回车键。此命令的作用作用是将本地计算机d:/9-1.htm文件上传到远程主机中的根文件夹下。5.退出使用quit命令可以退出FTP状态，其格式如下：ftpquit（二）CuteFTP传输

32、软件的使用FTP传输软件种类非常多，此处以目前使用较多的CuteFTP软件为例介绍文件的传输过程。操作步骤如下：（1）点击CuteFTP图标，进入程序的主界面。CuteFTP程序界面有4个区域：1）上窗口。命令输入或执行命令显示区，所有FTP传输命令和执行结果都在此区域显示，可以直接输入FTP命令。2）中间的左窗口。传输时是源文件（夹）位置，下载时是目标文件（夹）位置。3）中间的右窗口。传输时是目标文件（夹）位置，下载时是源文件（夹）位置。4）下窗口。为传输或下载的文件执行显示。最下边一行是状态行，可以看到文件传输时的速率和已经传输的字节数。（2）连接主机。在CuteFTP程序界面中，单击工具栏中的连接按钮，在出现的连接设置行中输入主机名、用户名和密码，然后单击“端口”旁的“连接”按钮进行连接，见图所示。（3）将本计算机中d/9-1.htm文件上传到远程主机的根目录下。在CuteFTP程序中间的左窗口选中源文件，使用鼠标左健将选中的文件向右窗口拖动，松手时会弹出提示框，单击“是”即完成文件的上传。（4）浏览上传的文件。启动InternetExplorer浏览器，在地址栏中输入http:/