- 1、本文档共24页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
I制作代码Dreamweaver才是王者,手把手教你图片换代码
下面我介绍下我们所用的软件
?Adobe Photoshop CS4??? 这个也就是我们常说的PS软件,是一款比较好的图像处理软件,它的功能非常多,划分为图像编辑、图像合成、校色调色及特效制作部分。 不怕你不会,就怕你不学,没人会一步登天的...专家也是慢慢变成的
Macromedia Dremweaver MX2004?? 这个是一款网页制作和管理网站于一身的所见即所得网页编辑器,它的优点在于最佳的制作效率,网站管理和无可比拟的控制能力。我们并不是专业,也不喜欢做到专业一样。我们只要利用它就行了
?
?
?好,我们来看看如何运动这两款软件
首先是打开你要获取代码的图片,选择切片工具,是要把图片切分开来,这样可以把想填加链接的图片做到,每个切片大小可以不一样
?
?
第二步,在图片的左上方开始,点击左键拖拉,会出现一个虚线框
?
?
然后放开左键后,软件会自动设置,左上角的数字代表这个切片的序号
?
?
?
然后继续切片,第二切片要于第一个切片贴边,要不然会样切片1变小或切片不完整
?
?然后按自己的要求来划分,注意一定要把整个图片划分起来,即使是没有用的?
PS:你切分多少等下会得到相对应的图片,所以你要把你想添加链接的那部分要分开来
?
?
?
然后切分后,我们就保存为web和设置所用格式,马上就结束PS的工作
?
?
?
点击保存
?
?
?
记住要保存为图象和html类型
?
?
?
好的,保存之后,PS可以关闭了。下面我们运用Dreamweaver
刚得到两个文件,把images上传到图片空间,html的文件就用Dreamweaver来制作
?
注意,刚刚因为我们切片的时候是分了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,
?
?
把刚拷贝的代码复制下去,然后保存
?
?
这样,我们的图片就完成了,若有填加链接的图片,点击是可以打开的
?
?
有点人说,我不想去下载那么多个软件。。有的人说这么麻烦。。还是算了。。我在这里跟大家说句,凡是可以让店铺更好的,我们都是值得去学习的,不怕你学不会,就怕你不去学。
?
学习是每一个人都得做的….只有多学多动..才会让自己提升…而在淘宝上...更验证了这一句话…淘宝开店前期是一件很烦闷的工作..我们要懂的去把工作变得有激情…在平时管理自己的店铺同时..还要花点时间去注重个人能力升值…拓展自己的知识面,学会协调自己的时间和精力…让自己每天都有一个完美的状态…
?
娱乐的时候该娱乐,学习的时
文档评论(0)