使用Dreamweaver手把手教你图片换代码(2)

时间:2010-12-08 00:43 来源:淘宝论坛 作者:blues总动员 浏览: 4135

注意,刚刚因为我们切片的时候是分了4份,所以得到的图片也就是4个

好的,我们打开Dreamweaver,

Dreamweaver是网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

我用的版本是MX 2004,比较旧了,呵呵.好的我们会看到这样的一个模版

我先在简单介绍一下Dreamweaver....Dreamweaver一般打开页面后的界面包括:菜单栏、面板组、工具栏、代码编辑区、属性和面板组。

我们要运用好这软件,就必须了解一些基本。连基本都不会,是很难操作起来的,首先是菜单栏一共分文件,编辑,查看,插入,修改,文本,命令,站点,窗口和帮助。我们也不需要对每个都深入研究。

文件菜单:就是包括对文件的各种操作,例如新建,保存等。

编辑菜单:对文件的一些指令,例如是拷贝,粘贴和替换等。

查看彩单:使用查看菜单可以查看文档的相关内容。

接下来就认识一下快捷键

Ctrl-B或Ctrl-I来为文字应用黑体或斜体格式,

选中的文本应用HTML格式:

Ctrl-0: 无格式

Ctrl-T: 段落

Ctrl-1: 标题 1

Ctrl-2: 标题 2

然后我们认识一下属性板,因为等下需要用到,属性版上可以对选种的对象来进行修改,比如说地址,链接,格式,字体等。还有一点,属性板是根据当前对象来设置的,你选择的对象不同,它的显示出来的属性调整就会不同

好了,我们可以开始去做了。。缩小一下窗口,直接把HTML文件拖进去可以了,

好的,现在我们看到这样的画面,上方是我们等下需要的代码,中间就是我们的图片,下面是属性设置

然后我们按照切片的位置来修改,把图片的地址改成上传之后的图片地址,链接是超链接的地址,填加对应的地址点击图片会打开,当然没有需要的部分也不用填加

图片地址改了后。会变成这样,是正常的,然后我们继续去改换其他

图片地址改完后,链接也填加了,下面马上完工,拷贝代码

到我是卖家版面,选择装修店铺

到自定义版块,点击编辑HTML,

把刚拷贝的代码复制下去,然后保存

这样,我们的图片就完成了,若有填加链接的图片,点击是可以打开的

有点人说,我不想去下载那么多个软件。。有的人说这么麻烦。。还是算了。。我在这里跟大家说句,凡是可以让店铺更好的,我们都是值得去学习的,不怕你学不会,就怕你不去学。

学习是每一个人都得做的….只有多学多动..才会让自己提升…而在淘宝上...更验证了这一句话…淘宝开店前期是一件很烦闷的工作..我们要懂的去把工作变得有激情…在平时管理自己的店铺同时..还要花点时间去注重个人能力升值…拓展自己的知识面,学会协调自己的时间和精力…让自己每天都有一个完美的状态…

觉得本文有用?

精彩评论

推荐阅读

  • 淘宝店铺装修在线制作

    很多新手朋友对ps并不是很懂,或者说一窍不通,那么想制作一些自己的店招,分类,店标等等怎么办呢?淘宝学堂装修...

  • 如何让店铺视觉直接提升销售额

    最近碰到很多的卖家都在纠结自己的店铺视觉,总感觉自己的店铺风格不是自己需要的,我发现很多店主还是在凭自己的...