《网店运营基础-电子商务基础项目实战》课件-技能点2 利用Dreamweaver添加链接_第1页
《网店运营基础-电子商务基础项目实战》课件-技能点2 利用Dreamweaver添加链接_第2页
《网店运营基础-电子商务基础项目实战》课件-技能点2 利用Dreamweaver添加链接_第3页
《网店运营基础-电子商务基础项目实战》课件-技能点2 利用Dreamweaver添加链接_第4页
《网店运营基础-电子商务基础项目实战》课件-技能点2 利用Dreamweaver添加链接_第5页
已阅读5页,还剩10页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

装修店铺中不同的电商平台有其自己的方式,我们需要利用免费模板或者系统模板来对店铺页面进行编辑。编辑过程中,也可以借助于第三方平台,但是有的平台未必能使用,因此我们还需要掌握一下Dreamweaver,可以适用于任何页面。接下来我们一起学习使用Dreamweaver添加链接的方法:首先我们打开Dreamweaver软件,选择新建HTML文件。

软件打开后呈现出图的样式,这时候只显示代码,不利于我们进行下一步编辑,我们需要进行视觉编辑的修改选择第二项拆分如图。这时候我们既可以利用代码来编辑网页,同时还可以直观的通过右侧设计栏观察到图像的变化,如图。

回到淘宝后台选择通过图片空间选择图片“茶具”见图,将鼠标移动至该图片下方默认出现复制链接地址和图片代码,我们选择<i>,将图片代码选中并复制备用,见图。

回到Dreamweaver中,在代码栏内将淘宝中图片“茶具”的图片代码粘贴到<body>与<body>之间,如图所示。我们会发现虽然只粘贴了代码,但是通过拆分后的设计栏里也出现了刚才我们所选择的图片。

观察现有Dreamweaver界面,下方会呈现属性面板,图中红色区域内工具可分别创建矩形热点区域、圆形热点区域和多边形热点区域,和针对热点区域进行的编辑移动。

利用热点工具我们在右侧设计区便可以规划调整出所需热点的蓝色范围,如图。同时我们再次观察下方属性已经默认替换为现有热点的属性。

观察属性内容如图。我们还需要设置链接栏和目标栏。链接栏中“#”键指针对该Dreamweaver文件内所连接的地址,不符合我们添加个电商平台连接地址的要求,因此在复制网站连接时一定注意删除“#”号键,以免后续无法跳转到对应地址。

点击“目标”下拉箭头,会发现出现几类选项,一般选择“_new”或“_blank”在新的页面中打开。如图所示。

如图,连接和目标设置好。我们便可以再回到左侧代码栏将<body>与<body>之间内容从新复制好,并回到各平台装修区域再次编辑。

打开淘宝后台,点击PC端首页装修。找到自定义模块见图,拖放至内容编辑区域。选择自定义模块的右上方编辑按钮,见图。

进入编辑界面后,我

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论