电子商务师助理电子商务师国家资格培训教材.docx

1、电子商务师助理电子商务师国家资格培训教材助理电子商务师教程国家职业资格三级第一章网页制作第一节 HTML语言 一、页面布局 二、文字与表格第二节 动态网页制作一、编辑图像 二、视频与音频第一节 HTML语言一、页面布局学习目标： 1了解HTML超文本标记语言的结构、语法。 2掌握HTML文件的建立与浏览、常用格式化标记符的设置。 3掌握标记的设置。工作程序与内容： 一建立HTML文件 操作步骤如下： 1单击“开始按钮，选择“程序“附件“记事本，并打开“记事本窗口。 2保存HTML文件。 3在浏览器中预览所编辑的HTML文件效果。 1.标题标记 示例1标题标记，在记事本中输入以下HTML语句，保

2、存后浏览效果，如下列图。我的花店欢迎你访问我的花店!欢迎你访问我的花店!欢迎你访问我的花店!欢迎你访问我的花店!欢迎你访问我的花店!欢迎你访问我的花店!欢迎你访问我的花店!说明： 标记符用于定义段落标题的大小级数。最大的标题级数是 ，最小的标题级数是。使用标记符的align属性可控制文字的对齐方式，属性值可以是left(左对齐)，center(居中对齐)，或者right(右对齐)。 2. 段落标记符 示例2段落标记符，输入HTML语句如下，保存后的浏览效果如下列图。我的花店我的花店!欢迎您访问我的花店花可以传情,可表达思念之情,亲情,感恩的心情,衷心的祝福!祝愿进入我的花店的朋友天天有好心情!

3、示例4项目列表标记，HTML语句如下，保存后的浏览效果如图。花语花语各种花所代表的含义如下： 玫瑰：纯洁的爱 剑兰：用心巩固 百合：百年好和 满天星：爱怜 菊花：吉祥 康与馨：亲情思念郁金香：爱的表白 紫罗兰：永恒之美 勿忘我：爱到永远 列表标记包括“项目列表标记、“编号列表标记。和标记都是成对标记。在标记之间还可以使用标记来设定项目内容，其type属性可以显示不同形状的项目符号。 三标记的设置 示例5标记，输入如下所示的HTML语句，保存后的浏览效果如下列图。body bgcolor=#FFFF99花语花节友情与我联系 HTML是通过标记符来实际超的，它是成对标记符，主要属性有： 1href

4、。文件的地址。 2target。目标的位置。 与我联系 花节 友情 相关知识 一HTML文件的概念 HTMLHyper Text Markup Languafe，即超文本标记语言，它通过多种标准化的标记符号Tag对网页内容进展标注，对页面内容进展标注，对页面超媒体内容的输出格式以与各内容局部之间逻辑上的组织关系等进展描述和指定。 二HTML文件的特点 HTML是Web页面的根底。使用HTML描述的网页文件称之为HTML页面或者HTML文件，这种文件以“.html或者“.htm为扩展名，它是一种纯文本文件，可以使用记事本、写字板等文本编辑器来进展编辑，也可以使用FrontPage、DreamWe

5、aver等网页制作工具来快速创建HTML文件。 三HTML文件的结构 HTML文件均以标记符开始，以标记符完毕。和标记符之间的内容用于描述页面的头部信息，例如页面标题、关键词等信息。在和标记符之间的内容即为页面的主体内容。HTML文件的整体结构如下列图。 四绝对地址和相对地址 文件的引用既可以使用绝对地址，也可以使用相对地址。 直接定出所的文件位于哪个服务器中的内，主要用来其他的网页，例如： 友情 用所的文件相对于目前网页所在位置来表示，通常用来当前中的其他网页，例如： 花节 须知事项 在使用记事本等编辑器建立HTML文件时，一定要以.htm.或html为扩展名保存文件否如此在浏览器中无法正确

6、显示预览效果。二、文字与表格 学习目标1进一步了解HTML超文本标记语言的结构、语法。2掌握字体标记符、表格标记符的设置。工作程序和内容一建立HTML文件操作步骤如下：1单击“开始按钮，选择“程序“附件“记事本，打开“记事本窗口。2在记事本中输入HTML语句。3执行“文件“保存命令，将文件保存为htm或html格式。4在浏览器中预览所建立的HTML文件 二 标记的设置 示例6字体标记，设置示例2中相应段落的字体，HTML语句如下，保存后浏览效果，如下列图。我的花店我的花店!花店欢迎您访问我的花店花可以传情,可表达思念之情,亲情,感恩的心情,衷心的祝福!祝愿进入我的花店的朋友天天有好心情! 标记

7、用来定义文字的字体、大小和颜色，是成对标记符。主要属性有： 1face属性：定义文字所使用的字体，如face=“隶书。 2size属性：定义文字的大小，属性值为17，也可以使用相对大小来设置，如size=“+5”、 size=“-5”。 3color属性。定义文字的颜色，可以使用颜色的英文名称来表示颜色，如： color=“red；也可使用16进制的RGB代码来表示颜色， color=“#FF0000”，在使用16进制的RGB代码来表示颜色时，需在颜色代码前加“#。 此外，字体标记符还包括粗体标记符、斜体标记符等。 三表格标记的设置： 示例7表格标记，在记事本中输入以下HTML语句，保存后在浏

8、览器中浏览，效果如下列图。我的花店 节日 名称 5月 1日 国际劳动节 在和之间放置表格内容，标记是成对标记。在表格中，行是用标记来定义的，一行使用一个标记，每行中的列是用标记定义的；一列使用一个标记。、标记都有相应的属性，用来定义表格中内容的显示方式。表格标记的主要属性有： 1rowspan。定义该单元格所跨行数。 2colspan。定义该单元格所跨列数。相关知识 一HTML标记的格式 HTML文件的所有控制语句称为标记，标记在一对尖括号之间，格式如下： HTML语言元素 1标记符分为成对标记符和非成对标记符，、等属于成对标记符，、等属于非成对标记符。标记符忽略大小写。HTML源文件为文本文件，多个标记符可定成一行，甚至整个文件可定成一行；一个标记符的内容可以定成多行。 2可使用标记符的属性来讲进一步限定标记符，一个标 记可以有多个属性项，各属性项的次序不限定，各属性项间用空格进展分隔。 3HTML中使用的注释语句为,注释内容可插入文本中任何位置，注释内容将不显示。 二HTML的作用 1利用标题、文本、表格、列表和图像发布在线信息。 2应