助理电子商务师 技能.doc

1 助理电子商务师助理电子商务师 技能技能 第一章网页制作第一章网页制作 第一节第一节 HTML 语言语言 一一 页面布局页面布局 一 建立 HTML 文件 1 使用记事本 2 编写代码 3 浏览效果 二 常用的 HTML 标记设置 1 标题标记 2 段落标记 用于划分段落 与上段间有一空行 3 换行标记 换行标记 它不产生空行 4 水平线标记 5 字体标记 6 列表标记 项目列表标记与编号列表标记 项目列表标记 无序列表标记 实心圆点 类型可放在 ul 属性中 空心圆点 实心方块 编号列表标记 有序列表标记 type a type A type 1 type I type i 三 链接标记 2 指向站内文件 指向其它网站 新浪 与我联系 附 相关知识附 相关知识 1 HTML 文件的概念 超文本标记语言 它通过多种标准化的标记符号对网页内容 进行标注 对页面超媒体内容的输出格式以及各内容部分之间逻辑上的组织关系等进 行描述和指定 2 HTML 文件的特点 把使用 HTML 描述的网页文件称之为 HTML 页面或 HTML 文件 这种文件以 html 或 htm 为扩展名 它是一种纯文本文件 可以使用记事 本 写字板等文本编辑器来编辑 也可以使用 FrontPage DreamWeaver 等网页制作工 具来快速创建 HTML 文件 3 HTML 文件的结构 4 绝对地址和相对地址 绝对地址 直接写出所链接的文件位于哪个服务器中的网站内 主要用来链接其它网 站的网页 如 http 相对地址 用所链接的文件相对于目前网页所在的位置来表示 通常用来链接当前网 站中的其它网页 如 bg htm 二 文字与表格二 文字与表格 一 建立 HTML 文件 二 字体标记 我的花店 粗体标记 斜体标记 三 表格标记 节日 名称 5 月 1 日 国际劳动节 4 日 中国青年节 3 12 日 护士节 6 月 1 日 国际儿童节 附 相关知识附 相关知识 1 HTML 标记的格式 分为成对标记 与 非成对标记 标记忽略大小写 多个标记符可写成一行 一个标记符可以写成多行 使用标记符的属性来进一步限定标记符 一个标记可有多个属性项 各属性项的次 序不限定 各属性项间用空格进行分隔 HTML 注释语句 注释内容不显示 2 HTML 的作用 发布在线信息 应用超链接获得在线信息 应用表单与远程服务通信 把样式视频音 频和应用程序嵌入到 HTML 文档中 4 第二节第二节 动态网页制作 动态动态网页制作 动态 HTML 效果 效果 一 编辑图像一 编辑图像 一 编辑图像 横幅广告 200 100 像素 共三张图 打开 photoshop7 0 打开图像 图像图像 图像大小 约束比例 图像大小 约束比例 滤镜滤镜 风格化风格化 风风 方法 风 方向 从右 方法 风 方向 从右 滤镜滤镜 扭曲扭曲 水波水波 数量 数量 10 起伏 起伏 7 样式 水池波纹 样式 水池波纹 滤镜滤镜 模糊模糊 动感模糊动感模糊 角度 角度 0 距离 距离 4 二 在 FrontPage 中插入横幅广告 21 htm 打开 FrontPage 保存文件 插入插入 组件组件 横幅广告管理器 补充补充 默认情况下 横幅广告管理器并未作为一个菜单选项包含到 FrontPage 2003 中 若要将横幅广告管理器组件添加到 插插 入入 菜单中 请执行以下操作 1 在 工具工具 菜单上 单击 自定义自定义 2 在 自定义自定义 对话框中 单击 命令命令 选项卡 3 单击 插入插入 菜单 注释 即使将指针从 插入插入 菜单上移开 此菜单也将继续显示 4 在 自定义自定义 对话框中的 类别类别 列表中 单击 插入插入 5 在 命令命令 列表中 找到并单击 横幅广告管理器横幅广告管理器 6 将 横幅广告管理器横幅广告管理器 项拖动到 插入插入 菜单中 然后将其置于所需位置 7 在 自定义自定义 对话框中 单击 关闭关闭 8 单击 插入插入 菜单以验证其中是否包含 横幅广告管理器横幅广告管理器 命令 三 在 FrontPage 中应用动态 HTML 效果 22 htm 打开 FrontPage 保存文件 输入文本并选中 格式格式 动态 HTML 效果 浏览效果 补充 在补充 在 格式格式 菜单中添加菜单中添加 动态动态 HTML 效果效果 菜单项菜单项 四 建立及应用 CSS 样式文件 23 htm 1 创建 CSS 样式文件 打开 FrontPage 文件 新建 其它网页模板其它网页模板 样式表样式表 样式类型 普通样式表 确定 样式工具栏 中 单击 样式 按钮 弹出 样式对话框 样式对话框 中 新建 弹出 新样式对话 新样式对话 中 输入样式名称 test 选择 样式 段落 字符 设置格式 格式 设置字体 段落 边框 确定 保存 5 Mystyle css 代码 test font family 隶书 color 808080 text decoration underline font size 24pt font weight bold 附 新建附 新建 外部样式文件外部样式文件 与新建与新建 嵌入式样式嵌入式样式 的异同的异同 新建 外部样式文件 前 要先新建 css 文件 接着 格式 样式 新建 新建 嵌入式样式 前 要新建 htm 文件 接着 格式 样式 新建 注意点 样式名以注意点 样式名以 开始开始 2 应用外部 CSS 样式 新建页面文件 输入目标文字 格式 样式表链接 所选的网页 添加 选择样式表文件 确定 代码 选中目标文字 这是样式的应用 保存并浏览效果 代码 这是样式的应用 补充 显示补充 显示 样式工具栏样式工具栏 视图 视图 工具栏工具栏 样式样式 附 相关知识附 相关知识 1 DHTML DHTML 的定义 又称动态网页 效果 它将内容对象化 应用编程语言来操作页 面上的对象 不必通过服务器就可以与用户交互信息 更新页面内容 动态网页技术包括 JavaScript VBScript CSS 层叠样式表 Layers 层 等 DHTML 的基本结构包括 HTML CSS 脚本程序 浏览器对象和网页对象等 DHTML 是基于 HTML 语言 通过 CSS 技术扩展了 HTML 的样式定义语法和语义 使用脚本程序调用或控制浏览器对象和网页对象 从而使页面具有动态效果和交互功 能 2 CSS 层叠样式表 CSS 是一种用于定义网页内容显示样式的技术 通过样式可以设定许多属性 如字号 颜色 页边距等 CSS 的特点 便于页面的修改 便于页面风格的统一 减少网页的体积 CSS 语句的格式 选择器 属性 1 值 1 属性 2 值 2 其它 选择器为样式要套用的对象 一般是 HTML 标记 6 CSS 的应用 应用外部样式文件 当多个页面文件具有相同的样式时 可以将 CSS 样式保存为独立的文件 所有页面文 件可共享该样式文件 链接外部样式文件的方法为先在文档的头部区域输入以下代码 然后再在部分直接使用 CSS 中的定义即可 应用嵌入式样式 通过标记符 可将样式信息作为文档的一部分用于 HTML 该方式将样式信息 放在头部区域中 在和 之间定义样式 在中 可以包含一个或 多个标记元素 注意要将 CSS 代码置于之间 例如 嵌入式样式操作方法 嵌入式样式操作方法 新建 格式 样式 新建 应用 嵌入式样式 1 应用内联式样式 内联式样式只包含在与它有关的标记内 对页面上其它的标记不 起作用 如 内联式样式 23b htm23b htm 代码 代码 应用外部样式文件 7 嵌入式样式 1 嵌入式样式 2 内联式样式 使用 span1 使用 span2 3 脚本语言 所谓脚本语言 就是一种介于 HTML 语言和 Visual Basic Java 等高级语言之间的语 言 JavaScript 和 VBScript 是目前最常用的两种脚本语言 VBScript 无法单独存在 必须附属在 HTML 中执行 使用 JavaScript 和 VBScript 既可编写客户端脚本 又可编写服务器端脚本 客户端脚 本是由浏览器处理的 必须放在 标记之间 嵌入到 HTML 页面中 4 注意事项 在定义样式时 注意要将样式定义的内容放在 中 属性与属性之间用 隔开 属性与属性值之间使用 注意 CSS 样式文件的扩展名为 css 客户端脚本是由浏览器处理的 必须放在 标记之间 嵌入到 HTML 页面中 二 视频与音频二 视频与音频 一 在页面中插入背景音乐 24 htm 1 打开记事本 新建网页 2 输入语句 注 loop 1 播放音乐的次数 loop 小于零时无穷次循环 3 保存文件 4 在浏览器中预览 二 插入 Flash 动画 25 htm 打开 FrontPage 新建文件 插入插入 高级高级 插件插件 插件属性 选择 SWF 文件 保存 在浏览器中预览 注 使用标记定义 flash 动画文件 代码 补充 在补充 在 插入插入 菜单中添加菜单中添加 高级高级 菜单项菜单项 附 相关知识附 相关知识 1 多媒体知识 8 多媒体是声音 动画 文字 图像和视频等多种媒体的组合 2 视频知识 视频是将整个视频流中的每一幅图像逐幅记录 信息量非常大 视频文件格式主要有 3 种 avi 文件 图像质量好 体积过于庞大 mov 文件 原苹果公司开发 与 avi 属于同一级别 品质 压缩比等 不如 avi 普 遍 mpg 文件 压缩视频的基本格式 它的压缩方法是将视频信号分段取样 每隔若干幅画面取下一幅 关键帧 然后对 相邻各帧未变化的画面忽略不计 仅记录变化了的内容 因此压缩比很大 mpg 还有 mpv 和 mpa 两个变种 前者只含视频 后者只含音频 3 音频知识 在多媒体中的声音有音乐和音效两类 音乐除了我们熟悉的普通音乐外 还有电脑特 有的 MIDI 音乐 音效包括各种各样的声音 如拖动或点击鼠标时发出的声音等 数字音频技术是通过将声波波形转换成一连串的二进制的数据来保存声音的 可以使用 Macromedia 公司出品的音频编辑工具 Sound Forge 来对声音文件进行编辑 声音文件的格式主要有 3 种 wav 文件 声音文件最基本的格式是 WAV 波形 格式 它把声音的各种变化信息 频率 振 幅 相位等 逐一转成 0 和 1 的电信号记录下来 记录的信息量相当大 其具体大小 与记录的声音质量高低有关 mid 文件 MID 文件又叫 MIDI 文件 其记录方法与 WAV 完全不同 人们在声卡中事先将各种 频率 音色的信号固化下来 在需要发一个什么音时就到声卡里去调那个音 一首 MIDI 乐曲的播放过程就是按乐谱指令去调出那一个个音来 因此 MIDI 的文件体积都 很小