怎么根据PSD文件写html,利用psd文件写出html css结构的流程

1、拿到psd文件后先大概定义页面的div结构，然后一行一行的写,

ctrl + r 显示隐藏标尺右击标尺 --- 把里面的单位一律改为像素,

alt + -可以放大缩小psd文件，

space+鼠标左键可以拉动psd文件

ctrl+d可以取消选区

1>删除默认的内外边距。

先写顶部的HTML结构

后写顶部的CSS样式。注意版心居中，利用margin:0 auto实现盒子的居中显示，注意文本只能用text-align:center来实现。

再布局头部的内部div，一个左浮动，一个右浮动。

学会Photoshop切片工具的使用，将切片保存下来方便使用。导出切片：文件-- 存储为web设备所用格式

切片删除，利用切片选择工具+delete键，或者利用视图--->清除切片就可以删除所有切片。

切图时不想把不需要的元素切进去，可以利用自动选择功能把不需要的元素隐藏

选中某个图层，然后对该图层进行切片的方法。

原文：https://www.cnblogs.com/jinlonghu/p/9155028.html

怎么根据PSD文件写html,利用psd文件写出html css结构的流程相关推荐

利用fputc函数写一个putw(w,fp)函数，将整数w写入fp所指文件中；利用fgetc函数写一函数getw(fp)从所指文件读出一整数
<程序设计基础-c语言>杨莉刘鸿翔 ISBN-978-7-03-032903-5 p257 习题8 5.利用fputc函数写一个putw(w,fp)函数,将整数w写入fp所指文件中: 利 ...
IIS写权限利用续以及写权限漏洞来由解释
很多人也许觉得IIS PUT这玩意不值一提啊-其实不然,身在乙方,给客户做安服的时候总是遇到IIS写权限的问题,一方面WVS7.0已经可以扫描并且使用POC成功写入漏洞目标,另一方面无聊的土耳其或者印 ...
android自动烧写工具,利用fastboot烧写Android平板镜像典型步骤举例
1.准备fastboot烧写工具在windows下下载fastboot软件,并将如下文件: bootloader.fex, env.fex,boot.img,recovery.img ,userda ...
NC文件不规则裁剪(利用shp文件裁剪)
文章目录示例数据与软件介绍数据软件中国区域提取利用Python裁剪nc文件示例数据与软件介绍数据 NCEP的逐月2m气温数据中国基础shp文件软件这次除了常用的Python之外,我 ...
利用apache-commons-fileupload写jsp上传文件
利用apache-commons-fileupload写jsp上传文件需要下载fileupload和beanutils两个包,代码如下. <%@ page language="jav ...
matlab问题利用M文件比较两个数大小,Matlab中写M文件及调用
1题.自然数n的阶乘 function y=lilu_fact(n) n=floor(n);%如果是小数,向下取整至整数 y=1; if n>1 %这里负数,0的阶乘都将得到1 for i=1 ...
好的设计善于利用PSD模板，轻松搞定促销海报！
在设计促销海报之前,首先要明白你表达的中心思想是什么?需要突出的主题是什么?那么作图之前首先就要构思好,在这张海报里哪些是需要突出的部分,需要做得够大.够漂亮,这样才能有力传递促销信息. 好的设计善于 ...
js解析PSD文件，Java处理psd文件智能图层
现在市面上很多的webapp都提供模板功能,所谓模板就是一系列元素的集合,模板的制作一般都需要设计师先在Photoshop等软件中制作好设计好,然后再一定的方式来还原设计稿,要么需要编码要么需要在某些 ...
add多个文件 git 文件夹_利用 git 提取文件夹下多个特定文件里的内容写到特定文件内...
有些时候我们需要将一个或多个文件夹内的特定文件里的内容读写到指定的文件内,如果是一个一个文件复制速度太慢,这时我们可以利用git来操作. 首先打开我们需要读取的文件的上级文件夹,在空白处右击选择[Gi ...

怎么根据PSD文件写html,利用psd文件写出html css结构的流程

怎么根据PSD文件写html,利用psd文件写出html css结构的流程相关推荐

最新文章

热门文章