助理电子商务师 技能.doc

PAGE PAGE 9 助理电子商务师 技能 第一章网页制作 第一节 HTML语言 一、页面布局 建立HTML文件 1、使用记事本 2、编写代码 html headtitle/title/head body bgcolor=”#ffff99”/body /html 3、浏览效果 （二）常用的HTML标记设置 1、标题标记hi h1/h1 ……..h6 align=”left”/h6 2、段落标记p p align=”center”用于划分段落，与上段间有一空行/p 3、换行标记br br换行标记，它不产生空行。 4、水平线标记 hr align=”center” width=”100%” size=”4” color=”#3333ff” 5、字体标记 font face=’宋体’ size=’3’ color=’red’/font 6、列表标记：项目列表标记与编号列表标记 项目列表标记（无序列表标记） ul li实心圆点。类型可放在ul属性中/li li type=”circle”空心圆点/li li type=”square”实心方块/li /ul 编号列表标记（有序列表标记） ol type=a li type=a /li li type=A /li li type=1 /li li type=I/li li type=i /li /ol （三）链接标记a a href=”b.htm” target=”right”指向站内文件/abr a href=””指向其它网站-新浪/abr a href=”mailto:aa@”与我联系/abr 附：相关知识 1、HTML文件的概念：超文本标记语言，它通过多种标准化的标记符号对网页内容进行标注，对页面超媒体内容的输出格式以及各内容部分之间逻辑上的组织关系等进行描述和指定。 2、HTML文件的特点：把使用HTML描述的网页文件称之为HTML页面或HTML文件，这种文件以“.html” 或 “.htm”为扩展名，它是一种纯文本文件，可以使用记事本、写字板等文本编辑器来编辑，也可以使用FrontPage、DreamWeaver等网页制作工具来快速创建HTML文件 3、HTML文件的结构 html head/head body/body /html 4、绝对地址和相对地址 绝对地址：直接写出所链接的文件位于哪个服务器中的网站内，主要用来链接其它网站的网页。如：http:/ 相对地址：用所链接的文件相对于目前网页所在的位置来表示，通常用来链接当前网站中的其它网页。如：bg.htm 二、文字与表格 建立HTML文件 font字体标记 font color=”#660000” face=”隶书” size=”+5”我的花店/font b粗体标记/b i斜体标记/i 表格标记 table width=”300” border=”1” align=”center” tr algin=”center” td colspan=”2”节日/td td名称td /tr tr algin=”center” td rowspan=”3”5月/td td1日td td国际劳动节td /tr tr algin=”center” td4日td td中国青年节td /tr tr algin=”center” td12日td td护士节td /tr tr algin=”center” td colspan=”2”6月1日td td国际儿童节td /tr /table 附：相关知识 1、HTML标记的格式 ⑴ 分为成对标记 与 非成对标记 标记忽略大小写 多个标记符可写成一行 一个标记符可以写成多行 ⑵ 使用标记符的属性来进一步限定标记符，一个标记可有多个属性项，各属性项的次序不限定，各属性项间用空格进行分隔。 ⑶ HTML注释语句：!-- --，注释内容不显示 2、HTML的作用 发布在线信息、应用超链接获得在线信息、应用表单与远程服务通信、把样式视频音频和应用程序嵌入到HTML文档中。 第二节 动态网页制作（动态HTML效果） 一、编辑图像 （一）编辑图像：横幅广告（200*100像素），共三张图 打开photoshop7.0 打开图像 图像图像大小（约束比例） 滤镜风格化风 （方法：风；方向：从右） 滤镜扭曲水波 （数量：10；起伏：7；样式：水池波纹） 滤镜模糊动感模糊 （角度：0；距离：4） （二）在FrontPage中插入横幅广告 21.htm 打开FrontPage 保存文件 插入组件横幅广告管理器 补充:默认情况下，横幅广告管理器并未作为一个菜单选项包含到 FrontPage 2003 中。若要将横幅广告管理器组件添加到“插入”菜单中，请执行以下操作： 在“工具”菜单上，单击“自