设计一个psd的网页,然后转成div+css的格式 怎么做
发布网友
发布时间:2022-05-13 00:20
我来回答
共5个回答
懂视网
时间:2022-05-13 04:41
拿到PSD文件后,如何较快地完成DIV+CSS的网页设计呢?
别说用photoshop的生成功能,那个最不靠谱
我目前的做法是手动地敲代码,但效率很慢,一个页面往往需要四五天时间,感觉很浪费时间,有没有更好的办法呢?
回复讨论(解决方案)
..... 我也是手动敲的,不过 一个页面 不需要 4-5天。应该是 整个 网站 如果页面 不超过40个的话 最多 4天能敲完。要说好的办法 其实 是基于工具的。比如 我们公司 有一个自己研发的 工具 页面不是敲出来的 是 直接画出来的。不过我还是 偏向于 用 DW 工具来自己敲。
我也是手动敲的。。生成的重用性很低,而且自动命名样式。多做的话应该就会快点。有自己的一套模板样式,我一个站也得切2天左右,页面不超过10个
要想快的话,大块切图+热点。只是尺寸相对来说,比较固定,缺乏弹性。
这种事,做多点,经验多+手法快,速度总能快些的。
顾得了这头,顾不了那头啊,
想要拓展性就手动,想快就切图
切图,切完导成html格式,不过倒出来的挺恶心,不嫌麻烦就用吧
我也是手动敲的。。生成的重用性很低,而且自动命名样式。多做的话应该就会快点。有自己的一套模板样式,我一个站也得切2天左右,页面不超过10个
有自己的一套模板,这个有道理
有自己的一套模板,这个有道理
呵呵,模板是对已搭建好的结构进行不同风格化时有用的。
象你现在这样,可能是对这个网站的零起步或完全重建,是需要你根据情况写模板,而不是有现成模板可用,因为你的PSD是你自己设计的结构,别人的模板都不适用,除非你一开始就是遵循别人的模板结构进行视觉设计。
这种情况下,你要按照模板的要求去写,花的时间那就更长了。
苦练 学习 有套路的工作 来加快速度
不要指望自动化 自动化的东西 怎么知道你确确的需求呢
这东西能敲得人很颓废
热心网友
时间:2022-05-13 01:49
把psd网页先划分成三大块,顶部,中间部分,底部。然后在各个部分继续划分字模块,每个模块都统一用DIV来实现,css只是负责定义层的属性,比如宽,高,背景色,位置等等。再不会M我
热心网友
时间:2022-05-13 03:07
PS切图
1、打开psd文件选择切片工具
2、切出要在Dreamweaver里排版的图片
3、文件-存储为web所用的格式-类型为html和images
4、打开Dreamweaver进行div排版
热心网友
时间:2022-05-13 04:42
切图。
推荐使用 Fireworks 吧,用法与ps极其相似,这是一款专门针对网页设计的软件,可以精确且灵活的设置圆角框的尺寸.... 在切图方面要比ps切图方便的多。
热心网友
时间:2022-05-13 06:33
一般是先做好PSD的样板,然后在PS上切片,导出后在DW上进行布局,建议你买本CSS网站实录看看
设计一个psd的网页,然后转成div+css的格式 怎么做
把psd网页先划分成三大块,顶部,中间部分,底部。然后在各个部分继续划分字模块,每个模块都统一用DIV来实现,css只是负责定义层的属性,比如宽,高,背景色,位置等等。再不会M我
ai生成ppt工具有哪些?
博思AIPPT是基于ai制作PPT的智能在线工具,它提供了4种AI制作PPT的方式,包括AI生成大纲、AI直接生成PPT、文本生成PPT、AI提炼文档生成PPT,一站式集成多种AI生成PPT的方式,可满足办公用户的不同需求和使用场景。ai生成ppt工具有哪些?相比较其...
psd 转成 div+css的形式,基本操作的流程是什么,多谢
1、如果是个别图片需要插入到网站里,可以在ps里做好后,在div里引用;2、如果是一整张图,作为一个网站,可以在ps里,用切片工具切成一块块(尽可能的规则,需要加链接的地方,则要切成一整块),然后“保存成web所用格式”(Ctrl+Shift+Alt+S),→ 图片显示区域,① 预设:设置保存图片的格式 ...
PSD到DIV+CSS的实现过程,请不吝赐教
1. psd按1:1比例做好图,分辨率设置为72 2.做好图后将你需要的图片单独切下来,用psd生成的网页基本上没用(1.代码很累赘,2.不方便修改,3.生成的是table格式)所以最好是自己手动重写 3.div+css 按照你的网页设计来布局,写DIV时尽量简洁,不要多层嵌套,最好不要超过3层 4.如果图片都很小...
怎么把psd格式转换成css+div
先把psd格式图片切图,切下来的图最好是jpg,或者png .gif的 格式 然后用 DW 等软件进行布局,把你想做的东西做成网页, 我就是做这个的, 有什么不明白的加Q:七四二九四八三奇三
psd切片成css+div后网页怎么居中
</style> <div class="test">居中的div</div> 注意一下body设置的text-align:center,这样设置后再设置div的样式margin:0 auto div就在网页居中了 你可以去了解一下margin 它的基本格式是 margin:上 右 下 左;当写成margin:0 auto;这样,它的含义是margin:上下 左右;比如margin:0 auto; 含义是...
怎样将psd格式图片切成CSS+Div格式?
您好!一般正确的方式是用PS把psd格式图片切出来,在用Dreamweaver 排版工具排版。用PS直接导出为HTML格式的页面能用,但是有很多没用的冗余代码,修改起来也会出现很多问题。建议您导出后直接用CSS+DIV进行网页布局。希望对您有帮助!
切割网页后怎么变成div+css布局
使用ps切片,切好了保持为 web存储格式 弹出的窗口可以设置保持的类型的,可以设置成div加css的 如下图:切好片以后,文件保存为web存储文件,就会弹出下面的图片。点击红框的箭头。点击输出设置。如下图:选择切片,下面就会出来生成css
如何把PSD用DIV+CSS排版?
使用PS切片工具K切出来,ctrl+shift+alt+S保存为HTML格式,然后就是一个HTML的文件了,也可以用DW编辑!不过不建议整个页面都是图片,和表格!现在都是用CSS来布局调样式的,要学网页需要再学习一下CSS
网页PSD做成DW css+DIVA谁能告诉我具体 啊。小妹先谢谢了。
一般就是把需要的页面元素从psd中切出来成为jpg、png或者动态的gif或者简单的flash文件。然后在页面开发中根据需要在css中引入这些元素。刚刚看到一个业务团队,专门做切图页面开发的 http://www.div123.com/ 呵呵,这个居然也能够成为一个单独的行业,太囧了,我们平时只是把这样的页面开发当作休闲来搞...
怎么用ps切完图后保存成XHTML+CSS布局的格式啊?
这个问题很简单,网上有些比较变态的软件,按照一定的逻辑程序把你切割好的PS文件硬性转化成所谓的XHTML+CSS文件。这样的东西主要是什么都不懂的新手去用。这样导出的XHTML+CSS文件并不是完全按照你设计预想的视觉进行布局的,更何谈跨浏览器兼容性。这导出的东西虽然也不能说不能用,但是十分的垃圾,...