手把手教你做主题 WordPress皮肤教程(二)
来源:asp之家 时间:2010-03-22 18:27:00
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,最终结果如图:
标签:主题设计,皮肤制作,wordpress,设计教程
0
投稿
猜你喜欢
知名游戏论坛网站遭DDoS攻击勒赎
2009-12-08 13:17:00
用抓包的方法解决ARP病毒欺骗攻击
2009-09-11 13:16:00
淘宝客15天记录 日赚50 分享一点新手经验
2010-05-10 14:00:00
八大优化插件 增加客户对WordPress接受度
2010-03-21 08:33:00
《江苏文明办网倡议书》即将签署
2009-10-28 13:24:00
新云CMS常用模板标签
2008-09-23 18:19:00
Discuz+UC+PHPCMS 整合的一些心得
2009-12-20 18:16:00
谷歌推出新型扩展式广告 考虑用户体验感受
2009-03-06 12:50:00
对网站进行准确定位 是网站成功的第一步
2008-12-15 09:47:00
中国网通成立运营机构 专营IDC市场
2008-04-04 16:31:00
Godaddy空间的使用体会 Godaddy
2010-04-07 12:45:00
维护服务器安全的7个基本方法
2012-02-25 19:53:02
75%年轻人称没有互联网就无法生活
2009-10-16 08:46:00
韩国IPTV用户破百万 2012年市场收益将扩大10倍
2009-10-14 10:46:00
快速架设基于宽带的FTP服务器
2010-01-02 19:21:00
国际域名涨价已成定局
2007-09-23 08:00:00
浏览器15年历史回顾
2009-10-12 14:52:00
SEO Google算法解析系列之HillTop算法
2009-09-11 16:26:00
Godaddy常见问题之数据库恢复错误 Godaddy
2010-04-16 13:19:00
SSL 加密被破解,千万站点面临危险
2011-09-22 20:26:43