psd转html

时间 2019-11-06

标签 psd html 栏目 HTML 繁體版

原文原文链接

之前的项目老是委托人家给psd转html，总感受本身前端仍是不错的，为啥不本身好好弄弄呢？看教程学习多多练习孰能生巧。css

一、拿到psd图将整张psd存成一个完整的jpg（快捷键提示：alt+ctrl+shift+s）html

二、DW建立网站，分为index.htm、images(文件夹)、styles.css主css。前端

三、查看psd开始大板块分割（感受这里跟面向对象同样哈哈），基本思路是header、content、footer(有时候有轮播部分能够本身进行增长)ide

四、修改index.htm 分为学习

<!DOCTYPE HTML>网站

<html>ui

<head>spa

<title>首页</title>对象

</head>

<body>

</div>

</div>

</div>

</div>

</body>

</html>

五、将截图与页面经过css进行对应完成初步的页面呈现。

六、进行细节的细化。