注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

吉祥*如意的休闲驿站

你若盛开,清风自来

 
 
 

日志

 
 

网易博客首页模板的制作方法(转)  

2014-03-17 20:01:54|  分类: 博客教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |


(作者明眸

       温馨提示:制作博客模板必须要能够自己改变图片的大小。有的照相机本身带有软件可以用。也可在网上下载加工图片的软件。像Photoshop软件,网上有下载的,可免费使用30天。

       好!现在开始了:

      1、在您登陆了自己的博客后,点击右上角的“换风格”。

则出现如下画面:

网易博客首页模板的制作 - 明眸 - 博客素材

    点击画面左侧的“风格自定义”,在新画面点击“开始自定义”则出现如下的画面。

 

网易博客首页模板的制作 - 明眸 - 博客素材

      从这个版面上可以看出我们需要加工的有顶区、导航条、中区、底区、模块、浏览器、其他。下面我们就逐一地制作这些内容吧。

    温馨提示:制作一套首页模板,一般不会一次定型。您可以做一部分先保存。下次有空再接着做(点击“修改”)。当您做好了一部分打算休息时,一定要在退出前点击“保存风格”。但有时“保存风格”按钮是虚的不能点击,这时您就用鼠标左键在上图随便一个空白处点击一下,“保存风格”按钮就变实而可以使用了。

    2、制作顶区:顶区就是每个博客最上面的图片。制作时必须把图片的宽度设置为1004,高度至少450。(现在看设置后的顶图、和未设置图片大小的顶图的效果)

 网易博客首页模板的制作 - 明眸 - 博客素材

  ①   点击上图中的“选图”按钮,上传图片。在“平铺方式”、“对齐方式”、“顶区高度”中选择最佳效果。

  ②   因为顶图是放了图片的,所以“背景颜色”可不去理会。

  ③   图片放好后,点击“文字”,则画面如下。

网易博客首页模板的制作 - 明眸 - 博客素材

    此时可以设置顶图中文字的大小、字体、文字的位置以及文字的颜色。注意:文字的位置要选在既醒目又不影响景深的地方,文字颜色要与顶图的颜色相协调并且必须字迹清楚。设置字体颜色就是把“颜色”框里的颜色代码换成您选中的代码。您可以到这里选择颜色代码。好了顶区完工了。

   3、制作导航:导航条就是首页、日志、相册、音乐、收藏、博友、关于我这一栏。在上图中点击“导航”后画面如下:

网易博客首页模板的制作 - 明眸 - 博客素材

   ①   点击上图中的“选图”按钮,上传图片。在“平铺方式”、“对齐方式”、“导航条高度”中选择最佳效果

 (温馨提示:导航条所上传的图片也可设置成宽度1004,设置宽度与否效果不同。)

   ②   因为是放了图片的,所以“背景颜色”可不去理会。

   ③   图片放好后,点击“文字”,则画面如下。

 网易博客首页模板的制作 - 明眸 - 博客素材

   此时可以设置导航栏中文字的大小、文字的位置以及文字的颜色。注意:文字颜色要与导航条的颜色相协调并且必须字迹清楚。设置字体颜色就是把“颜色”框里的颜色代码换成您选中的代码。您可以到这里选择颜色代码。

   ④ 点击“当前项”,则画面如下:

网易博客首页模板的制作 - 明眸 - 博客素材

  以设置“首页”那两个字的样式为例。上图中的所有项目都是针对“首页”那两个字的,依次设置便可。

  温馨提示:如果您想给“首页”两个字加背景图片,就一定要长与宽等比例缩小图片。到这里看 图片过大仅能显示图片的一部分时的效果,和 图片缩小到恰到好处时的效果

  ⑤点击“鼠标滑过项”则画面如下:

 网易博客首页模板的制作 - 明眸 - 博客素材

    这里设置的是当鼠标滑过“首页、日志、相册、音乐、收藏、博友、关于我”这些字时,画面显示的样式。

   温馨提示:如果您想给“鼠标滑过项”加背景图片,就一定要长与宽等比例缩小图片。到这里看 图片过大仅能显示图片的一部分时的效果,和 图片缩小到恰到好处时的效果。 

   4、制作中区: 中区和模块是不一样的,到这里看看,绿色的树林是中区的区域,净面绿色是模块的区域。

   点击“中区”则编辑画面如下:

网易博客首页模板的制作 - 明眸 - 博客素材

   按照上述画面中区的设置没什么特别的了,这里不再赘述。

   中区的静面颜色一定不要从颜色代码中选择,一定要选一张好的净面图片放上去,因为颜色代码中选的颜色,无论你怎么选都会脏兮兮的不漂亮

   5、制作底区:点击“底区”则编辑画面如下:

网易博客首页模板的制作 - 明眸 - 博客素材

   底图与顶图一样,需要把图片设置为宽度1004,高度450.下面看设置了大小的底图没设置大小的底图

 ("底区高度"是一个很重要的项目,设置时需注意。“对齐方式”也是设置重点)

   6、制作模块:点击“模块”则画面如下:

 

   网易博客首页模板的制作 - 明眸 - 博客素材

    模块是个重要的项目,所有博文之类需展示的东西都在模块上。模块的选色很重要,像炫目的黑色是多数高档博客的首选。但是它不适合于以文字为主的博客。文字为主的博客应该是以页面整洁干净,不易视觉疲劳为原则。(模块的静面颜色一定不要从颜色代码中选择,一定要选一张好的镜面图片放上去,因为颜色代码中选的颜色,无论你怎么选都会脏兮兮的不漂亮。)

   模块共有九个区,2区是模块的眉头,放一张好的图片有画龙点睛的作用。其他几个区您都可以上传一张图片试试,觉得不好还可以换图或去图

   文字的颜色需反复试验,心里想的好颜色放在上面不一定好。色彩既要协调,又要文字阅读起来清清楚楚

   边框有粗细之选。如果是豪爽大气的博客可以选择粗的边框。如果是小家碧玉型的博客,就要选细线条

   7、设置浏览器:浏览器是博客两边的边缘画面。如果电脑的屏幕不大的话,在博客画面上是看不见浏览器的。

   点击“浏览器”则编辑画面如下

网易博客首页模板的制作 - 明眸 - 博客素材

   浏览器的图片应该注意的是:如果用没有景深的图片,会使整个屏幕显得直堵在眼前,用有一定景深的图片,会使人有眼前很开阔的感觉。(看有景深的、和无景深的不同效果)图片最好高度要在1004以上。另外还要关注那个“固定背景”那个项目。如果您的电脑能够看到浏览器的效果,您最好把那个“固定背景”选与不选都试一次。您会有惊奇的发现。

   8、设置其他:点击“其他”编辑画面如下:

网易博客首页模板的制作 - 明眸 - 博客素材

     其他就是屏幕最上面的写有“换风格”、“消息”等字样的那一小条。这里主要是关注色彩协调就完了


  评论这张
 
阅读(24)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017