mwbr.net
当前位置:首页 >> 网页ps切图Dw实现 >>

网页ps切图Dw实现

首先要了解的一件事是:我们所看到的网页是先要从远程网站服务器上下载下来,然后我们的浏览器解析后,我们才看到网页的效果 所以直接上传PS做好的图不是个好办法,除非你设计的图很小,否则打开(下载)页面会很慢 其次,网页上不止是链接,还...

楼主,淘宝首页就是用div+css制作的,只有纯数据会用表格,切图的时候,图片都是切最小的,小到1K的小图片,一般会用cssSprite技术,将小图片都合成一张图片,这样可以减少http请求。c店也是用div+css。 淘宝的详情编辑框是一个模块,实际网站开...

PS切图的话切出来的图片全是table的,你可以仔细的看下代码,而用dw写出来的代码是用的div的,网页看上去虽然都差不多,但是dw做出来的网页更精致一些,不推荐用ps切出来的就直接是网页,而且转到asp的动态页面也不好加代码

在PS里划分切片后 在工具栏-文件-存储为Web所有格式-存储-保存类型选HTML和图像 (*.html)

div的大小和你表格的宽度要一致 ,然后div也要居中 因为你文字是跟着div跑的, 而且根本用不上div 直接表格里套表格就可以了,最外表格放图里面套个一样大小的表格就可以再写文字了,要换行 换列的话就利用表格的拆分就可以实现,要灵活运用表格,多练吧

把切出来的保存WEB格式, 存储的时候选HTML,然后拉进DW加上热点。然后加上全屏代码,就是这么简单

这个是撑爆了表格的节奏,ps切图有时候里面会有1像素的差别,所以建议你检查一下里面图片的尺寸是不是超过了你表格的宽度

做个比方:切图就是把一块完整的镜子打碎之后用胶水沾起来。 首先,将效果图用PS切好之后保存在文件夹里 其次,按照效果图将切好的图片布好局一块一块的用div或者table将小图片yon放在原图该放的位置。 在DW中,首先建一个HTML文件,然后再建一个...

PS导出的是DIV标签,有空格的原因有可能是图片尺寸不一,也可能是新插入的DIV标签代码段前有空格,建议PS切片时用辅助线框好,然后直接替换原来的错误图片

完美的样式写法如下: img{border:1px solid #fff;} //这里的颜色要与背景颜色一样。img:hover{border:1px solid #f00;}第二种完美方法: img{padding:1px;}img:hover{border:1px solid #f00; padding:0;}如果单独给img添加hover出现边框的话会...

网站首页 | 网站地图
All rights reserved Powered by www.mwbr.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com