怎么把psd的文件转换成html5

html-css06

怎么把psd的文件转换成html5,第1张

您好!

1)您需要在PS里将这个PSD格式的文件拼合图层,压平为一张单层图像。存储为jpg或gif格式。

2)在PS里是不能直接存储为html格式的,您需要将这个jpg或gif格式拖到 ImageReady 软件里

这个软件一般是和PS捆绑在一起安装的,在专业的处理网页格式的软件,存储为web类型的

格式即可,例如存储为html 或 htm

HTML5用于实现日常看到的所有网站(比如网站的模块布局、文字段落图片等样式、动作等),但是不涉及后台和数据层面(具体的图片、文字是什么)。

也可以这么理解,HTML5开发工程师是负责将设计师设计好的网页图片(通常是PSD格式),用代码实现出来,包括在网页的某个位置放置一个块,给一个块设置颜色,调整字体大小,让图片动起来等操作。

html css 网页中最根本的,少不了就js 、jQuery什么的

现在最新的技术就是html5 css3 ,支持的浏览器也越来越多了

至于下面说的切图什么的是不支持用,不灵活 荣誉的东西太多,

现在的职位是 设计 美工 前端 后端 分的再细会把js分出来 ;

设计就是出整体的设计方案,美工根据方案出设计图,前端根据美工出的设计图 用html css js 来转化成静态页面,后台来实现动态化

不过现在很多公司都是将设计 美工和前端拼合成一个职位 为了节省成本吧 ,也就是要求你需要会 设计,ps ,html、css,js ,也有将js分给后端来实现的。

至于你说的psd到html的过程 就是拿到设计图写页面,自己搭个页面框架,经常都会用的一些样式提出来,这样每一个项目都可以用,一个一个div写呀,你说的会一些基础就够了,很多不会的度娘就行,知道怎么去实现某个东西就可以,至于js 其实i也是一个很深的东西,技巧,在于积累,比较快的方法没有就是多写,遇到问题查,最好是能有一个人给你讲从拿到一张图开始,一步步的讲一遍,基本两三张图完了你也就差不多了

写页面的时候不要什么都卸载html中 css是css js是js

其实设计蛮重要,实现页面会了就觉得很简单,像最近会有用到less css 有点偏程序化的语言,层次比较清楚,最后在生成以下,还有字体图标,不用图片 只要字体就可以生成图标直接用,不会在程序里占用太大的空间