关于photoshop切片导出html和图像,dreamweaver编辑

准备做淘宝美工,但是我只会photoshop,看到很多招聘信息上都含有熟练掌握phtoshop,dreamweaver等设计软件,我知道dw是网页设计排版软件,但是我所知道实现淘宝首页排版的步骤:在ps中做出图像-切片-输出web格式保存html和本地图像-在淘宝首页新建自定义模板-切换源码编辑然后粘贴ps导出的html然后再切换到正常模式-然后出现了无图片的位置布局,本地图片上传淘宝相册,然后一个个点击添加图片地址和点击转到地址-这样就可以达到所谓的首页自定义排版了....

但是dreamweaver能带来什么,为什么ps导出html还要在dw中编辑,有什么好处吗?
请说的简单一点.....因为我没学过dw不太清楚,如果真的好处很多或者很必要,那我就学习一下这个软件.

= = 竟然没财富值了.................................

  DW是把切片融入到代码元素中,这样我们就可以在网页中看到原ps设计的效果图了,ps导出html还要在DW中编辑,是因为通过ps导出html代码非常粗糙,一定要重新在DW中优化代码,这样才更符合代码的规格规范,DW是一款非常好的代码编辑软件,是设计人员必须要掌握的一门技能,你可以多多学习一下,对以后的职业生涯会非常有帮助的!
  或是在dreamweaver编辑好每个图片和布局,以及内嵌样式(注意:不是内部样式和外联样式),然后把本地图片地址,换成淘宝相册的链接地址即可!
温馨提示:内容为网友见解,仅供参考
第1个回答  2013-02-21
DW是把切片融入到代码元素中,这样我们就可以在网页中看到原ps设计的效果图了,ps导出html还要在DW中编辑,是因为通过ps导出html代码非常粗糙,一定要重新在DW中优化代码,这样才更符合代码的规格规范,DW是一款非常好的代码编辑软件,是设计人员必须要掌握的一门技能,你可以多多学习一下,对以后的职业生涯会非常有帮助的!本回答被提问者采纳
第2个回答  2013-02-21
淘宝的都是内嵌样式,也就是说,样式只能写在标签内部,全部通过style=""来实现样式的。

在dreamweaver编辑好每个图片和布局,以及内嵌样式(注意:不是内部样式和外联样式),然后把本地图片地址,换成淘宝相册的链接地址即可!

关于photoshop切片导出html和图像,dreamweaver编辑
DW是把切片融入到代码元素中,这样我们就可以在网页中看到原ps设计的效果图了,ps导出html还要在DW中编辑,是因为通过ps导出html代码非常粗糙,一定要重新在DW中优化代码,这样才更符合代码的规格规范,DW是一款非常好的代码编辑软件,是设计人员必须要掌握的一门技能,你可以多多学习一下,对以后的职业生...

...做好图片切片WEB的模式保存HTML,在dreamweaver8打开后,怎样添加编 ...
建议你不要用photoshop做切片,把你的PSD档用fireworks开启,使用Fireworks的切片功能分割你的网页图片,将PSD档另存成PNG档案,接着做2次导出,第一次导出网页的时候时,将所有切片的类型设定为 "图像" (有两种选择 Html & 图像---》代表编辑区跟图片)如果你没有将所有的页面都做切片的话,记得勾选...

我用photoshop制作图片然后切片以html格式导出,然后用frontpage编辑这张...
一般正确的方式是用PS把图片切出来,在用Dreamweaver 排版工具排版,用PS直接导出的HTML页面能用,但是有很多没用的代码,修改起来也会出现很多问题,至于你说的问题只要把图片设置为背景,就可以在上面放文本了。

ps切片后,如何用Dreamweaver排版呢
PS切片之后,选择菜单“文件”-“存储为web格式”(快捷键ctrl+shift+alt+s);点击确定,选择格式和HTML 确定后出现图片和代码(images文件夹和html格式文件)将上图中的html文件用dreamwaver打开并且已经排版好;修改成自己想要的效果即可。

photoshop切片后保存html和图像格式在dreamweaver里面显示不出图片...
firework配合dreamweaver应该好用点,你说的这种情况应该是没把切片文件复制到网站文件夹下面,制作模版的过程是切片好了把网页文件和图片文件夹都复制到你的网站根目录下面,然后新建文件-命名-制作-主体都做好后保存为模版文件(.dwt格式),这样的文件不能直接预览的,要放在你别的页面里才行。要想按照...

PHOTOSHOP切片导出后,如何用DreamWeaver操作?
切片存储为WEB所用格式,生成的html文件就是网页.打开它在DreamWeaver里操作:就把图块设置为背景,在相应的地方添加链接文字,段落内容什么的.别忘记保存.

ps切片后怎么用dw制作网页
小编这里用Photoshop CC和Dreamweaver CS6来做演示。首先我们打开ps软件。请点击输入图片描述 2 然后打开网页设计图,一般都是psd格式的,小编这里以简单的JPG格式代替了。请点击输入图片描述 3 然后点击左侧工具栏中的“切片”工具,就是那个小刀子形状的。请点击输入图片描述 之后在图片上切出想要做网页...

...里做切片后生成web文件,导入dreamweaver编辑乱是错乱
你做的切片不就是想把图片当背景吗,PHOTOSHOP导出的WEB文件里,默认的布局是表格,然后是每个根据你切片形成的单元格里加入图片,而不是以背景的形式存在的,当你导入DREAMWEAVER的时候,只要一动其中的一个单元格或者单元格里面的图片,通过DREAMWEAVER的自动调整,布局自然会打乱,建议你把生成的WEB导入DREAMWEAVER...

ps切片后怎么存储为web后为什么是两种格式
html & 图像---》代表编辑区跟图片)如果你没有将所有的页面都做切片的话,记得勾选“包括无切片区域”。并勾选"将所有图像放入子文件夹的选项"(方便你找图档)然后你在fireworks的环境下,将你要修改做网页编辑的切片区设定成"html"类型,然后再输出一次,这个时候你到dreamweaver开启你刚导出的html...

...做好图片切片WEB的模式保存HTML,在dreamweaver8打开后,怎样添加编 ...
你自己做的图为背景图片,在DW中之直接用CSS定义body{background:url();},页面上的图片直接用<IMG SRC >调用

相似回答