PS切图
- jpg图像格式:JPEG(JPG)对色彩的信息保留较好,高清,颜色较多,我们产品类的图片经常用JPG格式的
- gif图像格式:GIF格式最多只能存储256色,所以通常用来显示简单的图形及字体,但是可以保存透明背景和动画效果,实际经常用于一些图片小动画效果.
- png图像格式:是一种新兴的网络图形格式,结合了GIF和JPEG的优点,具有存储形式丰富的特点,能够保持透明背景,如果想要切成透明背景,请选择PNG格式.
- PSD图像格式:PSD图像格式是Photoshop的专用格式,里面可以存放图层,通道,遮罩等多种设计稿,对我们前端人员来说,最大的优点就是我们可以直接从上面复制文字,获取图片,还可以测量大小和距离.
PS有很多种切图方式:图层切图,切片切图,PS插件切图.
1.图层切图
2.切片切图
3.PS插件切图
现在要做一个学成网首页的案例,前期有一些准备工作.
这篇文章主要写一下整体思路和大的框架,样式和布局留到自己重做的时候再写出来巩固一遍.
CSS属性的书写顺序(重要)
页面布局整体思路
为了提高网页制作的效率,布局时通常有以下的整体思路
- 必须确定页面的核心(可视区),我们测量可得知.
- 分析页面中的行模块,已经每个行模块中的列模块,页面布局第一准则.
- 一行中的列模块经常浮动布局,先确定每个列的大小,之后确定列的位置,页面布局第二准则
- 制作HTML结构,我们还是遵循先有结构,后有样式的原则,结构永远最重要.
- 所以,先理清楚布局结构,再写代码尤为重要,这需要我们多写多积累.
一.头部制作
代码太多太麻烦了,最后一起放.
马上就要学完了,一天下来才学了10个视频,还是效率最高的一天...下一章是个大工程啊...
