美化博客(基础教学)初学者必读

	美化博客(基础教学)初学者必读 网络上对如何装扮博客有很多文章说明，看上去好象要做一些装扮需要很专业的知识，其实不然，基本上都是通过添加简单的代码来实现专业的效果而已，大家千万不要被所谓的、让人眼花缭乱的代码所吓倒。其实，只要稍微用点心，你也会拥有一个让人另眼相看的家。 　　 　　首先利用代码装扮博客，下面初步知识务必先搞清楚。 1、装扮主页面，代码应该编写在空白面板中； 2、装扮某文章，代码应该添加在文章编辑栏中； 3、空白面板的代码添加步骤： 　　博客首页-→控制面板-→个人首页维护-→维护首页内容-→自定义空白面板（点击进入编辑界面）创建新的空白面板-→面板标题（随便写个名字）-→勾选“显示源代码”-→空白面板简介中添加代码-→再次点击“显示源代码”，可以看到基本效果（动态的东西是不动的）-→满意就保存； 　　下一步，在博客首页添加新增添的内容： 　　控制面板-→定制我的首页-→添加模块-→自定义空白面板（勾选你需要添加的内容，别忘记你刚才起的名字哟）-→点下面的选取-→保存设置 这时你就可以在你的首页上看到你添加的新内容。 　　4、文章中代码添加步骤： 　　发表文章-→勾选“显示源代码”-→文章编辑栏添加代码-→再次点击“显示源代码”，可以看到基本效果（动态的东西是不动的） -→满意发表文章就行了； 　　具体代码，基本上在我以下的文章里都收集了。 　　 　　一般来说在代码中“......”之间的东西就是图片、音乐或Flash的地址(即存放的地方),在网页中看到好看的图片就用鼠标的右键（不是左键）点图，出现个表单，点最下面的属性（用左键）这时就能看到图的路径了。把该地址复制下来,粘贴到“......”就一切OK了，音乐和Flash的粘贴方法大同小异，道理是一通百通的。 还有很多朋友刚接触到博客,很多基本操作不会,其实心细的朋友可以发现新浪博客的首页有一个FLASH向导,我把它找来啦.点击以下地址即可观看: http://image2.sina.com.cn/blog/image/xiangdao.swf

	一、基本必要条件 1.1 做模版需要什么能力吗？ 　　做BLog的模版你需要了解HTML和CSS还有美工基础，当然这不是很难，甚至可以说很简单，不会的朋友马上学，买书一个星期就可以学会。另外就是细心、耐心，毕竟我们也是在做设计，严格要求是当然的。 1.2 准备工具 　　一台电脑，制作网页的工具Macromedia Dreamweaver MX 2004和做图工具Macromedia Fireworks MX 2004（PS也可以）。测试浏览器Mozilla irefox，IE6.0在XP下自带。截图工具HprSnap5，论坛里有使用方法（滚屏截图）。这几个工具可以在天空下载站下载到。 Macromedia Dreamweaver MX 2004： http://www2.skycn.com/soft/860.html Macromedia Fireworks MX 2004： http://www2.skycn.com/soft/1824.html Mozilla Firefox V1.0.6 中文增强版 http://www2.skycn.com/soft/20595.html SN: Macromedia Dreamweaver MX 2004: WPD700-52206-61494-40475 Macromedia Fireworks MX 2004： WPD700-52206-61494-40475 Macromedia Studio 8正式版序列号 flash：WPD800-53933-19632-12307 dreamweaver：WPD800-52430-29332-35254 fireworks：WPD800-59537-39432-12200 　　这里还要推荐一款很好用的CSS编写软件：TopStyle3。你可能用不到。下载地址：http://skin.midicn.cn/soft/TopStyle3.rar 　　以及《样式表中文手册css2》是CHM格式的，可直接打开。你一定要用到。下载地址：http://skin.midicn.cn/soft/css2.rar 　　屏幕滚动截图工具HprSnap5。做好模版后截图工具，可能用到。下载地址：http://skin.midicn.cn/soft/HyperSnap-DX.rar 模版制作教程2 二、构思 2.1 色调 　　首先要考虑BLOG的基本色系是什么颜色，然后是基本布局，这里我们不做太复杂的，只做最简单的考虑。这里我考虑绿色，而且只考虑绿色和灰色搭配。（传说中灰色是万能色，就好象O型血一样。） 2.2 布局 　　BLOG的布局很简单，不用考虑太多因素。最常见的无非是左右两列布局（我们不讲太个性的）。 三、制图 　　在FW下面新建一个890*1344的图。优化设置里面选择PNG32格式（推荐使用PNG格式的图片，导出后画质最好，体积小。个人经验。） 3.1 背景 　　我们先考虑整个页面的背景色，使用#CCFF66颜色。 　　然后是中间部分的背景图片，我们设计一个圆角矩形，效果如下图。 3.2 HEAD的设计 　　再把刚才的大圆角矩形复制粘贴一遍，并且把修改高度到150，注意使用鼠标拖放修改，直接修改数字会变形。（汽车人） 　　从网上随便找个风景图，然后使用魔术棒随便扣，再填充成灰色，再“平面化所选”，再把尺寸对齐，多余的削掉，位图属性设置成“屏幕”。 　　在合适的地方画个矩形，特效是阴影。这样看起来会和背景和谐。 3.3 FOOTER的设计 　　再复制圆角矩形，和刚才的HEAD修改一样，颜色改成黑色。注意细节。 　　现在整个背景就OK了，新建一个图层，并且把这个图层锁定。 3.4 公告烂的设计 　　公告栏简单，看图。 3.5 内容页的设计 　　我是这么设计的。 3.6 RIGHT的的设计 　　做一个标题文字的背景。 3.7 BLOG分类背景图的设计 　　两个矩形，一个色浅，用做连接色，一个色深，用做鼠标拖过。左边加个小箭头点缀。矩形的宽尽量宽，因为没准哪个BLOGGER的分类名字很长。（切图的时候把这两个图切成一个。） [ 本帖最后由 吉吉 于 2007-3-9 21:04 编辑 ]

	不简单

	先存下，以后再学习 谢谢分享