网站运营
位置:首页>> 网站运营>> 手把手教你做主题 WordPress皮肤教程(二)

手把手教你做主题 WordPress皮肤教程(二)

 来源:asp之家 发布时间:2010-03-22 18:27:00 

标签:主题设计,皮肤制作,wordpress,设计教程

HI,我叫Alvaro Guzman,这是别样wordpress模版的第二部分。在这节课里,将学到如何运用,XHML+CSS来建一个网页。还会学到如何使用CSS来建一个wordpress模版。在学这一节课时,你最好有一些关于HTML和CSS的知识,还应该了解wordpress的功能和结构。

如果你是一个程序员,你必须有一定的PS基础,图层,切片,和了解一些wordpress的功能。无论如何,如果你是一个刚入门的webdesigner,我敢肯定你会觉得那些知识对你一定有作用。

Step 1 – Let’s begin

打开PSD文件。

首先,隐藏所有图层中的文本,链接,图像。尽可能的显示只有容器相关的图层。(如图),只显示背景,头部,导航,主体的容器,和页脚。当然你还得有一个文件夹来存图像。在这里我创建两个子目录,一个存放JPEG,另一个存PNG.

一个好的网页开始于有一个良好的结构。先建好一个html文件,再给这个文件建一个CSS.最后你就可以把这些文件替换为wordpress模版。

Step 2 – 主要背景。

现在我们动手切割图片,在PS中有一些方法可以切割图片,但是我还是喜欢用切片工具,因为这个工具对于网页比较好,但也不是都适合全部,具体问题要具体分析了。隐藏所有图层,保留背景图层和填充层。

按ctrl+alt+shift+S在弹出的对话框里选择。在选项选择.JPG格式,质量选70%.点保存最后把图片保存在/images/jpgs 文件里。

Step3-切割网页

现在来做最有趣的事--切片!首先隐藏背景图层,包括:图片背景,背景,LOGO,最终结果如图:



0
投稿

猜你喜欢

手机版 网站运营 asp之家 www.aspxhome.com